.baseSwitch{align-items:center;background-color:#e0e0e0;border:none;border-radius:23px;cursor:pointer;display:flex;flex:0 0 44px;height:24px;overflow:hidden;padding:0;position:relative;width:44px}@media(max-width:767px){.baseSwitch{flex:0 0 37px;height:20px;width:37px}}.baseSwitch[data-state=checked] .baseSwitch__block{transform:translate(0)}.baseSwitch:active .baseSwitch__pin{width:25px}@media(max-width:767px){.baseSwitch:active .baseSwitch__pin{width:20px}}.baseSwitch[data-state=checked] .baseSwitch__pin{transform:translate(20px)}@media(max-width:767px){.baseSwitch[data-state=checked] .baseSwitch__pin{transform:translate(17px)}}.baseSwitch[data-state=checked]:active .baseSwitch__pin{transform:translate(15px)}@media(max-width:767px){.baseSwitch[data-state=checked]:active .baseSwitch__pin{transform:translate(13px)}}.baseSwitch__block{aspect-ratio:1/1;background-color:#121212;border-radius:50%;display:block;position:absolute;transform:translate(-100%);transition:transform .2s ease;width:100%}.baseSwitch__pin{background-color:#fff;border-radius:10px;display:block;height:20px;left:2px;position:absolute;transition:transform .2s ease-in-out,width .2s ease;width:20px}@media(max-width:767px){.baseSwitch__pin{height:16px;width:16px}}