.avatar>img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar-settings{gap:20px;display:grid}.avatar-settings .avatar-current h2{margin:0}.avatar-current,.avatar-review{align-items:center;gap:16px;min-width:0;display:flex}.avatar-current .avatar{flex:none;width:78px;height:78px;font-size:24px;font-weight:760}.avatar-review>img{object-fit:cover;border-radius:8px;flex:none;width:80px;height:80px}.avatar-settings strong{font-size:13px;font-weight:500}.avatar-settings p{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0}.avatar-settings>.button{justify-self:start}.avatar-settings input[type=file]{max-width:100%;padding:10px;font-size:13px}.avatar-settings input::file-selector-button{background:var(--raised);color:var(--text);font:inherit;border:0;border-radius:4px;margin-right:10px;padding:10px}.avatar[data-avatar-color=initials-cream]{--avatar-color:#f3e5c9}.avatar[data-avatar-color=initials-lime]{--avatar-color:#d5f75c}.avatar[data-avatar-color=initials-lilac]{--avatar-color:#dfccf2}.avatar[data-avatar-color=initials-coral]{--avatar-color:#ffaf9f}.avatar[data-avatar-color=initials-sky]{--avatar-color:#aee1fa}.avatar[data-avatar-color=initials-mint]{--avatar-color:#aeebca}.avatar[data-avatar-color=initials-gold]{--avatar-color:#ffd477}.avatar[data-avatar-color=initials-rose]{--avatar-color:#f8bbdc}.avatar[data-avatar-color]{background:var(--avatar-color);color:#17352b;font-weight:760}.platform-columns>.avatar-settings{border-radius:22px;grid-column:1/-1}.avatar-current{padding:12px 0 6px}.avatar-modes{background:var(--raised);border-radius:26px;flex-wrap:wrap;gap:5px;width:fit-content;padding:5px;display:flex}.avatar-modes button{min-height:38px;color:var(--accent);background:0 0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:650}.avatar-modes button[aria-pressed=true]{background:var(--accent);color:#fff}.avatar-choice{justify-items:start;gap:20px;display:grid}.avatar-option-set{width:100%;min-inline-size:0}.avatar-option-set legend{font-weight:700}.avatar-options{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:8px;display:grid}.avatar-colors{max-width:616px}.avatar-portraits{grid-template-columns:repeat(10,minmax(0,1fr))}.avatar-option{cursor:pointer;text-align:center;justify-items:center;gap:5px;min-width:0;padding:6px 2px;font-size:11px;font-weight:640;display:grid;position:relative}.avatar-option>input{opacity:0;position:absolute}.avatar-option .avatar{aspect-ratio:1;outline-offset:3px;outline:2px solid #0000;width:min(100%,78px);height:auto;transition:outline-color .16s,transform .16s}.avatar-colors .avatar{width:min(100%,48px)}.avatar-option:is(:hover,:has(input:focus-visible)) .avatar{outline-color:var(--muted)}.avatar-option:has(input:checked) .avatar{outline-color:var(--accent);transform:scale(.94)}@media (width<=1100px){.avatar-portraits{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=680px){.avatar-modes button{min-height:44px}.avatar-current .avatar{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.avatar-option .avatar{transition:none}}