@keyframes loading {
  to {
    transform: rotate(1turn);
  }
}

.loading {
  aspect-ratio: 1;
  background: var(--loading-color, var(--color-orange));
  border-radius: 50%;
  inline-size: var(--loading-size, 5rem);
  mask: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  mask-composite: subtract;
  padding: var(--loading-stroke-width, 0.8rem);

  .is-loading & {
    animation: loading 1s infinite linear;
  }
}