@primer/react/dist/ProgressBar/ProgressBar-e403d83d.css

An implementation of GitHub's Primer Design System using React

@keyframes prc-ProgressBar-shimmer-hIHBF{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-mDIlB{--progress-width: ;--progress-bg: ;background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-mDIlB[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-hIHBF;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-tCYE2{background-color:var(--progressBar-track-bgColor,#d1d9e0);border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;outline:solid 1px var(--progressBar-track-borderColor,#ffffff00);outline-offset:-1px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-tCYE2:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-tCYE2:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-tCYE2:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-tCYE2:where([data-progress-bar-size=large]){height:10px}@media (forced-colors:active){:root{--progress-bg:LinkText;--progressBar-track-bgColor:CanvasText}.prc-ProgressBar-ProgressBarContainer-tCYE2,.prc-ProgressBar-ProgressBarItem-mDIlB{forced-color-adjust:none}}
/*# sourceMappingURL=ProgressBar-e403d83d.css.map */