@layer components{.biosphere-blog-vessel{--vessel-lining-width: 4px;--vessel-arrow: 2px;--vessel-arrow-head: var(--space-2);--vessel-arrow-ink: var(--color-cyan-20);--vessel-arrow-inset: var(--space-3);--vessel-chain-gutter: var(--space-10);--vessel-molecule-size: 7.5%;--vessel-molecule-orbit: calc( 25% - (var(--vessel-channel, 69%) / 4) - (var(--vessel-molecule-size) / 2) );margin-block:var(--space-38);margin-inline:0;inline-size:100%}.biosphere-blog-vessel__panel{padding:var(--space-22) var(--space-22) var(--space-7);border:1px solid var(--color-border-mint);border-radius:var(--radius-card);background-color:var(--color-surface-raised)}.biosphere-blog-vessel__heading.biosphere-blog-vessel__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-blog-vessel__sub.biosphere-blog-vessel__sub{margin-block:0 var(--space-18);text-wrap:pretty;color:var(--color-article-muted);font-size:var(--text-16);line-height:1.45}.biosphere-blog-vessel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min-column)),1fr));gap:var(--space-8);align-items:stretch}.biosphere-blog-vessel__state{--vessel-state-ink: var(--color-band-deep);--vessel-point-ink: var(--color-cyan-20);padding:var(--space-18) var(--space-7);border-radius:var(--radius-card);background-color:var(--color-band)}.biosphere-blog-vessel__state--negative{--vessel-state-ink: var(--color-error);--vessel-point-ink: var(--color-error)}.biosphere-blog-vessel__state-title.biosphere-blog-vessel__state-title{margin-block:0 var(--space-10);text-align:center;text-wrap:balance;color:var(--vessel-state-ink);font-size:var(--text-18-5);font-weight:700;line-height:1.25}.biosphere-blog-vessel__wall{position:relative;inline-size:100%;max-inline-size:var(--vessel-wall-max);margin-inline:auto;aspect-ratio:1;border-radius:50%;background-color:var(--color-figure-accent)}.biosphere-blog-vessel__channel{display:grid;position:absolute;place-items:center;inset-block-start:50%;inset-inline-start:50%;inline-size:var(--vessel-channel, 69%);aspect-ratio:1;border:var(--vessel-lining-width) solid var(--color-band-deep);border-radius:50%;background-color:var(--color-surface-raised);translate:-50% -50%}.biosphere-blog-vessel__channel-label{color:var(--color-band-deep);font-size:var(--text-15);font-weight:700;line-height:1.2}.biosphere-blog-vessel__molecule{position:absolute;top:0;right:0;bottom:0;left:0;rotate:calc(var(--vessel-molecule-index) * 1turn / var(--vessel-molecules))}.biosphere-blog-vessel__molecule:after{content:"";position:absolute;inset-block-start:var(--vessel-molecule-orbit);inset-inline-start:50%;inline-size:var(--vessel-molecule-size);aspect-ratio:1;border:2px solid var(--color-band-deep);border-radius:50%;background-color:var(--color-surface-raised);translate:-50% 0}.biosphere-blog-vessel__points :where(ul,ol){display:grid;justify-content:center;gap:var(--space-3);margin-block:var(--space-10) 0;padding:0;list-style:none}.biosphere-blog-vessel__points :where(li){position:relative;margin-block:0;padding-inline-start:var(--space-7);color:var(--color-text-strong);font-size:var(--text-16);line-height:1.45}.biosphere-blog-vessel__points :where(li):before{content:"";position:absolute;inset-block-start:.55em;inset-inline-start:0;inline-size:var(--space-3);aspect-ratio:1;border-radius:50%;background-color:var(--vessel-point-ink)}.biosphere-blog-vessel__key.biosphere-blog-vessel__key{display:flex;gap:var(--space-5) var(--space-5);flex-wrap:wrap;margin-block:var(--space-10) 0;padding:0;list-style:none}.biosphere-blog-vessel__key-item.biosphere-blog-vessel__key-item{display:flex;gap:var(--space-4);align-items:center;margin-block:0;color:var(--color-ink-secondary);font-size:var(--text-15);line-height:1.3}.biosphere-blog-vessel__swatch{inline-size:var(--space-6);aspect-ratio:1;border-radius:var(--radius-chip)}.biosphere-blog-vessel__swatch--muscle{background-color:var(--color-figure-accent)}.biosphere-blog-vessel__swatch--lining{background-color:var(--color-band-deep)}.biosphere-blog-vessel__swatch--molecule{border:2px solid var(--color-band-deep);border-radius:50%;background-color:var(--color-surface-raised)}.biosphere-blog-vessel__chain :where(ul,ol){display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--vessel-chain-gutter);margin-block:var(--space-10) 0;padding:0;list-style:none}.biosphere-blog-vessel__chain :where(li){display:flex;position:relative;align-items:center;justify-content:center;margin-block:0;padding:var(--space-4);border:1px solid var(--color-border-cyan);border-radius:var(--radius);background-color:var(--color-surface-raised);color:var(--color-text-strong);font-size:var(--text-15-5);line-height:1.35;text-align:center}.biosphere-blog-vessel__chain :where(li:not(:last-child)):before,.biosphere-blog-vessel__chain :where(li:not(:last-child)):after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:100%}.biosphere-blog-vessel__chain :where(li:not(:last-child)):before{inline-size:calc(var(--vessel-chain-gutter) - (var(--vessel-arrow-inset) * 2));block-size:var(--vessel-arrow);margin-inline-start:var(--vessel-arrow-inset);border-radius:var(--radius-pill);background-color:var(--vessel-arrow-ink);translate:0 -50%}.biosphere-blog-vessel__chain :where(li:not(:last-child)):after{inline-size:var(--vessel-arrow-head);block-size:var(--vessel-arrow-head);margin-inline-start:calc(var(--vessel-chain-gutter) - var(--vessel-arrow-inset) - var(--vessel-arrow-head));border-block-start:var(--vessel-arrow) solid var(--vessel-arrow-ink);border-inline-end:var(--vessel-arrow) solid var(--vessel-arrow-ink);border-start-end-radius:var(--radius-chip);rotate:45deg;translate:0 -50%}.biosphere-blog-vessel__source.biosphere-blog-vessel__source{margin-block:var(--space-5) 0;color:var(--color-article-muted);font-size:var(--text-14-5);line-height:1.5}.biosphere-blog-vessel__caption.biosphere-blog-vessel__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-blog-vessel__caption :where(p){margin-block:0;color:inherit;font-size:inherit;line-height:inherit}.biosphere-blog-vessel__caption b{color:var(--color-band-deep)}@media(max-width:700px){.biosphere-blog-vessel__chain :where(ul,ol){grid-auto-flow:row}.biosphere-blog-vessel__chain :where(li:not(:last-child)):before,.biosphere-blog-vessel__chain :where(li:not(:last-child)):after{inset-block-start:100%;inset-inline-start:50%}.biosphere-blog-vessel__chain :where(li:not(:last-child)):before{inline-size:var(--vessel-arrow);block-size:calc(var(--vessel-chain-gutter) - (var(--vessel-arrow-inset) * 2));margin-block-start:var(--vessel-arrow-inset);margin-inline-start:0;translate:-50% 0}.biosphere-blog-vessel__chain :where(li:not(:last-child)):after{margin-block-start:calc(var(--vessel-chain-gutter) - var(--vessel-arrow-inset) - var(--vessel-arrow-head));margin-inline-start:0;rotate:135deg;translate:-50% 0}}@media(max-width:600px){.biosphere-blog-vessel__panel{padding:var(--space-22) var(--space-7)}}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/block-blog-vessel-diagram.css.map */