:root{--ct-ease-3:cubic-bezier(.25,0,.3,1);--ct-ease-out-5:cubic-bezier(0,0,0,1);--ct-ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ct-ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ct-ease-elastic-3:var(--ct-ease-elastic-out-3);--ct-ease-elastic-4:var(--ct-ease-elastic-out-4);--ct-size:2rem;--ct-icon-fill:#000;--ct-icon-fill-hover:#000}:root[data-bs-theme=dark]{--ct-icon-fill-hover:#000}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center;mix-blend-mode:difference}.sun-and-moon>:is(.moon,.sun){fill:var(--ct-icon-fill)}.theme-toggle:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun){fill:var(--ct-icon-fill-hover)}.sun-and-moon>.sun-beams{stroke:var(--ct-icon-fill);stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{stroke:var(--ct-icon-fill-hover)}[data-bs-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-bs-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-bs-theme=dark] .sun-and-moon>.moon>circle{transform:translateX(-7px)}@supports(cx:1){[data-bs-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translateX(0)}}@media(prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ct-ease-elastic-3)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ct-ease-elastic-4),opacity .5s var(--ct-ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ct-ease-out-5)}@supports(cx:1){.sun-and-moon .moon>circle{transition:cx .25s var(--ct-ease-out-5)}}[data-bs-theme=dark] .sun-and-moon>.sun{transition-timing-function:var(--ct-ease-3);transition-duration:.25s;transform:scale(1.75)}[data-bs-theme=dark] .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotateZ(-25deg)}[data-bs-theme=dark] .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}.theme-toggle{background:0 0;border:none;padding:0;inline-size:var(--ct-size);block-size:var(--ct-size);aspect-ratio:1;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);outline-offset:5px}.theme-toggle>svg{inline-size:100%;block-size:100%;stroke-linecap:round}[data-theme=dark] .theme-toggle{--ct-icon-fill:#000;--ct-icon-fill-hover:#000}@media(hover:none){.theme-toggle{--ct-size:48px}}