.avatar-colors__swatches[data-v-395efc5f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:16px}.avatar-colors__swatch[data-v-395efc5f]{display:grid;place-items:center;aspect-ratio:1;padding:0;border:0;border-radius:50%;font-size:1.2rem;font-weight:900;color:#1f1a4d;box-shadow:0 0 0 2px #ffffff40;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.avatar-colors__swatch[data-v-395efc5f]:hover{transform:scale(1.08)}.avatar-colors__swatch[data-v-395efc5f]:focus-visible{outline:3px solid #fff;outline-offset:3px}.avatar-colors__swatch--auto[data-v-395efc5f]{align-content:center;gap:0;line-height:1}.avatar-colors__swatch--active[data-v-395efc5f]{box-shadow:0 0 0 3px #2e2476,0 0 0 6px #ffd23f}.avatar-colors__swatch-label[data-v-395efc5f]{font-size:.6rem;font-weight:800;text-transform:uppercase}.avatar-colors__note[data-v-395efc5f]{margin:16px 0 0;font-size:.85rem;color:#ffffffb8}.avatar-colors__note--error[data-v-395efc5f]{color:#ffd23f}