#switch{padding:3px 0;appearance:none;display:inline-grid;position:relative;background-color:var(--Gray2);height:15px;width:26px;border-radius:20px}#switch:checked{background-color:var(--Green)}#switch::before{background-color:#fff;width:10px;height:10px;margin:-1px 3px;transition:all .3s;border-radius:100%;box-shadow:0 0 5px rgba(0,0,0,.3);content:"";font-weight:700;position:absolute;font-size:10px;color:var(--White);grid-area:1/1}#switch:checked::before{transform:translateX(1em)}