.ld-story{--ld-dot:28px;--ld-rail-x:14px;--ld-pad:40px;--ld-act-gap:40px;--ld-end-gap:36px;--ld-end-dot:16px;--ld-end-dot-top:16px;--ld-rail:color-mix(in oklab, var(--foreground) 14%, transparent)}@media (min-width:1024px){.ld-story{--ld-dot:40px;--ld-rail-x:20px;--ld-pad:68px;--ld-act-gap:72px;--ld-end-gap:44px}}.ld-act{padding-left:var(--ld-pad);list-style:none;position:relative}.ld-act+.ld-act{margin-top:var(--ld-act-gap)}.ld-dot{z-index:1;width:var(--ld-dot);height:var(--ld-dot);background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 5px color-mix(in oklab, var(--primary) 16%, transparent);border-radius:999px;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:0;left:0}@media (min-width:1024px){.ld-dot{box-shadow:0 0 0 7px color-mix(in oklab, var(--primary) 14%, transparent);font-size:16px}}.ld-seg{left:calc(var(--ld-rail-x) - 1px);top:var(--ld-dot);bottom:calc(-1 * var(--ld-act-gap));background:var(--ld-rail);width:2px;position:absolute;overflow:hidden}.ld-act:last-child .ld-seg{bottom:calc(-1 * (var(--ld-end-gap) + var(--ld-end-dot-top)))}.ld-seg-fill{background:var(--primary);transform-origin:top;position:absolute;inset:0}.ld-act-title{min-height:var(--ld-dot);align-items:center;display:flex}.ld-story-end{margin-top:var(--ld-end-gap);padding-left:var(--ld-pad);position:relative}.ld-end-dot{left:calc(var(--ld-rail-x) - var(--ld-end-dot) / 2);top:var(--ld-end-dot-top);width:var(--ld-end-dot);height:var(--ld-end-dot);background:var(--primary);box-shadow:0 0 0 5px color-mix(in oklab, var(--primary) 16%, transparent);border-radius:999px;position:absolute}.ld-step{flex-direction:column;gap:8px;min-width:0;display:flex}.ld-act-grid{flex-direction:column;gap:18px;display:flex}.ld-chain{display:none}@media (min-width:1024px){.ld-act-grid-1{display:block}.ld-act-grid-1 .ld-step{grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:center;column-gap:56px;display:grid}.ld-act-grid-2,.ld-act-grid-3{grid-template-rows:auto auto;row-gap:14px;display:grid}.ld-act-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.ld-act-grid-3{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);column-gap:8px}.ld-act-grid-2 .ld-step,.ld-act-grid-3 .ld-step{grid-row:1/span 2;grid-template-rows:subgrid;gap:0;display:grid}.ld-act-grid-3 .ld-step:first-of-type{grid-column:1}.ld-act-grid-3 .ld-step:nth-of-type(2){grid-column:3}.ld-act-grid-3 .ld-step:nth-of-type(3){grid-column:5}.ld-chain{background:var(--primary);width:34px;height:34px;color:var(--primary-foreground);box-shadow:0 0 0 6px color-mix(in oklab, var(--primary) 14%, transparent);border-radius:999px;grid-row:1;align-self:center;place-items:center;display:grid}.ld-chain-1{grid-column:2}.ld-chain-2{grid-column:4}}.ld-card{--ld-s:12%;--ld-d:36%}.ld-card-2{--ld-s:21%;--ld-d:56%}.ld-card-3{--ld-s:21%;--ld-d:40%}.ld-type{white-space:nowrap;display:inline-block}.ld-caret{vertical-align:-.15em;background:var(--primary);width:2px;height:1.15em;margin-left:2px;display:inline-block}.ld-bubble{position:relative}.ld-dots{letter-spacing:3px;opacity:0;font-weight:800;position:absolute;top:50%;left:12px;translate:0 -50%}.ld-before{opacity:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.ld-act{view-timeline-name:--ld-act;view-timeline-axis:block;view-timeline-inset:45% 45%}.ld-story-end{view-timeline-name:--ld-end;view-timeline-axis:block;view-timeline-inset:45% 45%}.ld-seg-fill{animation:linear both ld-fill;animation-timeline:--ld-act;animation-range:cover}.ld-dot{animation:linear both ld-dot-on;animation-timeline:--ld-act;animation-range:cover cover 6%}.ld-end-dot{animation:linear both ld-dot-on;animation-timeline:--ld-end;animation-range:cover cover 12%}.ld-card{view-timeline-name:--ld-card;view-timeline-axis:block;animation:linear both ld-card-in;animation-timeline:--ld-card;animation-range:entry entry 70%}.ld-anim{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--ld-card;animation-range:cover calc(var(--ld-s) + var(--ld-d) * var(--ld-a,0)) cover calc(var(--ld-s) + var(--ld-d) * var(--ld-b,1))}@media (min-width:1024px){.ld-act-grid-3{view-timeline-name:--ld-chain;view-timeline-axis:block}.ld-act-grid-3 .ld-card,.ld-act-grid-3 .ld-anim,.ld-chain{animation-timeline:--ld-chain}.ld-act-grid-3 .ld-card{animation-range:cover calc(var(--ld-s) - 8%) cover var(--ld-s)}.ld-card-4{--ld-s:10%;--ld-d:14%}.ld-card-5{--ld-s:24%;--ld-d:12%}.ld-card-6{--ld-s:36%;--ld-d:12%}.ld-chain{animation:linear both ld-chain-on;animation-timeline:--ld-chain}.ld-chain-1{animation-range:cover 22% cover 26%}.ld-chain-2{animation-range:cover 34% cover 38%}}.ld-type{animation-name:ld-type;animation-timing-function:steps(18,end)}.ld-caret{animation:1s step-end infinite ld-caret}.ld-dots{animation-name:ld-dots}.ld-msg,.ld-fade{animation-name:ld-fade}.ld-rise{animation-name:ld-rise}.ld-ghost{animation-name:ld-ghost}.ld-hit{animation-name:ld-hit}.ld-slide{animation-name:ld-slide}.ld-pop{animation-name:ld-pop}.ld-day{animation-name:ld-day}.ld-day-edge{animation-name:ld-day-edge}.ld-press{animation-name:ld-press}.ld-check{animation-name:ld-check}.ld-sign{animation-name:ld-sign}.ld-before{animation-name:ld-out}.ld-lit{animation-name:ld-lit}.ld-drop{animation-name:ld-drop}.ld-spark{animation-name:ld-spark}}}@keyframes ld-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ld-dot-on{0%{background:var(--card);color:var(--muted-foreground);box-shadow:inset 0 0 0 2px var(--ld-rail), 0 0 0 0 transparent}}@keyframes ld-card-in{0%{opacity:.35}to{opacity:1}}@keyframes ld-chain-on{0%{background:var(--card);color:var(--muted-foreground);box-shadow:inset 0 0 0 2px var(--ld-rail)}}@keyframes ld-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ld-caret{50%{opacity:0}}@keyframes ld-dots{0%,70%{opacity:1}to{opacity:0}}@keyframes ld-fade{0%{opacity:0}to{opacity:1}}@keyframes ld-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ld-ghost{0%{opacity:0}to{opacity:.55}}@keyframes ld-hit{0%{opacity:0;transform:translateY(8px);box-shadow:0 0 #0000}45%{opacity:1;box-shadow:0 0 0 9px color-mix(in oklab, var(--primary) 24%, transparent);transform:none}to{opacity:1;transform:none}}@keyframes ld-slide{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes ld-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes ld-day{0%{background:0 0}}@keyframes ld-day-edge{0%{color:inherit;background:0 0}}@keyframes ld-press{0%,to{transform:none;box-shadow:0 0 #0000}50%{box-shadow:0 0 0 8px color-mix(in oklab, var(--primary) 24%, transparent);transform:scale(.95)}}@keyframes ld-check{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes ld-sign{0%{border-color:var(--border);background-color:#0000}}@keyframes ld-out{0%{opacity:1}to{opacity:0}}@keyframes ld-lit{0%{border-color:var(--border);background-color:#0000}}@keyframes ld-drop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes ld-spark{0%{opacity:0;transform:scale(.4)rotate(-45deg)}to{opacity:1;transform:none}}
