@layer quartz-base{.darkmode{cursor:pointer;width:20px;height:32px;text-align:inherit;background:0 0;border:none;flex-shrink:0;margin:0;padding:0;position:relative}.darkmode svg{width:20px;height:20px;fill:var(--darkgray);transition:opacity .1s;position:absolute;top:calc(50% - 10px)}:root[saved-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[saved-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[saved-theme=dark] .darkmode>.dayIcon{display:none}:root[saved-theme=dark] .darkmode>.nightIcon,:root .darkmode>.dayIcon{display:inline}:root .darkmode>.nightIcon{display:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:.5s ease-in both clip}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}:root[saved-theme=dark] ::view-transition-old(*){animation:.5s ease-in reverse both clip}:root[saved-theme=dark] ::view-transition-new(*){animation:none}:root[saved-theme=dark] ::view-transition-old(root){z-index:9999}:root[saved-theme=dark] ::view-transition-new(root){z-index:1}@keyframes clip{0%{clip-path:circle(0% at var(--x) var(--y))}to{clip-path:circle(var(--r) at var(--x) var(--y))}}.theme-change *{transition:all!important}}