.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;padding:0;border:0;background:none;color:var(--theme-toggle-fg);cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-toggle:focus-visible{outline:2px solid var(--theme-toggle-focus);outline-offset:-2px}.theme-toggle svg{display:block;width:15px;height:15px;overflow:visible}.theme-toggle :is(.tt-moon,.tt-sun,.tt-rays){transform-box:view-box;transform-origin:8px 8px}.theme-toggle .tt-moon{transform:rotate(0deg) scale(1);opacity:1;transition:transform .4s ease .1s,opacity .3s ease .1s}.theme-toggle .tt-sun{transform:rotate(-90deg) scale(.4);opacity:0;transition:transform .3s ease,opacity .2s ease}.theme-toggle .tt-rays{transform:scale(.4);transition:transform .3s ease}.theme-toggle[aria-checked=true] .tt-moon{transform:rotate(90deg) scale(.4);opacity:0;transition:transform .3s ease,opacity .2s ease}.theme-toggle[aria-checked=true] .tt-sun{transform:rotate(0deg) scale(1);opacity:1;transition:transform .4s ease .1s,opacity .3s ease .1s}.theme-toggle[aria-checked=true] .tt-rays{transform:scale(1);transition:transform .5s ease .15s}.theme-toggle:not([data-ready]) :is(.tt-moon,.tt-sun,.tt-rays){transition:none}@property --theme-reveal{syntax:"<length>";inherits:false;initial-value:0}html.theme-revealing::view-transition-new(root),html.theme-revealing::view-transition-old(root){animation:none;mix-blend-mode:normal}html.theme-revealing::view-transition-new(root){clip-path:inset(calc(var(--theme-y, 50vh) - var(--theme-reveal)) calc(100% - var(--theme-x, 50vw) - var(--theme-reveal)) calc(100% - var(--theme-y, 50vh) - var(--theme-reveal)) calc(var(--theme-x, 50vw) - var(--theme-reveal)));animation:theme-reveal .5s ease-in-out forwards}@keyframes theme-reveal{0%{--theme-reveal:0px}to{--theme-reveal:150vmax}}html.theme-revealing :not(.theme-toggle,.theme-toggle *),html.theme-revealing :not(.theme-toggle,.theme-toggle *):after,html.theme-revealing :not(.theme-toggle,.theme-toggle *):before{transition:none!important}html.theme-revealing .theme-toggle{view-transition-name:udk-theme-toggle}html.theme-revealing::view-transition-group(udk-theme-toggle),html.theme-revealing::view-transition-new(udk-theme-toggle),html.theme-revealing::view-transition-old(udk-theme-toggle){animation:none;mix-blend-mode:normal}html.theme-revealing::view-transition-old(udk-theme-toggle){display:none}@media (prefers-reduced-motion:reduce){.theme-toggle :is(.tt-moon,.tt-sun,.tt-rays){transition:none}}