.ThemeToggle-module__3b5zuq__switch{--width-of-switch:2.8em;--height-of-switch:1.6em;--size-of-icon:1.1em;--slider-offset:.25em;width:var(--width-of-switch);height:var(--height-of-switch);display:block;position:relative}.ThemeToggle-module__3b5zuq__switch input{opacity:0;width:0;height:0}.ThemeToggle-module__3b5zuq__slider{cursor:pointer;background-color:#f4f4f5;border-radius:30px;transition:all .4s;position:absolute;inset:0}.ThemeToggle-module__3b5zuq__slider:before{content:"";height:var(--size-of-icon,1.4em);width:var(--size-of-icon,1.4em);left:var(--slider-offset,.3em);background:linear-gradient(40deg,#94a3b8,#475569 70%);border-radius:20px;transition:all .4s;position:absolute;top:50%;transform:translateY(-50%)}.ThemeToggle-module__3b5zuq__switch input:checked+.ThemeToggle-module__3b5zuq__slider{background-color:#303136}.ThemeToggle-module__3b5zuq__switch input:checked+.ThemeToggle-module__3b5zuq__slider:before{left:calc(100% - (var(--size-of-icon,1.4em) + var(--slider-offset,.3em)));background:#303136;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px #a3dafb}