@layer components{.biosphere-product-usage{padding-block:var(--product-usage-padding-top, var(--space-16)) var(--product-usage-padding-bottom, var(--space-16));--color-text-secondary: var(--color-text-slate)}.biosphere-product-usage--surface{background-color:var(--color-surface)}.biosphere-product-usage--soft{background-color:var(--color-band-soft)}.biosphere-product-usage--band{background-color:var(--color-band)}.biosphere-product-usage--tint{background-color:var(--color-tint-2);--color-text-muted: var(--color-text-slate)}.biosphere-product-usage__inner{display:grid;gap:var(--space-12);align-items:center;max-inline-size:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}@media(min-width:900px){.biosphere-product-usage__inner{grid-template-columns:1fr 1fr;gap:clamp(var(--space-34),5vw,var(--space-66))}}.biosphere-product-usage__steps-column{min-inline-size:0}.biosphere-product-usage .biosphere-product-usage__eyebrow{margin-block-end:var(--space-4);padding:0;background-color:transparent;color:var(--color-signal-deep);font-weight:700;letter-spacing:var(--tracking-eyebrow-hero)}.biosphere-product-usage__heading{color:var(--color-cyan-10);max-inline-size:var(--product-usage-heading-width, none);margin-block:0 var(--space-2)}.biosphere-product-usage__steps{display:flex;flex-direction:column;padding-inline-start:0;margin-block-end:0;list-style:none}.biosphere-product-usage__steps:has(+.biosphere-product-usage__note){margin-block-end:var(--space-6)}.biosphere-product-usage__step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-18);align-items:start;padding-block:var(--space-6)}.biosphere-product-usage__step+.biosphere-product-usage__step{border-block-start:1px solid var(--color-border)}.biosphere-product-usage__step-number{display:grid;place-items:center;flex:none;inline-size:var(--pdp-step-marker-size);block-size:var(--pdp-step-marker-size);background-color:var(--color-tint-band);color:var(--color-deep);border-radius:var(--radius-pill);font-size:var(--text-16);font-weight:700;line-height:1}.biosphere-product-usage__step-body,.biosphere-product-usage__beat-body{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.biosphere-product-usage__step-title{color:var(--color-cyan-10);font-size:var(--text-16);font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading-sm)}.biosphere-product-usage__step-text{color:var(--color-text-slate);font-size:var(--text-15);line-height:var(--leading-normal)}.biosphere-product-usage__note{max-inline-size:var(--product-usage-text-width, none);display:flex;flex-direction:column;gap:var(--space-3)}.biosphere-product-usage__note>p{padding:var(--space-5) var(--space-6);margin-block-end:0;background-color:var(--color-tint-band);border-radius:var(--radius);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.biosphere-product-usage__note strong{color:var(--color-deep)}.biosphere-product-usage__outlook{padding:clamp(var(--space-8),3vw,var(--space-34));background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-card)}.biosphere-product-usage__outlook-heading{margin-block:0 var(--space-7);color:var(--color-cyan-10)}.biosphere-product-usage__outlook-text{margin-block-end:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm)}.biosphere-product-usage__outlook-text>:last-child{margin-block-end:0}.biosphere-product-usage__beats{display:flex;flex-direction:column;margin-block-end:0}.biosphere-product-usage__beat{display:grid;grid-template-columns:auto 1fr;gap:var(--space-18);padding-block-end:var(--space-22)}.biosphere-product-usage__beat:last-child{padding-block-end:0}.biosphere-product-usage__beat-marker{display:flex;flex-direction:column;align-items:center}.biosphere-product-usage__beat-marker:before{content:"";flex:none;inline-size:var(--pdp-timeline-dot-size);block-size:var(--pdp-timeline-dot-size);margin-block-start:var(--timeline-dot-offset);background-color:var(--color-accent);border-radius:var(--radius-pill);box-shadow:0 0 0 4px var(--color-signal-tint)}.biosphere-product-usage__beat-marker:after{content:"";flex:1;inline-size:var(--timeline-rule-width);margin-block-start:var(--space-1);background-color:var(--color-border)}.biosphere-product-usage__beat:last-child .biosphere-product-usage__beat-marker:after{content:none}.biosphere-product-usage__beat-when{color:var(--color-cyan-10);font-size:var(--text-13);font-weight:600;letter-spacing:var(--tracking-fine);text-transform:uppercase}.biosphere-product-usage__beat-what{color:var(--color-text-slate);font-size:var(--text-15);line-height:var(--leading-normal)}@media(max-width:767px){.biosphere-product-usage{padding-block:var(--space-50)}.biosphere-product-usage__heading{font-size:var(--text-28);letter-spacing:normal}.biosphere-product-usage__step{margin-block-start:var(--space-18)}.biosphere-product-usage__inner{gap:var(--space-34)}}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-product-usage.css.map */