._toggle_3560o_1{display:flex;position:relative;height:40px;width:180px}._toggle_3560o_1 ._indicator_3560o_7{position:absolute;top:8px;left:30px;background-color:#f1f1f1;width:120px;height:8px;border-radius:5px;pointer-events:none}._toggle_3560o_1 ._indicator_3560o_7 ._badge_3560o_17{position:relative;top:-4px;left:-8px;display:flex;border-radius:50%;height:16px;width:16px;background-color:#fefefe;border:1px solid var(--accent-color)}._toggle_3560o_1._animated_3560o_28 ._badge_3560o_17{transition:.3s}._toggle_3560o_1 ._actions_3560o_31{display:flex}._toggle_3560o_1 ._actions_3560o_31 button{all:unset;font-size:11px;width:60px;height:100%;display:flex;justify-content:center;align-items:flex-end;cursor:pointer;user-select:none;transition:.3s opacity;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}._toggle_3560o_1 ._actions_3560o_31 button span{transition:.3s transform}._toggle_3560o_1 ._actions_3560o_31 button:disabled{opacity:1}._toggle_3560o_1 ._actions_3560o_31 button:hover:not(:disabled){opacity:1}._toggle_3560o_1 ._actions_3560o_31 button:hover:not(:disabled) span{transform:scale(1.2)}[genre=female] ._toggle_3560o_1 ._indicator_3560o_7 ._badge_3560o_17{left:52px}[genre=male] ._toggle_3560o_1 ._indicator_3560o_7 ._badge_3560o_17{left:112px}