.OrderGuideProgressStepsComponent{min-width:18rem;padding-bottom:1.75rem}.OrderGuideProgressStepsComponent .step{position:relative;width:2rem;flex-shrink:0}.OrderGuideProgressStepsComponent .step .circle{width:2rem;height:2rem;border-radius:50%;background-color:#fff;border:2px solid var(--theme-color-gray-light, #cecece);color:var(--theme-color-gray-light, #cecece);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:var(--theme-settings-font-weight-bold, 500)}.OrderGuideProgressStepsComponent .step .label{position:absolute;top:2.4rem;left:50%;transform:translate(-50%);font-size:.7rem;text-align:center;color:var(--theme-color-gray-light, #cecece);white-space:nowrap}.OrderGuideProgressStepsComponent .step.done .circle{background-color:var(--order-guide-accent-color, #00B994);border:3px solid #fff;box-shadow:0 0 0 2px var(--order-guide-accent-color, #00B994);color:#fff}.OrderGuideProgressStepsComponent .step.done .label{color:var(--order-guide-accent-color, #00B994);font-weight:var(--theme-settings-font-weight-bold, 500)}.OrderGuideProgressStepsComponent .step.current .circle{background-color:#fff;border:2px solid var(--order-guide-accent-color, #00B994);color:var(--order-guide-accent-color, #00B994)}.OrderGuideProgressStepsComponent .step.current .label{color:var(--order-guide-accent-color, #00B994);font-weight:var(--theme-settings-font-weight-bold, 500)}.OrderGuideProgressStepsComponent .connector{flex:1;height:2px;background-color:var(--theme-color-gray-light, #cecece)}.OrderGuideProgressStepsComponent .connector.filled{background-color:var(--order-guide-accent-color, #00B994)}.OrderGuideFlowHeaderComponent .title{font-size:1.75rem;line-height:1.2}.OrderGuideFlowHeaderComponent .newBadge{background-color:#ff3e8a;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase;border-radius:3px;vertical-align:middle}.OrderGuideFlowHeaderComponent .subtitle{font-size:.95rem;color:var(--theme-color-gray, #666666)}