.avatar-picker{border:0;min-width:0;margin:0;padding:0}.avatar-picker-grid{gap:var(--space-4) var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.avatar-choice{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius);text-align:center;min-width:0;font-size:var(--text-small);cursor:pointer;flex-direction:column;line-height:1.35;display:flex;position:relative}.avatar-choice input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.avatar-choice>span{pointer-events:none}.avatar-choice-art{aspect-ratio:1;border-radius:50%;width:80px;max-width:100%;position:relative;box-shadow:0 1px 3px #293a2e1a}.avatar-choice-art>img{border-radius:inherit;width:100%;height:100%;display:block}.avatar-choice-check{border:2px solid var(--base);background:var(--ink);width:24px;height:24px;color:var(--paper);visibility:hidden;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.avatar-choice-check svg{width:14px;height:14px}.avatar-choice:has(input:checked) .avatar-choice-art{outline:2px solid var(--ink);outline-offset:3px}.avatar-choice:has(input:checked) .avatar-choice-check{visibility:visible}.avatar-choice:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.avatar-choice:has(input:disabled){opacity:.6;cursor:wait}@media (max-width:980px){.avatar-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}