@keyframes progress-primary{0%{background-image:linear-gradient(to right, rgb(from var(--other-blue) r g b/10%), var(--other-blue) 50%, var(--other-blue) 50%, rgb(from var(--other-blue) r g b/10%));background-position:-98%;background-size:200%}to{background-image:linear-gradient(to right, rgb(from var(--other-blue) r g b/10%), var(--other-blue) 50%, var(--other-blue) 50%, rgb(from var(--other-blue) r g b/10%));background-position:101%;background-size:200%}}@keyframes progress-secondary{0%{background-image:linear-gradient(to right, rgb(from var(--other-yellow) r g b/10%), var(--other-yellow) 50%, var(--other-yellow) 50%, rgb(from var(--other-yellow) r g b/10%));background-position:98%;background-size:200%}to{background-image:linear-gradient(to right, rgb(from var(--other-yellow) r g b/10%), var(--other-yellow) 50%, var(--other-yellow) 50%, rgb(from var(--other-yellow) r g b/10%));background-position:-101%;background-size:200%}}.bar{flex-direction:column;justify-content:space-between;align-items:center;min-height:3em;display:flex}.bar--primary .bar__text{color:var(--other-blue)}.bar--primary .bar__bar{animation-name:progress-primary;animation-duration:3s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:reverse;animation-fill-mode:forwards}.bar .bar__bar{min-width:150%;min-height:.2em}.bar--small .bar__bar{min-height:.1em}.bar--large .bar__bar{min-height:1em}.bar .bar__text{font-family:var(--font-family-base)}.bar--secondary .bar__text{color:var(--other-yellow)}.bar--secondary .bar__bar{animation-name:progress-secondary;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:both}