:host {
  line-height: initial;
  font-family: var(--dyte-font-family, sans-serif);

  font-feature-settings: normal;
  font-variation-settings: normal;
}

p {
  margin: var(--dyte-space-0, 0px);
  padding: var(--dyte-space-0, 0px);
}


:host {
  box-sizing: border-box;
  display: block;
  height: var(--dyte-space-10, 40px);
  width: var(--dyte-space-10, 40px);
  --dyte-spinner-color: currentColor;
}

.spinner {
  height: 100%;
  width: 100%;
}

@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}

.spinner {
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  background-color: transparent;
  animation-duration: 1.3s;
}

/* Sizes */

:host([size='md']) {
  height: var(--dyte-space-6, 24px);
  width: var(--dyte-space-6, 24px);
}

:host([size='sm']) {
  height: var(--dyte-space-4, 16px);
  width: var(--dyte-space-4, 16px);
}