.spinner {
  inline-size: var(--spinner-inline-size, 1rem);
  block-size: var(--spinner-block-size, 1rem);
  border-radius: 50%;
  border-width: var(--spinner-border-width, 2px);
  border-color:
    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-start-color-opacity, 100%), transparent)
    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-end-color-opacity, 100%), transparent)
    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-end-color-opacity, 100%), transparent)
    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-start-color-opacity, 0%), transparent);
  border-style: solid;
  animation: linear var(--spinner-animation-duration, 1s) infinite spin;
}