#theme-toggle{--size:2rem;--icon-fill:gray;--icon-fill-hover-body:#22262a;--icon-fill-hover-beam:#22262a;--ease:linear;--ease-out:linear;--ease-elastic:cubic-bezier(.29, 1.01, 1, -.68);aspect-ratio:1;block-size:var(--size);cursor:pointer;inline-size:var(--size);outline-offset:5px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:50%;padding:0}#theme-toggle>svg{stroke-linecap:round;block-size:100%;inline-size:100%}#theme-toggle .sun-and-moon>:is(.moon,.sun,.sun-beams-left,.sun-beams-right){transform-origin:50%}#theme-toggle .sun-and-moon>:is(.moon,.sun,.stars){fill:var(--icon-fill)}#theme-toggle .sun-and-moon>:is(.sun-beams-left,.sun-beams-right){stroke:var(--icon-fill);stroke-width:2px;transition:transform .5s var(--ease-elastic), opacity .5s var(--ease)}#theme-toggle .sun-and-moon>.sun{transition:transform .5s var(--ease-elastic)}#theme-toggle .sun-and-moon .moon>circle{transition:transform .25s var(--ease-out), translatex .25s var(--ease-out), translatey .25s var(--ease-out), scale .25s var(--ease-out), opacity .25s var(--ease-out)}:root.dark #theme-toggle{--icon-fill:#abb3ba;--icon-fill-hover-body:#e2e6e9;--icon-fill-hover-beam:#e2e6e9}:root.dark #theme-toggle .sun-and-moon>.stars{opacity:1;transition:transform .25s .5s var(--ease-out), translatex .25s .5s var(--ease-out), translatey .25s .5s var(--ease-out), scale .25s .5s var(--ease-out), opacity .25s .5s var(--ease-out);transform:scale(1)}:root.dark #theme-toggle .sun-and-moon>.sun{transition-duration:.25s;transition-timing-function:var(--ease);transform:scale(1.75)}:root.dark #theme-toggle .sun-and-moon>:is(.sun-beams-left,.sun-beams-right){opacity:0;transition-duration:.15s;transform:rotate(-25deg)}:root.dark #theme-toggle .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s;transform:translate(-7px)translateY(-2px)}:root.light #theme-toggle .sun-and-moon>.stars{opacity:0;transition:scale 0s 0s var(--ease-out), opacity 0s 0s var(--ease-out);transform:scale(.1)}:root.light #theme-toggle .sun-and-moon>.sun{transition-duration:.25s;transition-delay:.25s;transition-timing-function:var(--ease);transform:scale(1)}:root.light #theme-toggle .sun-and-moon>:is(.sun-beams-left,.sun-beams-right){opacity:1;transition-duration:.15s;transition-delay:.5s;transform:rotate(-25deg)}:root.light #theme-toggle .sun-and-moon>.moon>circle{transition-duration:.5s;transform:translate(7px)translateY(-2px)}:root:not(.dark,.light) #theme-toggle{--icon-fill:#abb3ba;--icon-fill-hover-body:#204060;--icon-fill-hover-beam:#e2e6e9}:root:not(.dark,.light) #theme-toggle .sun-and-moon>.stars{opacity:0;transition:scale .25s 0s var(--ease-out), opacity .25s 0s var(--ease-out);transform:scale(.1)}:root:not(.dark,.light) #theme-toggle .sun-and-moon>.sun{transition-duration:.25s;transition-timing-function:var(--ease);transform:scale(1)}:root:not(.dark,.light) #theme-toggle .sun-and-moon>.sun-beams-right{opacity:0;transition-duration:.15s;transform:rotate(-25deg)}:root:not(.dark,.light) #theme-toggle .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s;transform:translate(-7px)}#theme-toggle:is(:hover,:focus-visible) .sun-and-moon>:is(.moon,.sun,.stars){fill:var(--icon-fill-hover-body)}#theme-toggle:is(:hover,:focus-visible) .sun-and-moon>:is(.sun-beams-left,.sun-beams-right){stroke:var(--icon-fill-hover-beam)}