.items-cover{border-radius:24px;padding:20px;background:#fff}.no-order-message .top-subtitle{font-size:18px;color:#3b444c}.no-order-message .small-label{font-size:12px}.no-order-message .zf-order-label{color:#7a7f8a;font-size:12px}.payment-stepper{--progress-width:0%;--progress-offset:0%;border:1px solid #e3e3e3;background:#fff;border-radius:20px;padding:28px;position:relative;overflow:hidden}.payment-stepper:before{right:28px;border-top:2px dashed #d4d5d9;width:calc(100% - 100px)}.payment-stepper:after,.payment-stepper:before{content:"";position:absolute;top:52px;left:48px}.payment-stepper:after{width:calc(var(--progress-width) - var(--progress-offset));transition:width .3s ease}.payment-stepper .payment-step{flex:1;align-items:center;text-align:center;position:relative;z-index:2}.payment-stepper .payment-step:first-child{align-items:flex-start;text-align:left}.payment-stepper .payment-step:last-child{align-items:flex-end;text-align:right}.payment-stepper .payment-step .step-num{width:36px;height:36px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;color:#6c6c6f;background:#d8dddd;font-weight:700;font-size:14px;z-index:9}.payment-stepper .payment-step .step-name{font-weight:600;margin-top:12px;color:#4c4c4f}.payment-stepper .active-step .step-num{color:#fff;background:#ed1c24}.payment-stepper .active-step .step-name{color:#ed1c24;font-weight:700}.payment-stepper .completed-step .step-num{color:#fff;background:#ed1c24}.payment-stepper .completed-step .step-name{color:#ed1c24;font-weight:700}@media(max-width:600px){.payment-stepper{border:none;padding:0;background:transparent}.payment-stepper:before{top:26px!important}.payment-stepper .step-name{font-size:12px}}