.switch{width:2.25rem;height:1.25rem;display:inline-block;position:relative}.switch input{width:0;height:0;display:none}.switch input:checked+.slider{background-color:#57d26e}.switch input:focus+.slider{box-shadow:0 0 .063rem #57d26e}.switch.light .slider{background-color:#ccc}.switch.dark .slider{background-color:#4b4b4d}.switch .slider{cursor:pointer;border-radius:2.125rem;transition:all .4s;position:absolute;inset:0}.switch .slider:before{content:"";background-color:#fff;border:.063rem solid #ccc;border-radius:50%;width:1.2rem;height:1.2rem;transition:all .4s;position:absolute;bottom:0;left:.063rem}.switch input:checked+.slider:before{transform:translate(1.1rem)}