.theme-toggle.svelte-1cmi4dh{--track-w: calc(2.5rem - 2px) ;--pad: .25rem;--knob: calc(var(--track-w) - 2 * var(--pad));--track-h: calc(2 * (var(--knob) + 2 * var(--pad)));--travel: calc(var(--track-h) - var(--knob) - 2 * var(--pad));box-sizing:content-box;position:relative;width:var(--track-w);height:var(--track-h);padding:0;border:1px solid color-mix(in srgb,var(--color-ink) 15%,transparent);background:color-mix(in srgb,var(--color-paper) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-toggle.svelte-1cmi4dh:hover{border-color:color-mix(in srgb,var(--color-ink) 40%,transparent)}.theme-toggle.svelte-1cmi4dh:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.hint.svelte-1cmi4dh{position:absolute;left:var(--pad);display:grid;place-items:center;width:var(--knob);height:var(--knob);color:color-mix(in srgb,var(--color-ink) 40%,transparent)}.hint.sun.svelte-1cmi4dh{top:var(--pad)}.hint.moon.svelte-1cmi4dh{top:calc(var(--pad) + var(--travel))}.hint.svelte-1cmi4dh svg:where(.svelte-1cmi4dh){width:1.05rem;height:1.05rem}.knob.svelte-1cmi4dh{position:absolute;top:var(--pad);left:var(--pad);display:grid;width:var(--knob);height:var(--knob);background:var(--color-blue);transition:transform .42s cubic-bezier(.34,1.56,.64,1)}.face.svelte-1cmi4dh{grid-area:1 / 1;display:grid;place-items:center;color:var(--color-paper);transition:opacity .28s ease,transform .42s cubic-bezier(.34,1.56,.64,1)}.face.svelte-1cmi4dh svg:where(.svelte-1cmi4dh){width:1.05rem;height:1.05rem}.face.moon.svelte-1cmi4dh{opacity:0;transform:rotate(-90deg) scale(.4)}.theme-toggle[aria-checked=true].svelte-1cmi4dh .knob:where(.svelte-1cmi4dh){transform:translateY(var(--travel))}.theme-toggle[aria-checked=true].svelte-1cmi4dh .face.sun:where(.svelte-1cmi4dh){opacity:0;transform:rotate(90deg) scale(.4)}.theme-toggle[aria-checked=true].svelte-1cmi4dh .face.moon:where(.svelte-1cmi4dh){opacity:1;transform:rotate(0) scale(1)}.theme-toggle.no-anim.svelte-1cmi4dh .knob:where(.svelte-1cmi4dh),.theme-toggle.no-anim.svelte-1cmi4dh .face:where(.svelte-1cmi4dh){transition:none}@media(prefers-reduced-motion:reduce){.knob.svelte-1cmi4dh,.face.svelte-1cmi4dh{transition-duration:.001ms}}