@layer components{.biosphere-process{--process-dot: var(--space-10);--process-arrow: var(--article-process-arrow);--process-gutter: var(--space-8);margin-block:var(--space-38);margin-inline:0;inline-size:100%}.biosphere-process__panel{padding:var(--space-22);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface-raised)}.biosphere-process__steps.biosphere-process__steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--process-gutter);margin-block:0;padding:0;list-style:none}.biosphere-process__step.biosphere-process__step{position:relative;margin-block:0;padding:var(--space-8) var(--space-7) var(--space-15);border-radius:var(--radius-card);background-color:var(--color-signal-tint)}.biosphere-process__step:not(:last-child):before,.biosphere-process__step:not(:last-child):after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:100%}.biosphere-process__step:not(:last-child):before{inline-size:var(--process-gutter);block-size:var(--process-arrow);border-radius:var(--radius-pill);background-color:var(--color-border-cyan);translate:0 -50%}.biosphere-process__step:not(:last-child):after{inline-size:var(--space-3);block-size:var(--space-3);border-block-start:var(--process-arrow) solid var(--color-border-cyan);border-inline-end:var(--process-arrow) solid var(--color-border-cyan);border-start-end-radius:var(--radius-chip);margin-inline-start:calc(var(--process-gutter) - var(--space-3));rotate:45deg;translate:0 -50%}.biosphere-process__label.biosphere-process__label{margin-block:0 var(--space-10);color:var(--color-signal-deep);font-size:var(--text-2xs);font-weight:700;line-height:1.2;letter-spacing:var(--tracking-article-label);text-transform:uppercase}.biosphere-process__label.biosphere-process__label:not(:has(+.biosphere-process__markers)){margin-block-end:var(--space-5)}.biosphere-process__markers{display:flex;gap:var(--space-1);margin-block-end:var(--space-7)}.biosphere-process__marker{display:block;flex:0 0 auto;inline-size:var(--process-dot);block-size:var(--process-dot);border-radius:50%;background-color:var(--color-accent)}.biosphere-process__marker--outline{border:var(--process-arrow) dashed var(--color-border-cyan);background-color:transparent}.biosphere-process__marker--accent{background-color:var(--color-band-deep)}.biosphere-process__title.biosphere-process__title{margin-block:0 var(--space-3);text-wrap:balance;color:var(--color-band-deep);font-size:var(--text-17-5);font-weight:700;line-height:1.2}.biosphere-process__text.biosphere-process__text{margin-block:0;text-wrap:pretty;color:var(--color-article-muted);font-size:var(--text-12-5);line-height:1.45}.biosphere-process__summary{margin-block-start:var(--space-22);padding:var(--space-8);border-radius:var(--radius-card);background-color:var(--color-band-deep)}.biosphere-process__summary-heading.biosphere-process__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-process__summary-text.biosphere-process__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-process__summary-note.biosphere-process__summary-note{margin-block:var(--space-5) 0;text-wrap:pretty;color:var(--color-surface-raised);font-size:var(--text-14-5);font-weight:700;line-height:1.45}.biosphere-process__caption.biosphere-process__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-process__caption :where(p){margin-block:0;color:inherit;font-size:inherit;line-height:inherit}.biosphere-process__caption b{color:var(--color-band-deep)}@media(max-width:700px){.biosphere-process__steps.biosphere-process__steps{grid-auto-flow:row}.biosphere-process__step:not(:last-child):before,.biosphere-process__step:not(:last-child):after{inset-block-start:100%;inset-inline-start:50%}.biosphere-process__step:not(:last-child):before{inline-size:var(--process-arrow);block-size:var(--process-gutter);translate:-50% 0}.biosphere-process__step:not(:last-child):after{margin-block-start:calc(var(--process-gutter) - var(--space-3));margin-inline-start:0;rotate:135deg;translate:-50% 0}}@media(max-width:600px){.biosphere-process__panel{padding:var(--space-5)}}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/block-article-process.css.map */