/* Transparent decorative ride. Give its parent a width and absolute position.
   All animated layers share one period and start offset to preserve mechanics. */
.vero-ferris {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  pointer-events: none;
  user-select: none;
  shape-rendering: geometricPrecision;
  filter: drop-shadow(2px 3px 2px #09293b35);
}
.vero-ferris-rotor {
  transform-box: view-box;
  transform-origin: 250px 245px;
  animation: vero-ferris-turn var(--vero-ferris-period, 72s) linear var(--vero-ferris-delay, 0s) infinite;
}
.vero-ferris-gondola {
  /* This group lives at (0,0) inside its translated suspension-pin group. */
  transform-box: view-box;
  transform-origin: 0 0;
  animation: vero-ferris-level var(--vero-ferris-period, 72s) linear var(--vero-ferris-delay, 0s) infinite;
}
.vero-ferris-bulbs { opacity: var(--vero-ferris-lights, .9); }
@keyframes vero-ferris-turn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes vero-ferris-level { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }
.vero-ferris[data-paused='true'] *,
[data-motion='off'] .vero-ferris *,
[data-scenery-paused='true'] .vero-ferris *,
.scene-motion-paused .vero-ferris * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .vero-ferris * { animation-play-state: paused !important; }
}