.eclipse-switch{--eclipse-travel:54px;position:relative;display:inline-block;width:94px;height:44px;padding:0;flex-shrink:0;border:0;border-radius:24px;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent}.eclipse-switch:focus-visible{outline:2px solid #929cff;outline-offset:3px}.eclipse-track{position:absolute;inset:4px 0;overflow:hidden;border:1px solid #d2d4e2;border-radius:24px;background:#f2f3f9;box-shadow:inset 0 2px 4px rgb(37 39 75/.06),0 1px 0 rgb(255 255 255/.6);transition:border-color .25s,background .4s,box-shadow .25s}.eclipse-label{position:absolute;top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:650;line-height:1;letter-spacing:.1em;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}.eclipse-day{right:15px;color:#545b80}.eclipse-night{left:11px;color:#c1c6fa;opacity:0;transform:translateY(-14px)}.eclipse-disc{position:absolute;width:28px;height:28px;left:4px;top:3px;display:grid;place-items:center;border-radius:50%;color:#8e6800;background:#fff9e6;box-shadow:0 1px 5px rgb(45 41 21/.15),inset 0 0 0 1px rgb(146 113 12/.12);transition:transform .6s cubic-bezier(.22,1,.36,1),background .4s,box-shadow .4s}.eclipse-disc>svg{position:absolute;width:16px;height:16px;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .35s}.eclipse-sun{opacity:1;transform:rotate(0deg) scale(1)}.eclipse-moon{opacity:0;transform:rotate(-100deg) scale(.35);color:#fff}.eclipse-orbit{position:absolute;inset:-3px;border-color:#d6ae3c transparent;border-style:solid;border-width:1px;border-radius:50%;opacity:.75;transform:rotate(-30deg);transition:transform .7s cubic-bezier(.22,1,.36,1),border-color .4s}.eclipse-ticks{position:absolute;bottom:5px;left:43px;display:flex;align-items:flex-end;gap:3px;opacity:.4}.eclipse-ticks i{width:1px;height:2px;background:#9299bf}.eclipse-ticks i:nth-child(2){height:4px}.eclipse-switch[data-mode=night] .eclipse-track{background:#141622;border-color:#363a58;box-shadow:inset 0 2px 5px rgb(0 0 0/.3),0 1px 0 rgb(255 255 255/.035)}.eclipse-switch[data-mode=night] .eclipse-disc{transform:translateX(var(--eclipse-travel));background:#5865f2;box-shadow:0 0 12px rgb(88 101 242/.2),inset 0 0 0 1px rgb(255 255 255/.25)}.eclipse-switch[data-mode=night] .eclipse-orbit{transform:rotate(150deg);border-top-color:#939bff;border-bottom-color:#939bff}.eclipse-switch[data-mode=night] .eclipse-sun{opacity:0;transform:rotate(120deg) scale(.35)}.eclipse-switch[data-mode=night] .eclipse-moon{opacity:1;transform:rotate(-15deg) scale(1)}.eclipse-switch[data-mode=night] .eclipse-day{opacity:0;transform:translateY(14px)}.eclipse-switch[data-mode=night] .eclipse-night{opacity:1;transform:translateY(0)}.eclipse-switch:hover .eclipse-track{border-color:#8b94ec}.eclipse-switch:active .eclipse-disc{scale:.91}.eclipse-switch:active .eclipse-orbit{opacity:1}html[data-theme-reveal] :not(.eclipse-switch,.eclipse-switch *){transition:none!important}html[data-theme-reveal]::view-transition-group(root){animation:none;z-index:1}html[data-theme-reveal]::view-transition-new(root),html[data-theme-reveal]::view-transition-old(root){animation:none;mix-blend-mode:normal}html[data-theme-reveal]::view-transition-old(root){z-index:1}html[data-theme-reveal]::view-transition-new(root){z-index:2}html[data-theme-reveal]::view-transition-group(theme-switch){animation:none;z-index:2}html[data-theme-reveal]::view-transition-old(theme-switch){display:none}html[data-theme-reveal]::view-transition-new(theme-switch){animation:none;mix-blend-mode:normal}@media (max-width:560px){.eclipse-switch{--eclipse-travel:42px;width:82px}.eclipse-day{right:11px;font-size:7px}.eclipse-night{left:8px;font-size:7px}.eclipse-ticks{left:36px;gap:2px}}@media (max-width:359px){.site-header .site-nav{width:calc(100% - 24px);gap:8px}.site-nav .eclipse-switch{--eclipse-travel:34px;width:74px}.site-nav .eclipse-label{font-size:6px}.site-nav .eclipse-day{right:8px}.site-nav .eclipse-ticks{left:33px}.site-nav .brand-lockup{font-size:18px;gap:5px}.site-nav .brand-lockup img{width:24px;height:24px}.site-nav .nav-signin{gap:5px;padding-left:7px;font-size:10px}.site-nav .nav-signin>.mark-icon{display:none}.site-nav .nav-toggle{width:30px}}@media (prefers-reduced-motion:reduce){.eclipse-switch *,.eclipse-switch :after,.eclipse-switch :before{transition:none!important;animation:none!important}}