:root{--circleProgressPercentage:"";--percentValue:""}.cozy-block-progress-bar .cozy-progress-bar{overflow:hidden;transition:all .8s ease-out}.cozy-block-progress-bar.layout-default .cozy-progress-bar{width:0}.cozy-block-progress-bar .cozy-progress-bar{align-items:center;display:flex}.cozy-block-progress-bar.layout-vertical{align-items:center;display:inline-flex;flex-direction:column;justify-content:flex-end;text-align:center}.cozy-block-progress-bar.layout-vertical .cozy-progress-bar{height:0}.cozy-block-wrapper.wp-block-cozy-block-progress-bar.display-flex{box-sizing:border-box;display:flex}.cozy-block-wrapper.wp-block-cozy-block-progress-bar.block-align-left{justify-content:start}.cozy-block-wrapper.wp-block-cozy-block-progress-bar.block-align-center{justify-content:center}.cozy-block-wrapper.wp-block-cozy-block-progress-bar.block-align-right{justify-content:end}.cozy-block-progress-bar.layout-circle{border-radius:100%!important;text-align:center}.cozy-block-progress-bar.layout-circle .cozy-progress-bar{animation:circleProgressBar .5s 1 forwards;animation-duration:2s;border-radius:100%!important;box-sizing:border-box;height:100%!important;justify-content:center;width:100%!important}.label-wrapper.display-flex.justify-spread{align-items:center;display:flex;justify-content:space-between}.cozy-block-progress-bar.layout-default.label-position-inside .label-wrapper{margin:0 10px}.cozy-block-progress-bar .label-wrapper{align-items:center;display:flex;width:100%}.cozy-block-progress-bar.label-align-left .label-wrapper{justify-content:start}.cozy-block-progress-bar.label-align-center .label-wrapper{justify-content:center}.cozy-block-progress-bar.label-align-right .label-wrapper{justify-content:end}.cozy-block-progress-bar.label-align-spread .label-wrapper{justify-content:space-between}.cozy-block-progress-bar.layout-circle .label-wrapper{border-radius:100%;flex-direction:column}.cozy-block-progress-bar.layout-vertical .label-wrapper{flex-direction:column}.cozy-block-progress-bar.show-spiral:not(.layout-circle) .cozy-progress-bar{animation:spiralAnimation 2s linear infinite;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.125) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.125) 0,hsla(0,0%,100%,.125) 75%,transparent 0,transparent);background-size:35px 35px}@keyframes spiralAnimation{0%{background-position:0 0}to{background-position:35px 35px}}@keyframes circleProgressBar{0%{--circleProgressPercentage:0%}to{--circleProgressPercentage:var(--percentValue)}}
