.order-steps{padding:42px 20px 0}.order-steps-list{justify-content:center;width:100%;max-width:900px;margin:0 auto;display:flex;position:relative}.order-step{flex:1;align-items:center;min-width:0;display:flex}.order-step:last-child{flex:.5}@media (max-width:800px){.order-step:last-child{flex:.75}}.order-step>a,.order-step>span:not(.order-step-line){color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:9px;min-width:112px;text-decoration:none;display:flex}.order-step-number{background:var(--background-color-1);color:var(--color-body);height:46px;transition:var(--transition);border:1px solid #64748b66;border-radius:50%;justify-content:center;align-items:center;width:46px;font-size:18px;display:flex}.order-step-label{white-space:nowrap;font-size:13px}.order-step-line{border-top:2px dashed #94a3b8;flex:1;margin:0 10px 30px}.order-step.is-current .order-step-number,.order-step.is-completed .order-step-number{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.order-step.is-current>a,.order-step.is-current>span:not(.order-step-line),.order-step.is-completed>a{color:var(--color-heading)}.order-step.is-current .order-step-label{font-weight:700}.active-light-mode .order-step.is-current>a,.active-light-mode .order-step.is-current>span:not(.order-step-line),.active-light-mode .order-step.is-completed>a{color:var(--color-light-heading)}.active-light-mode .order-step>a,.active-light-mode .order-step>span:not(.order-step-line){color:#475569}.active-light-mode .order-step-number{color:#64748b;background:#fff;border-color:#94a3b8}.active-light-mode .order-step-line{border-color:#94a3b8}.active-light-mode .order-step.is-current .order-step-number,.active-light-mode .order-step.is-completed .order-step-number{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}@media only screen and (max-width:575px){.order-steps{padding:30px 10px 0}.order-step>a,.order-step>span:not(.order-step-line){min-width:70px}.order-step-number{width:38px;height:38px;font-size:15px}.order-step-label{font-size:11px}.order-step-line{margin:0 4px 28px}}@media only screen and (max-width:380px){.order-steps{padding-inline:4px}.order-step>a,.order-step>span:not(.order-step-line){min-width:62px}.order-step-label{font-size:10px}.order-step-line{margin-inline:2px}}
