.toggleSwitch{--size:14px;--height:21px;--width:36px;--bg-color:var(--color-03);--bg-color-active:var(--color-07);--thumb-color:var(--color-99)}label.toggleSwitch{position:relative;display:inline-block;width:var(--width);height:var(--height);margin:0}.toggleSwitch input{opacity:0;width:0;height:0}.toggleSwitch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-color);-webkit-transition:.4s;transition:.4s}.toggleSwitch .slider:before{position:absolute;content:"";height:var(--size);width:var(--size);left:4px;bottom:4px;background-color:var(--thumb-color);-webkit-transition:.4s;transition:.4s}.toggleSwitch input:checked+.slider{background-color:var(--bg-color-active)}.toggleSwitch input:focus+.slider{box-shadow:0 0 1px var(--bg-color-active)}.toggleSwitch input:checked+.slider:before{-webkit-transform:translateX(var(--size));-ms-transform:translateX(var(--size));transform:translateX(var(--size))}.toggleSwitch .slider.round{border-radius:var(--height)}.toggleSwitch .slider.round:before{border-radius:50%}.toggleSwitch.disabled,.toggleSwitch.disabled:hover{cursor:default;pointer-events:none}