.system{z-index:2;aspect-ratio:600/620;--sw:1.064;--gh:30;--mkr:23;--mk-flood:var(--fg);--mk-flood-o:.16;justify-self:start;width:100%;position:relative}html[data-theme=dark] .system{--mk-flood:var(--bg);--mk-flood-o:.6}@media (min-width:1024px){.system{--bleed:clamp(0px,(100vw - var(--wrap)) / 2,98px);width:calc(100% + var(--bleed));grid-column:8/13;margin-bottom:-80px}}.system svg.gs-art{width:100%;height:100%;display:block;overflow:visible}.system .globe path,.system .ring,.system .ring-hi,.system .leaders line{fill:none;stroke-linecap:round;stroke-linejoin:round}.system [pathLength]{stroke-dasharray:1;stroke-dashoffset:0}.system .gs-flood{flood-color:var(--mk-flood);flood-opacity:var(--mk-flood-o)}.system .tint{fill:url(#gs-tint);stroke:none}.system .limb{stroke:var(--ink);stroke-opacity:.85;stroke-width:calc(var(--stroke-outline)*var(--sw))}.system .par{stroke:var(--ink);stroke-opacity:var(--grid-opacity);stroke-width:calc(var(--stroke-grid)*var(--sw))}.system .par.equator{stroke-opacity:.85;stroke-width:calc(var(--stroke-outline)*var(--sw))}.system .mer{stroke:var(--ink);stroke-opacity:var(--so);stroke-width:calc(var(--stroke-grid)*var(--sw));--fo:var(--grid-opacity);--bo:.14;transform-origin:300px 316px;transform:rotate(-14deg) scaleX(var(--sx))}.system .mer.main{stroke-width:calc(var(--stroke-main)*var(--sw));--fo:.85;--bo:.3}.system .orbit{transform-origin:300px 316px}.system .ring{stroke:var(--line-strong);stroke-width:calc(var(--stroke-ring)*var(--sw))}.system .ring-hi{stroke:var(--surface);stroke-opacity:.95;stroke-width:calc(var(--stroke-edge)*var(--sw))}.system .range .ring-hi{r:calc(247px + 1.75px*var(--sw))}.system .reach .ring-hi{r:calc(290px + 1.75px*var(--sw))}.system .mk .up{transform-box:fill-box;transform-origin:50%}.system .mk .disc{fill:var(--surface);stroke:var(--line);stroke-opacity:.6;stroke-width:calc(1px*var(--sw));r:calc(var(--mkr)*var(--sw)*1px);filter:url(#gs-mk-shadow)}.system .mk use{fill:var(--c);transform:scale(calc(var(--gh)*var(--sw)/135*var(--mf))) translate(var(--cx),var(--cy))}.system .hmark{isolation:isolate}.system .hmark path{fill:var(--c);stroke:var(--c);stroke-width:2.2px;fill-opacity:1;stroke-opacity:0;mix-blend-mode:var(--blend)}.system .leaders line{stroke:var(--line-strong);stroke-opacity:.7;stroke-width:calc(1px*var(--sw))}.system .leaders circle{fill:var(--line-strong)}.system .lbl{font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);white-space:nowrap;font-weight:600;line-height:1;position:absolute;right:.67%;translate:0 -50%}.system .caption{display:none}@keyframes gs-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes gs-ink{0%{fill-opacity:0;stroke-opacity:1}to{fill-opacity:1;stroke-opacity:0}}@keyframes gs-appear{0%{opacity:0}to{opacity:1}}@keyframes gs-appear-ink{0%{color:#0000}}@keyframes gs-turn{to{transform:rotate(360deg)}}@keyframes gs-turn-back{to{transform:rotate(-360deg)}}@keyframes gs-meridian{0%{stroke-opacity:var(--fo);transform:rotate(-14deg)scaleX(0)}2.778%{transform:rotate(-14deg)scaleX(.1736)}5.556%{transform:rotate(-14deg)scaleX(.342)}8.333%{transform:rotate(-14deg)scaleX(.5)}11.111%{transform:rotate(-14deg)scaleX(.6428)}13.889%{transform:rotate(-14deg)scaleX(.766)}16.667%{transform:rotate(-14deg)scaleX(.866)}19.444%{transform:rotate(-14deg)scaleX(.9397)}22.222%{transform:rotate(-14deg)scaleX(.9848)}24.99%{stroke-opacity:var(--fo);transform:rotate(-14deg)scaleX(1)}25.01%{stroke-opacity:var(--bo);transform:rotate(-14deg)scaleX(1)}27.778%{transform:rotate(-14deg)scaleX(.9848)}30.556%{transform:rotate(-14deg)scaleX(.9397)}33.333%{transform:rotate(-14deg)scaleX(.866)}36.111%{transform:rotate(-14deg)scaleX(.766)}38.889%{transform:rotate(-14deg)scaleX(.6428)}41.667%{transform:rotate(-14deg)scaleX(.5)}44.444%{transform:rotate(-14deg)scaleX(.342)}47.222%{transform:rotate(-14deg)scaleX(.1736)}50%{transform:rotate(-14deg)scaleX(0)}52.778%{transform:rotate(-14deg)scaleX(-.1736)}55.556%{transform:rotate(-14deg)scaleX(-.342)}58.333%{transform:rotate(-14deg)scaleX(-.5)}61.111%{transform:rotate(-14deg)scaleX(-.6428)}63.889%{transform:rotate(-14deg)scaleX(-.766)}66.667%{transform:rotate(-14deg)scaleX(-.866)}69.444%{transform:rotate(-14deg)scaleX(-.9397)}72.222%{transform:rotate(-14deg)scaleX(-.9848)}74.99%{stroke-opacity:var(--bo);transform:rotate(-14deg)scaleX(-1)}75.01%{stroke-opacity:var(--fo);transform:rotate(-14deg)scaleX(-1)}77.778%{transform:rotate(-14deg)scaleX(-.9848)}80.556%{transform:rotate(-14deg)scaleX(-.9397)}83.333%{transform:rotate(-14deg)scaleX(-.866)}86.111%{transform:rotate(-14deg)scaleX(-.766)}88.889%{transform:rotate(-14deg)scaleX(-.6428)}91.667%{transform:rotate(-14deg)scaleX(-.5)}94.444%{transform:rotate(-14deg)scaleX(-.342)}97.222%{transform:rotate(-14deg)scaleX(-.1736)}to{stroke-opacity:var(--fo);transform:rotate(-14deg)scaleX(0)}}@media (prefers-reduced-motion:no-preference){.system .tint{animation:gs-appear .7s var(--ease) 0s both}.system .limb{animation:gs-draw .7s var(--ease) 0s both}.system .par{animation:gs-draw .7s var(--ease) .1s both}.system .mer{animation:gs-draw .7s var(--ease) .2s both,gs-meridian var(--rev-globe) linear var(--md) infinite}.system .range .ring,.system .range .ring-hi{animation:gs-draw .7s var(--ease) .3s both}.system .reach .ring,.system .reach .ring-hi{animation:gs-draw .7s var(--ease) .4s both}.system .range{animation:gs-turn var(--rev-range) linear infinite}.system .reach{animation:gs-turn var(--rev-reach) linear infinite}.system .range .up{animation:gs-turn-back var(--rev-range) linear infinite}.system .reach .up{animation:gs-turn-back var(--rev-reach) linear infinite}.system .hmark path{animation:gs-draw .6s var(--ease) var(--d) both,gs-ink .3s var(--ease) calc(var(--d) + .7s) both}.system .mk,.system .leaders{animation:gs-appear .25s var(--ease) 2.2s both}.system .lbl,.system .caption{animation:gs-appear-ink .25s var(--ease) 2.2s both}}html[data-turn=held] .system .mer{animation-play-state:running,paused}html[data-turn=held] .system .range,html[data-turn=held] .system .reach,html[data-turn=held] .system .range .up,html[data-turn=held] .system .reach .up,.system[data-offscreen] *,.system[data-offscreen] .mer{animation-play-state:paused}.system .pause{z-index:3;border-radius:var(--r-pill);background:var(--surface);height:36px;color:var(--fg);box-shadow:var(--hairline),var(--shadow);align-items:center;gap:var(--s-2);cursor:pointer;font:600 var(--t-label)/1 var(--font-body);letter-spacing:.01em;white-space:nowrap;transition:box-shadow var(--lift-duration) var(--ease),transform var(--press-duration) var(--ease);border:0;padding:0 14px 0 10px;display:inline-flex;position:absolute;bottom:0;right:0}.system .pause:hover{box-shadow:var(--hairline),var(--shadow-hover)}.system .pause:active{transform:scale(.98)}.system .pause:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.system .pause svg{width:14px;height:14px;display:block}.system .pause svg rect,.system .pause svg path{fill:currentColor;stroke:none}.system .pause .txt{display:inline-grid}.system .pause .txt span{grid-area:1/1}.system .pause .i-play{display:none}.system .pause .t-play{visibility:hidden}html[data-turn=held] .system .pause .i-pause{display:none}html[data-turn=held] .system .pause .i-play{display:block}html[data-turn=held] .system .pause .t-pause{visibility:hidden}html[data-turn=held] .system .pause .t-play{visibility:visible}@media (min-width:1024px) and (max-width:1279px){.system .pause{bottom:-12px;right:-12px}}@media (max-width:1023px){.system{width:min(50%,420px);margin:0 auto var(--s-4);--sw:1.55;--gh:24;--mkr:18;order:-1;justify-self:center}.system .lbl,.system .leaders{display:none}.system .pause{right:auto;left:calc(100% + var(--s-2))}.system .caption{margin-top:var(--s-3);text-align:center;font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:600;line-height:1;display:block}}@media (max-width:767px){.system{width:min(60%,232px);margin:0 auto var(--s-5);--sw:2.75;--gh:18;--mkr:15}.system .pause{width:max-content;margin:var(--s-3) auto 0;display:flex;position:static;left:auto}}@media (prefers-reduced-motion:reduce){html[data-turn=playing] .system .mer{animation:gs-meridian var(--rev-globe) linear var(--md) infinite}html[data-turn=playing] .system .range{animation:gs-turn var(--rev-range) linear infinite}html[data-turn=playing] .system .reach{animation:gs-turn var(--rev-reach) linear infinite}html[data-turn=playing] .system .range .up{animation:gs-turn-back var(--rev-range) linear infinite}html[data-turn=playing] .system .reach .up{animation:gs-turn-back var(--rev-reach) linear infinite}html:not([data-turn=playing]) .system .pause .i-pause{display:none}html:not([data-turn=playing]) .system .pause .i-play{display:block}html:not([data-turn=playing]) .system .pause .t-pause{visibility:hidden}html:not([data-turn=playing]) .system .pause .t-play{visibility:visible}.system .pause{transition:none}}
