.theme-checkbox{--toggle-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:5.5em;height:2.75em;font-size:var(--toggle-size);background:linear-gradient(90deg,#efefef 50%,#2a2a2a 50%) 0/205% no-repeat;border-radius:99em;transition:all .4s;position:relative}.theme-checkbox:before{content:"";background:linear-gradient(90deg,#efefef 50%,#2a2a2a 50%) 100%/205% no-repeat;border-radius:50%;width:2em;height:2em;transition:all .4s;position:absolute;top:.375em;left:.375em}.theme-checkbox:checked:before{background-position:0;left:calc(100% - 2.375em)}.theme-checkbox:checked{background-position:100%}