.cmap{position:relative;max-width:600px;margin:0 auto}.cmap svg{width:100%;height:auto;overflow:visible}.cmap__field{stroke:none}.cmap__field--out{fill:#fb560712}.cmap__field--in{fill:#ffc10029}.cmap--dark .cmap__field--out{fill:#ecff360d}.cmap--dark .cmap__field--in{fill:#ffc1001f}.cmap__orbit{fill:none;stroke:var(--rule-2);stroke-width:1.4;stroke-dasharray:2 7;stroke-linecap:round}.cmap__ring{font-family:var(--f-hand);font-weight:600;font-size:22px;fill:var(--cherry)}.cmap__me circle{fill:var(--midnight)}.cmap__me path{fill:var(--cherry)}.cmap--dark .cmap__me circle{fill:var(--paper)}.cmap__melabel{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;fill:var(--ink-3)}.cmap__node{cursor:pointer;outline:none}.cmap__halo{fill:var(--paper);stroke:var(--c);stroke-width:3;transition:stroke-width .25s,transform .3s var(--ease)}.cmap--dark .cmap__halo{fill:var(--midnight)}.cmap__label{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.04em;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}.cmap--dark .cmap__label{stroke:var(--midnight)}.cmap__bob{animation:cmap-bob 6s ease-in-out infinite;animation-delay:calc(var(--i) * -1.1s);transition:transform .3s var(--ease)}.cmap__node.is-on .cmap__bob,.cmap__node:focus-visible .cmap__bob{animation-play-state:paused}.cmap__node.is-on .cmap__halo,.cmap__node:focus-visible .cmap__halo{stroke-width:6}@keyframes cmap-bob{50%{transform:translateY(-7px)}}@media (prefers-reduced-motion: reduce){.cmap__bob{animation:none}}.cmap__tip{display:grid;margin-top:10px;text-align:center;font-size:16px;line-height:1.45;color:var(--ink-2);max-width:440px;margin-left:auto;margin-right:auto}.cmap__tip-item{grid-area:1 / 1;align-self:center;opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .28s var(--ease);pointer-events:none}.cmap__tip-item.is-shown{opacity:1;transform:none}.cmap__tip b{font-family:var(--f-display);font-weight:400;font-size:1.2em;color:var(--ink);margin-right:4px}.cmap__tip .hand{font-size:22px;color:var(--cherry)}