.subscription-stepper{display:block}.subscription-stepper__progress{height:4px;margin-bottom:calc(6 * var(--space-unit));border-radius:2px;background-color:rgba(var(--text-color)/.12);overflow:hidden}.subscription-stepper__progress-fill{display:block;width:0;height:100%;border-radius:inherit;background-color:rgb(var(--text-color))}.subscription-stepper:not(.stepper--ready) .subscription-stepper__progress,.subscription-stepper:not(.stepper--ready) .stepper-step__actions{display:none}.stepper-step{border-top:1px solid rgba(var(--text-color)/.15);scroll-margin-top:calc(var(--header-end-padded, 60px) + 2 * var(--space-unit))}.stepper-step:last-child{border-bottom:1px solid rgba(var(--text-color)/.15)}.stepper-step__header{margin:0;font:inherit}.stepper-step__toggle{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"number heading edit" "number summary summary";align-items:center;column-gap:calc(3 * var(--space-unit));width:100%;padding:calc(4 * var(--space-unit)) 0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.stepper-step.is-active .stepper-step__toggle,.stepper-step.is-locked .stepper-step__toggle{cursor:default}.stepper-step__number{grid-area:number;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(var(--text-color)/.3);border-radius:50%;font-size:.85em}.stepper-step__number .icon{display:none}.stepper-step.is-active .stepper-step__number{border-color:rgb(var(--text-color));background-color:rgb(var(--text-color));color:rgb(var(--bg-color))}.stepper-step.is-complete:not(.is-active) .stepper-step__number .icon{display:block}.stepper-step.is-complete:not(.is-active) .stepper-step__number-value{display:none}.stepper-step__heading{grid-area:heading;font-weight:500}.stepper-step__summary{grid-area:summary;min-width:0;overflow:hidden;font-size:.9em;white-space:nowrap;text-overflow:ellipsis;opacity:.7}.stepper-step__summary:empty{display:none}.stepper-step__edit{grid-area:edit;font-size:.9em;text-decoration:underline}.stepper-step.is-active .stepper-step__edit,.stepper-step:not(.is-complete) .stepper-step__edit,.subscription-stepper:not(.stepper--ready) .stepper-step__edit{display:none}.stepper-step.is-locked .stepper-step__number,.stepper-step.is-locked .stepper-step__heading{opacity:.5}.stepper-step__panel{display:grid;grid-template-rows:1fr}.stepper-step__content{min-height:0;padding-block:calc(2 * var(--space-unit)) calc(5 * var(--space-unit))}.stepper--ready .stepper-step:not(.is-active) .stepper-step__panel{grid-template-rows:0fr;visibility:hidden}.stepper--ready .stepper-step:not(.is-active) .stepper-step__content{padding-block:0}.stepper--ready .stepper-step:not(.is-expanded) .stepper-step__content{overflow:hidden}.stepper-review{display:grid;grid-template-columns:1fr;margin:0 0 calc(5 * var(--space-unit));padding:calc(4 * var(--space-unit));background-color:rgba(var(--text-color)/.04)}.stepper-review:empty{display:none}.stepper-review__label{margin:0;font-size:.9em;opacity:.75}.stepper-review__value{margin:0 0 calc(3 * var(--space-unit));font-weight:500}.stepper-review__value:last-child{margin-bottom:0}.stepper-review__value--total{font-size:1.15em}.stepper-review__label--total{margin-top:calc(3 * var(--space-unit));padding-top:calc(3 * var(--space-unit));border-top:1px solid rgba(var(--text-color)/.15)}.stepper-step__error{margin:calc(3 * var(--space-unit)) 0 0;color:rgb(var(--error-text-color));font-size:.9em}.stepper-step__error:empty{margin:0}.stepper-step__actions{margin-top:calc(4 * var(--space-unit))}.stepper-step__next{width:100%}@media(min-width:769px){.stepper-review{grid-template-columns:auto 1fr;column-gap:calc(4 * var(--space-unit))}.stepper-review__value{text-align:end}.stepper-review__value--total{margin-top:calc(3 * var(--space-unit));padding-top:calc(3 * var(--space-unit));border-top:1px solid rgba(var(--text-color)/.15)}.stepper-step__toggle{grid-template-columns:auto auto 1fr auto;grid-template-areas:"number heading summary edit"}.stepper-step__summary{text-align:end}.stepper-step__next{width:auto;min-width:260px}}@media(prefers-reduced-motion:no-preference){.stepper-step__panel{transition:grid-template-rows .3s ease,visibility .3s}.stepper-step__content{transition:padding .3s ease}.subscription-stepper__progress-fill{transition:width .4s cubic-bezier(0,.14,.19,1)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/subscription-stepper.css.map */