.progress-bar{display:block;overflow:hidden;-webkit-transition:height .5s ease-in-out,opacity .5s ease-in-out;transition:height .5s ease-in-out,opacity .5s ease-in-out}.progress-bar--hidden{height:0;opacity:0;padding:0}.progress-bar__header{margin-bottom:.5rem}.progress-bar__bar{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;position:relative;-webkit-transition:all var(--duration-default) ease-in-out;transition:all var(--duration-default) ease-in-out;width:100%}.progress-bar__bar,.progress-bar__bar--step-2{background:var(--color-brand-secondary-50)}.progress-bar__bar--step-2 .progress-bar__progress{background:var(--color-brand-secondary)}.progress-bar__bar--reached{background:var(--color-brand-secondary-50)}.progress-bar__bar--reached .progress-bar__progress,.progress-bar__progress{background:var(--color-brand-secondary)}.progress-bar__progress{height:1rem;-webkit-transition:all var(--duration-default) ease-in-out;transition:all var(--duration-default) ease-in-out;width:auto}.progress-bar__footer{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;margin-top:.375rem;position:relative}.progress-bar__price{font-size:.75rem;line-height:1.375rem}@media screen and (min-width:1024px){.progress-bar__price{font-size:.875rem;line-height:1.5rem}}