.switch{position:relative;display:inline-block;width:28px;height:14px}.switch input{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.switch input:disabled{cursor:default}.switch input:focus-visible+.slider{outline:2px solid #fff;outline-offset:2px}.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:#35353a}input:checked+.slider-white-black{background-color:#fff}input:checked+.slider-white-black:before{background-color:#565660}.switch-disabled{pointer-events:none}.switch-disabled .slider,.switch-disabled input:checked+.slider{background-color:#565660;border:1px solid #565660}.switch-disabled .slider:before,.switch-disabled input:checked+.slider:before{background-color:#242428}