.number-rail{width:100%;max-width:560px;padding:80px 12px 0;box-sizing:border-box}.number-track{position:relative;height:14px;border-radius:999px;background:color-mix(in srgb,var(--pk-cobalt) 18%,transparent)}.number-mark{position:absolute;inset:0;transform:translate(calc(var(--at) * 100%));pointer-events:none}.number-mark:before{content:"";position:absolute;top:-10px;left:-3px;width:6px;height:34px;border-radius:3px;background:var(--pk-cobalt)}.number-mark[data-single]:before{left:-4px;width:8px;background:var(--pk-ink)}.dark .number-mark[data-single]:before{background:#fff}.number-pin{position:absolute;bottom:34px;left:0;transform:translate(calc(var(--at) * -100%));white-space:nowrap}.number-mark[data-single] .number-pin{padding:10px 18px;border-radius:16px;background:var(--pk-sun);color:var(--pk-ink);box-shadow:0 5px 0 var(--pk-sun-edge);font-family:var(--pk-display);font-size:32px;font-weight:900;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.number-mark[data-idle] .number-pin{background:var(--pk-card);color:var(--pk-cobalt);box-shadow:0 5px 0 var(--pk-rule)}.number-ends{display:flex;justify-content:space-between;gap:16px;margin-top:22px;color:var(--pk-muted);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.number-rail[data-rolling] .number-mark{animation:number-slide .82s cubic-bezier(.2,.75,.25,1.08) var(--mark-delay) both}.number-rail:not([data-rolling]) .number-mark[data-single]:not([data-idle]) .number-pin{animation:number-land .3s cubic-bezier(.34,1.56,.64,1) both}.number-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;max-height:320px;margin:12px 0 0;padding:0 0 6px;overflow:auto;list-style:none}.number-list li{padding:8px 12px;border-radius:12px;background:var(--pk-card);color:var(--pk-text);font-family:var(--pk-display);font-size:22px;font-weight:800;line-height:1}.tk-stage:has(.number-rail) .tk-result-value{font-size:clamp(32px,4.2vw,64px)}@keyframes number-slide{0%{transform:translate(0)}}@keyframes number-land{50%{scale:1.12}}@media(max-width:959px){.number-rail{padding-top:84px}.number-mark[data-single] .number-pin{font-size:26px}}@media(prefers-reduced-motion:reduce){.number-rail[data-rolling] .number-mark,.number-rail:not([data-rolling]) .number-mark[data-single]:not([data-idle]) .number-pin{animation:tk-fade .24s ease-out both}}