.kp-spoor,.kp-spoor-roadmap{--kp-spoor-ink:currentColor;--kp-spoor-accent:var(--kp-accent,var(--kp-primary));--kp-spoor-light:var(--kp-text-muted)}.kp-spoor-lines{stroke:var(--kp-spoor-accent)}.kp-spoor-fill{fill:var(--kp-spoor-accent)}.kp-spoor-toes{stroke:var(--kp-spoor-ink)}.kp-spoor-heel{fill:var(--kp-spoor-ink)}.kp-spoor-dot{fill:var(--kp-spoor-accent)}.kp-spoor-tone-todo .kp-spoor-lines,.kp-spoor-tone-todo .kp-spoor-toes{stroke:var(--kp-spoor-light)}.kp-spoor-tone-todo .kp-spoor-heel,.kp-spoor-tone-todo .kp-spoor-dot{fill:var(--kp-spoor-light)}.kp-spoor-print{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){[data-play=wait] .kp-spoor-print{opacity:0;transform:scale(.92)}[data-play=run] .kp-spoor-print{animation:kp-spoor-step var(--kp-dur,.32s) var(--kp-ease-out,ease-out) both;animation-delay:calc(var(--kp-spoor-i,0) * var(--kp-dur-step,.18s))}.kp-spoor[data-spoor-loop] .kp-spoor-print{animation:kp-spoor-loop calc(var(--kp-spoor-n,5) * var(--kp-dur-step,.18s) + 1.2s) var(--kp-ease-out,ease-out) infinite both;animation-delay:calc(var(--kp-spoor-i,0) * var(--kp-dur-step,.18s))}}@keyframes kp-spoor-step{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes kp-spoor-loop{0%{opacity:0;transform:scale(.92)}20%,70%{opacity:1;transform:none}to{opacity:0;transform:none}}.kp-hero-soft-line{stroke:var(--kp-spoor-light)}.kp-hero-soft-dot{fill:var(--kp-spoor-light)}.kp-hero-flash{opacity:0}.kp-hero-dot{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.kp-spoor-hero[data-run] .kp-hero-flash{animation:5.4s linear infinite kp-hero-flash;animation-delay:var(--kp-hero-at,0s)}.kp-spoor-hero[data-run] .kp-hero-layer{animation:5.4s linear infinite kp-hero-layer;animation-delay:var(--kp-hero-at,0s)}.kp-spoor-hero[data-run] .kp-hero-dot{animation:kp-hero-dot 5.4s var(--kp-ease-out,ease-out) infinite;animation-delay:var(--kp-hero-at,0s)}.kp-spoor-hero[data-paused] *{animation-play-state:paused!important}}@keyframes kp-hero-flash{0%{opacity:0}1.5%,4%{opacity:1}7.5%,to{opacity:0}}@keyframes kp-hero-layer{0%{opacity:1}1.5%{opacity:.2}4.5%,to{opacity:1}}@keyframes kp-hero-dot{0%{transform:none}3.3%{transform:scale(1.25)}6.7%,to{transform:none}}.kp-step:before{content:"";z-index:-1;border-radius:inherit;background:var(--kp-surface);box-shadow:0 0 0 1px var(--kp-hairline);opacity:0;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.kp-step:before{transition:opacity var(--kp-dur-slow) var(--kp-ease-out)}.kp-steps[data-steps=armed] .kp-step[data-state=active]:before{opacity:1}.kp-steps[data-steps=armed] .kp-step[data-state=active] .kp-step-full .kp-spoor-dot{transform-box:fill-box;transform-origin:50%;animation:kp-step-dot var(--kp-dur-slow) var(--kp-ease-out) both}.kp-steps[data-steps=armed] .kp-step[data-state=set] .kp-step-full{opacity:.6}}@keyframes kp-step-dot{0%{transform:none}40%{transform:scale(1.35)}to{transform:none}}.kp-timeline-line{border-left:2px dotted var(--kp-border)}@media (prefers-reduced-motion:no-preference){.kp-timeline-step[data-play=wait] .kp-step-full{opacity:0}.kp-timeline-step[data-play=run] .kp-step-full{animation:kp-timeline-fill var(--kp-dur-slow) var(--kp-ease-out) .12s both}.kp-timeline-step[data-play=run] .kp-step-full .kp-spoor-dot{transform-box:fill-box;transform-origin:50%;animation:kp-step-dot var(--kp-dur-slow) var(--kp-ease-out) .5s both}}@keyframes kp-timeline-fill{0%{opacity:0}to{opacity:1}}