:root{--bg-animation-color:#000}html.dark{--bg-animation-color:#fff}html::view-transition-old(*){animation:none}html::view-transition-new(*){animation:clip .5s ease-in both}html::view-transition-old(root){z-index:1}html::view-transition-new(root){z-index:9999}html.dark::view-transition-old(*){animation:clip .5s ease-in reverse both}html.dark::view-transition-new(*){animation:none}html.dark::view-transition-old(root){z-index:9999}html.dark::view-transition-new(root){z-index:1}@keyframes clip{0%{clip-path:circle(0 at var(--x,50%) var(--y,50%))}to{clip-path:circle(var(--r,150vmax) at var(--x,50%) var(--y,50%))}}.theme-change *,.theme-transition-disabled *{transition:0s!important}.theme-change .transition-colors,.theme-change button{transition:all .3s ease!important}