/* marquee.css */

.pano-marquee {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 60;
  overflow: hidden;
  pointer-events: none;
  display: none;

  opacity: 0;
  transition: opacity 280ms ease;
}

.pano-marquee.is-visible {
  opacity: 1;
}

.pano-marquee.pos-bottom {
  bottom: var(--pano-marquee-bottom, 0px);
}

.pano-marquee.pos-top {
  top: var(--pano-marquee-top, 8px);
  bottom: auto;
}

.pano-marquee-inner {
  display: inline-block;
  white-space: nowrap;
  will-change: transform, opacity;

  opacity: 1;
  transition: opacity 220ms ease;
}

.pano-marquee-inner.is-fadeout {
  opacity: 0;
}