<style>.switch{position:relative;display:inline-block;width:30px;height:34px}.switch input{opacity:0;width:0;height:0}.html_slider_layout{position:absolute;cursor:pointer;top:8px;left:-15px;right:0;bottom:0;-webkit-transition:.4s;transition:.4s}.html_slider_layout:before{position:absolute;content:"";height:15px;width:15px;left:0;bottom:-1px;background-color:white;-webkit-transition:.4s;transition:.4s;background-color:#fff}input:checked+.html_slider_layout{background-color:#a0a0a0}input:focus+.html_slider_layout{box-shadow:0 0 1px #a0a0a0}input:checked+.html_slider_layout:before{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);background-color:#000}.html_slider_layout.round{width:30px;height:12px;border-radius:30px;background-color:#ccc}.html_slider_layout.round:before{border-radius:50%}.switch-grid,.switch-theme{position:relative;display:inline-block;width:30px;height:34px}.switch-grid input,.switch-theme input{opacity:0;width:0;height:0}.html_slider-grid,.html_slider-theme{position:absolute;cursor:pointer;top:8px;left:-120px;right:0;bottom:0;-webkit-transition:.4s;transition:.4s}.html_slider-grid:before,.html_slider-theme:before{position:absolute;content:"";height:15px;width:15px;left:0;bottom:-1px;background-color:white;-webkit-transition:.4s;transition:.4s;background-color:#fff}input:checked+.html_slider-grid{background-color:#a0a0a0}input:checked+.html_slider-theme{background-color:#a0a0a0}input:focus+.html_slider-grid{box-shadow:0 0 1px #a0a0a0}input:focus+.html_slider-theme{box-shadow:0 0 1px #a0a0a0}input:checked+.html_slider-grid:before{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);background-color:#000}input:checked+.html_slider-theme:before{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);background-color:#000}.html_slider-grid.round-grid{width:30px;height:12px;border-radius:30px;background-color:#a0a0a0}.html_slider-theme.round-theme{width:30px;height:12px;border-radius:30px;background-color:#a0a0a0}.html_slider-grid.round-grid:before{border-radius:50%}.html_slider-theme.round-theme:before{border-radius:50%}</style>