.switch{position:relative;display:inline-block;width:28px;height:14px}.switch input{display:none}.slider{cursor:pointer;top:0;right:0;background-color:#ccc}.slider,.slider:before{position:absolute;left:0;bottom:0;transition:.4s}.slider:before{content:"";height:12px;width:12px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(14px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider-white-black{border:1px solid #fff;background:#000}input:checked+.slider-white-black{background-color:#fff}input:checked+.slider-white-black:before{background-color:#000}.switch-disabled{pointer-events:none}.switch-disabled .slider,.switch-disabled input:checked+.slider{background-color:#565660;border:1px solid #565660}