::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;animation:.4s ease-in-out forwards reveal}@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}}@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}}.mode-toggle-button{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out;position:relative;overflow:hidden}.mode-toggle-button:disabled{opacity:.6;cursor:not-allowed}.mode-toggle-button svg{transition:transform .3s ease-in-out,opacity .3s ease-in-out,filter .3s ease-in-out}.mode-toggle-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}