.theme-switch{align-items:center;display:inline-flex}.theme-switch .ts-check{opacity:0;width:0;height:0;position:absolute}.theme-switch .switch{--a:.5s ease-out;--track:#86efac;--loop:#fff;cursor:pointer;height:2em;box-shadow:0 0 0 .66em var(--track);aspect-ratio:212.499/84.4688;background-color:var(--track);color:var(--loop);border-radius:2em;margin:0 .8em;font-size:7.5px;transition:background-color .25s,box-shadow .25s;display:inline-flex;position:relative}.dark-mode .theme-switch .switch{--track:#25d366}.theme-switch .switch svg{height:100%}.theme-switch .switch svg path{color:var(--loop);stroke-width:16px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:136 224;transition:all var(--a), 0s transform;transform-origin:50%}.theme-switch .ts-check:checked~.switch svg path{stroke-dashoffset:180px;transform:scaleY(-1)}.theme-switch .ts-check:focus-visible~.switch{outline-offset:3px;outline:2px solid #25d366}