:root{--defaultAutofillInput:transparent;--autofillInput:var(--defaultAutofillInput)}
.step-component .container-bar{margin-top:16px}
@media(min-width:1024px){.step-component .container-bar{margin-top:24px}
}
.step-component .container-bar .back-page-step-bar-container{display:flex}
@media(min-width:1024px){.step-component .container-bar .back-page-step-bar-container .back-page:only-child{margin-bottom:8px}
}
.step-component .container-bar .back-page-step-bar-container .back-page:only-child .back-page__text{display:block}
.step-component .container-bar .back-page-step-bar-container .back-page:only-child .back-page__text--mobile{display:none}
.step-component .container-bar .back-page-step-bar-container .back-page .icon-rp{margin-right:4px;font-size:20px}
@media(min-width:1024px){.step-component .container-bar .back-page-step-bar-container .back-page .icon-rp{margin-right:8px;font-size:24px}
}
.step-component .container-bar .back-page-step-bar-container .back-page+.text-bar{margin-left:16px;padding-left:16px;border-left:1px solid var(--rds-color-border-low)}
.step-component .container-bar .back-page-step-bar-container .back-page__text{display:none}
@media(min-width:1024px){.step-component .container-bar .back-page-step-bar-container .back-page__text{display:block}
}
.step-component .container-bar .back-page-step-bar-container .back-page__text--mobile{display:block}
@media(min-width:1024px){.step-component .container-bar .back-page-step-bar-container .back-page__text--mobile{display:none}
}
.step-component .container-bar .progress-bar{margin-top:16px;width:100%;height:4px;background-color:var(--rds-color-interactive-surface-alternative);border-radius:var(--rds-radius-s)}
.step-component .container-bar .progress-bar .dinamic-progress{height:4px;border-radius:var(--rds-radius-s);background:var(--rds-color-border-highlighted-active)}
.step-component-items.step-container-main>div:first-child{margin-top:16px}
@media(min-width:1024px){.step-component-items.step-container-main>div:first-child{margin-top:24px}
}
.step-component-items.step-container-secondary>div:first-child{margin-top:16px}
@media(min-width:1024px){.step-component-items.step-container-secondary>div:first-child{margin-top:12px}
}
.step-component-items>.cmp-container>div:first-child{margin-top:0}
.step-component-items>.cmp-container>div:not(:last-child){margin-bottom:32px}
.step-component .rp-input-repsol input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--autofillInput) inset !important}