.header{padding:12px 16px 12px 16px;gap:12px;margin-bottom:24px}.header .header__step__bar{overflow:hidden}@media (min-width: 1024px){.header .header__step__bar{max-width:var(--site-content-width, 1200px);margin:0 auto}}.header{border-bottom:1px solid var(--color-secondary-200, #E5E5E5);border-top:1px solid var(--color-secondary-200, #E5E5E5);background:white}@media (min-width: 1024px){.header{padding:16px 0 20px 0}}.header .steps{display:flex;align-items:center;gap:16px;align-self:stretch;justify-content:space-between}.header .steps .step{display:flex;align-items:center;gap:16px;align-self:stretch}.header .steps .step svg{fill:var(--color-secondary-300);transition:fill 0.4s ease}.header .steps .step.active svg{fill:var(--color-primary-500)}.header .steps .step.completed svg{fill:var(--color-success-600)}.header .steps .step.completed .step_hidden.tick{opacity:1!important}.header .steps .step.completed .content_index{opacity:0!important}.header .steps .step .number{display:none}@media (min-width: 1024px){.header .steps .step .number{display:block;width:36px;height:36px;position:relative;font-size:16px;font-weight:400}.header .steps .step .number .step__content{position:absolute;right:50%;bottom:50%;text-align:center;color:white;transform:translate(50%,50%);opacity:1}}.header .steps .step .label{font-size:12px;font-weight:500;text-wrap:nowrap;transition:color 0.4s ease}.header .steps .step.active .label{color:var(--color-primary-500)}.header .steps .step.completed .label{color:var(--color-success-600)}.header .steps .step.completed+.divider{background-color:var(--color-success-600);height:2px}@media (min-width: 1024px){.header .steps .step .label{font-size:14px;color:inherit}.header .steps .step.active .label{color:inherit}.header .steps .step.completed .label{color:inherit}}.header .steps .step .step_hidden{opacity:0!important}.header .steps .divider{width:65.2px;height:1px;background-color:var(--color-secondary-300);display:block;transition:height 0.4s ease,background-color 0.4s ease}