.plan-selector{display:block;--plan-selected-bg: #001430;--plan-save-chip-bg: #b6e0f8;--plan-accent-ring: #6db7cf}.plan-selector__intro{margin:0 0 1.6rem}.plan-selector__eyebrow{display:block;font-family:var(--font-body-family);font-weight:700;font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--color-accent));margin:0 0 .6rem}.plan-selector__description{font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.75);margin:0;max-width:60ch}.plan-selector__options{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;border:0}.plan-selector__option{position:relative}.plan-selector__card{display:flex;flex-direction:column;cursor:pointer;border-radius:1.4rem;padding:1.3rem 1.5rem;border:.15rem solid rgba(var(--color-foreground),.14);background:rgba(var(--color-foreground),.03);color:rgb(var(--color-foreground));transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.plan-selector__input:checked+.plan-selector__card{background:var(--plan-selected-bg);color:#fff;border-color:transparent;box-shadow:0 0 0 .25rem #6db7cf8c,0 1rem 2.6rem #0014302e}.plan-selector__input:focus-visible+.plan-selector__card{outline:.2rem solid var(--plan-accent-ring);outline-offset:.2rem}.plan-selector__input:disabled+.plan-selector__card{cursor:not-allowed;opacity:.5}.plan-selector__row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"dot name price" ".   chip  .";column-gap:1.2rem;row-gap:.3rem;align-items:center;width:100%}.plan-selector__dot{grid-area:dot;flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;border:.2rem solid rgba(var(--color-foreground),.28);color:transparent;transition:all .16s ease}.plan-selector__input:checked+.plan-selector__card .plan-selector__dot{background:var(--plan-accent-ring);border-color:var(--plan-accent-ring);color:#001430}.plan-selector__name-block{grid-area:name;min-width:0;display:flex;flex-direction:column;text-align:left}.plan-selector__name{font-family:var(--font-heading-family);text-transform:uppercase;font-size:2rem;line-height:1}.plan-selector__per-week{font-family:var(--font-body-family);font-size:1.15rem;opacity:.65;margin-top:.2rem}.plan-selector__price-block{grid-area:price;display:flex;flex-direction:column;align-items:flex-end;text-align:right}.plan-selector__price{display:flex;align-items:baseline;gap:.5rem}.plan-selector__price-now{font-family:var(--font-heading-family);font-size:2.6rem;line-height:1}.plan-selector__price-was{font-family:var(--font-body-family);font-weight:600;font-size:1.2rem;text-decoration:line-through;opacity:.5}.plan-selector__save-chip{grid-area:chip;justify-self:start;display:inline-block;font-family:var(--font-body-family);font-weight:600;font-size:1rem;background:var(--plan-save-chip-bg);color:#001430;padding:.3rem .8rem;border-radius:99rem}.plan-selector__detail{display:flex;flex-direction:column;align-items:flex-start;visibility:hidden;overflow:hidden;max-height:0;opacity:0;margin-top:0;padding-top:0;border-top:1px solid transparent;text-align:left;transition:max-height .3s ease,opacity .24s ease,margin-top .24s ease,padding-top .24s ease,visibility 0s linear .3s}.plan-selector__input:checked+.plan-selector__card .plan-selector__detail{visibility:visible;max-height:16rem;opacity:1;margin-top:1.3rem;padding-top:1.3rem;border-top-color:#ffffff38;transition:max-height .3s ease,opacity .24s ease,margin-top .24s ease,padding-top .24s ease}.plan-selector__badge{font-family:var(--font-body-family);font-weight:600;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;background:var(--plan-accent-ring);color:#001430;padding:.5rem 1rem;border-radius:99rem}.plan-selector__detail .plan-selector__badge{align-self:center;background:none;color:rgb(var(--color-accent));padding:0}.plan-selector__note{font-family:var(--font-body-family);font-size:1.25rem;line-height:1.45;opacity:.9;margin-top:1rem}.plan-selector__badge-slot,.plan-selector__note--persistent{display:none}.plan-selector__reassurance{text-align:center;font-family:var(--font-body-family);font-size:1.2rem;color:rgba(var(--color-foreground),.7);margin:1.4rem 0 0}@media screen and (max-width:749px){.plan-selector__option[data-plan-role=four]{order:1}.plan-selector__option[data-plan-role=twelve]{order:2}.plan-selector__option[data-plan-role=year]{order:3}}@media screen and (min-width:750px){.plan-selector__options{flex-direction:row;align-items:flex-start;gap:1.4rem}.plan-selector__option{flex:1 1 0;display:flex;flex-direction:column}.plan-selector__dot{display:none}.plan-selector__badge-slot{display:flex;justify-content:center;margin-bottom:1rem;min-height:2.3rem}.plan-selector__badge--placeholder{visibility:hidden}.plan-selector__note--persistent{display:block;margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid rgba(var(--color-foreground),.12)}.plan-selector__input:checked+.plan-selector__card .plan-selector__note--persistent{border-top-color:#ffffff38}.plan-selector__detail{display:none}.plan-selector__option[data-plan-role=four]{order:1}.plan-selector__option[data-plan-role=twelve]{order:2;flex:1.18 1 0}.plan-selector__option[data-plan-role=year]{order:3}.plan-selector__card{width:100%;align-items:center;text-align:center;padding:1.5rem 1.4rem}.plan-selector__option[data-plan-role=twelve] .plan-selector__card{padding:3rem 2.2rem 2.6rem}.plan-selector__option[data-plan-role=twelve] .plan-selector__name{font-size:2.4rem}.plan-selector__option[data-plan-role=twelve] .plan-selector__price-now{font-size:4.4rem}.plan-selector__option[data-plan-role=four] .plan-selector__name,.plan-selector__option[data-plan-role=year] .plan-selector__name{font-size:1.6rem}.plan-selector__option[data-plan-role=four] .plan-selector__price-now,.plan-selector__option[data-plan-role=year] .plan-selector__price-now{font-size:2.8rem}.plan-selector__option[data-plan-role=four] .plan-selector__price-was,.plan-selector__option[data-plan-role=year] .plan-selector__price-was,.plan-selector__option[data-plan-role=four] .plan-selector__per-week,.plan-selector__option[data-plan-role=year] .plan-selector__per-week{font-size:1.05rem}.plan-selector__input:checked+.plan-selector__card{transform:translateY(-.2rem)}.plan-selector__row{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem}.plan-selector__name-block,.plan-selector__price-block,.plan-selector__detail{align-items:center;text-align:center}}@media(prefers-reduced-motion:reduce){.plan-selector__card,.plan-selector__dot,.plan-selector__detail{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/187/assets/component-plan-selector.css.map */