.progress-bar{position:relative;width:100%;padding-top:24px;padding-bottom:16px;border-bottom:1px solid rgb(var(--color-shadow))}.progress-bar progress{width:100%;height:4px;display:block;appearance:none;-webkit-appearance:none}.progress-bar progress::-webkit-progress-bar{appearance:none;-webkit-appearance:none;background-color:rgb(var(--color-shadow))}.progress-bar progress::-webkit-progress-value{background-color:unset;border-radius:6px}.progress-bar progress.active::-webkit-progress-value{background-color:rgb(var(--color-button))}.progress-bar__icon{position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);z-index:1;padding:5px;border-radius:50%;background:rgb(var(--color-shadow));width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}.progress-bar__icon svg{color:rgb(var(--color-button-text))}.progress-bar__icon-wrapper{position:relative}.progress-bar__icon span{position:absolute;white-space:nowrap;top:150%;left:50%;transform:translate(-50%);font: 400 12px/110% ABC Favorit}.progress-bar__unit--active .progress-bar__icon{background:rgb(var(--color-button))}.progress-bar__wrapper{display:flex;max-width:228px;margin:28px auto;align-items:center}.progress-bar__unit{position:relative}.progress-bar__wrapper>.progress-bar__unit:not(:first-child){flex:0 0 calc(100% / var(--steps))}.progress-bar__achievement{display:flex;align-items:center;justify-content:center;margin:0;font: 400 14px/170% ABC Favorit;gap:8px;padding:8px 0;background:rgba(var(--color-shadow),.4);border-radius:6px}.progress-bar__achievement span{color:rgb(var(--color-button-text));background:rgb(var(--color-button));font-size:12px;text-transform:uppercase;padding:5px 7px;border-radius:1000px;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-progress-bar.css.map */