@layer base {
  :host {
    dds-icon {
      animation: dds-spinner-rotate 1s linear infinite;
      transform-origin: center;
      color: inherit;
    }
  }
}

@layer animations {
  @keyframes dds-spinner-rotate {
    to {
      rotate: 360deg;
    }
  }
}

@layer reset, base, sizes, animations;
