.subscription-picker{display:flex;flex-direction:column;gap:var(--space-16);margin:var(--space-40) 0 var(--space-24)}.subscription-picker__cards{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;border:0}.subscription-picker__cards-legend{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap}.subscription-picker__card{position:relative;display:flex;overflow:hidden;flex-direction:column;border:0;border-radius:var(--border-radius-24);background-color:var(--background-surface-tertiary);transition:background-color .2s ease;cursor:pointer}.subscription-picker__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 .1rem var(--background-surface-tertiary-strong)}.subscription-picker__card:has(.subscription-picker__indicator){background-color:var(--background-surface-tertiary-strong)}.subscription-picker__card.is-selected{background-color:var(--border-brand)}.subscription-picker__card.is-selected:after{box-shadow:inset 0 0 0 .2rem var(--border-brand)}.subscription-picker__card:focus-visible{outline:.2rem solid var(--border-brand);outline-offset:.2rem}.subscription-picker__input{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);white-space:nowrap}.subscription-picker__indicator{display:flex;justify-content:center;align-items:center;padding:var(--space-2) var(--space-12);text-align:center;color:var(--text-tertiary);background-color:var(--background-surface-tertiary-strong);transition:color .2s ease,background-color .2s ease}.subscription-picker__card.is-selected .subscription-picker__indicator{color:var(--text-bold-primary);background-color:var(--fill-brand-default)}.subscription-picker__card-inner{display:flex;overflow:hidden;flex-direction:column;padding:var(--space-20) var(--space-24);background-color:var(--background-surface-tertiary);transition:background-color .2s ease;border-top-left-radius:var(--border-radius-24);border-top-right-radius:var(--border-radius-24)}.subscription-picker__card:not(.is-selected):hover .subscription-picker__card-inner{background-color:var(--background-surface-primary)}.subscription-picker__top{display:flex;align-items:flex-start;gap:var(--space-16)}.subscription-picker__radio{position:relative;flex:none;width:2.4rem;height:2.4rem;border:.1rem solid var(--border-default);border-radius:var(--border-radius-12);background-color:var(--fill-secondary-default);transition:border-color .2s ease,background-color .2s ease}.subscription-picker__card.is-selected .subscription-picker__radio{border:.2rem solid var(--border-brand);background-color:transparent}.subscription-picker__card.is-selected .subscription-picker__radio:after{position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;border-radius:var(--border-radius-full);background-color:var(--fill-brand-default);transform:translate(-50%,-50%);content:""}.subscription-picker__text{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-6)}.subscription-picker__title{color:var(--text-primary)}.subscription-picker__badge{margin-top:var(--space-4);align-self:flex-start}.subscription-picker__subtitle{color:var(--text-secondary)}.subscription-picker__price-wrap{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:var(--space-4)}.subscription-picker__price{color:var(--text-primary)}.subscription-picker__compare{font-size:var(--font-size-14);line-height:var(--line-height-150);letter-spacing:var(--letter-spacing-08-percent);color:var(--color-primary-neutral-200);text-decoration:line-through}.subscription-picker__details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.subscription-picker__card.is-selected .subscription-picker__details{grid-template-rows:1fr}.subscription-picker__details-inner{display:flex;overflow:hidden;flex-direction:column;min-height:0}.subscription-picker__divider{display:block;width:100%;height:.1rem;margin:var(--space-16) 0 var(--space-12);background-color:var(--border-default)}.subscription-picker__details-inner :where(p,li){margin:0;font-size:var(--font-size-14);line-height:var(--line-height-150);letter-spacing:var(--letter-spacing-08-percent);color:var(--text-secondary)}.subscription-picker__details-inner li{position:relative;padding-left:calc(var(--icon-width, 2rem) + var(--space-16))}.subscription-picker__details-inner :where(ul,ol){display:flex;flex-direction:column;gap:var(--space-6);margin:0;padding:0;list-style:none}.subscription-picker__details-inner strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.subscription-picker__detail-icon{display:inline-flex;align-items:center;position:absolute;top:.1rem;left:0;vertical-align:middle}@media screen and (min-width:768px){.subscription-picker__text{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--space-8);row-gap:var(--space-6)}.subscription-picker__title{order:1}.subscription-picker__badge{margin-top:0;align-self:center;order:2}.subscription-picker__subtitle{flex-basis:100%;order:3}}@media screen and (min-width:1280px){.subscription-picker__card{max-width:48.4rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/subscription-picker.css.map */