.rt-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--rt-spinner-container-width);
  height: var(--rt-spinner-container-height);
  min-width: var(--rt-spinner-container-min-width);
  min-height: var(--rt-spinner-container-min-height);
}
.rt-spinner svg {
  width: var(--rt-spinner-width);
  height: var(--rt-spinner-height);
  min-width: var(--rt-spinner-min-width);
  min-height: var(--rt-spinner-min-height);
}

.rt-spinner--color-main svg {
  color: var(--v0-rt-symbol-color-main);
}

.rt-spinner--color-variant svg {
  color: var(--v0-rt-symbol-color-variant);
}

/* Spinner SM */

.rt-spinner--sm {
  --rt-spinner-width: 2em;
  --rt-spinner-height: 2em;
  --rt-spinner-min-width: 2em;
  --rt-spinner-min-height: 2em;
}

.rt-spinner--sm.rt-spinner--container-width-xs {
  --rt-spinner-container-width: 2.5em;
  --rt-spinner-container-min-width: 2.5em;
}

.rt-spinner--sm.rt-spinner--container-width-sm {
  --rt-spinner-container-width: 3.5em;
  --rt-spinner-container-min-width: 3.5em;
}

.rt-spinner--sm.rt-spinner--container-width-md {
  --rt-spinner-container-width: 4.5em;
  --rt-spinner-container-min-width: 4.5em;
}

.rt-spinner--sm.rt-spinner--container-width-lg {
  --rt-spinner-container-width: 5.5em;
  --rt-spinner-container-min-width: 5.5em;
}

.rt-spinner--sm.rt-spinner--container-width-min-content {
  --rt-spinner-container-width: 100%;
  --rt-spinner-container-min-width: 100%;
}

.rt-spinner--sm.rt-spinner--container-height-xs {
  --rt-spinner-container-height: 2.5em;
  --rt-spinner-container-min-height: 2.5em;
}

.rt-spinner--sm.rt-spinner--container-height-sm {
  --rt-spinner-container-height: 3.5em;
  --rt-spinner-container-min-height: 3.5em;
}

.rt-spinner--sm.rt-spinner--container-height-md {
  --rt-spinner-container-height: 4.5em;
  --rt-spinner-container-min-height: 4.5em;
}

.rt-spinner--sm.rt-spinner--container-height-lg {
  --rt-spinner-container-height: 5.5em;
  --rt-spinner-container-min-height: 5.5em;
}

.rt-spinner--sm.rt-spinner--container-height-min-content {
  --rt-spinner-container-height: 100%;
  --rt-spinner-container-min-height: 100%;
}

/* Spinner MD */

.rt-spinner--md {
  --rt-spinner-width: 2.5em;
  --rt-spinner-height: 2.5em;
  --rt-spinner-min-width: 2.5em;
  --rt-spinner-min-height: 2.5em;
}

.rt-spinner--md.rt-spinner--container-width-xs {
  --rt-spinner-container-width: 2.5em;
  --rt-spinner-container-min-width: 2.5em;
}

.rt-spinner--md.rt-spinner--container-width-sm {
  --rt-spinner-container-width: 3.5em;
  --rt-spinner-container-min-width: 3.5em;
}

.rt-spinner--md.rt-spinner--container-width-md {
  --rt-spinner-container-width: 4.5em;
  --rt-spinner-container-min-width: 4.5em;
}

.rt-spinner--md.rt-spinner--container-width-lg {
  --rt-spinner-container-width: 5.5em;
  --rt-spinner-container-min-width: 5.5em;
}

.rt-spinner--md.rt-spinner--container-width-min-content {
  --rt-spinner-container-width: 100%;
  --rt-spinner-container-min-width: 100%;
}

.rt-spinner--md.rt-spinner--container-height-xs {
  --rt-spinner-container-height: 2.5em;
  --rt-spinner-container-min-height: 2.5em;
}

.rt-spinner--md.rt-spinner--container-height-sm {
  --rt-spinner-container-height: 3.5em;
  --rt-spinner-container-min-height: 3.5em;
}

.rt-spinner--md.rt-spinner--container-height-md {
  --rt-spinner-container-height: 4.5em;
  --rt-spinner-container-min-height: 4.5em;
}

.rt-spinner--md.rt-spinner--container-height-lg {
  --rt-spinner-container-height: 5.5em;
  --rt-spinner-container-min-height: 5.5em;
}

.rt-spinner--md.rt-spinner--container-height-min-content {
  --rt-spinner-container-height: 100%;
  --rt-spinner-container-min-height: 100%;
}

/* Spinner LG */

.rt-spinner--lg {
  --rt-spinner-width: 3em;
  --rt-spinner-height: 3em;
  --rt-spinner-min-width: 3em;
  --rt-spinner-min-height: 3em;
}

.rt-spinner--lg.rt-spinner--container-width-xs {
  --rt-spinner-container-width: 3em;
  --rt-spinner-container-min-width: 3em;
}

.rt-spinner--lg.rt-spinner--container-width-sm {
  --rt-spinner-container-width: 3.5em;
  --rt-spinner-container-min-width: 3.5em;
}

.rt-spinner--lg.rt-spinner--container-width-md {
  --rt-spinner-container-width: 4.5em;
  --rt-spinner-container-min-width: 4.5em;
}

.rt-spinner--lg.rt-spinner--container-width-lg {
  --rt-spinner-container-width: 5.5em;
  --rt-spinner-container-min-width: 5.5em;
}

.rt-spinner--lg.rt-spinner--container-width-min-content {
  --rt-spinner-container-width: 100%;
  --rt-spinner-container-min-width: 100%;
}

.rt-spinner--lg.rt-spinner--container-height-xs {
  --rt-spinner-container-height: 3em;
  --rt-spinner-container-min-height: 3em;
}

.rt-spinner--lg.rt-spinner--container-height-sm {
  --rt-spinner-container-height: 3.5em;
  --rt-spinner-container-min-height: 3.5em;
}

.rt-spinner--lg.rt-spinner--container-height-md {
  --rt-spinner-container-height: 4.5em;
  --rt-spinner-container-min-height: 4.5em;
}

.rt-spinner--lg.rt-spinner--container-height-lg {
  --rt-spinner-container-height: 5.5em;
  --rt-spinner-container-min-height: 5.5em;
}

.rt-spinner--lg.rt-spinner--container-height-min-content {
  --rt-spinner-container-height: 100%;
  --rt-spinner-container-min-height: 100%;
}