@layer components{.biosphere-coa-card{display:block;overflow:hidden;background-color:var(--color-surface-raised);border:1px solid var(--color-border-cyan);border-radius:var(--radius-card)}.biosphere-coa-card .biosphere-accordion__summary{padding:var(--space-6) var(--space-7)}.biosphere-coa-card .biosphere-accordion__content{padding:var(--space-18) var(--space-7) var(--space-7);border-block-start:1px solid var(--color-border)}.biosphere-coa-card__thumb{flex:none;inline-size:var(--coa-card-thumb-size);block-size:var(--coa-card-thumb-size);overflow:hidden;background-color:var(--color-tint-band);border:1px solid var(--color-border);border-radius:var(--radius)}.biosphere-coa-card__image img{inline-size:100%;block-size:100%;object-fit:cover}.biosphere-coa-card__name{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-inline-size:0}.biosphere-coa-card__title{margin-block:0;color:var(--color-heading);font-size:var(--text-18);font-weight:700;line-height:var(--leading-label);letter-spacing:var(--tracking-heading-sm)}.biosphere-coa-card__batch{color:var(--color-ink-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.biosphere-coa-card .biosphere-coa-card__status{flex:none;padding:var(--space-1) var(--space-3);font-weight:700;text-transform:none;border:1px solid transparent;border-radius:var(--radius-pill)}.biosphere-coa-card .biosphere-coa-card__status--released{background-color:var(--color-signal-tint);color:var(--color-signal-deep);border-color:var(--color-border-mint)}.biosphere-coa-card .biosphere-coa-card__status--pending{background-color:var(--color-pending-tint);color:var(--color-pending);border-color:var(--color-pending-border)}.biosphere-coa-card__pending{max-inline-size:var(--measure-prose);color:var(--color-ink-secondary);font-size:var(--text-16);line-height:var(--leading-normal)}.biosphere-coa-card__pending p:last-child{margin-block-end:0}.biosphere-coa-card__choose{margin-block-end:var(--space-3);color:var(--color-ink-muted);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase}.biosphere-coa-card__choose:has(~.biosphere-tabs>.biosphere-tabs__tablist[hidden]){display:none}.biosphere-coa-card .biosphere-tabs__tablist{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--space-3);margin-block-end:var(--space-5)}.biosphere-coa-card .biosphere-tabs__tablist[hidden]{display:none}.biosphere-coa-card .biosphere-tabs__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--pill-min-height);padding:var(--space-4) var(--space-3);background-color:var(--color-surface-raised);color:var(--color-action);border:1px solid var(--color-border);border-radius:var(--radius);font-family:inherit;font-size:var(--text-13);font-weight:500;line-height:var(--leading-label);text-align:center;cursor:pointer}.biosphere-coa-card .biosphere-tabs__tab[aria-selected=true]{background-color:var(--color-selected);border-color:var(--color-action);box-shadow:var(--shadow-selected)}.biosphere-coa-card .biosphere-tabs__tab:focus-visible{outline:var(--focus-ring-width) solid var(--color-action);outline-offset:var(--space-1)}@media(hover:hover){.biosphere-coa-card .biosphere-tabs__tab:not([aria-selected=true]):hover{background-color:var(--color-tint-soft);border-color:var(--color-action)}}@media(prefers-reduced-motion:no-preference){.biosphere-coa-card .biosphere-tabs__tab{transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}}.biosphere-coa-card__dot{flex:none;inline-size:var(--swatch-size);block-size:var(--swatch-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)}@media(max-width:560px){.biosphere-coa-card .biosphere-accordion__summary{gap:var(--rule-gap-sm);padding:var(--space-5)}.biosphere-coa-card .biosphere-accordion__content{padding:var(--space-5)}.biosphere-coa-card__thumb{display:none}.biosphere-coa-card .biosphere-tabs__tablist{grid-auto-flow:row}.biosphere-coa-card .biosphere-tabs__tab{flex-direction:row;justify-content:start;min-block-size:var(--tap-target);padding:var(--space-3) var(--space-4);text-align:start}}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/block-coa-card.css.map */