.theme-switch,.theme-segment{--ts-ease:cubic-bezier(.22, 1, .36, 1);--ts-duration:.46s;--track-light:#dfe6e1;--track-dark:#27312b;--line-light:#1b231e24;--line-dark:#ffffff29;--thumb-light:#fff;--thumb-dark:var(--accent,#c9f23a);--ink-light:#1b231e;--ink-dark:#151b17;--glyph-light:#6b7a70;--glyph-dark:#8d9b92;--ts-track:var(--track-light);--ts-line:var(--line-light);--ts-thumb:var(--thumb-light);--ts-ink:var(--ink-light);--ts-glyph:var(--glyph-light)}:is(.theme-switch,.theme-segment)[data-state=dark]{--ts-track:var(--track-dark);--ts-line:var(--line-dark);--ts-thumb:var(--thumb-dark);--ts-ink:var(--ink-dark);--ts-glyph:var(--glyph-dark)}.theme-switch{--thumb-size:1.375rem;--pad:.1875rem;--border:1px;--travel:calc(var(--thumb-size) + .25rem);box-sizing:border-box;width:calc(var(--thumb-size) * 2 + var(--pad) * 2 + var(--border) * 2 + .25rem);height:calc(var(--thumb-size) + var(--pad) * 2 + var(--border) * 2);border:var(--border) solid var(--ts-line);background:var(--ts-track);color:var(--ts-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:999px;flex:none;padding:0;display:inline-block;position:relative}.theme-switch:after{content:"";position:absolute;inset:-.5rem -.375rem}.theme-switch:focus-visible{outline:2px solid var(--ts-ink);outline-offset:2px}.theme-switch-glyph{color:var(--ts-glyph);pointer-events:none;margin-top:-7px;position:absolute;top:50%}.theme-switch-glyph-sun{left:calc(var(--pad) + (var(--thumb-size) - 14px) / 2)}.theme-switch-glyph-moon{right:calc(var(--pad) + (var(--thumb-size) - 14px) / 2)}.theme-switch-thumb{top:var(--pad);left:var(--pad);width:var(--thumb-size);height:var(--thumb-size);background:var(--ts-thumb);color:var(--ts-ink);pointer-events:none;will-change:transform;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 1px 2px #00000040}.theme-switch[data-state=dark] .theme-switch-thumb{transform:translateX(var(--travel))}.theme-switch.is-animated .theme-switch-thumb{animation-duration:var(--ts-duration);animation-timing-function:var(--ts-ease)}.theme-switch.is-animated[data-state=dark]{animation:ts-track-to-dark var(--ts-duration) var(--ts-ease)}.theme-switch.is-animated[data-state=light]{animation:ts-track-to-light var(--ts-duration) var(--ts-ease)}.theme-switch.is-animated[data-state=dark] .theme-switch-thumb{animation-name:ts-thumb-to-dark}.theme-switch.is-animated[data-state=light] .theme-switch-thumb{animation-name:ts-thumb-to-light}.theme-switch.is-animated .theme-switch-thumb-icon{animation:ts-icon-in .22s var(--ts-ease) both}@keyframes ts-thumb-to-dark{0%{background-color:var(--thumb-light);transform:translate(0)}to{background-color:var(--thumb-dark);transform:translateX(var(--travel))}}@keyframes ts-thumb-to-light{0%{background-color:var(--thumb-dark);transform:translateX(var(--travel))}to{background-color:var(--thumb-light);transform:translate(0)}}@keyframes ts-track-to-dark{0%{background-color:var(--track-light);border-color:var(--line-light)}to{background-color:var(--track-dark);border-color:var(--line-dark)}}@keyframes ts-track-to-light{0%{background-color:var(--track-dark);border-color:var(--line-dark)}to{background-color:var(--track-light);border-color:var(--line-light)}}@keyframes ts-icon-in{0%{opacity:0;transform:rotate(-70deg)scale(.5)}to{opacity:1;transform:none}}.theme-segment{--pad:4px;padding:var(--pad);border:1px solid var(--ts-line);background:var(--ts-track);border-radius:14px;grid-template-columns:1fr 1fr;display:inline-grid;position:relative}.theme-segment-pill{inset:var(--pad) auto var(--pad) var(--pad);width:calc((100% - var(--pad) * 2) / 2);background:var(--ts-thumb);will-change:transform;border-radius:10px;position:absolute;box-shadow:0 1px 2px #0003}.theme-segment[data-state=dark] .theme-segment-pill{transform:translate(100%)}.theme-segment-option{z-index:1;min-height:2.75rem;color:var(--ts-glyph);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex;position:relative}.theme-segment-option[aria-checked=true]{color:var(--ts-ink)}.theme-segment-option:focus-visible{outline:2px solid var(--ts-ink);outline-offset:2px}.theme-segment.is-animated{animation-duration:var(--ts-duration);animation-timing-function:var(--ts-ease)}.theme-segment.is-animated[data-state=dark]{animation-name:ts-track-to-dark}.theme-segment.is-animated[data-state=light]{animation-name:ts-track-to-light}.theme-segment.is-animated[data-state=dark] .theme-segment-pill{animation:ts-pill-to-dark var(--ts-duration) var(--ts-ease)}.theme-segment.is-animated[data-state=light] .theme-segment-pill{animation:ts-pill-to-light var(--ts-duration) var(--ts-ease)}.theme-segment.is-animated .theme-segment-option[aria-checked=true]{animation:ts-label-on var(--ts-duration) var(--ts-ease)}.theme-segment.is-animated .theme-segment-option[aria-checked=false]{animation:ts-label-off var(--ts-duration) var(--ts-ease)}@keyframes ts-pill-to-dark{0%{background-color:var(--thumb-light);transform:translate(0)}to{background-color:var(--thumb-dark);transform:translate(100%)}}@keyframes ts-pill-to-light{0%{background-color:var(--thumb-dark);transform:translate(100%)}to{background-color:var(--thumb-light);transform:translate(0)}}@keyframes ts-label-on{0%{color:var(--ts-glyph)}to{color:var(--ts-ink)}}@keyframes ts-label-off{0%{color:var(--ts-ink)}to{color:var(--ts-glyph)}}@media (prefers-reduced-motion:reduce){.theme-switch.is-animated,.theme-switch.is-animated .theme-switch-thumb,.theme-switch.is-animated .theme-switch-thumb-icon,.theme-segment.is-animated,.theme-segment.is-animated .theme-segment-pill,.theme-segment.is-animated .theme-segment-option{animation:none}}