.blockflow-progress-bar{--blockflow-progress-value:75%;--blockflow-progress-h:12px;--blockflow-progress-spacing:8px;--blockflow-progress-bar-bg:#2563eb;--blockflow-progress-track-bg:#8882;--blockflow-progress-duration:1500ms;display:block;width:100%}.blockflow-progress-bar__line-wrapper{display:flex;flex-direction:column;gap:var(--blockflow-progress-spacing)}.blockflow-progress-bar__header{align-items:center;display:flex;gap:16px;justify-content:space-between}.blockflow-progress-bar__title{color:var(--blockflow-progress-title-color,currentColor);flex:1;margin:0;min-width:0}.blockflow-progress-bar__title:is(h1,h2,h3,h4,h5,h6){margin:0}.blockflow-progress-bar__counter{color:var(--blockflow-progress-counter-color,currentColor);flex-shrink:0}.blockflow-progress-bar__track{background:var(--blockflow-progress-track-bg,hsla(0,0%,53%,.133));border-radius:6px;height:var(--blockflow-progress-h,12px);overflow:hidden;position:relative;width:100%}.blockflow-progress-bar__fill{background:var(--blockflow-progress-bar-bg,#2563eb);border-radius:6px;height:100%;left:0;position:absolute;top:0;transition:width var(--blockflow-progress-duration,1.5s) ease-out;width:0}.blockflow-progress-bar.blockflow-progress-bar--animated .blockflow-progress-bar__fill{width:var(--blockflow-progress-value)}.blockflow-progress-bar--title-below .blockflow-progress-bar__line-wrapper{flex-direction:column-reverse}.blockflow-progress-bar--box{--blockflow-progress-box-w:50px;--blockflow-progress-box-h:120px}.blockflow-progress-bar--box .blockflow-progress-bar__box-wrapper{background:var(--blockflow-progress-track-bg);border-radius:6px;height:var(--blockflow-progress-box-h);margin:0 auto;overflow:hidden;position:relative;width:var(--blockflow-progress-box-w)}.blockflow-progress-bar--box .blockflow-progress-bar__box-fill{background:var(--blockflow-progress-bar-bg);bottom:0;height:0;left:0;position:absolute;transition:height var(--blockflow-progress-duration) ease-out;width:100%}.blockflow-progress-bar--box .blockflow-progress-bar__box-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.blockflow-progress-bar--box .blockflow-progress-bar__counter{color:var(--blockflow-progress-counter-color,#fff)}.blockflow-progress-bar--box>.blockflow-progress-bar__title{margin-top:var(--blockflow-progress-spacing);text-align:center}.blockflow-progress-bar--box.blockflow-progress-bar--animated .blockflow-progress-bar__box-fill{height:var(--blockflow-progress-value)}.blockflow-progress-bar--circle,.blockflow-progress-bar--semi-circle{--blockflow-progress-size:120px;--blockflow-progress-stroke:6}.blockflow-progress-bar--circle .blockflow-progress-bar__circle-wrapper,.blockflow-progress-bar--semi-circle .blockflow-progress-bar__circle-wrapper{margin:0 auto;position:relative;width:var(--blockflow-progress-size)}.blockflow-progress-bar--circle .blockflow-progress-bar__svg,.blockflow-progress-bar--semi-circle .blockflow-progress-bar__svg{display:block;height:auto;width:100%}.blockflow-progress-bar--circle .blockflow-progress-bar__track-path,.blockflow-progress-bar--semi-circle .blockflow-progress-bar__track-path{stroke:var(--blockflow-progress-track-bg,hsla(0,0%,53%,.133));stroke-width:var(--blockflow-progress-stroke)}.blockflow-progress-bar--circle .blockflow-progress-bar__fill-path,.blockflow-progress-bar--semi-circle .blockflow-progress-bar__fill-path{stroke:var(--blockflow-progress-bar-bg,#2563eb);stroke-width:var(--blockflow-progress-stroke);transition:stroke-dashoffset var(--blockflow-progress-duration,1.5s) ease-out}.blockflow-progress-bar--circle .blockflow-progress-bar__circle-content,.blockflow-progress-bar--semi-circle .blockflow-progress-bar__circle-content{align-items:center;display:flex;flex-direction:column;gap:4px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.blockflow-progress-bar--circle .blockflow-progress-bar__counter,.blockflow-progress-bar--semi-circle .blockflow-progress-bar__counter{color:var(--blockflow-progress-counter-color,currentColor)}.blockflow-progress-bar--circle>.blockflow-progress-bar__title,.blockflow-progress-bar--semi-circle>.blockflow-progress-bar__title{margin-top:var(--blockflow-progress-spacing);text-align:center}.blockflow-progress-bar--semi-circle .blockflow-progress-bar__circle-content{bottom:5%}.blockflow-progress-bar--circle .blockflow-progress-bar__circle-content{top:50%;transform:translate(-50%,-50%)}.blockflow-progress-bar--striped .blockflow-progress-bar__fill:before,.blockflow-progress-bar--striped-animated .blockflow-progress-bar__fill:before{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.blockflow-progress-bar--striped-animated .blockflow-progress-bar__fill:before{animation:blockflow-progress-stripes 1s linear infinite}@keyframes blockflow-progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}