.subscription-selector{margin-bottom:10px;overflow:visible;background:var(--subscription-background, #ffffff)}@media screen and (min-width:750px){.subscription-selector{margin-bottom:20px}}.subscription-options{border:none;padding:0;margin:0}.subscription-options__legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.subscription-options__list{display:flex;flex-direction:column;gap:10px;margin:0}@media screen and (min-width:750px){.subscription-options__list{gap:20px}}.subscription-option{position:relative;border-radius:8px;border:1px solid var(--potion-border);background:var(--potion-white);transition:border-color .2s ease,box-shadow .2s ease}.subscription-option:hover{border-color:var(--potion-text-muted)}.subscription-option--selected{border:1px solid var(--potion-purple-light);box-shadow:0 3px 10px 6px #57338b1a}.subscription-option__badges{position:absolute;top:-10px;left:0;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;padding-inline:60px 24px;pointer-events:none}.subscription-option__badge{display:inline-flex;align-items:center;justify-content:center;height:20px;padding-inline:8px;border-radius:6px;font-family:var(--font-heading--family);font-size:.75rem;line-height:1;font-weight:400;color:var(--potion-white);white-space:nowrap}.subscription-option__badge.subscription-option__badge--best-value{background:var(--potion-green)}.subscription-option__badge.subscription-option__badge--discount{margin-left:auto;background:var(--potion-purple-light)}.subscription-option:not(.subscription-option--selected):not(.subscription-option--one-time){background:var(--potion-background-soft, #fafbff);border-color:#d8d8d8}.subscription-option:not(.subscription-option--selected) .subscription-option__name,.subscription-option:not(.subscription-option--selected) .subscription-option__per-month-amount,.subscription-option:not(.subscription-option--selected) .subscription-option__price-stack-primary .subscription-option__per-month-suffix,.subscription-option:not(.subscription-option--selected) .subscription-option__per-each{color:var(--potion-text-muted)}.subscription-option:not(.subscription-option--selected) .subscription-option__description,.subscription-option:not(.subscription-option--selected) .subscription-option__per-day-suffix{color:var(--potion-text-gray)}.subscription-option--selected .subscription-option__name,.subscription-option--selected .subscription-option__per-month-amount,.subscription-option--selected .subscription-option__price-stack-primary .subscription-option__per-month-suffix{color:var(--potion-text-dark)}.subscription-option:not(.subscription-option--selected) .subscription-option__benefits{display:none}.subscription-option__label{display:block;padding:16px;cursor:pointer;position:relative;border-radius:8px;width:100%}.subscription-option:has(.subscription-option__input:focus-visible){outline:var(--focus-outline-width, 2px) solid var(--potion-purple);outline-offset:var(--focus-outline-offset, .2em)}@supports not selector(:focus-visible){.subscription-option:has(.subscription-option__input:focus){outline:var(--focus-outline-width, 2px) solid var(--potion-purple);outline-offset:var(--focus-outline-offset, .2em)}}.subscription-option__input{position:absolute;left:-9999px;opacity:0;width:0;height:0;margin:0;padding:0;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.subscription-option__radio-cell{display:flex;align-items:center;justify-content:center;min-width:30px;height:60px;align-self:flex-start}.subscription-option__radio-ring{display:block;width:24px;height:24px;border-radius:50%;border:2px solid var(--potion-text-muted);box-sizing:border-box;position:relative}.subscription-option--selected .subscription-option__radio-ring{border-color:var(--potion-purple)}.subscription-option--selected .subscription-option__radio-ring:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--potion-green);top:50%;left:50%;transform:translate(-50%,-50%)}.subscription-option__content{margin:0;width:100%}.subscription-option__grid{display:grid;grid-template-columns:1fr;gap:10px 12px;align-items:start;min-width:0}.subscription-option__title{display:flex;flex-direction:column;min-width:0;overflow-wrap:break-word;order:0;gap:2px}.subscription-option__details{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:2px;min-width:0;align-self:stretch}.subscription-option__details-badge-slot{display:flex;justify-content:flex-end;width:100%}.subscription-option__details-per-day-slot{width:100%;text-align:right}.subscription-option__details-per-month-slot{display:flex;flex-direction:column;align-items:flex-end;gap:0;width:100%;text-align:right}.subscription-option__price-stack-primary{margin:0;padding:0;text-align:right;white-space:nowrap}.subscription-option__per-month-amount{font-family:var(--font-heading--family);font-weight:500;font-size:1rem;line-height:1.375;letter-spacing:.02em;color:var(--potion-text-dark)}.subscription-option__price-stack-primary .subscription-option__per-month-suffix{font-family:var(--font-heading--family);font-weight:400;font-size:.75rem;line-height:1.3333;color:var(--potion-text-dark);white-space:nowrap}.subscription-option__price-stack-secondary{margin:2px 0 0;padding:0;font-family:var(--font-heading--family);font-weight:400;font-size:.75rem;line-height:1.3333;color:var(--potion-text-gray);text-align:right;white-space:nowrap}.subscription-option__per-day-value,.subscription-option__per-day-inline-suffix{font:inherit;color:inherit}.subscription-option__per-month-compare{font-size:.875rem;color:var(--potion-text-slate-gray);text-decoration:line-through;white-space:nowrap}.subscription-option__name{font-family:var(--font-heading--family);font-weight:500;font-size:1.125rem;line-height:1.44;letter-spacing:-.03em;text-transform:uppercase;color:var(--potion-text-muted);flex:1;min-width:0;word-wrap:break-word}.subscription-option__per-each{color:var(--potion-text-muted);text-align:right;white-space:nowrap;font-size:.75rem;line-height:1.33}.subscription-option__per-each--per-day{display:inline-flex;flex-wrap:nowrap;align-items:baseline;justify-content:flex-end;gap:.125rem;font-size:.625rem;line-height:1.25}.subscription-option__per-day-suffix{font-weight:400;font-size:.625rem;color:var(--potion-text-gray);white-space:nowrap}.subscription-option--selected .subscription-option__per-each,.subscription-option--selected .subscription-option__per-each--per-day{color:var(--potion-text-dark)}.subscription-option--selected .subscription-option__per-day-suffix{color:var(--potion-text-slate-gray)}.subscription-option__price-suffix{font-weight:400;font-size:.75rem;color:var(--potion-text-gray);margin-left:.25rem;white-space:nowrap}.subscription-option__discount{display:none}.subscription-option__description{font-size:.75rem;line-height:1;color:var(--potion-text-muted)}.subscription-option__benefits{margin-top:0;min-width:0}.subscription-option__benefits-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.subscription-option__benefits-item{display:flex;align-items:flex-start;gap:8px;font-family:var(--font-body--family);font-size:.875rem;line-height:1.1875rem;letter-spacing:.01em;color:var(--potion-text-dark)}.subscription-option__benefits-icon{width:14px;height:19px;display:inline-flex;align-items:center;justify-content:center;color:var(--potion-text-slate-gray);flex:0 0 14px}.subscription-option__benefits-icon svg{width:14px;height:14px}.subscription-option__price-secondary{font-size:.875rem;font-weight:400;color:var(--potion-text-slate-gray);text-align:right;margin-top:.125rem}.price-display[data-discount-percentage]:not([data-discount-percentage="0"]) .compare-at-price{text-decoration:line-through;color:var(--potion-text-slate-gray);margin-right:.5rem}.price-display[data-discount-percentage]:not([data-discount-percentage="0"]):has(.compare-at-price) .price{color:var(--potion-purple);font-weight:700}.price-display:has(.compare-at-price):not([data-discount-percentage]:not([data-discount-percentage="0"])) .price{color:var(--potion-purple);font-weight:700}.price-display:has(.compare-at-price):not([data-discount-percentage]:not([data-discount-percentage="0"])) .compare-at-price{text-decoration:line-through;color:var(--potion-text-slate-gray);margin-right:.5rem}.discount-badge{background-color:var(--potion-purple-light);color:var(--potion-white);padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:0;margin-left:.5rem}.price-per-each{font-size:.875rem;color:var(--potion-text-gray)}@media screen and (min-width:750px){.subscription-option__grid{grid-template-columns:28px minmax(0,2fr) minmax(5.5rem,8.75rem);grid-template-rows:auto auto;column-gap:8px;row-gap:0px;align-items:center}.subscription-option__radio-cell{grid-column:1;grid-row:1;align-self:center}.subscription-option__title{grid-column:2;grid-row:1}.subscription-option__details{grid-column:3;grid-row:1;align-self:center}.subscription-option__benefits{grid-column:1 / -1;grid-row:2;padding-inline-start:44px}}@media screen and (max-width:749px){.subscription-option__radio-cell{display:none}.subscription-option{min-height:60px}.subscription-option__label{display:flex;align-items:flex-start;padding:10px 12px;min-height:60px}.subscription-option__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 10px;row-gap:10px;align-items:start;width:100%}.subscription-option__title{grid-column:1;grid-row:1}.subscription-option__details{grid-column:2;grid-row:1;align-items:flex-end;justify-content:flex-start;text-align:right}.subscription-option__benefits{grid-column:1 / -1;grid-row:2;padding-inline-start:0}.subscription-option__name{font-size:.8125rem;line-height:1.25}.subscription-option__description{font-size:.625rem;line-height:1.25;margin-top:2px}.subscription-option__per-month-amount{font-size:1rem}.subscription-option__per-each{text-align:right}}.subscription-option.subscription-option--one-time{background:transparent;border:none;border-radius:0;box-shadow:none;min-height:auto}.subscription-option.subscription-option--one-time:hover{border:none;box-shadow:none;background:transparent}.subscription-option.subscription-option--one-time.subscription-option--selected{background:transparent;border:none;box-shadow:none}.subscription-option.subscription-option--one-time.subscription-option--selected:hover{border:none;box-shadow:none;background:transparent}.subscription-option--one-time .subscription-option__label{border-radius:0;background:transparent}.subscription-option--one-time .subscription-option__badges{display:none}
/*# sourceMappingURL=/cdn/shop/t/73/assets/subscription-selector.css.map */