@media (prefers-color-scheme:dark){.slider:before{background-color:#fff}}@media (prefers-color-scheme:light){.slider:before{background-color:#000}input[type=checkbox]:checked+.slider:before{background-color:#fff}}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid #B6B6B6;border-radius:10px;transition:all .1s ease;-webkit-transition:all .1s ease}.slider:hover{border:1px solid #fff}.slider:before{position:absolute;content:"";height:10px;width:10px;left:4px;top:4px;border-radius:50%;transition:all .1s ease;-webkit-transition:all .1s ease}input:checked+.slider{background-color:#0078D4}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}