.c-toggleSwitch{--height:28px;--padding:4px;height:28px;height:var(--height);position:relative;width:48px;width:calc(var(--height)*2 - var(--padding)*2)}.c-toggleSwitch.-sm{--height:20px}.c-toggleSwitch__input{height:0;opacity:0;width:0}.c-toggleSwitch__slider{background-color:var(--color-gray-300);border-radius:999px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.c-toggleSwitch__slider:before{--bubble-width:calc(var(--height) - var(--padding)*2);background-color:#fff;border-radius:50%;bottom:var(--padding);content:"";height:calc(var(--height) - var(--padding)*2);height:var(--bubble-width);left:var(--padding);position:absolute;transition:.3s;width:calc(var(--height) - var(--padding)*2);width:var(--bubble-width)}.c-toggleSwitch__input:checked+.c-toggleSwitch__slider:before{transform:translate(var(--bubble-width))}.c-toggleSwitch__input:checked+.c-toggleSwitch__slider{background-color:var(--color-primary-400)}