::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1}@keyframes reveal{0%{clip-path:circle(0 at var(--x,50%) var(--y,50%));opacity:.7}to{clip-path:circle(150% at var(--x,50%) var(--y,50%));opacity:1}}::view-transition-new(root){animation:reveal .4s ease-in-out forwards}@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}}.mode-toggle-button{transition:all .2s ease-in-out}.mode-toggle-button:disabled{opacity:.6;cursor:not-allowed}.mode-toggle-button svg{transition:transform .3s ease-in-out}.mode-toggle-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.mode-toggle-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:currentColor;opacity:.1;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.mode-toggle-button.animating:before{width:200px;height:200px;opacity:0}.mode-toggle-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.theme-transition-overlay.active,.theme-transition-overlay.reverse{animation:none;opacity:1;transform:scale(1);transition:opacity .2s ease}.mode-toggle-button:before{transition:none}}.dark .theme-transition-overlay,.light .theme-transition-overlay{background:var(--background)}