.grit-spinner {
  position: relative;
  display: block;
}

.loader {
  position: relative;
  margin: 0 auto;
  width: var(--grit-spinner-width);
}

.grit-circular,
.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  transform-origin: center center;
}

.path {
  stroke-dasharray: 0, 314%;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

.grit-spinner.white.path {
  stroke: var(--neutral100);
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 20%, 294%;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 210%, 104%;
    stroke-dashoffset: -104%;
  }
  100% {
    stroke-dasharray: 20%, 294%;
    stroke-dashoffset: -314%;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 20%, 294%;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 210%, 104%;
    stroke-dashoffset: -104%;
  }
  100% {
    stroke-dasharray: 20%, 294%;
    stroke-dashoffset: -314%;
  }
}
.sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}