.demos__stage>svg.orbits{touch-action:none;-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--header,76px) - 56px), #000 calc(var(--header,76px) - 12px));mask-image:linear-gradient(to bottom, transparent calc(var(--header,76px) - 56px), #000 calc(var(--header,76px) - 12px));position:absolute;top:0;left:50%;transform:translate(-50%)}.demos__stage>svg.orbits__name-layer{pointer-events:none;will-change:transform}.orbits__rings circle,.orbits__rings ellipse{fill:none;stroke:#c8d6ff13;stroke-width:1px}.orbits__rings text{fill:#8d97adbf;letter-spacing:.08em;paint-order:stroke;stroke:var(--night);stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:10px}.orbits__rings .orbits__own-ring{stroke:#e8eefc47;stroke-dasharray:2 4}.orbits__sun{pointer-events:none}.orbits__you{fill:var(--night);font:italic 500 13px var(--serif);pointer-events:none}.orbits__links line{stroke:#e8eefc66;stroke-linecap:round;pointer-events:none}.orbits__glow,.orbits__body{pointer-events:none}.orbits__name{font:400 12.5px var(--serif);paint-order:stroke;stroke:#070b16e6;stroke-width:3.5px;stroke-linejoin:round;pointer-events:none}.orbits__name--minor{font-size:10.5px}.orbits__name--focus{font-weight:600}.orbits__leader{stroke-opacity:.7;vector-effect:non-scaling-stroke;pointer-events:none}.orbits__circles{pointer-events:none}.orbits__circle{fill:none;stroke:#c8d6ff38;stroke-width:2px;stroke-linecap:round}.orbits__circle--lit{stroke:#e8eefc99}.orbits__circles text{fill:#8d97add9;letter-spacing:.06em;paint-order:stroke;stroke:var(--night);stroke-width:4px;stroke-linejoin:round;font-size:10px;font-style:italic}.orbits__circles text.orbits__circle--lit{fill:var(--star);stroke:var(--night)}.orbits__photo{pointer-events:none}.orbits__photo-ring{fill:none;stroke:var(--me);stroke-width:1.5px;stroke-opacity:.85;pointer-events:none}.orbits-me{pointer-events:none;width:0;height:0;position:absolute}.orbits-me button{color:var(--star);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;pointer-events:none;background:#0a1020c7;border:1px solid #f4b860b3;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .12s 80ms;display:flex;position:absolute}.orbits-me--shown button,.orbits-me:focus-within button{opacity:1;pointer-events:auto;transition-delay:0s}.orbits-me button:disabled{cursor:default}.orbits-me__add{width:26px;height:26px;font-size:18px;line-height:1;transform:translate(-50%,-50%)}.orbits-me__remove{width:18px;height:18px;font-size:13px;line-height:1;transform:translate(-50%,-50%)}.orbits-me button:hover:not(:disabled){border-color:var(--me)}.orbits-me__problem{border:1px solid var(--faint);width:max-content;max-width:240px;color:var(--star);text-align:center;pointer-events:auto;background:#0a1020e6;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:22px;left:0;transform:translate(-50%)}@media (pointer:coarse){.orbits-me__add{width:36px;height:36px}.orbits-me__remove{width:28px;height:28px}}.demos__stage>canvas.orbits-web{pointer-events:none;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.orbits--web .orbits__you{display:none}.orbits--web .orbits__rings circle{stroke:var(--web-ring);stroke-dasharray:3 5}.orbits--web .orbits__rings text{fill:var(--web-accent);letter-spacing:.2em;text-transform:uppercase;stroke:none;font-family:ui-monospace,Menlo,monospace;font-size:9.5px}.orbits--web .orbits__rings .orbits__own-ring{stroke:#ffffff59;stroke-dasharray:1 5}.orbits--web .orbits__name{letter-spacing:.04em;stroke:#03040ceb;stroke-width:3.2px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.orbits--web .orbits__name--minor{font-size:9.5px}.orbits--web .orbits__name--focus{filter:drop-shadow(0 0 4px #ffffff8c)}.orbits--web .orbits__links line{stroke:var(--web-link);stroke-dasharray:4 4;stroke-linecap:round;animation:.5s linear infinite orbits-web-flow}@keyframes orbits-web-flow{to{stroke-dashoffset:-8px}}@media (prefers-reduced-motion:reduce){.orbits--web .orbits__links line{animation:none}}.orbits--web .orbits__circle{stroke:var(--web-circle)}.orbits--web .orbits__circle--lit,.orbits--web .orbits__circles text.orbits__circle--lit,.orbits--web .orbits__photo-ring{stroke:var(--web-accent)}.compass{width:42px;height:42px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:14px;left:18px}.compass:hover{color:inherit}.compass--home{opacity:.6}.compass--home:hover{opacity:1}