.avatar.avatar-image{padding:0;overflow:hidden;background:#11151d!important;flex-shrink:0;border:1px solid var(--border);isolation:isolate}.avatar-image>img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}.account-avatar.avatar-edit-button{position:relative;border:0;padding:0;background:transparent;cursor:pointer;overflow:visible}.avatar-edit-button:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:24px}.avatar-edit-indicator{position:absolute;bottom:0;inset-inline-end:0;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--surface);border-radius:10px;background:var(--green);color:var(--bg)}.avatar-edit-indicator>.icon{width:14px;height:14px}.account-intro .avatar-edit-link{display:block;min-height:36px;padding:5px 0;font-size:11px;color:var(--green);text-align:start;margin:2px 0}.avatar-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:0 0 24px;border:0;min-width:0}.avatar-choice{position:relative;display:flex;flex-direction:column;gap:9px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft);cursor:pointer;min-width:0;transition:border-color 140ms ease,background-color 140ms ease}.avatar-choice>img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:12px;object-fit:cover;background:#11151d}.avatar-choice>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.avatar-choice-label{font-size:11px;color:var(--muted)}.avatar-choice:has(input:checked){border-color:var(--green);background:var(--green-soft)}.avatar-choice:has(input:checked) .avatar-choice-label{color:var(--text)}.avatar-choice:has(input:focus-visible){outline:2px solid var(--green);outline-offset:3px}.avatar-choice-check{position:absolute;top:13px;inset-inline-end:13px;display:none;place-items:center;width:22px;height:22px;background:var(--green);border:2px solid var(--surface);border-radius:50%;color:var(--bg);pointer-events:none}.avatar-choice-check>.icon{width:13px;height:13px}.avatar-choice:has(input:checked) .avatar-choice-check{display:grid}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.avatar-picker{gap:10px;margin-bottom:20px}.avatar-choice{padding:6px;border-radius:15px;gap:8px}.avatar-choice>img{border-radius:10px}.avatar-choice-label{font-size:10px}.avatar-choice-check{top:10px;inset-inline-end:10px}.account-intro .avatar-edit-link{min-height:36px}.account-overview .account-avatar .avatar{width:76px;height:76px;border-radius:23px}}
@media(prefers-reduced-motion:reduce){.avatar-choice{transition:none}}
.avatar.avatar-placeholder{padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-soft)!important;color:var(--muted);border:1px solid var(--border);box-shadow:none}.avatar-placeholder>.icon{width:50%;height:50%;max-width:28px;max-height:28px;opacity:.7;stroke-width:1.4}.account-overview .account-avatar .avatar{width:64px;height:64px;border-radius:20px}.avatar-edit-indicator{width:22px;height:22px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--muted)}.avatar-edit-indicator>.icon{width:11px;height:11px}.account-intro .avatar-edit-link{color:var(--muted);font-size:10px;min-height:30px}.avatar-choice.avatar-none{grid-column:1/-1;flex-direction:row;gap:12px;min-height:58px;padding:10px 12px;font-size:12px}.avatar-none>.avatar{width:36px;height:36px;border-radius:10px}.avatar-none>.avatar-choice-check{top:50%;transform:translateY(-50%);inset-inline-end:12px}.avatar-edit-button:focus-visible{border-radius:20px}