.switch{font-size:17px;position:relative;display:inline-block;width:1.75em;height:1em}.switch input{opacity:0;width:0;height:0}.switch .slider{cursor:pointer;background:#d1d5db}.switch .slider,.switch .slider:before{position:absolute;inset:0;border-radius:50px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.switch .slider:before{content:"";display:flex;align-items:center;justify-content:center;height:1em;width:1em;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.4)}.switch input:checked+.slider{background:#0974f1}.switch input:focus+.slider{box-shadow:0 0 1px #0974f1}.switch input:checked+.slider:before{transform:translateX(.75em)}