
/* /fd_cart_extensions/static/src/scss/checkout_stepper.scss */
 .o_wizard.fd-stepper{--fd-step-notch: 13px; display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; width: 100%; margin: 1rem 0 1.6rem !important; border-radius: 4px; overflow: hidden;}.o_wizard.fd-stepper .fa-angle-right{display: none !important;}.o_wizard.fd-stepper > a, .o_wizard.fd-stepper > span{flex: 1 1 0; min-width: 0; position: relative; display: flex !important; align-items: center; justify-content: center; text-align: center; padding: 0.68rem 0.5rem 0.68rem calc(var(--fd-step-notch) + .45rem); margin-left: calc(var(--fd-step-notch) * -1); background: var(--fd-surface-2, #eef0eb); text-decoration: none !important; transition: background-color .18s ease, color .18s ease; clip-path: polygon(0 0, calc(100% - var(--fd-step-notch)) 0, 100% 50%, calc(100% - var(--fd-step-notch)) 100%, 0 100%, var(--fd-step-notch) 50%);}.o_wizard.fd-stepper > a:first-child, .o_wizard.fd-stepper > span:first-child{margin-left: 0; padding-left: .85rem; clip-path: polygon(0 0, calc(100% - var(--fd-step-notch)) 0, 100% 50%, calc(100% - var(--fd-step-notch)) 100%, 0 100%);}.o_wizard.fd-stepper > a:last-child, .o_wizard.fd-stepper > span:last-child{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--fd-step-notch) 50%);}.o_wizard.fd-stepper > a :where(div, p, span), .o_wizard.fd-stepper > span :where(div, p, span){margin: 0; font-family: var(--fd-display-font, "Saira Condensed", sans-serif); font-weight: 700 !important; font-size: .82rem; line-height: 1.05; letter-spacing: .04em; text-transform: uppercase; color: inherit !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.o_wizard.fd-stepper > a{background: var(--fd-ink, #0a0b0d); color: #fff;}.o_wizard.fd-stepper > a:hover, .o_wizard.fd-stepper > a:focus{background: var(--fd-ink-2, #404652); color: #fff;}.o_wizard.fd-stepper > span:not(.o_disabled){background: var(--fd-red, #e22718); color: #fff; z-index: 2; font-weight: 800;}.o_wizard.fd-stepper > span.o_disabled{background: var(--fd-surface-2, #eef0eb); color: var(--fd-ink-3, #6e7785); opacity: 1 !important;}@media (max-width: 575.98px){.o_wizard.fd-stepper{--fd-step-notch: 9px; margin: .75rem 0 1.15rem !important;}.o_wizard.fd-stepper > a, .o_wizard.fd-stepper > span{padding-top: .52rem; padding-bottom: .52rem;}.o_wizard.fd-stepper > a :where(div, p, span), .o_wizard.fd-stepper > span :where(div, p, span){font-size: .64rem; letter-spacing: .015em;}}