.workflow[data-v-0169b200]{display:grid;gap:0;grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:76rem;position:relative;view-timeline-name:--workflow;--workflow-ring:var(--color-bg)}@media (min-width:640px){.workflow[data-v-0169b200]{gap:2.5rem 2rem;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.workflow[data-v-0169b200]{gap:2rem;grid-template-columns:repeat(4,minmax(0,1fr))}}.workflow-step[data-v-0169b200]{padding:0 0 2.25rem 4rem;position:relative}@media (min-width:640px){.workflow-step[data-v-0169b200]{padding:4.5rem 0 0}}.workflow-step[data-v-0169b200]:before{background:linear-gradient(180deg,var(--color-accent),var(--color-border));bottom:0;content:"";left:1.4rem;position:absolute;top:3rem;width:1px}@media (min-width:640px){.workflow-step[data-v-0169b200]:before{background:linear-gradient(90deg,var(--color-accent),var(--color-border));height:1px;inset:1.4rem -2rem auto 3.5rem;width:auto}}.workflow-step[data-v-0169b200]:last-child:before{display:none}@media (min-width:640px){.workflow-step[data-v-0169b200]:nth-child(2n):before{display:none}}@media (min-width:1024px){.workflow-step[data-v-0169b200]:nth-child(2n):before{display:block}.workflow-step[data-v-0169b200]:last-child:before{display:none}}.workflow-no[data-v-0169b200]{align-items:center;background-color:var(--workflow-ring);border:1px solid var(--color-accent);border-radius:50%;box-shadow:0 0 0 6px var(--workflow-ring),0 0 24px color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent);display:inline-flex;font-size:.9rem;font-weight:900;height:2.8rem;justify-content:center;left:0;position:absolute;top:0;width:2.8rem;z-index:1}.workflow-title[data-v-0169b200]{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.workflow-desc[data-v-0169b200]{color:var(--color-text-muted);font-size:.95rem;line-height:1.85}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.workflow[data-v-0169b200]:after{display:none}@media (min-width:1024px){.workflow[data-v-0169b200]:after{animation:comet-across-0169b200 linear both;background-color:var(--color-text);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 45%,transparent),0 0 18px 4px var(--color-accent);display:block;height:.7rem;left:1.4rem;position:absolute;top:1.4rem;translate:-50% -50%;width:.7rem;z-index:2;animation-range:cover 30% cover 70%;animation-timeline:--workflow;content:"";pointer-events:none}}.workflow-step[data-v-0169b200]:after{animation:comet-down-0169b200 linear none;background-color:var(--color-text);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 45%,transparent),0 0 14px 3px var(--color-accent);height:.6rem;left:1.4rem;opacity:0;position:absolute;top:1.4rem;translate:-50% -50%;width:.6rem;z-index:2;animation-range:cover calc(30% + 40%*var(--i)/(var(--steps) - 1)) cover calc(30% + 40%*(var(--i) + 1)/(var(--steps) - 1));animation-timeline:--workflow;content:"";pointer-events:none}@media (min-width:640px){.workflow-step[data-v-0169b200]:after{display:none}}.workflow-step[data-v-0169b200]:last-child:after{display:none}.workflow-no[data-v-0169b200]{animation:step-lit-0169b200 linear both;animation-range:cover calc(28% + 40%*var(--i)/(var(--steps) - 1)) cover calc(32% + 40%*var(--i)/(var(--steps) - 1));animation-timeline:--workflow}.workflow-title[data-v-0169b200]{animation:step-text-0169b200 linear both;animation-range:cover calc(26% + 40%*var(--i)/(var(--steps) - 1)) cover calc(32% + 40%*var(--i)/(var(--steps) - 1));animation-timeline:--workflow}}}@keyframes comet-down-0169b200{0%{opacity:1;top:1.4rem}to{opacity:1;top:calc(100% + 1.4rem)}}@keyframes comet-across-0169b200{0%{left:1.4rem}to{left:calc((100% - 2rem*(var(--steps) - 1))/var(--steps)*(var(--steps) - 1) + 2rem*(var(--steps) - 1) + 1.4rem)}}@keyframes step-lit-0169b200{0%{box-shadow:0 0 0 6px var(--workflow-ring),0 0 color-mix(in srgb,var(--color-accent) 0%,transparent);opacity:.6}to{background-color:var(--color-accent);box-shadow:0 0 0 6px var(--workflow-ring),0 0 28px 4px color-mix(in srgb,var(--color-accent) 60%,transparent);color:var(--color-bg);opacity:1}}@keyframes step-text-0169b200{0%{opacity:.6}to{opacity:1}}
