mw-progress-indicator {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-color: transparent;
  outline: 0;
  width: 16px;
  height: 16px;
/*
        * commented as there is no current usecase for displaying text
        */
}
mw-progress-indicator .progressindicatorsvg {
  position: absolute;
}
mw-progress-indicator .outer-group {
  opacity: 0.75;
  mix-blend-mode: multiply;
  fill: #333;
}
mw-progress-indicator .mw-progress-indicator-gutter {
  fill: none;
  stroke: #b2b2b2;
  stroke-opacity: 1;
}
mw-progress-indicator .mw-progress-indicator {
  fill: none;
  stroke-dashoffset: 0;
  transition: stroke-dasharray 0.15s linear;
  -webkit-transform: rotate(-0.25turn);
          transform: rotate(-0.25turn);
  isolation: isolate;
}
mw-progress-indicator[indeterminate] .mw-progress-indicator {
  -webkit-animation: mw-progress-indicator-indeterminateanimation 1.3s infinite linear;
          animation: mw-progress-indicator-indeterminateanimation 1.3s infinite linear;
}
mw-progress-indicator[value="0"] .mw-progress-indicator {
  display: none;
}
mw-progress-indicator[size="xsmall"] {
  width: 16px;
  height: 16px;
}
mw-progress-indicator[size="small"] {
  width: 24px;
  height: 24px;
}
mw-progress-indicator[size="medium"] {
  width: 32px;
  height: 32px;
}
mw-progress-indicator[size="large"] {
  width: 48px;
  height: 48px;
}
mw-progress-indicator[size="xlarge"] {
  width: 64px;
  height: 64px;
}
@-webkit-keyframes mw-progress-indicator-indeterminateanimation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes mw-progress-indicator-indeterminateanimation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/* this is a temporary file which allows the 2p css to be used in 1p, it would be deleted when generatedcss toolings ready to handle css architecture changes */

