.k-spin .k-canvas {
  width: 2.5rem;
  height: 2.5rem;
  -webkit-animation: c-rotate 2s linear infinite;
  animation: c-rotate 2s linear infinite;
}

*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.k-spin.k-large .k-canvas {
  width: 4rem;
  height: 4rem;
}

svg:not(:root) {
  overflow: hidden;
}

.k-spin .k-circle {
  stroke-dasharray: 269,358;
  stroke-dashoffset: 0;
  fill: none;
  stroke-width: 6;
  stroke: #0091ea;
  r: 57;
  -webkit-animation: k-spin-dash 1.5s ease-in-out infinite;
  animation: k-spin-dash 1.5s ease-in-out infinite;
}

.example.index-38 .k-spin {
  margin-right: 16px;
}

.k-spin {
  display: inline-block;
}

@keyframes k-spin-dash {
  0% {
    stroke-dasharray: 1,358;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 269,358;
    stroke-dashoffset: -89.5;
  }
  to{
    stroke-dasharray: 269,358;
    stroke-dashoffset: -358;
  }
}

@keyframes c-rotate {
  0% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

#ksc-spin {
  position: fixed;
  left: 50vw;
  top: 50vh;
  z-index: 10000000000;
}