@keyframes spin {
  0%   { transform: rotate(0deg);   }
  100% { transform: rotate(360deg); }
}

@keyframes dash {
  0%   { stroke-dasharray: 1, 126;  stroke-dashoffset: 0;   }
  50%  { stroke-dasharray: 95, 126; stroke-dashoffset: -25; }
  100% { stroke-dasharray: 95, 126; stroke-dashoffset: -120; }
}

.preloader { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.spinner { animation: spin 1.2s linear infinite; }
.path { stroke: currentColor; stroke-width: 4; stroke-linecap: round; animation: dash 1.5s ease-in-out infinite; }