.switch{display:inline-block;height:26px;position:relative;width:50px}.slider{background-color:#ccc;cursor:pointer;right:0;top:0}.slider,.slider:before{bottom:0;left:0;position:absolute;transition:.4s}.slider:before{background-color:#5f9ea0;content:"";height:26px;width:28px}input:checked+.slider{background-color:orange}input:focus+.slider{box-shadow:red}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider:after{bottom:17.5%;display:inline;position:absolute;right:9.3%}input:checked+.slider:after{bottom:14.5%;display:inline;position:absolute;right:56.3%}@media (max-width:786px) and (min-width:425px){input:checked+.slider:after{bottom:20.5%;right:60.3%}.slider:after{bottom:22.5%;right:15.3%}}@media (max-width:2560px) and (min-width:1552px){.slider:after{bottom:12.5%!important}}@media (max-width:1552px) and (min-width:1440px){.slider:after{bottom:7.5%!important}}