.ds-indicator {
  -webkit-animation: rotate 1s linear infinite;
  -moz-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

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

@-moz-keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 60;
    stroke-dashoffset: 30;
  }
  50% {
    stroke-dasharray: 70;
    stroke-dashoffset: 10;
  }
  100% {
    stroke-dasharray: 60;
    stroke-dashoffset: 30;
  }
}

.ds-indicator__circle {
  -webkit-animation: dash 1s linear infinite;
  -moz-animation: dash 1s linear infinite;
  animation: dash 1s linear infinite;
  stroke: var(--ds-color-new-york-55);
  stroke-width: 4;
}

.ds-indicator__circle--inverse {
  stroke: var(--ds-color-london-100);
}