/* Vben-style circle reveal. Theme colors and navigation live elsewhere. */
:root[data-theme-transition]::view-transition-group(root) {
  animation: none;
}

:root[data-theme-transition]::view-transition-old(root),
:root[data-theme-transition]::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

:root[data-theme-transition="light"]::view-transition-old(root),
:root[data-theme-transition="dark"]::view-transition-new(root) {
  z-index: 1;
}

:root[data-theme-transition="dark"]::view-transition-old(root),
:root[data-theme-transition="light"]::view-transition-new(root) {
  z-index: 2147483646;
}

:root[data-theme-transition]::view-transition {
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  :root::view-transition-group(root),
  :root::view-transition-old(root),
  :root::view-transition-new(root) {
    animation: none;
  }
}