@property --eg-amb{syntax:"<angle>";inherits:true;initial-value:0deg}@property --eg-rx{syntax:"<angle>";inherits:true;initial-value:-12deg}@property --eg-ry{syntax:"<angle>";inherits:true;initial-value:18deg}@property --eg-tumble{syntax:"<angle>";inherits:true;initial-value:0deg}.eg{container-type:inline-size;aspect-ratio:1200/950;display:grid;place-items:center;perspective:105cqw;cursor:grab;touch-action:pan-y;overflow:hidden}.eg.is-dragging{cursor:grabbing}.eg:before{width:86cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--brand-sunshine-400) 30%,transparent) 0,color-mix(in oklab,var(--brand-sunshine-400) 18%,transparent) 34%,color-mix(in oklab,var(--brand-sunshine-400) 6%,transparent) 58%,transparent 78%)}.eg:after,.eg:before{content:"";position:absolute;pointer-events:none}.eg:after{inset:0;z-index:1;background:radial-gradient(ellipse 78% 90% at 50% 50%,transparent 56%,color-mix(in oklab,var(--brand-primary-50) 40%,transparent) 80%,color-mix(in oklab,var(--brand-primary-50) 92%,transparent) 100%)}.eg.is-dragging .eg__spin{animation-play-state:paused}.eg__spin{transform-style:preserve-3d;transform:rotateY(var(--eg-amb)) rotateX(var(--eg-tumble));animation:eg-orbit 58s linear infinite,eg-tumble 23s ease-in-out infinite}@keyframes eg-orbit{0%{--eg-amb:0deg}to{--eg-amb:360deg}}@keyframes eg-tumble{0%,to{--eg-tumble:-9deg}50%{--eg-tumble:9deg}}.eg__tilt{transform-style:preserve-3d;transform:rotateX(var(--eg-rx)) rotateY(var(--eg-ry));width:0;height:0}.eg__tilt.is-gliding{transition:transform 1.2s cubic-bezier(.16,.84,.28,1)}.eg__edge,.eg__node{position:absolute;transform-style:preserve-3d}.eg__node{width:0;height:0;transform:translate3d(calc(var(--eg-x) * 1cqw),calc(var(--eg-y) * 1cqw),calc(var(--eg-z) * 1cqw))}.eg__dot{position:absolute;width:calc(var(--eg-r) * 2cqw);height:calc(var(--eg-r) * 2cqw);margin-top:calc(var(--eg-r) * -1cqw);margin-left:calc(var(--eg-r) * -1cqw);border-radius:50%;background:var(--eg-fill);transform:rotateY(calc(-1 * var(--eg-ry))) rotateX(calc(-1 * var(--eg-rx))) rotateX(calc(-1 * var(--eg-tumble))) rotateY(calc(-1 * var(--eg-amb)))}.eg__dot--hub{background:transparent;border:max(1.5px,.22cqw) solid var(--eg-fill)}.eg__dot--live{animation:eg-pulse 3.6s ease-out infinite;animation-delay:calc(var(--eg-i) * .42s)}@keyframes eg-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--eg-fill) 55%,transparent)}70%,to{box-shadow:0 0 0 1.6cqw transparent}}.eg__edge{height:max(1px,.1cqw);width:calc(var(--eg-len) * 1cqw);background:color-mix(in oklab,var(--eg-stroke,var(--brand-primary-900)) calc(var(--eg-alpha, .16) * 100%),transparent);transform-origin:0 50%;transform:translate3d(calc(var(--eg-x) * 1cqw),calc(var(--eg-y) * 1cqw),calc(var(--eg-z) * 1cqw)) rotateY(var(--eg-yaw)) rotate(var(--eg-pitch)) scaleX(var(--eg-draw));--eg-draw:1;transition:--eg-draw .7s ease calc(var(--eg-i) * 11ms)}.eg__packet{position:absolute;top:50%;left:0;width:.62cqw;height:.62cqw;border-radius:50%;background:var(--eg-stroke,var(--brand-primary-900));transform:rotateY(calc(-1 * var(--eg-ry))) rotateX(calc(-1 * var(--eg-rx))) rotateX(calc(-1 * var(--eg-tumble))) rotateY(calc(-1 * var(--eg-amb))) translate(-50%,-50%);animation:eg-travel 7s cubic-bezier(.5,0,.5,1) infinite;animation-delay:calc(var(--eg-i) * .78s)}@keyframes eg-travel{0%{left:0;opacity:0}12%,82%{opacity:.85}to{left:100%;opacity:0}}.eg.is-armed .eg__edge{--eg-draw:0;transition:none}@media (prefers-reduced-motion:reduce){.eg__dot--live,.eg__spin{animation:none}.eg__packet{display:none}.eg__edge,.eg__tilt.is-gliding{transition:none}}