@layer components{.biosphere-subscribe-card{display:block}.biosphere-subscribe-card__divider{display:flex;align-items:center;gap:var(--space-5);margin-block-end:var(--space-4);color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase}.biosphere-subscribe-card__divider:before,.biosphere-subscribe-card__divider:after{content:"";flex:1;block-size:var(--hairline);background-color:var(--color-border)}.biosphere-subscribe-card__card{position:relative;display:flex;align-items:start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background-color:var(--color-surface-raised);border:1.5px solid var(--color-border);border-radius:var(--radius-card);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.biosphere-subscribe-card__card:hover{border-color:var(--color-signal-deep)}}.biosphere-subscribe-card--selected .biosphere-subscribe-card__card{background-color:var(--color-selected);border-color:var(--color-action);box-shadow:var(--shadow-selected)}.biosphere-subscribe-card__choice{flex:none;margin-block-start:var(--space-2);cursor:pointer}.biosphere-subscribe-card__choice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card)}.biosphere-subscribe-card__choice[hidden]{display:none}.biosphere-subscribe-card__frequency .biosphere-selling-plan{position:relative}.biosphere-subscribe-card__frequency .biosphere-selling-plan:after{content:"";position:absolute;inset-inline-end:var(--space-4);inset-block-start:50%;translate:0 -50%;inline-size:var(--icon-size-chip);block-size:var(--icon-size-chip);background-color:var(--color-action);-webkit-mask:url(icon-chevron-down.svg) center / contain no-repeat;mask:url(icon-chevron-down.svg) center / contain no-repeat;pointer-events:none}.biosphere-subscribe-card__input{position:absolute;inline-size:var(--clip-size);block-size:var(--clip-size);overflow:hidden;clip-path:inset(50%)}.biosphere-subscribe-card__radio{display:block;position:relative;inline-size:var(--space-7);block-size:var(--space-7);border:2px solid var(--color-border-strong);border-radius:var(--radius-pill)}.biosphere-subscribe-card__choice:has(.biosphere-subscribe-card__input:checked) .biosphere-subscribe-card__radio{border-color:var(--color-action)}.biosphere-subscribe-card__choice:has(.biosphere-subscribe-card__input:checked) .biosphere-subscribe-card__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background-color:var(--color-action);border-radius:var(--radius-pill)}.biosphere-subscribe-card__choice:focus-visible{outline:none}.biosphere-subscribe-card:has(.biosphere-subscribe-card__choice:focus-visible) .biosphere-subscribe-card__card,.biosphere-subscribe-card:has(.biosphere-subscribe-card__input:focus-visible) .biosphere-subscribe-card__card{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--space-1)}.biosphere-subscribe-card__body{flex:1;min-inline-size:0}.biosphere-subscribe-card__heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin-block-end:var(--space-1);color:var(--color-heading);font-size:var(--text-16);font-weight:700}.biosphere-subscribe-card__percent{padding:var(--tag-padding-block) var(--space-3);background-color:var(--color-action-deep);color:var(--color-surface-raised);border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-fine);white-space:nowrap}.biosphere-subscribe-card__text{margin-block-end:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-13);line-height:var(--leading-snug)}.biosphere-subscribe-card__benefits{display:flex;flex-direction:column;gap:var(--space-2);margin-block-end:var(--space-5)}.biosphere-subscribe-card__benefit{display:flex;align-items:start;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-snug)}.biosphere-subscribe-card__check{display:inline-flex;flex:none;margin-block-start:var(--cart-icon-offset);color:var(--color-signal-deep)}.biosphere-subscribe-card__check svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.biosphere-subscribe-card__frequency{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.biosphere-subscribe-card__frequency-label{color:var(--color-action);font-weight:500}.biosphere-subscribe-card__frequency-pack{margin-inline:var(--space-1);color:var(--color-deep);font-weight:700}.biosphere-subscribe-card__frequency .biosphere-selling-plan__label{position:absolute;inline-size:var(--clip-size);block-size:var(--clip-size);overflow:hidden;clip-path:inset(50%)}.biosphere-subscribe-card__frequency .biosphere-selling-plan__select{position:relative;-webkit-appearance:none;appearance:none;padding:var(--space-2) var(--space-10) var(--space-2) var(--space-4);background-color:var(--color-surface-raised);color:var(--color-action);border:1px solid var(--color-border-strong);border-radius:var(--radius);font-family:inherit;font-size:var(--text-13);font-weight:600;cursor:pointer}.biosphere-subscribe-card__frequency .biosphere-selling-plan__select:disabled{color:var(--color-text-muted);cursor:default}.biosphere-subscribe-card__price{flex:none;margin-block-end:0;color:var(--color-heading);font-size:var(--text-18);font-weight:700;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/biosphere-subscribe-card.css.map */