.progress-bar{position:relative;width:100%;border-bottom:1px solid rgb(var(--color-shadow));--color-background: 255, 255, 255;--gradient-background: #ffffff;--color-foreground: 18, 18, 18;--color-background-contrast: 191, 191, 191;--color-shadow: 231, 235, 249;--color-button: 226, 29, 56;--color-button-text: 255, 255, 255;--color-secondary-button: 255, 255, 255;--color-secondary-button-text: 226, 29, 56;--color-link: 226, 29, 56;--color-badge-foreground: 18, 18, 18;--color-badge-background: 255, 255, 255;--color-badge-border: 18, 18, 18;--payment-terms-background-color: rgb(255 255 255);--icon-width: 16px;background:#fff8e6;padding:10px 12px;border-top:1px solid rgba(50,50,50,.12);border-bottom:1px solid rgba(50,50,50,.12)}.progress-bar progress{width:100%;height:6px;background:transparent;display:block;appearance:none;-webkit-appearance:none}.progress-bar progress::-webkit-progress-bar{appearance:none;-webkit-appearance:none;background-color:transparent;border:1px solid #C6CADE;border-radius:5px}.progress-bar progress::-webkit-progress-value{background-color:unset;border-radius:6px}.progress-bar progress.active::-webkit-progress-value{background-color:#1138c5;border-radius:5px 0 0 5px;animation:progress-bar-stripes 1s linear infinite;transition:all .3s ease}.progress-bar__icon{display:flex;align-items:center;justify-content:center;line-height:1}.progress-bar__icon svg{color:rgb(var(--color-button-text));border-radius:50%;margin-right:3px;width:var(--icon-width);height:var(--icon-width);display:flex;align-items:center;justify-content:center;line-height:1}.progress-bar__icon-wrapper{position:relative}.progress-bar__icon span{width:89px;font:normal 500 12px / 110% var(--text-font-family);color:#323232;opacity:.6}.progress-bar__unit{position:relative}.progress-bar__unit:not(.progress-bar__unit--active) .progress-bar__icon-wrapper>svg:last-child{display:none}.progress-bar__unit.progress-bar__unit--active .progress-bar__icon-wrapper>svg:first-child{display:none}.progress-bar__unit.progress-bar__unit--active span{color:#1138c5;font-weight:700}.progress-bar__unit>svg{position:absolute;top:50%;left:min(var(--progress-value),calc(100% - 10px));transform:translate(-50%,-50%);display:block;width:25px;transition:all .3s}.progress-bar__wrapper>.progress-bar__unit{flex:0 0 100%}.progress-bar__achievement{margin:0 0 12px;font:normal 700 12px/170% var(--text-font-family);border-radius:6px;animation:.8s cubic-bezier(.215,.61,.355,1) fade-in;text-align:center;text-transform:uppercase}.progress-bar__achievement strong{color:#1bae4b}.progress-bar__units{display:flex;justify-content:space-around;padding-top:12px}@keyframes fade-in{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:16px 0}}@keyframes scaling{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1)}}.progress-bar:not(:has(.progress-bar__unit:not(.progress-bar__unit--active))) .progress-bar__achievement{color:#1138c5;font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/119/assets/component-progress-bar.css.map */