/* The section owns sticky layout and its neutral studio background; this file owns the viewport only. */
[data-package-scene] {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  touch-action: pan-y;
  overflow: hidden;
  color-scheme: light;
}
.package-scene-canvas {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  filter: none;
  mix-blend-mode: normal;
}
[data-package-scene] [data-scene-fallback] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 0;
}
[data-package-scene] [data-scene-fallback] picture,
[data-package-scene] [data-scene-fallback] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
[data-package-scene][data-scene-state="ready"] .package-scene-canvas { opacity: 1; }
[data-package-scene][data-scene-state="ready"] [data-scene-fallback] { visibility: hidden; }
[data-package-scene][data-scene-state="fallback"] .package-scene-canvas { display: none; }
[data-scene-track] [data-scene-step]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
  .package-scene-canvas, [data-package-scene] [data-scene-fallback] { transition: none; }
  /* The existing three step buttons select static poses in reduced motion. */
  [data-scene-track] [data-scene-step] { scroll-behavior: auto; }
}
