.orbit-stage{--d:260px;--swell:1.18;--dial:var(--d);--dot:calc(var(--d) * .125);--depth:calc(var(--d) * .2);--dot-lag:.12s}.orbit-stage.is-active{--dial:calc(var(--d) * var(--swell));--dot:calc(var(--d) * .165)}.orbit-wrap{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(18px,4cqh,30px)}.orbit{position:relative;width:calc(var(--d) * var(--swell));height:calc(var(--d) * var(--swell));display:grid;place-items:center;outline:none;cursor:pointer;touch-action:manipulation}.orbit:before,.orbit-ring,.orbit-rot{position:absolute;left:50%;top:50%;width:var(--dial);height:var(--dial);translate:-50% -50%;transition:width .4s var(--out),height .4s var(--out)}.orbit:before{content:"";border-radius:50%;background:var(--object);box-shadow:var(--shadow);transition:width .4s var(--out),height .4s var(--out),box-shadow .4s var(--out)}.orbit-stage.is-active .orbit:before{box-shadow:var(--shadow-lift)}.orbit:focus-visible:before{outline:2px solid var(--accent);outline-offset:6px}.orbit-ring{overflow:visible;color:var(--ink)}.orbit-ring circle{fill:none;stroke:currentColor;stroke-width:1.5}.orbit-tick{stroke:var(--ink-3);stroke-width:1.25;stroke-linecap:round}.orbit-tick.is-major{stroke:var(--ink);stroke-width:1.5}.orbit-rot{border-radius:50%;pointer-events:none;will-change:transform}.orbit-rot>i{position:absolute;left:50%;top:var(--depth);width:var(--dot);height:var(--dot);border:2px solid var(--ink);border-radius:50%;translate:-50% -50%;transition:width .4s var(--out),height .4s var(--out)}.orbit-hour>i{background:var(--object)}.orbit-follow>i{border-color:var(--accent);opacity:0;transition:width .4s var(--out) var(--dot-lag),height .4s var(--out) var(--dot-lag),opacity .3s var(--out)}.orbit-stage.is-active .orbit-hour>i{transition:width .4s var(--out) var(--dot-lag),height .4s var(--out) var(--dot-lag)}.orbit-stage.is-active .orbit-follow>i{opacity:1;transition:width .4s var(--out) var(--dot-lag),height .4s var(--out) var(--dot-lag),opacity .2s var(--out)}.orbit-readout{display:flex;flex-direction:column;align-items:center;gap:8px}.orbit-label{border:0;background:none;padding:0;color:var(--ink-3);font:500 clamp(10px,1.25cqw,12px)/1 var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:default}.orbit-stage.is-travel .orbit-label{cursor:pointer;color:var(--ink-2)}.orbit-label-roll{display:grid;justify-items:center;overflow:hidden;white-space:nowrap}.orbit-label-roll>span{grid-area:1/1;display:block;transition:transform .6s var(--out)}.orbit-label-roll>span+span{transform:translateY(100%)}.orbit-stage.is-travel .orbit-label-roll>span{transform:translateY(-100%)}.orbit-stage.is-travel .orbit-label-roll>span+span{transform:translateY(0)}.orbit-time{display:flex;align-items:center;font:500 clamp(24px,4.2cqw,40px)/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}.orbit-dot{display:inline-grid;place-items:center;width:.7em;height:1em}.orbit-dot i{display:block;width:.15em;height:.15em;border-radius:50%;background:var(--ink);animation:orbit-tick 1s step-end infinite}.orbit-stage.is-active .orbit-dot i{animation:none}@keyframes orbit-tick{0%,to{opacity:1}50%{opacity:0}}.orbit-hand{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #ffffffe6,0 6px 16px #17181a2e;opacity:0;pointer-events:none;z-index:6;display:none;transition:scale .16s var(--spring)}.orbit-hand.is-down{scale:.8}.orbit-stage[data-preview=true] .orbit-hand{display:block}.orbit-stage[data-paused=true] .orbit-dot i{animation-play-state:paused}.orbit-stage[data-reduced=true] *{transition:none!important}.orbit-stage[data-reduced=true] .orbit-dot i{animation:none}.creative-stage.orbit-stage .cr-hint{max-width:none}