@awsui/components-react/progress-bar/styles.scoped.css

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-value{
  -webkit-transition:width 135ms linear;
  -webkit-transition:width var(--motion-duration-moderate-3V3IbE, 135ms) linear;
  transition:width 135ms linear;
  transition:width var(--motion-duration-moderate-3V3IbE, 135ms) linear;
}
@media (prefers-reduced-motion: reduce){
  ._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-value{
    animation:none;
    -webkit-transition:none;
    transition:none;
  }
}
.awsui-motion-disabled ._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-value{
  animation:none;
  -webkit-transition:none;
  transition:none;
}

._result-state_11huc_x31qc_19:not(#\9){
  animation:_awsui-motion-fade-in_11huc_x31qc_1 180ms ease-out;
  animation:_awsui-motion-fade-in_11huc_x31qc_1 var(--motion-duration-transition-show-paced-2crOWV, 180ms) var(--motion-easing-transition-show-paced-25z_bd, ease-out);
}
@keyframes _awsui-motion-fade-in_11huc_x31qc_1{
  from{
    opacity:0.2;
  }
  to{
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  ._result-state_11huc_x31qc_19:not(#\9){
    animation:none;
    transition:none;
  }
}
.awsui-motion-disabled ._result-state_11huc_x31qc_19:not(#\9){
  animation:none;
  transition:none;
}

._root_11huc_x31qc_41:not(#\9){
  border-collapse:separate;
  border-spacing:0;
  caption-side:top;
  cursor:auto;
  direction:ltr;
  empty-cells:show;
  font-family:serif;
  font-size:medium;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-stretch:normal;
  line-height:normal;
  hyphens:none;
  letter-spacing:normal;
  list-style:disc outside none;
  tab-size:8;
  text-align:left;
  text-align-last:auto;
  text-indent:0;
  text-shadow:none;
  text-transform:none;
  visibility:visible;
  white-space:normal;
  widows:2;
  word-spacing:normal;
  box-sizing:border-box;
  font-size:1.4rem;
  font-size:var(--size-font-body-100-1S0qZw, 1.4rem);
  line-height:2.2rem;
  line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
  color:#16191f;
  color:var(--color-text-body-default-2ZjSsg, #16191f);
  font-weight:400;
  font-family:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
}

._with-result-button_11huc_x31qc_51:not(#\9){
  padding-right:1.6rem;
  padding-right:var(--space-m-3o9QS_, 1.6rem);
}

._result-button_11huc_x31qc_63:not(#\9){
  display:inline-block;
  margin:0.4rem 0;
  margin:var(--space-scaled-xxs-wz9S8K, 0.4rem) 0;
}

._word-wrap_11huc_x31qc_68:not(#\9){
  min-width:0;
  -ms-word-break:break-all;
  word-break:break-word;
}

._flash_11huc_x31qc_74:not(#\9){
  color:inherit;
}

._progress-container_11huc_x31qc_78:not(#\9){
  display:flex;
  align-items:center;
  max-width:800px;
  height:2.2rem;
  height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
}

._percentage-container_11huc_x31qc_85:not(#\9){
  width:3.3rem;
  flex-shrink:0;
  white-space:nowrap;
  text-align:right;
  font-size:1.2rem;
  font-size:var(--size-font-body-50-3LgOeB, 1.2rem);
  line-height:1.6rem;
  line-height:var(--size-lineHeight-body-50-3o9QS_, 1.6rem);
}

._progress_11huc_x31qc_5:not(#\9){
  width:100%;
  margin-right:1.2rem;
  margin-right:var(--space-s-3LgOeB, 1.2rem);
  min-width:0;
  height:0.4rem;
  border:0 none;
  box-sizing:border-box;
  border-radius:10px;
  background-color:#eaeded;
  background-color:var(--color-background-progress-bar-layout-default-p5fVsz, #eaeded);
}
._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-bar{
  height:0.4rem;
  border:0 none;
  box-sizing:border-box;
  border-radius:10px;
  background-color:#eaeded;
  background-color:var(--color-background-progress-bar-layout-default-p5fVsz, #eaeded);
}
._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-value{
  border-radius:10px;
  background-color:#0073bb;
  background-color:var(--color-background-progress-bar-content-default-3H8Hch, #0073bb);
}
._progress_11huc_x31qc_5:not(#\9)::-moz-progress-bar{
  border-radius:10px;
  background-color:#0073bb;
  background-color:var(--color-background-progress-bar-content-default-3H8Hch, #0073bb);
}
._progress_11huc_x31qc_5:not(#\9)::-ms-fill{
  border-radius:10px;
  background-color:#0073bb;
  border:none;
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9){
  background-color:rgba(255, 255, 255, 0.25);
  background-color:var(--color-background-progress-bar-layout-in-flash-PTudrL, rgba(255, 255, 255, 0.25));
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9)::-webkit-progress-bar{
  background-color:rgba(255, 255, 255, 0.25);
  background-color:var(--color-background-progress-bar-layout-in-flash-PTudrL, rgba(255, 255, 255, 0.25));
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9)::-webkit-progress-value{
  background-color:rgba(255, 255, 255, 0.7);
  background-color:var(--color-background-progress-bar-content-in-flash-39h2an, rgba(255, 255, 255, 0.7));
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9)::-moz-progress-bar{
  background-color:rgba(255, 255, 255, 0.7);
  background-color:var(--color-background-progress-bar-content-in-flash-39h2an, rgba(255, 255, 255, 0.7));
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9)::-ms-fill{
  background-color:rgba(255, 255, 255, 0.7);
}