/* Floor page shims on top of the compiled vendor CSS. */
.a-stage canvas {
  display: block;
  height: 100svh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
}

/* Empty media shells (content is hydrated remotely on the live site). */
.modal-aside__content .media:empty,
.modal-aside__content .media .c-media:empty {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .app-line {
    transition: none;
  }
}

/* Mobile nav stays hidden until the burger opens it. */
@media (max-width: 767px) {
  .a-header[data-state='close'] .header__nav {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
}

/* While a pin panel is open the page scroll is locked and the panel content scrolls. */
.modal-aside__inner {
  overflow-y: auto;
  overscroll-behavior: contain;
}
