.theme-toggle{--icon-fill:#fff;--icon-fill-hover:#fff}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill)}.theme-toggle:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill-hover)}.sun-and-moon>.sun-beams{stroke:var(--icon-fill);stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{stroke:var(--icon-fill-hover)}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translateX(-7px)}@supports (cx:1){[data-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(--ease-elastic-3)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx:1){.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out-5)}}[data-theme=dark] .sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}[data-theme=dark] .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}.theme-toggle{--toggle-size:50px;--icon-size:24px;position:fixed;bottom:25px;left:25px;z-index:9999;width:var(--toggle-size);height:var(--toggle-size);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease,background-color .5s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);background:var(--blue-1-brand)}.theme-toggle.size-sm{--toggle-size:36px;--icon-size:18px}.theme-toggle.size-md{--toggle-size:50px;--icon-size:24px}.theme-toggle.size-lg{--toggle-size:60px;--icon-size:28px}.sun-and-moon{width:var(--icon-size);height:var(--icon-size)}[data-theme=dark] .theme-toggle{background:#000;box-shadow:0 2px 8px hsla(0,0%,100%,.1)}[data-theme=dark] .theme-toggle:hover{box-shadow:0 4px 12px hsla(0,0%,100%,.15)}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.theme-toggle:active{transform:translateY(0)}.theme-toggle.top-right{top:20px;right:20px;bottom:auto;left:auto}.theme-toggle.top-left{top:20px;left:20px;bottom:auto;right:auto}.theme-toggle.bottom-right{bottom:20px;right:20px;left:auto;top:auto}@media (max-width:768px){.theme-toggle{width:calc(var(--toggle-size) - 4px);height:calc(var(--toggle-size) - 4px);bottom:25px;left:25px}.sun-and-moon{width:calc(var(--icon-size) - 2px);height:calc(var(--icon-size) - 2px)}}.theme-toggle:focus{outline:none!important;border:none!important}.theme-toggle:focus-visible{box-shadow:0 2px 8px rgba(0,0,0,.2),0 0 0 2px var(--blue-1-brand)}[data-theme=dark] .theme-toggle:focus-visible{box-shadow:0 2px 8px hsla(0,0%,100%,.1),0 0 0 2px #f0f1f2}@media (prefers-reduced-motion:reduce){.sun-and-moon,.sun-and-moon .moon>circle,.sun-and-moon>.sun,.sun-and-moon>.sun-beams,.theme-toggle{transition:none!important}}