:root {
  --motion-ease: cubic-bezier(.16, 1, .3, 1);
  --motion-fast: 180ms;
}
.usermenu__pop, .notifmenu__pop {
  transition: opacity var(--motion-fast) ease, transform var(--motion-fast) var(--motion-ease), visibility var(--motion-fast);
}
body:not(.terminal-page) .btn {
  transition: color var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast) var(--motion-ease), translate var(--motion-fast) var(--motion-ease);
}
body:not(.terminal-page) .btn:active { translate: 0 1px; }
.lb__stage { animation: none; align-items: center; }
.lb__stage > img {
  flex: 0 1 auto;
  min-height: 0;
  width: min(1280px, 92vw, calc((88dvh - 88px) * var(--lb-aspect)));
  height: auto;
}
.lb__flight {
  position: fixed;
  z-index: 302;
  display: block;
  object-fit: cover;
  pointer-events: none;
  transform-origin: center;
}
.lb__info { max-width: min(70vw, 780px); }
.lb__bar { flex: 0 0 auto; align-self: stretch; color: var(--lb-ink); }
.lb__bar [data-lb-open] { color: var(--lb-ink); }
@media (max-width: 600px) {
  .lb__stage { max-width: 94vw; max-height: 80dvh; }
  .lb__stage > img { width: min(94vw, calc((80dvh - 120px) * var(--lb-aspect))); max-height: calc(80dvh - 120px); }
  .lb__bar { gap: 8px; padding-inline: 4px; }
  .lb__info { max-width: 90vw; }
  .lb__actions { width: 100%; justify-content: space-between; gap: 8px; }
  .lb__arrow { width: 36px; height: 52px; top: auto; bottom: 12px; transform: none; }
  .lb__arrow--prev { left: 12px; }
  .lb__arrow--next { right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}