::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::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:.4s ease-in-out forwards reveal}@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}}.mode-toggle-button:disabled{opacity:.6;cursor:not-allowed}.mode-toggle-button svg{transition:transform .3s ease-in-out}.mode-toggle-button{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.mode-toggle-button:before{content:"";opacity:.1;background:currentColor;border-radius:50%;width:0;height:0;transition:all .6s cubic-bezier(.25,.46,.45,.94);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-toggle-button.animating:before{opacity:0;width:200px;height:200px}.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{opacity:1;transition:opacity .2s;animation:none;transform:scale(1)}.mode-toggle-button:before{transition:none}}.dark .theme-transition-overlay,.light .theme-transition-overlay{background:var(--background)}