[data-vt-transition=theme]::view-transition-old(root){z-index:1;animation:none}[data-vt-transition=theme]::view-transition-new(root){z-index:2;animation:.5s ease-out vt-circle-reveal}@keyframes vt-circle-reveal{0%{clip-path:circle(0% at var(--vt-click-x,50%)var(--vt-click-y,50%))}to{clip-path:circle(150% at var(--vt-click-x,50%)var(--vt-click-y,50%))}}[data-vt-transition=mode]::view-transition-old(root){animation:.3s ease-in both vt-mode-out}[data-vt-transition=mode]::view-transition-new(root){animation:.3s ease-out both vt-mode-in}@keyframes vt-mode-out{to{opacity:0;transform:scale(.98)}}@keyframes vt-mode-in{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}[data-vt-transition=active-mode]::view-transition-old(root){animation:.25s ease-in both vt-active-out}[data-vt-transition=active-mode]::view-transition-new(root){animation:.25s ease-out .1s both vt-active-in}@keyframes vt-active-out{to{opacity:0;filter:brightness(.3)}}@keyframes vt-active-in{0%{opacity:0;filter:brightness(.3)}to{opacity:1;filter:brightness()}}[data-vt-transition=focus]::view-transition-old(root){animation:.4s both vt-focus-fade}[data-vt-transition=focus]::view-transition-new(root){animation:.4s reverse both vt-focus-fade}@keyframes vt-focus-fade{to{opacity:0}}[data-vt-transition=scroll]::view-transition-old(root){animation:.25s ease-in both vt-scroll-out}[data-vt-transition=scroll]::view-transition-new(root){animation:.25s ease-out both vt-scroll-in}@keyframes vt-scroll-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-scroll-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}