.flexa-process-bar{--flexa-pb-track:rgba(0,0,0,.08);--flexa-pb-fill:currentColor;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.flexa-process-bar__header{align-items:baseline;display:flex;flex-direction:row;gap:.75em;justify-content:space-between;margin-bottom:.4em}.flexa-process-bar--line .flexa-process-bar__bar+.flexa-process-bar__header{margin-bottom:0;margin-top:.4em}.flexa-process-bar__title{margin:0}.flexa-process-bar__counter{font-variant-numeric:tabular-nums;white-space:nowrap}.flexa-process-bar__track{background-color:var(--flexa-pb-track);height:12px;overflow:hidden;position:relative;width:100%}.flexa-process-bar__fill{background-color:var(--flexa-pb-fill);height:100%;max-width:100%;width:0}.flexa-process-bar--circle .flexa-process-bar__circle,.flexa-process-bar--semicircle .flexa-process-bar__circle{align-items:center;display:inline-flex;justify-content:center;position:relative}.flexa-process-bar--circle .flexa-process-bar__ring,.flexa-process-bar--semicircle .flexa-process-bar__ring{display:block;height:160px;width:160px}.flexa-process-bar--circle .flexa-process-bar__ring-track,.flexa-process-bar--semicircle .flexa-process-bar__ring-track{fill:none;stroke:var(--flexa-pb-track);stroke-width:12}.flexa-process-bar--circle .flexa-process-bar__ring-fill,.flexa-process-bar--semicircle .flexa-process-bar__ring-fill{fill:none;stroke:var(--flexa-pb-fill);stroke-linecap:round;stroke-width:12}.flexa-process-bar--circle .flexa-process-bar__circle-counter,.flexa-process-bar--semicircle .flexa-process-bar__circle-counter{right:50%;position:absolute;text-align:center;top:50%;transform:translate(50%,-50%)}.flexa-process-bar--semicircle .flexa-process-bar__circle-counter{bottom:0;top:auto;transform:translate(50%)}.flexa-process-bar__fill{background-repeat:repeat}@keyframes flexa-process-bar-stripes{0%{background-position:100% 0}to{background-position:16px 0}}@media(min-width:1025px){.flexa-process-bar.flexa-hide-desktop{display:none!important}}@media(min-width:768px)and (max-width:1024px){.flexa-process-bar.flexa-hide-tablet{display:none!important}}@media(max-width:767px){.flexa-process-bar.flexa-hide-mobile{display:none!important}}
