.color-scheme-toggle-wrapper{--border-radius: 100%;--button-size: 64px;border-radius:var(--border-radius);background:none;aspect-ratio:1/1;height:var(--button-size);width:auto;position:relative}.color-scheme-toggle{border-radius:var(--border-radius);overflow:hidden;aspect-ratio:1/1;width:auto;height:var(--button-size);position:absolute;z-index:1;border:0;background-color:var(--primary80);--transition: .4s}.color-scheme-toggle>.sun,.color-scheme-toggle>.stars{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition-property:opacity;transition-duration:calc(var(--transition) + .6s);transition-timing-function:cubic-bezier(.25,0,.3,1)}.color-scheme-toggle>.sun>path,.color-scheme-toggle>.stars>path{transition-property:transform;transition-timing-function:cubic-bezier(.25,0,.3,1)}.color-scheme-toggle .sun path:nth-of-type(1){fill:var(--primary40);transition-duration:calc(var(--transition) + .6s)}.color-scheme-toggle .stars path:nth-of-type(1){fill:var(--primary20);transition-duration:calc(var(--transition) + .4s)}.color-scheme-toggle .stars path:nth-of-type(2){fill:var(--primary30);transition-duration:calc(var(--transition) + .6s)}.color-scheme-toggle .stars path:nth-of-type(3){fill:var(--primary40);transition-duration:calc(var(--transition) + .8s)}.color-scheme-toggle .stars path:nth-of-type(4){fill:var(--primary50);transition-duration:calc(var(--transition) + 1.2s)}.color-scheme-toggle .stars path:nth-of-type(5){fill:var(--primary40);transition-duration:calc(var(--transition) + 1.4s)}html[data-colorscheme=dark] .color-scheme-toggle>.sun{opacity:0}html[data-colorscheme=dark] .color-scheme-toggle .sun>path{transform:translateY(100%)}html[data-colorscheme=dark] .color-scheme-toggle>.stars{opacity:100}html[data-colorscheme=dark] .color-scheme-toggle .stars>path{transform:translateY(0)}html[data-colorscheme=light] .color-scheme-toggle>.stars{opacity:0}html[data-colorscheme=light] .color-scheme-toggle .stars>path{transform:translateY(100%)}html[data-colorscheme=light] .color-scheme-toggle>.sun{opacity:100}html[data-colorscheme=light] .color-scheme-toggle .sun>path{transform:translateY(0)}