@layer components{.biosphere-buy-tiers{display:block}.biosphere-buy-tiers[hidden]{display:none}.biosphere-buy-tiers__group{padding:0;margin:0;border:none}.biosphere-buy-tiers__legend{padding:0;margin-block-end:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-fine);text-transform:uppercase}.biosphere-buy-tiers__list{display:flex;flex-direction:column;gap:var(--space-9)}.biosphere-buy-tiers__tier{position:relative;display:grid;grid-template-columns:var(--space-7) 1fr auto;gap:var(--space-5);align-items:center;padding:var(--space-4) var(--space-6);background-color:var(--color-surface-raised);border:1.5px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.biosphere-buy-tiers__tier:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--space-1)}.biosphere-buy-tiers__tier:has(.biosphere-buy-tiers__input:checked){background-color:var(--color-selected);border-color:var(--color-action);box-shadow:var(--shadow-selected)}.biosphere-buy-tiers__tier:has(.biosphere-buy-tiers__input:focus-visible){outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--space-1)}@media(hover:hover){.biosphere-buy-tiers__tier:hover:not(:has(.biosphere-buy-tiers__input:checked)){border-color:var(--color-action)}}.biosphere-buy-tiers__input{position:absolute;inline-size:var(--clip-size);block-size:var(--clip-size);overflow:hidden;clip-path:inset(50%)}.biosphere-buy-tiers__radio{inline-size:var(--space-7);block-size:var(--space-7);position:relative;border:2px solid var(--color-border-strong);border-radius:var(--radius-pill)}.biosphere-buy-tiers__tier:has(.biosphere-buy-tiers__input:checked) .biosphere-buy-tiers__radio{border-color:var(--color-action)}.biosphere-buy-tiers__tier:has(.biosphere-buy-tiers__input:checked) .biosphere-buy-tiers__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background-color:var(--color-action);border-radius:var(--radius-pill)}.biosphere-buy-tiers__main{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2);min-inline-size:0}.biosphere-buy-tiers__title{color:var(--color-heading);font-size:var(--text-16);font-weight:600}.biosphere-buy-tiers__meta{color:var(--color-text-slate);font-size:var(--text-13);line-height:var(--leading-label)}@media(min-width:561px){.biosphere-buy-tiers__main{column-gap:var(--space-22)}.biosphere-buy-tiers__title{min-inline-size:var(--tier-title-width)}}@media(max-width:560px){.biosphere-buy-tiers__main{flex-direction:column;align-items:start;row-gap:var(--space-1)}.biosphere-buy-tiers__meta{white-space:nowrap}}.biosphere-buy-tiers__price{display:flex;flex-direction:column;align-items:end;gap:var(--space-1);white-space:nowrap}.biosphere-buy-tiers__amounts{display:flex;align-items:baseline;gap:var(--space-2)}.biosphere-buy-tiers__now{color:var(--color-heading);font-size:var(--text-18);font-weight:700}.biosphere-buy-tiers__was{color:var(--color-text-muted);font-size:var(--text-13)}.biosphere-buy-tiers__per-day{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-fine)}.biosphere-buy-tiers__ribbon{position:absolute;inset-block-start:0;inset-inline-end:var(--space-5);transform:translateY(-50%)}.biosphere-buy-tiers .biosphere-buy-tiers__save{padding:var(--tag-padding-block) var(--tag-padding-inline);background-color:var(--color-signal-tint);color:var(--color-signal-deep);font-size:var(--text-10);font-weight:700;line-height:var(--leading-label);letter-spacing:var(--tracking-fine)}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/biosphere-buy-tiers.css.map */