/* Avatar creation is a scene in the RepoCompany dashboard. */
.avatar-dialog{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;overflow:auto;background:#101413;color:#f3ebd9;box-shadow:none}
.avatar-dialog::backdrop{background:#101413;backdrop-filter:none}
.avatar-studio{position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;padding:30px clamp(24px,4vw,76px) 24px;color:#f3ebd9;font:16px/1.45 "Segoe UI",Arial,sans-serif;background:transparent}
.avatar-studio,.avatar-studio *{box-sizing:border-box}
.avatar-options{min-width:0}
.avatar-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 72% 24%,#7d9b7121,transparent 65%),radial-gradient(ellipse at 46% 100%,#55543d22,transparent 45%),linear-gradient(160deg,#171c16,#101413 70%)}
.avatar-atmosphere i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#eee3b9;opacity:.35;box-shadow:0 0 12px 2px #dfe0ae38;animation:avatar-mote 22s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes avatar-mote{to{transform:translate(32px,-65px);opacity:.12}}
.avatar-studio button{font:inherit;float:none;margin:0;cursor:pointer;border:0;border-radius:0;background:none;color:inherit;padding:0}
.avatar-studio button:disabled{cursor:wait;opacity:.5}
.avatar-studio button:focus-visible,.avatar-studio input:focus-visible{outline:2px solid #f5dfac;outline-offset:5px}
.avatar-header{display:flex;align-items:center;gap:54px;min-height:103px;margin-bottom:clamp(30px,5vh,65px)}
.avatar-studio .avatar-brand{position:relative;width:143px;height:96px;flex:none;mix-blend-mode:screen}
.avatar-brand:before,.avatar-brand:after{content:"";position:absolute;background-image:url('original-case-assets/repo-brand.png');background-repeat:no-repeat}
.avatar-brand:before{left:37px;top:0;width:67px;height:68px;background-size:309.6px 193.5px;background-position:-122.55px -52.03px}
.avatar-brand:after{left:0;top:77px;width:143px;height:15px;background-size:384.48px 240.3px;background-position:-121.75px -160.2px}
.avatar-header p{font-size:10px!important;letter-spacing:.24em;color:#bfc1a3;line-height:1.5;margin:0 0 7px}
.avatar-header h1{font-size:29px;font-weight:350;letter-spacing:-.025em;line-height:1.15;margin:0}
.avatar-studio .avatar-close{display:flex;align-items:center;gap:15px;margin-left:auto;font-size:16px;font-weight:350;color:#ded8c1}
.avatar-close kbd{display:grid;place-items:center;min-width:39px;height:30px;padding:0 7px;border:1px solid #dfd2b885;border-radius:3px;font:11px "Segoe UI",Arial,sans-serif;color:#d0c9ac}
.avatar-workspace{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(45px,6vw,120px);width:100%;max-width:1440px;margin:auto;align-items:start}
.avatar-preview{width:100%;max-width:465px;justify-self:center}
.avatar-preview-art{aspect-ratio:1;border:1px solid #d9c79673;outline:1px solid #e2d3a112;outline-offset:5px;border-radius:3px;overflow:hidden;background:#d4ae78;box-shadow:0 24px 65px #0005,0 0 70px #cabb6d08}
.avatar-preview-art canvas{width:100%;height:100%;display:block;image-rendering:pixelated}
.avatar-player-preview{display:flex;align-items:center;gap:13px;margin-top:22px}
.avatar-player-preview canvas{width:42px;height:42px;border-radius:3px;image-rendering:pixelated}
.avatar-player-preview b{display:block;font-size:17px;font-weight:350}
.avatar-player-preview small{display:block;font-size:11px;margin-top:4px;color:#a8ad94}
.avatar-quick-colors{display:flex;gap:clamp(16px,2.4vw,35px);margin-top:25px}
.avatar-quick-colors label{display:flex;align-items:center;gap:10px;font-size:12px;color:#b6b8a5;cursor:pointer}
.avatar-studio input{font:inherit}
.avatar-studio input[type=color]{width:25px;height:25px;flex:none;padding:0;border:0;outline:1px solid #dbd1aa55;outline-offset:3px;border-radius:50%;background:none;cursor:pointer;overflow:hidden}
.avatar-studio input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.avatar-studio input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}
.avatar-studio input[type=color]::-moz-color-swatch{border:0;border-radius:50%}
.avatar-studio input[type=color]:disabled{opacity:.35;cursor:default}
.avatar-tabs{display:flex;align-items:center;gap:clamp(18px,1.65vw,30px);overflow:auto;scrollbar-width:none;margin:0 0 27px;padding-bottom:1px}
.avatar-studio .avatar-tabs button{position:relative;white-space:nowrap;font-size:17px;font-weight:350;color:#acae98;padding:0 0 14px}
.avatar-tabs button[aria-selected=true]{color:#fff1cd}
.avatar-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:#eaddae;box-shadow:0 0 12px #eaddae80}
.avatar-tabs button:hover{color:#fff1cd}
.avatar-option-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin:0 0 20px}
.avatar-option-heading h2{font-size:23px;font-weight:350;margin:0}
.avatar-option-heading>span{font-size:11px;color:#969e86}
.avatar-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:330px;overflow:auto;padding:4px 6px 10px 4px;scrollbar-width:thin;scrollbar-color:#7d8263 #161d1600}
.avatar-studio .avatar-choice{display:flex;flex-direction:column;align-items:center;min-width:0;padding:8px 8px 10px;border:1px solid transparent;border-radius:3px;background:#f1ebcd03;transition:border-color .15s,background .15s}
.avatar-choice canvas{display:block;width:100%;height:105px;object-fit:contain;image-rendering:pixelated;border-radius:2px}
.avatar-choice>span:last-child{font-size:12px;font-weight:350;color:#c4c8af;margin-top:10px;text-align:center;line-height:1.3}
.avatar-choice[aria-pressed=true]{border-color:#eee0aa;box-shadow:0 0 0 2px #e9d99b12;background:#e3d99d0a}
.avatar-choice[aria-pressed=true]>span:last-child{color:#fff1cd}
.avatar-choice:hover{background:#e3d99d0a;border-color:#e5ddb462}
.avatar-none{display:grid;place-items:center;height:105px;color:#88987a;font-size:24px}
.avatar-body-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:510px;max-height:none;gap:25px}
.avatar-body-grid .avatar-choice{padding:13px 13px 15px}
.avatar-body-grid canvas{height:190px}
.avatar-body-grid .avatar-choice>span:last-child{font-size:16px}
.avatar-palette{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:26px;padding-top:22px;border-top:1px solid #dbdfb719}
.avatar-palette>span{min-width:100%;font-size:12px;color:#b6b8a5}
.avatar-palette>div{display:flex;flex-wrap:wrap;gap:13px}
.avatar-studio .avatar-swatch{width:25px;height:25px;flex:none;border:0;border-radius:50%;background:var(--swatch);outline:1px solid #ffffff20;outline-offset:3px}
.avatar-swatch[aria-pressed=true]{outline-color:#fff0bf;box-shadow:0 0 14px #e2d19a26}
.avatar-studio .avatar-custom-color{display:flex;align-items:center;gap:13px;margin-left:auto;font-size:12px;color:#b6b8a5}
.avatar-link-colors{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:12px;color:#a8ad94;cursor:pointer}
.avatar-link-colors input{accent-color:#e3d6a6;width:15px;height:15px}
.avatar-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1440px;margin:32px auto 0;padding:24px 0 0;border-top:1px solid #dbdfb719}
.avatar-footer>div{display:flex;align-items:center;gap:30px}
.avatar-studio .avatar-footer button{font-size:15px;white-space:nowrap;font-weight:350}
.avatar-studio .avatar-save{min-width:176px;height:48px;padding:0 28px;border-radius:30px;background:linear-gradient(120deg,#fbe8ba,#f7e5c4);color:#111612;font-size:17px;font-weight:600;box-shadow:0 3px 15px #0003}
.avatar-save:hover{box-shadow:0 0 0 3px #fff7d420,0 0 25px #f5deaa15}
.avatar-studio .avatar-reset{font-size:12px;color:#969e86}
.avatar-feedback{font-size:12px!important;line-height:1.5;min-height:18px;color:#aebb99;margin:0!important}
.avatar-feedback.is-error{color:#efaa95}
.avatar-loading-error{padding:35px}
.avatar-standalone{margin:0;min-height:100dvh;background:#101413}
.avatar-standalone #avatar-studio-root{width:100%;min-height:100dvh}
.repo-avatar-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;border-radius:inherit;image-rendering:pixelated}
.profile-avatar-button{position:relative!important;border:0!important;background:none!important;margin:0!important;padding:0!important;cursor:pointer}
.profile-avatar-button .avatar-edit-hint{position:absolute;bottom:0;left:0;right:0;padding:6px 0;border-radius:0 0 12px 12px;font-size:10px;background:#0a130ddb;color:#f0e6ba;opacity:0;transition:opacity .2s}
.profile-avatar-button:hover .avatar-edit-hint,.profile-avatar-button:focus-visible .avatar-edit-hint{opacity:1}
.profile-avatar-button .profile-initials{pointer-events:none}
.account-friend-avatar{position:relative}.account-friend-avatar .repo-avatar-image{border-radius:inherit}.profile-initials i{z-index:1}
@media(min-width:1051px) and (max-height:850px){.avatar-studio{padding-top:24px}.avatar-header{margin-bottom:25px}.avatar-preview{max-width:375px}.avatar-choice-grid{max-height:280px}.avatar-choice canvas{height:83px}.avatar-body-grid canvas{height:155px}.avatar-footer{margin-top:24px;padding-top:18px}.avatar-quick-colors{margin-top:18px}}
@media(max-width:1150px){.avatar-header{gap:32px}.avatar-workspace{gap:35px;grid-template-columns:minmax(255px,.75fr) minmax(0,1.25fr)}.avatar-tabs{gap:18px}.avatar-studio .avatar-tabs button{font-size:15px}.avatar-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-body-grid{grid-template-columns:1fr 1fr}.avatar-body-grid canvas{height:145px}.avatar-quick-colors{gap:17px;flex-wrap:wrap}.avatar-custom-color{margin-left:0!important}}
@media(max-width:760px){.avatar-studio{padding:22px 24px;display:block}.avatar-header{height:82px;min-height:0;margin-bottom:32px;gap:12px}.avatar-studio .avatar-brand{width:108px;transform:scale(.72);transform-origin:left center;margin-right:-27px}.avatar-header p{font-size:8px!important}.avatar-header h1{font-size:23px}.avatar-studio .avatar-close{font-size:12px;gap:8px}.avatar-close kbd{display:none}.avatar-workspace{grid-template-columns:1fr;gap:31px}.avatar-preview{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:18px;max-width:530px;justify-self:start}.avatar-preview-art{grid-row:span 2}.avatar-player-preview{margin:0;align-items:flex-start;gap:0}.avatar-player-preview canvas{display:none}.avatar-player-preview b{font-size:15px}.avatar-player-preview small{font-size:10px;line-height:1.5}.avatar-quick-colors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;align-content:end}.avatar-quick-colors label{flex-direction:column;align-items:flex-start;font-size:10px;gap:7px}.avatar-studio input[type=color]{width:22px;height:22px}.avatar-tabs{gap:25px;margin-bottom:20px}.avatar-studio .avatar-tabs button{font-size:16px}.avatar-option-heading{margin-bottom:14px}.avatar-option-heading h2{font-size:21px}.avatar-option-heading>span{font-size:10px}.avatar-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:300px}.avatar-choice canvas,.avatar-none{height:75px}.avatar-choice>span:last-child{font-size:10px}.avatar-body-grid{grid-template-columns:1fr 1fr;max-width:100%}.avatar-body-grid canvas{height:125px}.avatar-body-grid .avatar-choice>span:last-child{font-size:14px}.avatar-palette{margin-top:18px;padding-top:18px}.avatar-palette>div{gap:12px}.avatar-studio .avatar-swatch{width:23px;height:23px}.avatar-footer{flex-wrap:wrap;gap:13px;margin-top:25px;padding-top:18px}.avatar-feedback{width:100%}.avatar-footer>div{width:100%;gap:22px;justify-content:flex-end}.avatar-studio .avatar-footer button{font-size:13px}.avatar-footer .avatar-reset{margin-right:auto}.avatar-studio .avatar-save{min-width:125px;font-size:14px;height:44px;padding:0 18px}}
@media(max-width:420px){.avatar-preview{grid-template-columns:minmax(0,185px) minmax(0,1fr);gap:16px}.avatar-studio .avatar-close span{max-width:65px;text-align:right;line-height:1.4}.avatar-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-body-grid{grid-template-columns:1fr 1fr}.avatar-quick-colors{gap:12px}.avatar-player-preview b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.avatar-studio *{transition:none!important;animation:none!important}}