.progress-bar-container{width:100%;margin:auto}.progress-bar{height:.13rem;width:100%}.progress-bar-value{width:100%;height:100%;background-color:rgb(var(--color-foreground));animation:indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;transform-origin:0}.progress-bar .progress-bar-value{display:block}.progress-bar--determinate{height:.4rem;border-radius:.2rem;overflow:hidden;position:relative;background-color:transparent}.progress-bar--determinate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--progress-bar-color, rgb(var(--color-foreground)));opacity:.4}.progress-bar--determinate .progress-bar-value{position:relative;z-index:1;height:100%;animation:none;transform:none;transform-origin:left;border-radius:inherit;background-color:var(--progress-bar-color, rgb(var(--color-foreground)));transition:width var(--duration-default) ease}@keyframes indeterminateAnimation{0%{transform:translate(-20%) scaleX(0)}40%{transform:translate(30%) scaleX(.7)}to{transform:translate(100%) scaleX(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-progress-bar.css.map */