.theme-toggle{border:1px solid var(--hairline);width:32px;height:32px;color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;flex-shrink:0;place-items:center;padding:0;transition:background-color .18s,border-color .18s,transform .12s;display:inline-grid;position:relative}.theme-toggle:hover{background:var(--surface);border-color:var(--hairline-strong)}.theme-toggle:active{transform:scale(.92)}.theme-toggle__icon{place-items:center;transition:opacity .28s,transform .4s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;inset:0}.theme-toggle__icon--sun{opacity:1;color:#f0a830;transform:rotate(0)scale(1)}.theme-toggle__icon--moon{opacity:0;color:var(--ink-1);transform:rotate(-45deg)scale(.6)}.theme-toggle.is-dark .theme-toggle__icon--sun{opacity:0;transform:rotate(45deg)scale(.6)}.theme-toggle.is-dark .theme-toggle__icon--moon{opacity:1;transform:rotate(0)scale(1)}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle__icon{transition:none!important}}