:host {
  --digi--loader-spinner--background-color: var(--digi--color--marking--indication--secondary);
  --digi--loader-spinner--icon--size--small: 1rem;
  --digi--loader-spinner--icon--size--medium: 2rem;
  --digi--loader-spinner--icon--size--large: 5rem;
  --digi-loader-spinner--font--size--small: var(--digi--typography--heading-4--font-size--desktop-xsmall);
  --digi-loader-spinner--font--size--medium: var(--digi--typography--heading-4--font-size--desktop);
  --digi-loader-spinner--font--size--large: var(--digi--typography--heading-4--font-size--desktop-large);
}
:host .digi-loader-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  padding: var(--PADDING);
}
:host .digi-loader-spinner--small {
  --ICON-HEIGHT: var(--digi--loader-spinner--icon--size--small);
  --FONT-SIZE: var(--digi-loader-spinner--font--size--small);
  --PADDING: 0;
}
:host .digi-loader-spinner--medium {
  --ICON-HEIGHT: var(--digi--loader-spinner--icon--size--medium);
  --FONT-SIZE: var(--digi-loader-spinner--font--size--medium);
  --PADDING: var(--digi--gutter--large);
}
:host .digi-loader-spinner--large {
  --ICON-HEIGHT: var(--digi--loader-spinner--icon--size--large);
  --FONT-SIZE: var(--digi-loader-spinner--font--size--large);
  --PADDING: var(--digi--gutter--large);
}
:host .digi-loader-spinner__container {
  height: max-content;
  width: max-content;
}
:host .digi-loader-spinner__spinner {
  animation: animation__rotation 3s infinite linear;
  transform-origin: center;
  --digi--icon--height: var(--ICON-HEIGHT);
  --digi--icon--color: var(--digi--loader-spinner--background-color);
}
@media (prefers-reduced-motion) {
  :host .digi-loader-spinner__spinner {
    animation: none;
  }
}
@keyframes animation__rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
:host .digi-loader-spinner__label {
  margin-top: var(--digi--gutter--medium);
  color: var(--digi--color--text--primary);
}