.avatars-page [hidden]{display:none!important}.avatars-page input{font:inherit}.avatars-page input[type=search]{border:1px solid var(--line-strong);color:#e8f2fa;background:#070d15;border-radius:.45rem;width:100%;min-height:2.65rem;padding:.6rem .7rem;font-size:.82rem}.avatars-page input::placeholder{color:#8296a9}.avatars-page input:disabled{opacity:.6}.avatars-page input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button-grid--sets{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr))}.button-grid--size{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-set-button{justify-content:space-between;align-items:baseline;gap:.4rem;padding:.4rem .55rem;font-size:.78rem;display:flex}.avatar-set-button__count{color:#8296a9;font-variant-numeric:tabular-nums;font-size:.64rem;font-weight:650}.avatar-set-button[aria-pressed=true] .avatar-set-button__count{color:#9fe2ff}.avatar-search-label{margin-top:.85rem}.avatar-preview{border:1px solid var(--line);border-radius:.5rem;place-items:center;min-height:16.5rem;margin-bottom:.6rem;padding:.5rem;display:grid;overflow:hidden}.avatar-preview[data-backdrop=checker]{background-color:#223140;background-image:linear-gradient(45deg,#e8f4ff1c 25%,#0000 25% 75%,#e8f4ff1c 75%),linear-gradient(45deg,#e8f4ff1c 25%,#0000 25% 75%,#e8f4ff1c 75%);background-position:0 0,8px 8px;background-size:16px 16px}.avatar-preview[data-backdrop=dark]{background:#05090e}.avatar-preview-image{image-rendering:auto;width:256px;max-width:100%;height:auto;display:block}.avatar-preview-hint{color:var(--muted);text-align:center;margin:0;padding:0 1rem;font-size:.78rem;line-height:1.5}#avatar-backdrop-toggle{width:100%;min-height:2.3rem;font-size:.76rem}.avatar-facts{gap:.4rem;margin:.9rem 0 0;display:grid}.avatar-facts>div{grid-template-columns:5.2rem minmax(0,1fr);align-items:baseline;gap:.5rem;display:grid}.avatar-facts dt{color:#8296a9;letter-spacing:.055em;text-transform:uppercase;font-size:.6rem;font-weight:700}.avatar-facts dd{overflow-wrap:anywhere;color:#dbe7f2;margin:0;font-size:.76rem}.avatar-facts code{color:#9fe2ff;font-size:.72rem}.avatar-gallery{background:#080c12;min-width:0;height:100dvh;padding:1.5rem 1.6rem 2.5rem;overflow-y:auto}.avatar-groups{--avatar-tile:128px;gap:1.6rem;display:grid}.avatar-group__heading{border-bottom:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;align-items:baseline;gap:.55rem;margin:0 0 .75rem;padding-bottom:.45rem;font-size:.82rem;font-weight:650;display:flex}.avatar-group__count{color:#8296a9;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:none;font-size:.68rem;font-weight:600}.avatar-grid{grid-template-columns:repeat(auto-fill, var(--avatar-tile));justify-content:start;gap:.7rem;display:grid}.avatar-tile{border-color:var(--line);background:#05090e;border-radius:.5rem;min-height:0;padding:0;display:grid;overflow:hidden}.avatar-tile img{image-rendering:auto;width:100%;height:auto;display:block}.avatar-tile__id{color:#9dafc0;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#0b131d;border-top:1px solid #9cbedb24;padding:.28rem .3rem .32rem;font-size:.62rem;font-weight:650}.avatar-tile:hover:not(:disabled){background:#05090e;border-color:#7dd3fca3}.avatar-tile:hover:not(:disabled) .avatar-tile__id{color:var(--accent)}.avatar-tile[aria-pressed=true]{border-color:var(--accent-strong);background:#05090e;box-shadow:inset 0 0 0 1px #38bdf880,0 0 .9rem #38bdf82e}.avatar-tile[aria-pressed=true] .avatar-tile__id{color:#f7fcff;background:#12344a}.avatar-groups[data-size="64"] .avatar-tile__id{letter-spacing:0;font-size:.55rem}.avatar-empty{color:var(--muted);margin:0;font-size:.85rem}@media (max-width:800px){.avatar-gallery{height:auto;min-height:60dvh;padding:1.2rem 1.1rem 2rem}}
