.parent{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center}.switch{position:relative;display:inline-block;width:45px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;right:0;bottom:0;background-color:#e28624}.slider,.slider:before{position:absolute;top:0;left:0;transition:.4s}.slider:before{content:"";height:23px;width:23px;bottom:4px;bottom:0;margin:auto 0;box-shadow:0 0 8px #000;background:#52525b url(/images/theme/sun.png);background-repeat:no-repeat;background-position:50%;background-size:cover}input:checked+.slider{background-color:#52525b}input:checked+.slider:before{transform:translateX(23px);background:#52525b url(/images/theme/moon.png);background-repeat:no-repeat;background-position:50%;background-size:90%}