root{--x:0;--y:0;--r:0}::view-transition-old(*){animation:none}::view-transition-new(*){animation:clip .5s ease-in}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}html.dark::view-transition-old(*){animation:clip .5s ease-in reverse}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) var(--y))}to{clip-path:circle(var(--r) at var(--x) var(--y))}}