/* Stitch project 8190051736196894964: A06 Motion v2 orbital arcs. */
.scene-art { animation: none; transform: none; }
.scene-orbits {
  position: absolute;
  inset: -8% -12% -3% -2%;
  container-type: size;
  overflow: hidden;
  pointer-events: none;
}
.scene-orbits *,
.scene-orbits *::before,
.scene-orbits *::after { pointer-events: none; }
/* Match the image's cover sizing so the clipping region stays in the sky. */
.orbit-sky {
  position: absolute;
  width: max(100cqw, 179.166667cqh);
  height: max(100cqh, 55.813953cqw);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  clip-path: polygon(50% 0, 79% 0, 79% 33%, 50% 33%);
}
.orbit-arc {
  position: absolute;
  display: block;
  border: 3px solid transparent;
  border-radius: 50%;
  transform-origin: center;
}
.orbit-arc-cyan {
  left: 51%;
  top: -9%;
  width: 26%;
  height: 39%;
  border-top-color: rgb(157 242 255 / 85%);
  border-right-color: rgb(111 224 248 / 28%);
  animation: orbit-cw 8s linear infinite;
}
.orbit-arc-rose {
  left: 54%;
  top: -6%;
  width: 22%;
  height: 34%;
  border-bottom-color: rgb(255 179 214 / 80%);
  border-left-color: rgb(245 138 196 / 25%);
  animation: orbit-ccw 11.5s linear infinite;
}
@keyframes orbit-cw {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes orbit-ccw {
  from { transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}
html[data-motion="paused"] .scene-orbits *,
html[data-motion="paused"] .scene-orbits *::before,
html[data-motion="paused"] .scene-orbits *::after,
html[data-motion="hidden"] .scene-orbits *,
html[data-motion="hidden"] .scene-orbits *::before,
html[data-motion="hidden"] .scene-orbits *::after { animation-play-state: paused; }
@media (max-width: 700px) {
  .orbit-sky {
    width: max(100cqw, 179.104478cqh);
    height: max(100cqh, 55.833333cqw);
    left: 35%;
    transform: translate(-35%, -50%);
    clip-path: polygon(43% 0, 77% 0, 77% 33%, 43% 33%);
  }
  .orbit-arc { border-width: 3px; }
  .orbit-arc-cyan { left: 44%; top: -9%; width: 31%; height: 40%; }
  .orbit-arc-rose { left: 45%; top: -6%; width: 29%; height: 36%; }
}