.baseSwitch{cursor:pointer;background-color:#e0e0e0;border:none;border-radius:23px;flex:0 0 44px;align-items:center;width:44px;height:24px;padding:0;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.baseSwitch{flex:0 0 37px;width:37px;height:20px}}.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;background-color:#121212;border-radius:50%;width:100%;transition:transform .2s;display:block;position:absolute;transform:translate(-100%)}.baseSwitch__pin{background-color:#fff;border-radius:10px;width:20px;height:20px;transition:transform .2s ease-in-out,width .2s;display:block;position:absolute;left:2px}@media (max-width:767px){.baseSwitch__pin{width:16px;height:16px}}