@layer components{.biosphere-timeline{--timeline-dot: var(--space-4);--timeline-gap: var(--space-7);--timeline-rule: var(--color-border-cyan);margin-block:var(--space-38);margin-inline:0;inline-size:100%}.biosphere-timeline__panel{padding:var(--space-26) var(--space-28);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised)}.biosphere-timeline__heading.biosphere-timeline__heading{margin-block:0 var(--space-2);text-wrap:balance;color:var(--color-band-deep);font-size:var(--text-22);font-weight:700;line-height:1.2;letter-spacing:var(--tracking-heading-md)}.biosphere-timeline__label{margin-block:0 var(--article-heading-gap);color:var(--color-cyan-20);font-size:var(--text-11-5);font-weight:700;letter-spacing:var(--tracking-article-label);text-transform:uppercase}.biosphere-timeline__sub.biosphere-timeline__sub{margin-block:0 var(--space-10);color:var(--color-article-muted);font-size:var(--text-15-5);line-height:1.45}.biosphere-timeline__steps.biosphere-timeline__steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0 var(--timeline-gap);margin-block:0;padding:0;list-style:none}.biosphere-timeline__step.biosphere-timeline__step{position:relative;margin-block:0;text-align:center}.biosphere-timeline__when.biosphere-timeline__when{margin-block:0 var(--space-5);color:var(--color-cyan-20);font-size:var(--text-lg);font-weight:700;line-height:1.2}.biosphere-timeline__marker{display:block;position:relative;block-size:var(--timeline-dot);margin-block-end:var(--space-5)}.biosphere-timeline__marker:before{content:"";position:absolute;inset-block-start:50%;inset-inline:calc(var(--timeline-gap) / -2);block-size:var(--hairline);background-color:var(--timeline-rule);translate:0 -50%}.biosphere-timeline__step:first-child .biosphere-timeline__marker:before{inset-inline-start:0}.biosphere-timeline__step:last-child .biosphere-timeline__marker:before{inset-inline-end:0}.biosphere-timeline__marker:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:var(--timeline-dot);block-size:var(--timeline-dot);border-radius:50%;background-color:var(--color-cyan-20);translate:-50% -50%}.biosphere-timeline__what.biosphere-timeline__what{margin-block:0 var(--space-3);text-wrap:balance;color:var(--color-band-deep);font-size:var(--text-18);font-weight:700;line-height:1.3}.biosphere-timeline__why.biosphere-timeline__why{margin-block:0;text-wrap:pretty;color:var(--color-article-muted);font-size:var(--text-15);line-height:1.45}.biosphere-timeline--steps-card .biosphere-timeline__step{display:flex;flex-direction:column}.biosphere-timeline--steps-card .biosphere-timeline__body{flex:1;padding:var(--space-6) var(--space-18);border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-signal-tint)}.biosphere-timeline__summary{margin-block-start:var(--space-22);padding:var(--space-8);border-radius:var(--radius-card);background-color:var(--color-band-deep)}.biosphere-timeline__summary-heading.biosphere-timeline__summary-heading{margin-block:0 var(--space-2);text-wrap:balance;color:var(--color-surface-raised);font-size:var(--text-18-5);font-weight:700;line-height:1.25}.biosphere-timeline__summary-text.biosphere-timeline__summary-text{margin-block:0;text-wrap:pretty;color:var(--color-on-dark-body);font-size:var(--text-14-5);line-height:1.45}.biosphere-timeline__caption.biosphere-timeline__caption{max-inline-size:var(--measure-article);margin-block:var(--space-15) 0;color:var(--color-article-ink-2);font-size:var(--text-16);line-height:1.55}.biosphere-timeline__caption :where(p){margin-block:0;color:inherit;font-size:inherit;line-height:inherit}.biosphere-timeline__caption b{color:var(--color-band-deep)}@media(max-width:700px){.biosphere-timeline__steps.biosphere-timeline__steps{grid-auto-flow:row;gap:var(--timeline-gap) 0}.biosphere-timeline__step.biosphere-timeline__step{display:grid;grid-template-columns:var(--timeline-dot) 1fr;gap:0 var(--space-5);text-align:start}.biosphere-timeline__when.biosphere-timeline__when{grid-column:2;margin-block-end:var(--space-1)}.biosphere-timeline__marker{grid-row:1;margin-block-end:0}.biosphere-timeline__marker:before{content:none}.biosphere-timeline__step:before{content:"";position:absolute;inset-block:calc(var(--timeline-gap) / -2);inset-inline-start:calc(var(--timeline-dot) / 2);inline-size:var(--hairline);background-color:var(--timeline-rule);translate:-50% 0}.biosphere-timeline__step:first-child:before{inset-block-start:0}.biosphere-timeline__step:last-child:before{inset-block-end:0}.biosphere-timeline__marker:after{inset-block-start:var(--space-4);translate:-50% -50%}.biosphere-timeline__body{grid-column:2}}@media(max-width:600px){.biosphere-timeline__panel{padding:var(--space-22) var(--space-7)}}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/block-article-timeline.css.map */