.subscription-steps .subscription-steps-row{border-bottom:1px solid var(--elements-border);display:flex;gap:32px;padding:24px 0;justify-content:center}.subscription-steps .subscription-steps-row .dot{flex-shrink:0;display:flex;align-items:center}.subscription-steps .subscription-step{display:flex;align-items:center;gap:16px}.subscription-steps .subscription-step .number{height:38px;width:38px;border-radius:40px;background:var(--elements-border);color:var(--tertiary-text-color);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;line-height:22.4px}.subscription-steps .subscription-step .number svg{height:24px;width:24px}.subscription-steps .subscription-step .text{color:var(--tertiary-text-color);font-size:18px;line-height:25.2px;font-weight:600}.subscription-steps .subscription-step.active .number{color:rgb(var(--color-foreground))}.subscription-steps .subscription-step.current .number{background:var(--primary-color);color:rgb(var(--color-foreground))}.subscription-steps .subscription-step.active span{color:rgb(var(--color-foreground))}.subscription-steps .subscription-step-text{font-size:14px;line-height:19.6px;font-weight:600;padding:0 30px;position:relative}.subscription-steps .subscription-step-text .subscription-step-popup{position:absolute;top:0;right:0}.subscription-step:not(.active) .number.second_option svg{display:none}.subscription-step.active .number.second_option span{display:none}.subscription-step-popup{position:relative}.subscription-step-popup .subscription-step-toggle{display:flex;cursor:pointer}.subscription-step-popup .subscription-step-toggle svg{width:24px;height:24px}.subscription-step-popup.active .subscription-step-toggle:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:96}.subscription-step-popup .subscription-step-popup-close{position:absolute;top:24px;right:24px;height:16px;width:16px}.subscription-step-popup .subscription-step-popup-close svg{height:inherit;width:inherit}.subscription-step-popup .subscription-step-popup-block{position:absolute;z-index:9;left:-218px;top:calc(100% + 15px);width:460px;padding:24px;background:var(--elements-highlight-color);display:none;max-height:90vh;overflow-y:auto}.subscription-step-popup-block .block-text{margin-bottom:20px;padding-right:44px}.subscription-step-popup-block .block-text p{color:var(--secondary-text-color)}.subscription-step-popup-block .block-text h3{margin-bottom:8px;font-size:18px;line-height:25.2px;font-weight:600}.subscription-step-popup-block .payment-list h3{margin-bottom:16px;font-size:16px;line-height:22.4px;font-weight:600}.subscription-step-popup-block .payment-list-row{display:flex;justify-content:space-between;padding:16px 0;gap:16px;font-size:14px;line-height:16.8px;letter-spacing:-.28px;border-top:1px solid var(--elements-border)}.subscription-step-popup-block .payment-list-row strong{font-weight:600}.subscription-step-popup-block .payment-list-row span{color:var(--secondary-text-color)}@media screen and (max-width: 989px){.subscription-steps .subscription-steps-row{gap:16px;padding-top:30px}.subscription-steps .subscription-step .number{width:34px;height:34px}.subscription-steps .subscription-step .number svg{height:20px;width:20px}.subscription-steps .subscription-step .text{font-size:14px;line-height:19.6px}.subscription-step-popup-block .block-text{padding-right:0}.subscription-step-popup .subscription-step-popup-close{top:16px;right:16px}.subscription-step-popup .subscription-step-popup-block{position:fixed;z-index:99;top:var(--mobile-top-position);left:0;right:0;margin:0 auto;max-width:460px;width:calc(100% - 32px)}}@media screen and (max-width: 749px){.subscription-steps{border-bottom:1px solid var(--elements-border);padding:24px 0 12px}.subscription-steps .subscription-steps-row{padding:0 0 8px;border:0}.subscription-steps .subscription-step .text{display:none}.subscription-steps .subscription-step.current .text{display:block}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/subscription-steps.css.map */