.loading__spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.loading__spinner .spinner {
  animation: rotator 1.4s linear infinite;
  width: 16px;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: #fff;
  animation: dash 1.4s ease-in-out infinite;
}
@media screen and (forced-colors: active) {
  .path {
    stroke: CanvasText;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}