/* stylelint-disable alpha-value-notation */
.loading-spinner {
  --primary-color: var(--dh-color-loading-spinner-primary);
  --secondary-color: var(--dh-color-loading-spinner-secondary);
  --border-width: 1px;
  --size: 14px;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  width: var(--size);
  height: var(--size);
}

.loading-spinner-large {
  --border-width: 4px;
  --size: 56px;
}

.loading-spinner-vertical-align {
  vertical-align: -0.125em;
}

.loading-spinner::after {
  animation: loading-spinner-rotate 2s linear infinite;
  border: var(--border-width) solid;
  border-color: var(--primary-color) var(--primary-color) var(--secondary-color) var(--secondary-color);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  width: var(--size);
  height: var(--size);
}

@keyframes loading-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

/*# sourceMappingURL=LoadingSpinner.css.map */