[data-tone=dark]{--orbit-ring:var(--edge-control)}div.orbit-frame{container:orbit/inline-size}div.orbit-beside{gap:var(--space-7);display:grid}@media (width>=64rem){div.orbit-beside{grid-template-columns:minmax(0, 1fr) calc(9.5 * var(--space-8));gap:var(--space-6);align-items:center}}div.orbit{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}div.orbit>p.core{justify-content:center;align-items:center;gap:var(--space-1);inline-size:calc(2.75 * var(--space-8));block-size:calc(2.75 * var(--space-8));padding:var(--space-4);background-color:var(--fill-accent);color:var(--color-ink);text-align:center;border-radius:50%;flex-direction:column;margin:0;display:flex}div.orbit>p.core>span.name{font-family:var(--font-heading);font-size:var(--text-lead);font-weight:var(--weight-heading);line-height:var(--text-lead-leading)}div.orbit>p.core>span.line{font-size:var(--text-small);line-height:var(--text-small-leading)}div.orbit>ul.items{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}div.orbit>ul.items>li.item>span.pill{min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background-color:var(--fill-quiet);color:var(--fill-quiet-on);font-size:var(--text-small);line-height:var(--text-small-leading);overflow-wrap:anywhere;display:block}div.orbit>ul.items>li.item>span.pill>span.label{font-weight:var(--weight-emphasis)}div.orbit>ul.items>li.item>span.pill[data-lined]{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);text-align:center;flex-direction:column;display:flex}div.orbit>ul.items>li.item>span.pill[data-lined]>span.label{font-weight:var(--weight-heading)}div.orbit>ul.items>li.item>span.spoke{display:none}@container orbit (width>=608px){div.orbit{inline-size:calc(7.5 * var(--space-8));aspect-ratio:1;margin-inline:auto;display:block;position:relative;container-type:inline-size}div.orbit:before,div.orbit:after{border:var(--line-width) dashed var(--orbit-ring);content:"";pointer-events:none;border-radius:50%;position:absolute;inset:8%}div.orbit:after{border-style:dotted;inset:20%}div.orbit>p.core{z-index:1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}div.orbit>ul.items{display:block;position:absolute;inset:0}div.orbit>ul.items>li.item{isolation:isolate;white-space:nowrap;position:absolute;inset-block-start:calc(50% + var(--y) * 42%);inset-inline-start:calc(50% + var(--x) * 42%);translate:-50% -50%}div.orbit>ul.items>li.item:has(>span.pill[data-lined]){inline-size:max-content;max-inline-size:calc(2.75 * var(--space-8));white-space:normal}div.orbit>ul.items>li.item>span.spoke{z-index:-1;inline-size:calc(42cqi - 1.375 * var(--space-8));block-size:var(--line-width);background-color:var(--orbit-ring);transform-origin:0;rotate:calc(var(--turn) * 1turn + .5turn);opacity:0;visibility:hidden;pointer-events:none;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;scale:0 1}@media (prefers-reduced-motion:no-preference){div.orbit:before{animation:orbit-drift calc(50 * var(--dur-1200)) linear infinite paused}div.orbit:after{animation:orbit-drift calc(35 * var(--dur-1200)) linear infinite reverse paused}div.orbit[data-play-once=waiting]:before,div.orbit[data-play-once=waiting]:after{rotate:-45deg}div.orbit[data-play-once=waiting]>ul.items>li.item{translate:calc(-50% - var(--x) * var(--space-6)) calc(-50% - var(--y) * var(--space-6))}div.orbit[data-play-once=played]:before{animation:orbit-turn calc(2 * var(--dur-1200)) var(--ease), orbit-drift calc(50 * var(--dur-1200)) linear infinite paused}div.orbit[data-play-once=played]:after{animation:orbit-turn calc(2 * var(--dur-1200)) var(--ease), orbit-drift calc(35 * var(--dur-1200)) linear infinite reverse paused}div.orbit[data-play-once=played]>ul.items>li.item{animation:orbit-settle calc(2 * var(--dur-800)) var(--ease)}}@media (hover:hover){div.orbit>ul.items>li.item>span.pill{transition-property:background-color,color,scale;transition-duration:var(--dur-250);transition-timing-function:var(--ease)}div.orbit>ul.items>li.item>span.spoke{transition-property:scale,opacity,visibility;transition-duration:var(--dur-400);transition-timing-function:var(--ease)}div.orbit>ul.items>li.item:hover>span.pill{background-color:var(--fill-strong);color:var(--fill-strong-on);scale:1.06}div.orbit>ul.items>li.item:hover>span.spoke{visibility:visible;opacity:1;scale:1}@media (prefers-reduced-motion:no-preference){div.orbit:hover:before,div.orbit:hover:after{animation-play-state:running}}}}@keyframes orbit-turn{0%{rotate:-45deg}}@keyframes orbit-drift{to{transform:rotate(1turn)}}@keyframes orbit-settle{0%{translate:calc(-50% - var(--x) * var(--space-6)) calc(-50% - var(--y) * var(--space-6))}}
