@layer theme,base,clerk;@layer components{.lp-thread .lp-rail{position:absolute;inset:0 24px}.lp-thread .lp-axis{height:0;position:absolute;inset:264px 8px auto}.lp-thread .lp-axis>span{position:absolute;left:0;right:0}.lp-thread .lp-axis-base{background:var(--color-brand-200);height:1.5px;top:-.75px}.lp-thread .lp-axis-fill{background:var(--color-brand-500);transform-origin:0;opacity:0;height:2px;top:-1px}.lp-thread .lp-head-track{opacity:0;height:4px;top:-2px}.lp-thread .lp-head{background:linear-gradient(90deg, transparent, var(--color-brand-500) 55%, var(--color-brand-600));width:72px;height:4px;box-shadow:0 0 8px 1px color-mix(in srgb, var(--color-brand-400) 55%, transparent);border-radius:2px;position:absolute;left:-36px}.lp-thread .lp-node{left:calc((100% - 72px) / 8 * (2 * var(--i) + 1) + 24px * var(--i));background:var(--color-brand-600);width:11px;height:11px;box-shadow:0 0 0 3px var(--background);border-radius:50%;margin-left:-5.5px;position:absolute;top:258.5px}.lp-thread .lp-node:after{content:"";border:1.5px solid var(--color-brand-500);opacity:0;border-radius:50%;position:absolute;inset:-2px}}@layer utilities;@media (prefers-reduced-motion:no-preference){@keyframes lp-th-fill{0%,7%{opacity:0;transform:scaleX(0)}8%{opacity:1;transform:scaleX(0)}83%{opacity:1;transform:scaleX(1)}85%{opacity:0;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes lp-th-node{0%{opacity:0;transform:scale(1)}1%{opacity:.85;transform:scale(1)}16%{opacity:0;transform:scale(2.4)}to{opacity:0;transform:scale(1)}}@keyframes lp-th-head{0%{opacity:0;transform:translate(0)}5%{opacity:0;transform:translate(0)}7%{opacity:1;transform:translate(0)}83%{opacity:1;transform:translate(100%)}85%{opacity:0;transform:translate(100%)}to{opacity:0;transform:translate(0)}}.lp-thread .lp-head-track{animation:9s linear infinite lp-th-head}.lp-thread .lp-axis-fill{animation:9s linear infinite lp-th-fill}.lp-thread .lp-node:after{animation:lp-th-node 9s var(--ease-out-soft) calc(1.4s + var(--i) * 1.73s) infinite}}