.brandy-progress-bar{--brandy-progress-height:10px;--brandy-progress-fill:0%;--brandy-progress-duration:1200ms;--brandy-progress-bar-color:var(--wp--preset--color--brandy-primary,currentColor);--brandy-progress-track-color:color-mix(in srgb,currentColor 12%,transparent);box-sizing:border-box}.brandy-progress-bar__header{align-items:baseline;display:flex;gap:.5em;justify-content:space-between;margin-bottom:.4em}.brandy-progress-bar__label{font-weight:600}.brandy-progress-bar__value{flex:0 0 auto;font-variant-numeric:tabular-nums}.brandy-progress-bar__track{background-color:var(--brandy-progress-track-color);height:var(--brandy-progress-height);overflow:hidden;position:relative;width:100%}.brandy-progress-bar__fill{background-color:var(--brandy-progress-bar-color);height:100%;width:var(--brandy-progress-fill)}.brandy-progress-bar__fill.is-filling{animation:brandy-progress-fill var(--brandy-progress-duration) ease-out 1}.brandy-progress-bar.is-rounded .brandy-progress-bar__fill,.brandy-progress-bar.is-rounded .brandy-progress-bar__track{border-radius:calc(var(--brandy-progress-height)/2)}.brandy-progress-bar.is-style-striped{--brandy-progress-stripe:calc(var(--brandy-progress-height)*1.4)}.brandy-progress-bar.is-style-striped .brandy-progress-bar__fill{overflow:hidden;position:relative}.brandy-progress-bar.is-style-striped .brandy-progress-bar__fill:after{background-image:linear-gradient(45deg,hsla(0,0%,100%,.25) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 75%,transparent 0,transparent);background-size:var(--brandy-progress-stripe) var(--brandy-progress-stripe);content:"";inset:0;position:absolute}.brandy-progress-bar.is-style-striped .brandy-progress-bar__fill.is-filling:after{animation:brandy-progress-stripes 1s linear infinite}.brandy-progress-bar.is-style-segmented{--brandy-progress-segment:calc(var(--brandy-progress-height)*1.6);--brandy-progress-segment-gap:calc(var(--brandy-progress-height)*0.4)}.brandy-progress-bar.is-style-segmented .brandy-progress-bar__track{-webkit-mask-image:repeating-linear-gradient(to right,#000 0 calc(var(--brandy-progress-segment) - var(--brandy-progress-segment-gap)),transparent calc(var(--brandy-progress-segment) - var(--brandy-progress-segment-gap)) var(--brandy-progress-segment));mask-image:repeating-linear-gradient(to right,#000 0 calc(var(--brandy-progress-segment) - var(--brandy-progress-segment-gap)),transparent calc(var(--brandy-progress-segment) - var(--brandy-progress-segment-gap)) var(--brandy-progress-segment))}.brandy-progress-bar.is-style-gradient .brandy-progress-bar__fill{background-image:linear-gradient(to right,color-mix(in srgb,var(--brandy-progress-bar-color) 45%,#fff),var(--brandy-progress-bar-color))}.brandy-progress-bar.is-style-inline-label{display:grid}.brandy-progress-bar.is-style-inline-label .brandy-progress-bar__header,.brandy-progress-bar.is-style-inline-label .brandy-progress-bar__track{grid-area:1/1}.brandy-progress-bar.is-style-inline-label .brandy-progress-bar__header{align-items:center;align-self:center;margin-bottom:0;padding-inline:.75em;z-index:1}.brandy-progress-bar.is-style-inline-label .brandy-progress-bar__track{height:max(var(--brandy-progress-height),2em)}@media(prefers-reduced-motion:reduce){.brandy-progress-bar .brandy-progress-bar__fill.is-filling,.brandy-progress-bar .brandy-progress-bar__fill.is-filling:after{animation:none}}@keyframes brandy-progress-fill{0%{width:0}to{width:var(--brandy-progress-fill)}}@keyframes brandy-progress-stripes{0%{background-position:0 0}to{background-position:var(--brandy-progress-stripe,1em) 0}}