/* RUSHD CF1.4.2: stable cross-document navigation with no blank interstitial. */
@view-transition {
  navigation: auto;
}

html {
  background: #071a14;
}

body {
  view-transition-name: rushd-page;
}

header.topbar {
  view-transition-name: rushd-header;
}

#mainContent {
  view-transition-name: rushd-content;
}

::view-transition-old(rushd-page),
::view-transition-new(rushd-page),
::view-transition-old(rushd-header),
::view-transition-new(rushd-header),
::view-transition-old(rushd-content),
::view-transition-new(rushd-content) {
  animation-duration: 240ms;
  animation-timing-function: cubic-bezier(.2,.7,.2,1);
}

::view-transition-old(rushd-header),
::view-transition-new(rushd-header) {
  animation-name: none;
}

.rushd-navigation-toast {
  position: fixed;
  z-index: 2147483647;
  inset-inline: max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  width: fit-content;
  max-width: min(34rem, calc(100vw - 2rem));
  margin-inline: auto;
  padding: .8rem 1rem;
  border: 1px solid rgba(215, 191, 134, .72);
  border-radius: .9rem;
  background: #102b22;
  color: #fff7e5;
  box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .28);
  font: 700 .9rem/1.6 Almarai, system-ui, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation-duration: 1ms !important;
  }
}