@layer components{.biosphere-coa{display:block}.biosphere-coa[hidden]{display:none}.biosphere-coa__card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--coa-gap, var(--space-6));padding:var(--coa-padding-block, var(--space-6)) var(--coa-padding-inline, var(--space-18));background-color:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-card)}.biosphere-coa__thumb{flex:none;inline-size:var(--pdp-coa-thumb-size);block-size:var(--pdp-coa-thumb-size);overflow:hidden;background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius)}.biosphere-coa__image img{inline-size:100%;block-size:100%;object-fit:cover}.biosphere-coa__text{display:flex;flex-direction:column;flex:1;min-inline-size:var(--coa-text-min-width);gap:var(--space-1)}.biosphere-coa__text strong{color:var(--color-deep);font-size:var(--text-15)}.biosphere-coa__text span{color:var(--color-text-slate);font-size:var(--text-sm)}.biosphere-coa__list{display:flex;flex-wrap:wrap;flex:1 1 100%;gap:var(--space-3);min-inline-size:0}.biosphere-coa__entry{display:inline-flex;align-items:center;gap:var(--space-2);min-inline-size:0;padding:var(--space-4) var(--space-5);background-color:var(--color-surface-raised);color:var(--color-deep);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.biosphere-coa__entry:hover{background-color:var(--color-selected);border-color:var(--color-action)}}.biosphere-coa__entry:focus-visible{outline:var(--focus-ring-width) solid var(--color-action);outline-offset:var(--space-1)}.biosphere-coa__dot{flex:none;inline-size:var(--coa-dot-size);block-size:var(--coa-dot-size);background-color:var(--coa-dot-color, var(--color-border-strong));border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--color-swatch-ring)}.biosphere-coa__link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-signal-deep);font-size:var(--text-sm);font-weight:600;text-decoration:none;text-underline-offset:var(--link-rule-offset)}@media(hover:hover){.biosphere-coa__link:hover{text-decoration:underline}}.biosphere-coa__arrow{display:inline-flex;flex:none}.biosphere-coa__arrow svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);rotate:90deg}.biosphere-coa__dialog .biosphere-dialog__trigger{display:none}.biosphere-coa__dialog .biosphere-dialog__window{--dialog-max-width: var(--coa-dialog-width);--dialog-content-padding: 0;--dialog-content-overflow: clip;flex-direction:column;overflow:hidden;border:none;border-radius:var(--radius-card);box-shadow:var(--shadow-panel)}.biosphere-coa__dialog .biosphere-dialog__window[open]{display:flex}.biosphere-coa__dialog .biosphere-dialog__content{display:flex;flex:1 1 auto;min-block-size:0;flex-direction:column}.biosphere-coa__dialog .biosphere-dialog__heading{color:var(--color-text-slate);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase}.biosphere-coa__dialog .biosphere-dialog__header{align-items:center;padding:var(--space-5) var(--space-7) var(--space-3)}.biosphere-coa__viewer{display:flex;flex:1 1 auto;min-block-size:0;flex-direction:column}.biosphere-coa__flavour{margin-block-end:0;padding:0 var(--space-7) var(--space-5);color:var(--color-heading);font-size:var(--text-18);font-weight:700;border-block-end:1px solid var(--color-border)}.biosphere-coa__body{flex:1 1 auto;min-block-size:0;overflow:auto;padding:var(--space-5) var(--space-7);background-color:var(--color-tint)}.biosphere-coa__full{display:block;inline-size:100%;block-size:auto;background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius)}.biosphere-coa__foot{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-7);border-block-start:1px solid var(--color-border)}.biosphere-coa__tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);min-inline-size:0}.biosphere-coa__tab{padding:var(--space-3) var(--space-4);background-color:var(--color-surface-raised);color:var(--color-text-slate);border:1px solid var(--color-border);border-radius:var(--radius);font-family:inherit;font-size:var(--text-13);font-weight:600}.biosphere-coa__tab[aria-current=true]{background-color:var(--color-selected);color:var(--color-deep);border-color:var(--color-action)}.biosphere-coa__tab:focus-visible{outline:var(--focus-ring-width) solid var(--color-action);outline-offset:var(--space-1)}.biosphere-coa__open{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-signal-deep);font-size:var(--text-sm);font-weight:600;text-decoration:none;text-underline-offset:var(--link-rule-offset)}@media(hover:hover){.biosphere-coa__open:hover{text-decoration:underline}}@media(max-width:560px){.biosphere-coa__entry{flex:1 1 100%;justify-content:start}.biosphere-coa__foot{align-items:stretch;flex-direction:column}}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/biosphere-coa.css.map */