.wbcom-essential-progress-bar{--bar-height:20px;--bar-radius:4px;--title-color:#1a202c;--percent-color:#1a202c;--bar-bg:#e2e8f0;--fill-bg:#3182ce;--fill-text:#fff}.wbcom-essential-progress-bar.use-theme-colors{--title-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#1a202c));--percent-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#1a202c));--bar-bg:var(--wbcom-border-color,var(--wbcom-color-base-2,#e2e8f0));--fill-bg:var(--wbcom-color-primary,#3182ce);--fill-text:var(--wbcom-button-text,var(--wbcom-color-base,#fff))}.wbcom-essential-progress-bar.use-theme-colors .wbcom-progress-bar-title{color:var(--title-color)}.wbcom-essential-progress-bar.use-theme-colors .wbcom-progress-bar-percent-out{color:var(--percent-color)}.wbcom-essential-progress-bar.use-theme-colors .wbcom-progress-bar-wrapper{background-color:var(--bar-bg)}.wbcom-essential-progress-bar.use-theme-colors .wbcom-progress-bar-fill{background-color:var(--fill-bg)}.wbcom-essential-progress-bar.use-theme-colors .wbcom-progress-bar-percent-in{color:var(--fill-text)}.wbcom-essential-progress-bar{margin-bottom:1.5rem}.wbcom-essential-progress-bar .wbcom-progress-bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.wbcom-essential-progress-bar .wbcom-progress-bar-title{font-size:1rem;font-weight:600}.wbcom-essential-progress-bar .wbcom-progress-bar-percent-out{font-size:1rem;font-weight:700}.wbcom-essential-progress-bar .wbcom-progress-bar-wrapper{border-radius:var(--bar-radius);height:var(--bar-height);overflow:hidden;position:relative}.wbcom-essential-progress-bar .wbcom-progress-bar-fill{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:flex-end;padding-right:8px;position:relative}.wbcom-essential-progress-bar .wbcom-progress-bar-fill.has-stripes{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}.wbcom-essential-progress-bar .wbcom-progress-bar-fill.stripes-animated{animation:wbcom-progress-stripes 1s linear infinite}.wbcom-essential-progress-bar .wbcom-progress-bar-percent-in{font-size:.75rem;font-weight:700;white-space:nowrap}