::view-transition-old(root),::view-transition-new(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{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:.08;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.mode-toggle-button.animating:before{width:200px;height:200px;opacity:0}