.timelines.svelte-10atb8i{width:100%;max-width:1400px;margin:auto;padding-block:6rem;padding-inline:4rem;@media (max-width: 1024px){padding-inline:2rem}}.timeline-info.svelte-10atb8i{padding-block-end:4rem;display:flex;flex-direction:column;gap:1rem;h1:where(.svelte-10atb8i){font-size:2.67rem;text-transform:capitalize}h2:where(.svelte-10atb8i){font-size:1.2rem;opacity:.8}}.timeline.svelte-10atb8i{display:flex;flex-direction:column;gap:1rem;position:relative;.timeline-element:where(.svelte-10atb8i){display:flex;flex-direction:column;gap:.25rem;position:relative;justify-content:center;padding-inline-start:2.5rem;&:before{content:"";position:absolute;left:0;height:calc(100% + 1rem);background:var(--surface-3);width:.25rem;border-radius:var(--radius)}.icon:where(.svelte-10atb8i){height:2.5rem;width:2.5rem;background:var(--surface-3);border-radius:50%;display:grid;place-items:center;position:absolute;left:-1rem}&.done{.icon:where(.svelte-10atb8i){background:var(--brand);color:var(--surface-1)}&:before{background:var(--brand)}}}}