@layer components{.trail{grid-template-columns:1fr;gap:1.35rem;padding-left:2rem;list-style:none;display:grid;position:relative}.trail:before,.trail:after{content:"";border-radius:2px;width:2px;position:absolute;top:.45rem;bottom:.45rem;left:.4375rem}.trail:before{background:#ffffff24}.trail:after{transform-origin:top;background:linear-gradient(#b4552d 0%,#ff8a52 70%,#0f6b5c 100%);animation:3.4s cubic-bezier(.65,0,.35,1) .5s forwards trail-fill-y;transform:scaleY(0)}.trail-stop{opacity:.38;animation:.5s forwards trail-stop-on;animation-delay:calc(.5s + var(--i) * .85s);position:relative}.trail-dot{background:var(--color-ink);width:1rem;height:1rem;animation:.45s forwards trail-dot-on;animation-delay:inherit;border:2px solid #ffffff4d;border-radius:999px;position:absolute;top:.2rem;left:-2rem}.trail-stop:last-child .trail-dot{animation-name:trail-dot-paid}.trail-paid{color:#9aa2ae;animation:.45s forwards trail-paid-on;animation-delay:inherit;background:#ffffff14}@media (min-width:768px){.trail{text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;padding-top:2.25rem;padding-left:0}.trail:before,.trail:after{width:auto;height:2px;inset:.4375rem 10% auto}.trail:after{transform-origin:0;background:linear-gradient(90deg,#b4552d 0%,#ff8a52 70%,#0f6b5c 100%);animation-name:trail-fill-x;transform:scaleX(0)}.trail-dot{top:-2.25rem;left:50%;translate:-50%}}@keyframes trail-fill-y{to{transform:scaleY(1)}}@keyframes trail-fill-x{to{transform:scaleX(1)}}@keyframes trail-stop-on{to{opacity:1}}@keyframes trail-dot-on{to{background:#b4552d;border-color:#b4552d;box-shadow:0 0 0 6px #b4552d38}}@keyframes trail-dot-paid{to{background:#0f6b5c;border-color:#0f6b5c;box-shadow:0 0 0 7px #0f6b5c4d}}@keyframes trail-paid-on{to{color:#fff;background:#0f6b5c}}@media (prefers-reduced-motion:reduce){.trail:after{animation:none;transform:none}.trail-stop{opacity:1;animation:none}.trail-dot{background:#b4552d;border-color:#b4552d;animation:none}.trail-stop:last-child .trail-dot{background:#0f6b5c;border-color:#0f6b5c}.trail-paid{color:#fff;background:#0f6b5c;animation:none}}.shot{background:var(--color-paper);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #0e111614,0 2px 4px #0e11160f,0 30px 70px -24px #0e111659;container-type:inline-size}.shot-on-ink{box-shadow:0 0 0 1px #ffffff1a,0 40px 90px -30px #000000b3}.shot *{pointer-events:none}.site-link{color:#c9ced6;transition:color .12s}.site-link:hover,.site-link[aria-current=page]{color:#fff}}