.react-aria-Switch{--label-color:green;--deselected-color:#705fe4;--deselected-color-pressed:dimgray;--selected-color:#6a5acd;--selected-color-pressed:#d4d0f5;--track-color:#fff;--indicator-color:var(--selected-color);--indicator-color-pressed:var(--selected-color-pressed);display:flex;align-items:center}.react-aria-Switch .indicator{cursor:pointer;display:flex;align-items:center;min-width:3.6rem;height:2rem;border:.2rem solid #c8cad4;background:#c8cad4;border-radius:10rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;width:1.6rem;height:1.6rem;background:#fff;border-radius:100%;box-shadow:0 .1rem .2rem 0 #00000014;transition:all .3s}.react-aria-Switch[data-hovered] .indicator{background:#b2b5c2}.react-aria-Switch[data-pressed] .indicator{border:.1rem solid #4838d1;background:#b2b5c2}.react-aria-Switch[data-selected] .indicator{border-color:#705fe4;background:#705fe4}.react-aria-Switch[data-selected] .indicator:before{transform:translateX(100%)}.react-aria-Switch[data-selected][data-hovered] .indicator{background:#867cea;border-color:#867cea}.react-aria-Switch[data-selected][data-pressed] .indicator{background:#867cea;border:.1rem solid #4838d1}.react-aria-Switch[data-disabled]{opacity:.4}