.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}input:disabled+.slider{cursor:default}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--color-blue)}input:focus+.slider{box-shadow:0 0 1px var(--color-blue)}input:checked+.slider:before{transform:translate(16px)}.slider.small:before{width:12px;height:12px;bottom:2px;left:2px}input:checked+.slider.small:before{transform:translate(12px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider.small.round{border-radius:20px}