.theme-toggle{position:relative;isolation:isolate;width:118px;height:52px;padding:5px;border:0;border-radius:30px;background:#e8e3ff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:inset 0 0 0 1px #d1c9f6;transition:background .25s ease,box-shadow .25s ease}.theme-toggle span:not(.theme-toggle-knob){position:relative;z-index:2;width:40px;text-align:center;font-size:1.25rem;line-height:1}.theme-toggle-knob{position:absolute;z-index:1;left:5px;top:5px;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(47,37,100,.18);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.theme-toggle:hover{box-shadow:inset 0 0 0 1px #b6abf2,0 4px 13px rgba(47,37,100,.12)}html[data-theme="dark"] .theme-toggle{background:#332d58;box-shadow:inset 0 0 0 1px #5d548b}html[data-theme="dark"] .theme-toggle-knob{transform:translateX(66px);background:#211e31;box-shadow:0 3px 10px rgba(0,0,0,.3)}