.x-progress-circular {
  display: inline;
  width: 1em;
  height: 1em;
}
.x-progress-circular.indeterminate {
  -webkit-animation: progress-circular-rotate 2s linear infinite;
          animation: progress-circular-rotate 2s linear infinite;
}
.x-progress-circular.indeterminate .x-progress-circular--upper {
  -webkit-animation: progress-circular-dash 2s ease-in-out infinite;
          animation: progress-circular-dash 2s ease-in-out infinite;
}
.x-progress-circular--upper {
  stroke: currentColor;
  -webkit-transition: stroke-dashoffset 0.6s ease-in-out;
  transition: stroke-dashoffset 0.6s ease-in-out;
}
.x-progress-circular--under {
  stroke: currentColor;
  opacity: 0.65;
}

@-webkit-keyframes progress-circular-dash {
  from {
    stroke-dasharray: 1 125.6637061436;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 94.2477796077 125.6637061436;
    stroke-dashoffset: -31.4159265359;
  }
  to {
    stroke-dasharray: 94.2477796077 125.6637061436;
    stroke-dashoffset: -125.6637061436;
  }
}

@keyframes progress-circular-dash {
  from {
    stroke-dasharray: 1 125.6637061436;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 94.2477796077 125.6637061436;
    stroke-dashoffset: -31.4159265359;
  }
  to {
    stroke-dasharray: 94.2477796077 125.6637061436;
    stroke-dashoffset: -125.6637061436;
  }
}
@-webkit-keyframes progress-circular-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes progress-circular-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}