/* The piece's colour hooks are the --orbits-* custom properties.
   A host overrides them with .ax-loop.ax-orbits { ... } loaded after this file,
   inside its own prefers-color-scheme query or [data-theme] selector for values
   that differ by scheme. */

/* Engine: the root, its colours and timings, and a reset against the host page's own rules. */
.ax-loop {
  --ax-ground: #ffffff;
  --ax-ink: #1f1f1f;
  --ax-muted: #5c5c5c;
  --ax-box: #efefef;
  --ax-line: #1f1f1f;
  --ax-focus: #1f1f1f;
  --ax-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ax-draw: 600ms;
  --ax-enter: 400ms;
  --ax-fade: 300ms;
  --ax-travel: 800ms;
  --ax-ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ax-ink);
  font: normal 400 16px/1.3 var(--ax-font);
  letter-spacing: normal;
  word-spacing: normal;
  text-align: left;
  text-transform: none;
}
.ax-loop, .ax-loop *, .ax-loop *::before, .ax-loop *::after { box-sizing: border-box; }

/* Engine: the text description, read in place of the stage, which is hidden from assistive technology. */
.ax-loop .ax-desc {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Engine: the frame decides the layout by its width; the stage is the picture, with no padding or border,
   so its container units, its padding box and the line overlay all measure the same rectangle. */
.ax-loop .ax-frame {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  container-type: inline-size;
  container-name: ax-loop-frame;
}
.ax-loop .ax-stage {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  container-type: inline-size;
  background: var(--ax-ground);
}
.ax-loop .ax-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ax-ground);
  opacity: 0;
  pointer-events: none;
  z-index: 5;
}
/* Engine: a stage child marked data-keep stays above the cover and carries no timed moment. */
:where(.ax-loop .ax-stage > [data-keep]) { position: relative; }
.ax-loop .ax-stage > [data-keep] { z-index: 6; }

/* Engine: lines. Each path's d in the markup is its finished shape in the overlay's own units, so the still
   shows every line with no script; the script measures them again in CSS pixels. */
.ax-loop .ax-wires {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 1;
}
.ax-loop .ax-wires path {
  fill: none;
  stroke: var(--ax-line);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.ax-loop .ax-narrow { display: none; }

/* Engine: the flight, which exists only in motion. */
.ax-loop .ax-fly {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 0;
  background: var(--ax-ground);
  border: 2px solid var(--ax-ink);
  opacity: 0;
  pointer-events: none;
  z-index: 4;
}

/* Engine: the pause control, shown only while the script can animate. */
.ax-loop .ax-btn {
  position: absolute;
  right: 4px;
  bottom: 4px;
  z-index: 10;
  display: none;
  place-items: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--ax-muted);
  font: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.ax-loop.ax-js .ax-btn { display: grid; }
.ax-loop .ax-btn::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: var(--ax-ground);
  box-shadow: inset 0 0 0 1.5px currentColor;
}
.ax-loop .ax-btn svg {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  max-width: none;
  margin: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ax-loop .ax-btn .ax-play { display: none; }
.ax-loop[data-state="paused"] .ax-btn .ax-pause { display: none; }
.ax-loop[data-state="paused"] .ax-btn .ax-play { display: block; }
.ax-loop .ax-btn:hover, .ax-loop .ax-btn:active { color: var(--ax-ink); }
.ax-loop .ax-btn:focus-visible { outline: 2px solid var(--ax-focus); outline-offset: 0; color: var(--ax-ink); }
@media print {
  .ax-loop .ax-btn { display: none !important; }
}





.ax-loop.ax-orbits { width:100%; max-width:1200px; margin:0 auto; --orbits-ground:#f2e1c7; --orbits-paper:#f9f9f4; --orbits-outline:#332d29; --orbits-bar:#6f6853; --orbits-folder:#99917a; --orbits-folder-edge:#332d29; --orbits-sticky:#f7eedf; --orbits-curl:#99917a; --orbits-picture:#6f6853; --orbits-thread:#0e7c6f; --orbits-pin-centre:#f9f9f4; --orbits-gold:#ffbb00; --orbits-touch-edge:#000000; --orbits-answer:#000000; --orbits-control:#6f6853; --orbits-control-active:#000000; --ax-ground:var(--orbits-ground); --ax-ink:var(--orbits-control-active); --ax-muted:var(--orbits-control); --ax-focus:var(--orbits-control-active); --ax-box:var(--orbits-paper); --ax-line:var(--orbits-thread); --ax-font:system-ui,sans-serif; --ax-fade:400ms; --ax-draw:350ms; --ax-enter:200ms; --ax-travel:600ms; --ax-ease-out:cubic-bezier(0.25,1,0.5,1); }
@media (prefers-color-scheme:dark) {
 
 :where(:root:not([data-theme="light"])) .ax-loop.ax-orbits { --orbits-ground:#000000; --orbits-paper:#f9f9f4; --orbits-outline:#f9f9f4; --orbits-bar:#99917a; --orbits-folder:#99917a; --orbits-folder-edge:#6f6853; --orbits-sticky:#f2e1c7; --orbits-curl:#99917a; --orbits-picture:#6f6853; --orbits-thread:#24ccb8; --orbits-pin-centre:#000000; --orbits-gold:#ffbb00; --orbits-touch-edge:#ffbb00; --orbits-answer:#ffbb00; --orbits-control:#99917a; --orbits-control-active:#f9f9f4; }
}

:where(:root[data-theme="dark"]) .ax-loop.ax-orbits { --orbits-ground:#000000; --orbits-paper:#f9f9f4; --orbits-outline:#f9f9f4; --orbits-bar:#99917a; --orbits-folder:#99917a; --orbits-folder-edge:#6f6853; --orbits-sticky:#f2e1c7; --orbits-curl:#99917a; --orbits-picture:#6f6853; --orbits-thread:#24ccb8; --orbits-pin-centre:#000000; --orbits-gold:#ffbb00; --orbits-touch-edge:#ffbb00; --orbits-answer:#ffbb00; --orbits-control:#99917a; --orbits-control-active:#f9f9f4; }


.ax-loop.ax-orbits .ax-stage { aspect-ratio:16 / 9; }
.ax-loop.ax-orbits .orbits-art { position:absolute; inset:0; width:100%; height:100%; display:block; overflow:visible; }
.ax-loop.ax-orbits .orbits-art * { stroke-linecap:round; stroke-linejoin:round; }
.ax-loop.ax-orbits .orbits-paper { fill:var(--orbits-paper); stroke:var(--orbits-outline); stroke-width:3; }
.ax-loop.ax-orbits .orbits-fold { fill:none; stroke:var(--orbits-bar); stroke-width:3; }
.ax-loop.ax-orbits .orbits-bar { fill:var(--orbits-bar); }
.ax-loop.ax-orbits .orbits-folder { fill:var(--orbits-folder); stroke:var(--orbits-folder-edge); stroke-width:3; }
.ax-loop.ax-orbits .orbits-folder-rule { fill:var(--orbits-folder-edge); }
.ax-loop.ax-orbits .orbits-folder-edge { fill:none; stroke:var(--orbits-folder-edge); stroke-width:3; }
.ax-loop.ax-orbits .orbits-sticky { fill:var(--orbits-sticky); stroke:var(--orbits-outline); stroke-width:3; }
.ax-loop.ax-orbits .orbits-curl { fill:var(--orbits-curl); stroke:var(--orbits-outline); stroke-width:3; }
.ax-loop.ax-orbits .orbits-picture-frame, .ax-loop.ax-orbits .orbits-chart-line { fill:none; stroke:var(--orbits-picture); stroke-width:3; }
.ax-loop.ax-orbits .orbits-picture-fill { fill:var(--orbits-picture); }
.ax-loop.ax-orbits .orbits-spoke, .ax-loop.ax-orbits .orbits-rim, .ax-loop.ax-orbits .orbits-knot { fill:none; stroke:var(--orbits-thread); stroke-width:3; stroke-dasharray:1; stroke-dashoffset:0; }
.ax-loop.ax-orbits .orbits-rim { stroke-width:4; }
.ax-loop.ax-orbits .orbits-knot { stroke-width:5; }
.ax-loop.ax-orbits .orbits-centre { fill:var(--orbits-paper); }
.ax-loop.ax-orbits .orbits-pin { fill:var(--orbits-pin-centre); stroke:var(--orbits-thread); stroke-width:3; }
.ax-loop.ax-orbits .orbits-shared-pin { fill:var(--orbits-paper); stroke-width:3.5; }
.ax-loop.ax-orbits .orbits-touch-dot { fill:var(--orbits-gold); stroke:var(--orbits-touch-edge); stroke-width:3; }
.ax-loop.ax-orbits .orbits-touch-support { fill:none; stroke:var(--ax-ground); stroke-width:11; }
.ax-loop.ax-orbits .orbits-touch-ring { fill:none; stroke:var(--orbits-touch-edge); stroke-width:5; }
.ax-loop.ax-orbits .orbits-answer { fill:none; stroke:var(--orbits-answer); stroke-width:4; stroke-dasharray:1; stroke-dashoffset:0; opacity:0; pointer-events:none; }
.ax-loop.ax-orbits .orbits-answer-rim, .ax-loop.ax-orbits .orbits-answer-knot { stroke-width:6; }
.ax-loop.ax-orbits .orbits-highlight { fill:none; stroke:var(--orbits-answer); stroke-width:4; opacity:0; pointer-events:none; }


.ax-loop.ax-orbits .orbits-n-art { display:none; }
.ax-loop.ax-orbits .orbits-control-space { height:0; }
@container ax-loop-frame (width < 576px) {
  .ax-loop.ax-orbits .ax-stage { aspect-ratio:892 / 1266; }
  .ax-loop.ax-orbits .orbits-art:not(.orbits-n-art) { display:none; }
  .ax-loop.ax-orbits .orbits-n-art { display:block; }
  .ax-loop.ax-orbits .orbits-control-space { height:52px; }
}

@media screen and (prefers-reduced-motion: no-preference) {

  .ax-loop .ax-stage::after { transition: opacity var(--ax-fade) var(--ax-ease-out); }
  .ax-loop .ax-stage.ax-fading::after, .ax-loop .ax-stage.ax-cover::after { opacity: 1; }
  .ax-loop .ax-stage.ax-cover::after { transition: none; }
  .ax-loop .ax-stage.ax-fading :not([data-keep], [data-keep] *) { transition-duration: 0s !important; }
  .ax-loop .ax-armed .ax-wires path { stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset var(--ax-draw) var(--ax-ease-out); }
  .ax-loop .ax-armed .ax-wires path:not(.on) { stroke-dashoffset: 1; }
  .ax-loop .ax-armed .ax-fly.on { animation: ax-loop-fly var(--ax-travel) linear forwards; }


  .ax-loop.ax-orbits .ax-armed .orbits-piece { transform-box:view-box; transform:translate(0px,0px) rotate(0deg) scale(1); transition:transform 600ms cubic-bezier(0.16,1,0.3,1); }
  .ax-loop.ax-orbits .ax-armed .orbits-piece:not(.on) { transform: translate(var(--orbits-scatter-x), var(--orbits-scatter-y)) rotate(var(--orbits-scatter-angle)) scale(var(--orbits-scatter-scale)); }
  .ax-loop.ax-orbits .ax-armed .orbits-drift { transform-box:fill-box; transform-origin:center; transform:translate(0px,0px) rotate(0deg); transition:transform 250ms cubic-bezier(0.25,1,0.5,1); }
  .ax-loop.ax-orbits .ax-armed .orbits-piece:not(.on) .orbits-drift { animation:orbits-drift var(--orbits-drift-duration) cubic-bezier(0.65,0,0.35,1) var(--orbits-drift-delay) infinite alternate; }
  .ax-loop.ax-orbits .ax-armed .orbits-spoke { transition:stroke-dashoffset 350ms cubic-bezier(0.25,1,0.5,1); }
  .ax-loop.ax-orbits .ax-armed .orbits-rim { transition:stroke-dashoffset 700ms cubic-bezier(0.25,1,0.5,1); }
  .ax-loop.ax-orbits .ax-armed .orbits-knot { transition:stroke-dashoffset 400ms cubic-bezier(0.25,1,0.5,1); }
  .ax-loop.ax-orbits .ax-armed .orbits-spoke:not(.on), .ax-loop.ax-orbits .ax-armed .orbits-rim:not(.on), .ax-loop.ax-orbits .ax-armed .orbits-knot:not(.on) { stroke-dashoffset:1; }
  .ax-loop.ax-orbits .ax-armed .orbits-centre { transition:opacity 200ms cubic-bezier(0.25,1,0.5,1); }
  .ax-loop.ax-orbits .ax-armed .orbits-centre:not(.on) { opacity:0; }
  .ax-loop.ax-orbits .ax-armed .orbits-touch { transition:opacity 200ms cubic-bezier(0.25,1,0.5,1); }
  .ax-loop.ax-orbits .ax-armed .orbits-touch:not(.on) { opacity:0; }
  .ax-loop.ax-orbits .ax-armed .orbits-answer:not(.on) { opacity:0; stroke-dashoffset:1; transition:opacity 200ms linear,stroke-dashoffset 0ms 200ms; }
  .ax-loop.ax-orbits .ax-armed .orbits-answer.on { opacity:1; stroke-dashoffset:0; transition:opacity 100ms linear,stroke-dashoffset var(--orbits-answer-duration,300ms) linear; }
  .ax-loop.ax-orbits .ax-armed .orbits-answer-rim { --orbits-answer-duration:900ms; }
  .ax-loop.ax-orbits .ax-armed .orbits-shared-pin { transition:opacity 200ms cubic-bezier(0.25,1,0.5,1); }
  .ax-loop.ax-orbits .ax-armed .orbits-shared-pin:not(.on) { opacity:0; }
  .ax-loop.ax-orbits .ax-armed .orbits-highlight { transition:opacity 200ms cubic-bezier(0.25,1,0.5,1); }
  .ax-loop.ax-orbits .ax-armed .orbits-highlight.on { opacity:1; }

  .ax-loop.ax-orbits .ax-armed .orbits-p0 { transform-origin:630px 378.15px; --orbits-scatter-x: -503.207px; --orbits-scatter-y: -240.595px; --orbits-scatter-angle:32.92deg; --orbits-scatter-scale:1.55; --orbits-drift-x:9.73px; --orbits-drift-y:8.202px; --orbits-drift-duration:4.155s; --orbits-drift-delay:-0.912s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p1 { transform-origin:800px 476.3px; --orbits-scatter-x: -325.904px; --orbits-scatter-y: 2.101px; --orbits-scatter-angle:16.916deg; --orbits-scatter-scale:1.77; --orbits-drift-x:6.122px; --orbits-drift-y:9.531px; --orbits-drift-duration:4.963s; --orbits-drift-delay:-3.686s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p2 { transform-origin:970px 378.15px; --orbits-scatter-x: -138.517px; --orbits-scatter-y: -290.062px; --orbits-scatter-angle:16.249deg; --orbits-scatter-scale:1.67; --orbits-drift-x:6.818px; --orbits-drift-y:9.038px; --orbits-drift-duration:3.909s; --orbits-drift-delay:-1.347s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p3 { transform-origin:630px 181.85px; --orbits-scatter-x: -432.939px; --orbits-scatter-y: 111.29px; --orbits-scatter-angle:29.919deg; --orbits-scatter-scale:1.57; --orbits-drift-x:9.654px; --orbits-drift-y:7.951px; --orbits-drift-duration:3.651s; --orbits-drift-delay:-0.946s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p4 { transform-origin:970px 181.85px; --orbits-scatter-x: -849.358px; --orbits-scatter-y: 238.747px; --orbits-scatter-angle:13.3deg; --orbits-scatter-scale:1.79; --orbits-drift-x:9.098px; --orbits-drift-y:8.275px; --orbits-drift-duration:4.794s; --orbits-drift-delay:-0.351s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p5 { transform-origin:460px 476.3px; --orbits-scatter-x: -280.487px; --orbits-scatter-y: 108.596px; --orbits-scatter-angle:-22.274deg; --orbits-scatter-scale:1.69; --orbits-drift-x:9.707px; --orbits-drift-y:8.154px; --orbits-drift-duration:3.892s; --orbits-drift-delay:-0.079s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p6 { transform-origin:1140px 476.3px; --orbits-scatter-x: -6.917px; --orbits-scatter-y: 250.357px; --orbits-scatter-angle:-23.973deg; --orbits-scatter-scale:1.59; --orbits-drift-x:9.928px; --orbits-drift-y:6.583px; --orbits-drift-duration:4.277s; --orbits-drift-delay:-3.324s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p7 { transform-origin:800px 672.6px; --orbits-scatter-x: -97.273px; --orbits-scatter-y: -126.363px; --orbits-scatter-angle:-12.686deg; --orbits-scatter-scale:1.81; --orbits-drift-x:7.676px; --orbits-drift-y:8.757px; --orbits-drift-duration:3.877s; --orbits-drift-delay:-2.78s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p8 { transform-origin:340.256292px 435.547852px; --orbits-scatter-x: 656.421px; --orbits-scatter-y: 108.843px; --orbits-scatter-angle:-29.825deg; --orbits-scatter-scale:1.71; --orbits-drift-x:7.338px; --orbits-drift-y:6.601px; --orbits-drift-duration:3.356s; --orbits-drift-delay:-2.849s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p9 { transform-origin:272.098485px 336.804144px; --orbits-scatter-x: 35.668px; --orbits-scatter-y: 202.403px; --orbits-scatter-angle:29.66deg; --orbits-scatter-scale:1.61; --orbits-drift-x:6.871px; --orbits-drift-y:8.98px; --orbits-drift-duration:4.947s; --orbits-drift-delay:-3.497s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p10 { transform-origin:266.315839px 248.060436px; --orbits-scatter-x: 989.201px; --orbits-scatter-y: 118.52px; --orbits-scatter-angle:31.444deg; --orbits-scatter-scale:1.83; --orbits-drift-x:9.007px; --orbits-drift-y:7.116px; --orbits-drift-duration:3.636s; --orbits-drift-delay:-1.098s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p11 { transform-origin:305.964707px 158.316728px; --orbits-scatter-x: 1074.95px; --orbits-scatter-y: 608.837px; --orbits-scatter-angle:18.428deg; --orbits-scatter-scale:1.73; --orbits-drift-x:9.246px; --orbits-drift-y:8.972px; --orbits-drift-duration:3.061s; --orbits-drift-delay:-0.232s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p12 { transform-origin:409.708415px 90.251623px; --orbits-scatter-x: -226.369px; --orbits-scatter-y: 665.017px; --orbits-scatter-angle:12.943deg; --orbits-scatter-scale:1.63; --orbits-drift-x:6.978px; --orbits-drift-y:7.543px; --orbits-drift-duration:4.918s; --orbits-drift-delay:-2.072s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p13 { transform-origin:521.452123px 93.566831px; --orbits-scatter-x: -57.186px; --orbits-scatter-y: 68.84px; --orbits-scatter-angle:-23.085deg; --orbits-scatter-scale:1.85; --orbits-drift-x:9.621px; --orbits-drift-y:8.63px; --orbits-drift-duration:4.919s; --orbits-drift-delay:-0.63s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p14 { transform-origin:1067.132461px 97.725449px; --orbits-scatter-x: -314.634px; --orbits-scatter-y: 291.262px; --orbits-scatter-angle:26.661deg; --orbits-scatter-scale:1.75; --orbits-drift-x:6.347px; --orbits-drift-y:8.392px; --orbits-drift-duration:4.297s; --orbits-drift-delay:-1.442s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p15 { transform-origin:1173.90118px 86.649541px; --orbits-scatter-x: -277.023px; --orbits-scatter-y: 596.977px; --orbits-scatter-angle:38.712deg; --orbits-scatter-scale:1.65; --orbits-drift-x:6.389px; --orbits-drift-y:7.736px; --orbits-drift-duration:4.221s; --orbits-drift-delay:-0.35s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p16 { transform-origin:1288.669899px 151.816728px; --orbits-scatter-x: -228.262px; --orbits-scatter-y: -35.283px; --orbits-scatter-angle:-39.737deg; --orbits-scatter-scale:1.55; --orbits-drift-x:7.43px; --orbits-drift-y:6.678px; --orbits-drift-duration:3.5s; --orbits-drift-delay:-0.341s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p17 { transform-origin:1335.235591px 259.585448px; --orbits-scatter-x: -608.446px; --orbits-scatter-y: 454.832px; --orbits-scatter-angle:12.644deg; --orbits-scatter-scale:1.77; --orbits-drift-x:7.018px; --orbits-drift-y:9.512px; --orbits-drift-duration:4.085s; --orbits-drift-delay:-0.549s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p18 { transform-origin:1320.84173px 356.354167px; --orbits-scatter-x: -627.353px; --orbits-scatter-y: -272.995px; --orbits-scatter-angle:15.954deg; --orbits-scatter-scale:1.67; --orbits-drift-x:8.542px; --orbits-drift-y:8.351px; --orbits-drift-duration:3.799s; --orbits-drift-delay:-2.269s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p19 { transform-origin:1238.768719px 449.642065px; --orbits-scatter-x: 49.099px; --orbits-scatter-y: 86.304px; --orbits-scatter-angle:15.08deg; --orbits-scatter-scale:1.57; --orbits-drift-x:7.58px; --orbits-drift-y:8.456px; --orbits-drift-duration:4.846s; --orbits-drift-delay:-1.897s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p20 { transform-origin:700.317663px 757.723338px; --orbits-scatter-x: -154.003px; --orbits-scatter-y: -1.152px; --orbits-scatter-angle:25.051deg; --orbits-scatter-scale:1.79; --orbits-drift-x:8.629px; --orbits-drift-y:7.382px; --orbits-drift-duration:3.208s; --orbits-drift-delay:-1.634s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p21 { transform-origin:598.361285px 768.183533px; --orbits-scatter-x: -262.341px; --orbits-scatter-y: -441.012px; --orbits-scatter-angle:-35.773deg; --orbits-scatter-scale:1.69; --orbits-drift-x:7.719px; --orbits-drift-y:8.082px; --orbits-drift-duration:4.005s; --orbits-drift-delay:-2.657s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p22 { transform-origin:485.404907px 707.212755px; --orbits-scatter-x: 78.997px; --orbits-scatter-y: -74.761px; --orbits-scatter-angle:37.973deg; --orbits-scatter-scale:1.59; --orbits-drift-x:6.034px; --orbits-drift-y:6.642px; --orbits-drift-duration:4.911s; --orbits-drift-delay:-1.747s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p23 { transform-origin:435.148912px 598.256378px; --orbits-scatter-x: 484.397px; --orbits-scatter-y: -379.221px; --orbits-scatter-angle:29.119deg; --orbits-scatter-scale:1.81; --orbits-drift-x:6.452px; --orbits-drift-y:7.04px; --orbits-drift-duration:4.755s; --orbits-drift-delay:-3.354s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p24 { transform-origin:1166.299617px 574.837708px; --orbits-scatter-x: 100.51px; --orbits-scatter-y: -467.352px; --orbits-scatter-angle:-23.03deg; --orbits-scatter-scale:1.71; --orbits-drift-x:6.347px; --orbits-drift-y:7.406px; --orbits-drift-duration:3.711s; --orbits-drift-delay:-1.284s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p25 { transform-origin:1131.264972px 686.375417px; --orbits-scatter-x: -783.091px; --orbits-scatter-y: -6.052px; --orbits-scatter-angle:-35.737deg; --orbits-scatter-scale:1.61; --orbits-drift-x:6.279px; --orbits-drift-y:9.653px; --orbits-drift-duration:4.433s; --orbits-drift-delay:-3.899s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p26 { transform-origin:1034.727263px 759.771535px; --orbits-scatter-x: -389.769px; --orbits-scatter-y: -539.747px; --orbits-scatter-angle:-37.825deg; --orbits-scatter-scale:1.83; --orbits-drift-x:7.025px; --orbits-drift-y:8.023px; --orbits-drift-duration:4.168s; --orbits-drift-delay:-2.77s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p27 { transform-origin:916.189555px 763.230629px; --orbits-scatter-x: 488.325px; --orbits-scatter-y: -508.856px; --orbits-scatter-angle:-27.622deg; --orbits-scatter-scale:1.73; --orbits-drift-x:9.44px; --orbits-drift-y:8.157px; --orbits-drift-duration:4.013s; --orbits-drift-delay:-3.132s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p28 { transform-origin:747.995669px 90.713868px; --orbits-scatter-x: 710.897px; --orbits-scatter-y: 372.054px; --orbits-scatter-angle:24.368deg; --orbits-scatter-scale:1.63; --orbits-drift-x:7.882px; --orbits-drift-y:6.873px; --orbits-drift-duration:4.578s; --orbits-drift-delay:-1.036s; }
  .ax-loop.ax-orbits .ax-armed .orbits-p29 { transform-origin:860.974993px 93.410235px; --orbits-scatter-x: 210.268px; --orbits-scatter-y: 253.494px; --orbits-scatter-angle:18.798deg; --orbits-scatter-scale:1.85; --orbits-drift-x:9.006px; --orbits-drift-y:8.57px; --orbits-drift-duration:3.486s; --orbits-drift-delay:-3.391s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p15 { transform-origin:794.455823px 988.741891px; --orbits-scatter-x:-257.286937px; --orbits-scatter-y:-397.361877px; --orbits-scatter-angle:38.712deg; --orbits-scatter-scale:1.65; --orbits-drift-x:6.389px; --orbits-drift-y:7.736px; --orbits-drift-duration:4.221s; --orbits-drift-delay:-0.35s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p16 { transform-origin:737.626857px 1103.962308px; --orbits-scatter-x:-48.78113px; --orbits-scatter-y:-431.621468px; --orbits-scatter-angle:-39.737deg; --orbits-scatter-scale:1.55; --orbits-drift-x:7.43px; --orbits-drift-y:6.678px; --orbits-drift-duration:3.5s; --orbits-drift-delay:-0.341s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p17 { transform-origin:618.40644px 1159.706108px; --orbits-scatter-x:152.761058px; --orbits-scatter-y:-548.370852px; --orbits-scatter-angle:12.644deg; --orbits-scatter-scale:1.77; --orbits-drift-x:7.018px; --orbits-drift-y:9.512px; --orbits-drift-duration:4.085s; --orbits-drift-delay:-0.549s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p18 { transform-origin:526.186023px 1146.322595px; --orbits-scatter-x:-420.274526px; --orbits-scatter-y:-256.763314px; --orbits-scatter-angle:15.954deg; --orbits-scatter-scale:1.67; --orbits-drift-x:8.542px; --orbits-drift-y:8.351px; --orbits-drift-duration:3.799s; --orbits-drift-delay:-2.269s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p19 { transform-origin:433.965607px 1069.521474px; --orbits-scatter-x:-189.010096px; --orbits-scatter-y:-127.749832px; --orbits-scatter-angle:15.08deg; --orbits-scatter-scale:1.57; --orbits-drift-x:7.58px; --orbits-drift-y:8.456px; --orbits-drift-duration:4.846s; --orbits-drift-delay:-1.897s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p14 { transform-origin:778.592073px 883.521474px; --orbits-scatter-x:-411.65289px; --orbits-scatter-y:-274.773441px; --orbits-scatter-angle:26.661deg; --orbits-scatter-scale:1.75; --orbits-drift-x:6.347px; --orbits-drift-y:8.392px; --orbits-drift-duration:4.297s; --orbits-drift-delay:-1.442s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p6 { transform-origin:403.3833px 964.301057px; --orbits-scatter-x:-256.879696px; --orbits-scatter-y:-613.898852px; --orbits-scatter-angle:-23.973deg; --orbits-scatter-scale:1.59; --orbits-drift-x:9.928px; --orbits-drift-y:6.583px; --orbits-drift-duration:4.277s; --orbits-drift-delay:-3.324s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p24 { transform-origin:291.721572px 990.135485px; --orbits-scatter-x:-162.863316px; --orbits-scatter-y:136.137111px; --orbits-scatter-angle:-23.03deg; --orbits-scatter-scale:1.71; --orbits-drift-x:6.347px; --orbits-drift-y:7.406px; --orbits-drift-duration:3.711s; --orbits-drift-delay:-1.284s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p25 { transform-origin:186.059844px 950.28624px; --orbits-scatter-x:52.118078px; --orbits-scatter-y:181.037173px; --orbits-scatter-angle:-35.737deg; --orbits-scatter-scale:1.61; --orbits-drift-x:6.279px; --orbits-drift-y:9.653px; --orbits-drift-duration:4.433s; --orbits-drift-delay:-3.899s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p26 { transform-origin:114.237294px 839.624513px; --orbits-scatter-x:257.669261px; --orbits-scatter-y:288.829369px; --orbits-scatter-angle:-37.825deg; --orbits-scatter-scale:1.83; --orbits-drift-x:7.025px; --orbits-drift-y:8.023px; --orbits-drift-duration:4.168s; --orbits-drift-delay:-2.77s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p27 { transform-origin:119.094562px 731.962785px; --orbits-scatter-x:410.597196px; --orbits-scatter-y:377.664399px; --orbits-scatter-angle:-27.622deg; --orbits-scatter-scale:1.73; --orbits-drift-x:9.44px; --orbits-drift-y:8.157px; --orbits-drift-duration:4.013s; --orbits-drift-delay:-3.132s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p29 { transform-origin:784.802737px 689.604074px; --orbits-scatter-x:-30.920805px; --orbits-scatter-y:439.809575px; --orbits-scatter-angle:18.798deg; --orbits-scatter-scale:1.85; --orbits-drift-x:9.006px; --orbits-drift-y:8.57px; --orbits-drift-duration:3.486s; --orbits-drift-delay:-3.391s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p4 { transform-origin:697.8333px 794.301057px; --orbits-scatter-x:-50.974455px; --orbits-scatter-y:-654.66512px; --orbits-scatter-angle:13.3deg; --orbits-scatter-scale:1.79; --orbits-drift-x:9.098px; --orbits-drift-y:8.275px; --orbits-drift-duration:4.794s; --orbits-drift-delay:-0.351s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p2 { transform-origin:501.5333px 794.301057px; --orbits-scatter-x:-142.028768px; --orbits-scatter-y:-665.939161px; --orbits-scatter-angle:16.249deg; --orbits-scatter-scale:1.67; --orbits-drift-x:6.818px; --orbits-drift-y:9.038px; --orbits-drift-duration:3.909s; --orbits-drift-delay:-1.347s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p28 { transform-origin:788.831955px 571.798902px; --orbits-scatter-x:-149.599208px; --orbits-scatter-y:563.638218px; --orbits-scatter-angle:24.368deg; --orbits-scatter-scale:1.63; --orbits-drift-x:7.882px; --orbits-drift-y:6.873px; --orbits-drift-duration:4.578s; --orbits-drift-delay:-1.036s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p1 { transform-origin:403.3833px 624.301057px; --orbits-scatter-x:-213.827316px; --orbits-scatter-y:-454.42389px; --orbits-scatter-angle:16.916deg; --orbits-scatter-scale:1.77; --orbits-drift-x:6.122px; --orbits-drift-y:9.531px; --orbits-drift-duration:4.963s; --orbits-drift-delay:-3.686s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p7 { transform-origin:207.0833px 624.301057px; --orbits-scatter-x:47.668833px; --orbits-scatter-y:-193.665152px; --orbits-scatter-angle:-12.686deg; --orbits-scatter-scale:1.81; --orbits-drift-x:7.676px; --orbits-drift-y:8.757px; --orbits-drift-duration:3.877s; --orbits-drift-delay:-2.78s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p20 { transform-origin:120.428722px 520.489864px; --orbits-scatter-x:286.067233px; --orbits-scatter-y:313.217135px; --orbits-scatter-angle:25.051deg; --orbits-scatter-scale:1.79; --orbits-drift-x:8.629px; --orbits-drift-y:7.382px; --orbits-drift-duration:3.208s; --orbits-drift-delay:-1.634s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p21 { transform-origin:112.648881px 416.288799px; --orbits-scatter-x:441.24644px; --orbits-scatter-y:424.21076px; --orbits-scatter-angle:-35.773deg; --orbits-scatter-scale:1.69; --orbits-drift-x:7.719px; --orbits-drift-y:8.082px; --orbits-drift-duration:4.005s; --orbits-drift-delay:-2.657s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p22 { transform-origin:170.98117px 311.087734px; --orbits-scatter-x:520.755995px; --orbits-scatter-y:637.239058px; --orbits-scatter-angle:37.973deg; --orbits-scatter-scale:1.59; --orbits-drift-x:6.034px; --orbits-drift-y:6.642px; --orbits-drift-duration:4.911s; --orbits-drift-delay:-1.747s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p23 { transform-origin:290.182235px 258.578919px; --orbits-scatter-x:461.00312px; --orbits-scatter-y:668.436613px; --orbits-scatter-angle:29.119deg; --orbits-scatter-scale:1.81; --orbits-drift-x:6.452px; --orbits-drift-y:7.04px; --orbits-drift-duration:4.755s; --orbits-drift-delay:-3.354s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p13 { transform-origin:777.699223px 367.029657px; --orbits-scatter-x:-564.876579px; --orbits-scatter-y:249.932192px; --orbits-scatter-angle:-23.085deg; --orbits-scatter-scale:1.85; --orbits-drift-x:9.621px; --orbits-drift-y:8.63px; --orbits-drift-duration:4.919s; --orbits-drift-delay:-0.63s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p3 { transform-origin:697.8333px 454.301057px; --orbits-scatter-x:-163.350735px; --orbits-scatter-y:-305.821318px; --orbits-scatter-angle:29.919deg; --orbits-scatter-scale:1.57; --orbits-drift-x:9.654px; --orbits-drift-y:7.951px; --orbits-drift-duration:3.651s; --orbits-drift-delay:-0.946s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p0 { transform-origin:501.5333px 454.301057px; --orbits-scatter-x:-347.723652px; --orbits-scatter-y:-270.381559px; --orbits-scatter-angle:32.92deg; --orbits-scatter-scale:1.55; --orbits-drift-x:9.73px; --orbits-drift-y:8.202px; --orbits-drift-duration:4.155s; --orbits-drift-delay:-0.912s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p5 { transform-origin:403.3833px 284.301057px; --orbits-scatter-x:334.663242px; --orbits-scatter-y:-124.169081px; --orbits-scatter-angle:-22.274deg; --orbits-scatter-scale:1.69; --orbits-drift-x:9.707px; --orbits-drift-y:8.154px; --orbits-drift-duration:3.892s; --orbits-drift-delay:-0.079s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p8 { transform-origin:437.282843px 174.029657px; --orbits-scatter-x:-29.100395px; --orbits-scatter-y:176.180829px; --orbits-scatter-angle:-29.825deg; --orbits-scatter-scale:1.71; --orbits-drift-x:7.338px; --orbits-drift-y:6.601px; --orbits-drift-duration:3.356s; --orbits-drift-delay:-2.849s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p9 { transform-origin:548.688305px 94.740511px; --orbits-scatter-x:-58.86195px; --orbits-scatter-y:290.123522px; --orbits-scatter-angle:29.66deg; --orbits-scatter-scale:1.61; --orbits-drift-x:6.871px; --orbits-drift-y:8.98px; --orbits-drift-duration:4.947s; --orbits-drift-delay:-3.497s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p10 { transform-origin:644.959705px 93.293892px; --orbits-scatter-x:44.324323px; --orbits-scatter-y:285.316937px; --orbits-scatter-angle:31.444deg; --orbits-scatter-scale:1.83; --orbits-drift-x:9.007px; --orbits-drift-y:7.116px; --orbits-drift-duration:3.636s; --orbits-drift-delay:-1.098s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p11 { transform-origin:752.011018px 160.486857px; --orbits-scatter-x:9.156702px; --orbits-scatter-y:201.215857px; --orbits-scatter-angle:18.428deg; --orbits-scatter-scale:1.73; --orbits-drift-x:9.246px; --orbits-drift-y:8.972px; --orbits-drift-duration:3.061s; --orbits-drift-delay:-0.232s; }
  .ax-loop.ax-orbits .ax-armed .orbits-n-p12 { transform-origin:794.905438px 263.758257px; --orbits-scatter-x:-681.203206px; --orbits-scatter-y:319.683936px; --orbits-scatter-angle:12.943deg; --orbits-scatter-scale:1.63; --orbits-drift-x:6.978px; --orbits-drift-y:7.543px; --orbits-drift-duration:4.918s; --orbits-drift-delay:-2.072s; }
}
@keyframes ax-loop-fly {
  0% { opacity: 0; transform: translate(0, 0) scale(0.8); animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }
  12% { opacity: 1; transform: translate(0, 0) scale(1); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
  88% { opacity: 1; transform: translate(var(--ax-fly-x, 0px), var(--ax-fly-y, 0px)) scale(1); animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1); }
  100% { opacity: 0; transform: translate(var(--ax-fly-x, 0px), var(--ax-fly-y, 0px)) scale(0.8); }
}

@keyframes orbits-drift {
  0% { transform:translate(calc(-1 * var(--orbits-drift-x)),calc(-1 * var(--orbits-drift-y))) rotate(-2deg); }
  100% { transform:translate(var(--orbits-drift-x),var(--orbits-drift-y)) rotate(2deg); }
}