.helix{--helix-r:72px;width:100%;max-width:22rem;margin-inline:auto}.helix-scene{perspective:820px;perspective-origin:50% 42%;height:22rem;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.helix-spin{transform-style:preserve-3d;animation:22s linear infinite helix-spin;position:absolute;inset:0;transform:rotateX(14deg)rotate(-10deg)}.helix:hover .helix-spin{animation-play-state:paused}.helix-rung{width:0;height:0;transform-style:preserve-3d;position:absolute;top:0;left:50%}.helix-bar{top:0;left:calc(var(--helix-r) * -1);width:calc(var(--helix-r) * 2);background:linear-gradient(90deg, var(--color-signal), color-mix(in oklab, var(--color-ink) 18%, transparent), var(--color-heat));opacity:.7;height:1px;position:absolute}.helix-bead{width:8px;height:8px;box-shadow:0 0 12px color-mix(in oklab, currentColor 45%, transparent);border-radius:999px;margin-top:-4px;position:absolute;top:0}.helix-bead-a{left:var(--helix-r);background:var(--color-signal);color:var(--color-signal);margin-left:-4px}.helix-bead-b{left:calc(var(--helix-r) * -1);background:var(--color-heat);color:var(--color-heat);margin-left:-4px}.helix-bead.is-ticket{width:auto;height:auto;min-height:1.35rem;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:var(--color-frost);box-shadow:none;border:1px solid color-mix(in oklab, currentColor 40%, transparent);border-radius:4px;margin-top:-.65rem;padding:.2rem .45rem;font-size:9px;line-height:1.2}.helix-bead-a.is-ticket{color:var(--color-signal);margin-left:0}.helix-bead-b.is-ticket{color:var(--color-heat);margin-left:0;transform:translate(-100%)}@keyframes helix-spin{0%{transform:rotateX(14deg)rotate(-10deg)rotateY(0)}to{transform:rotateX(14deg)rotate(-10deg)rotateY(360deg)}}@media (width>=640px){.helix{--helix-r:88px;max-width:26rem}.helix-scene{height:26rem}}@media (prefers-reduced-motion:reduce){.helix-spin{animation:none;transform:rotateX(14deg)rotate(-10deg)rotateY(42deg)}}