.avatar{display:inline-block;flex:none;width:2.6rem;line-height:0}.avatar svg{width:100%;height:auto;display:block}.avatar.xl{width:7.5rem}.av-preview{display:flex;justify-content:center;margin:-.25rem 0 .25rem;min-height:8.7rem}.av-group{display:flex;flex-direction:column;gap:.3rem}.av-label{font-weight:600;font-size:.9rem;color:#252525a6}.av-choices{display:flex;flex-wrap:wrap;gap:.4rem}.chip{width:3.3rem;height:3.3rem;padding:.2rem;display:grid;place-items:center;background:#f2f5f2;border:2px solid transparent;border-radius:.8rem}.chip:hover,button.chip:not(.opt):hover{background:#e4ebe5}.chip.on{border-color:#356d65;background:#e1ece8}.chip .avatar{width:100%}.chip .swatch{width:2.1rem;height:2.1rem;border-radius:50%;border:3px solid;display:block;box-shadow:inset 0 -3px 5px #0000001f,0 2px 4px #00000026;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}#av-colors .chip:hover .swatch{transform:scale(1.2) rotate(-8deg)}#av-colors .chip.on .swatch{animation:swatch-pop .5s cubic-bezier(.34,1.56,.64,1);transform:scale(1.15)}.chip .none{font-size:1.4rem;color:#25252580}.avatar.bump{animation:bump .5s cubic-bezier(.34,1.56,.64,1)}@keyframes bump{0%{transform:scale(.82) rotate(-6deg)}60%{transform:scale(1.1) rotate(4deg)}to{transform:none}}@keyframes swatch-pop{0%{transform:scale(.6) rotate(-30deg)}to{transform:scale(1.15)}}#av-colors{gap:.5rem}#av-colors .chip{width:3.2rem;height:3.2rem;border-radius:50%}.chip .acc-icon{display:grid;place-items:center;width:100%;height:100%;line-height:0}.chip .acc-icon svg{width:2.7rem;height:2.4rem}.av-options{display:flex;flex-direction:column;gap:.75rem}.av-options[hidden]{display:none}.av-actions{display:flex;flex-direction:column;gap:.5rem}