.theme-checkbox{--toggle-size:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6.25em;height:3.125em;background:-webkit-gradient(linear,left top,right top,color-stop(50%,#efefef),color-stop(50%,#2a2a2a)) no-repeat;background:-o-linear-gradient(left,#efefef 50%,#2a2a2a 50%) no-repeat;background:linear-gradient(90deg,#efefef 50%,#2a2a2a 0) no-repeat;background-size:205%;background-position:0;border-radius:99em;position:relative;cursor:pointer;font-size:var(--toggle-size)}.theme-checkbox,.theme-checkbox:before{-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.theme-checkbox:before{content:"";width:2.25em;height:2.25em;position:absolute;top:.438em;left:.438em;background:-webkit-gradient(linear,left top,right top,color-stop(50%,#efefef),color-stop(50%,#2a2a2a)) no-repeat;background:-o-linear-gradient(left,#efefef 50%,#2a2a2a 50%) no-repeat;background:linear-gradient(90deg,#efefef 50%,#2a2a2a 0) no-repeat;background-size:205%;background-position:100%;border-radius:50%}.theme-checkbox:checked:before{left:calc(100% - 2.25em - .438em);background-position:0}.theme-checkbox:checked{background-position:100%}