.fancy-spinner {
  --spinner-size: 24px;
  --spinner-border-size: 4px;
}


.fancy-spinner::after,
.kendo-export-spinner::after,
[data-empty=spinner]:empty::after {
  content: "";
  position: relative;
  display: block;
  margin: 0 auto;
  height: var(--spinner-size);
  width: var(--spinner-size);
  border: var(--spinner-border-size) solid transparent;
  border-bottom-color: var(--spinner-border-color-bottom);
  border-top-color: var(--spinner-border-color-top);
  border-radius: 50%;
  animation-iteration-count: infinite;
  animation-name: spinner;
  animation-duration: 0.5s;
  animation-timing-function: linear;
}

.fancy-spinner--ETApp {
  --spinner-size: 48px;
  --spinner-border-size: 8px;
}

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