avatar-picker{position:fixed;inset:0;z-index:14;display:grid;place-items:center;padding:1.25rem;background:color-mix(in srgb,var(--color-scrim) 45%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:1;transition:opacity .25s var(--ease-emphasized)}avatar-picker[open=false]{opacity:0;pointer-events:none}picker-card{display:flex;flex-direction:column;gap:.9rem;width:min(100%,400px);max-height:86dvh;overflow-y:auto;padding:1.4rem;background:var(--color-surface-container-lowest);border:var(--frame-width) solid var(--frame-color);box-shadow:8px 8px 0 var(--shadow-ink);transition:transform .45s var(--ease-spring)}avatar-picker[open=false] picker-card{transform:translateY(30px) scale(.9)}picker-head{display:flex;align-items:center;justify-content:space-between}picker-title{font-family:var(--font-serif);font-weight:640;font-variation-settings:"WONK" 1,"SOFT" 0;font-size:1.35rem}picker-close button{display:grid;place-items:center;width:36px;height:36px;color:var(--color-on-surface-variant);transition:background-color .2s var(--ease-emphasized)}picker-close button:hover{background:var(--color-surface-container-high)}picker-group{display:flex;flex-direction:column;gap:.5rem}group-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface-variant)}picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}picker-option button{display:block;width:100%;aspect-ratio:1;padding:0;border:var(--line-thin) solid var(--color-outline-variant);transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring)}picker-option button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow-ink)}picker-option button:active{transform:translate(2px,2px);box-shadow:none}picker-option[selected=true] button{border:var(--frame-width) solid var(--frame-color);box-shadow:3px 3px 0 var(--color-tertiary-container)}photo-upload button{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;height:46px;background:var(--color-surface-container-lowest);color:var(--color-on-surface);border:var(--frame-width) solid var(--frame-color);box-shadow:4px 4px 0 var(--shadow-ink);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring)}photo-upload button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--shadow-ink)}photo-upload button:active{transform:translate(3px,3px);box-shadow:none}photo-upload m-symbol{font-size:19px}picker-error{font-size:.82rem;font-weight:600;color:var(--color-error)}picker-error:empty{display:none}avatar-picker[busy=true] button{opacity:.5;pointer-events:none}