.gender-selector{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;overflow:hidden;padding:1.5rem}.gender-selector-title{text-align:center;font-family:monospace;font-size:1rem;line-height:1.5rem;font-weight:900;text-transform:uppercase;color:hsl(var(--muted-foreground))}.gender-options{gap:1rem}.gender-option,.gender-options{display:flex;align-items:center}.gender-option{position:relative;height:50px;width:50px;justify-content:center}.gender-option input[type=radio]{position:relative;z-index:10;height:100%;width:100%;cursor:pointer;opacity:0}.gender-option-visual{position:absolute;height:100%;width:100%;border-radius:9999px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition-duration:.3s}.gender-option-visual--male{background-color:#dbeafe;--tw-ring-color:#60a5fa}.gender-option-visual--female{background-color:#fce7f3;--tw-ring-color:#f472b6}.gender-option-visual--other{background-color:#f3e8ff;--tw-ring-color:#a78bfa}.gender-option-visual--prefer-not-to-say{background-color:#f5f5f5;--tw-ring-color:#a3a3a3}.gender-option-bg{position:absolute;z-index:-10;height:100%;width:100%;transform:scale(0);border-radius:9999px;transition-duration:.5s}.gender-option-bg--male{background-color:#bfdbfe}.gender-option-bg--female{background-color:#fbcfe8}.gender-option-bg--other{background-color:#e9d5ff}.gender-option-bg--prefer-not-to-say{background-color:#e5e5e5}.gender-option input:checked+.gender-option-visual{transform:scale(1.1);ring-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-shadow:var(--tw-shadow-colored);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-shadow,0 0 #0000),var(--tw-shadow,0 0 #0000)}.gender-option input:checked~.gender-option-bg{transform:scale(5)}.gender-option-icon{position:absolute}.gender-option-icon--male{stroke:#60a5fa}.gender-option-icon--female{fill:#f472b6}.gender-option-icon--other{fill:#a78bfa}.gender-option-icon--prefer-not-to-say{stroke:#a3a3a3}