/* Scene changes stay in this document; only the ambient surface dissolves first. */
::view-transition-group(root) {
  animation-duration: 680ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
::view-transition-image-pair(root) {
  isolation: isolate;
}
::view-transition-old(root),
::view-transition-new(root) {
  mix-blend-mode: normal;
}
::view-transition-old(root) {
  animation: none;
  opacity: 1;
}
::view-transition-new(root) {
  animation: forge-scene-dissolve 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes forge-scene-dissolve {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html.forge-routing::view-transition-group(root),
html.forge-routing::view-transition-new(root) {
  animation-duration: 380ms;
}
html.forge-entering body > :not(script):not(svg):not([data-forge-persistent]) {
  opacity: 0 !important;
}
html.forge-routing {
  pointer-events: none;
}
.forge-route-backdrop {
  position: fixed;
  inset: calc(var(--forge-header-height) + 1px) 0 0;
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
}
#welcome-screen.welcome-screen {
  z-index: 10002;
}
main[tabindex='-1']:focus,
main h1[tabindex='-1']:focus {
  outline: none;
}
html.forge-theme-changing *,
html.forge-theme-changing *::before,
html.forge-theme-changing *::after {
  transition: none !important;
}
html.forge-theme-changing::view-transition-group(root),
html.forge-theme-changing::view-transition-new(root) {
  animation-duration: 480ms;
}
#forge-navigation-status {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  background: #edf3f5;
  color: #263640;
  border: 1px solid #9aa8ae;
  border-radius: 8px;
  padding: 12px 20px;
  max-width: calc(100vw - 32px);
  font: 14px/1.5 system-ui;
  box-shadow: 0 6px 24px #0002;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
  html.forge-entering body > :not(script):not(svg) {
    opacity: 1 !important;
  }
  html {
    scroll-behavior: auto !important;
  }
}