.mwProgressBar {white-space: normal;}.mwProgressBar .mwProgressBarGutter {overflow: hidden; width: 100px; height: 5px; background-color: rgb(230, 230, 230); box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, .1), 0px 1px 0 0 rgba(255, 255, 255, .35); transform-origin: left; transform: scaleX(1);}@keyframes mwProgressBarWaveAnimation {0% {background-position: -30px 100%;} 100% {background-position: 150px 100%;}}.mwProgressBar .mwProgressBarProgress {box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, .1); width: 100px; height: 100%; transform-origin: left; transform: translateX(-100px); transition: transform .15s linear; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .3) 60%, rgba(255, 255, 255, 0)); background-size: 30px 100%; background-position: -30px 100%; background-repeat: no-repeat; animation: mwProgressBarWaveAnimation 2s linear 1.5s infinite;}.mwProgressBar.mwProgressBarNoWave .mwProgressBarProgress,.mwProgressBar:not(.mwProgressBarIndeterminate)[data-value="100"] .mwProgressBarProgress {animation: none;}@keyframes mwProgressBarIndeterminateAnimation {0% {transform: translateX(-25px);} 100% {transform: translateX(100px);}}.mwProgressBar.mwProgressBarIndeterminate .mwProgressBarProgress {width: 25px; animation: mwProgressBarIndeterminateAnimation 1.5s cubic-bezier(0.3, 0.0, .9, 0.6) 0s infinite; transition: none; background-image: none;}.mwProgressBar .mwProgressBarInvisible,.mwProgressBarIndeterminate .mwProgressBarText {display: none;}.mwProgressBarText {width: 100%; text-align: center; font-size: 12px; color: rgb(64, 64, 64); line-height: 20px;}.mwProgressBarError .mwProgressBarProgress {background-color: rgb(226, 61, 45);}.mwProgressBarInfo .mwProgressBarProgress {background-color: rgb(0, 153, 255);}.mwProgressBarWarning .mwProgressBarProgress {background-color: rgb(241, 181, 28);}.mwProgressBarSuccess .mwProgressBarProgress {background-color: rgb(34, 172, 60);}