/* ========================================================
   spinner.css - Loading indicator (inline or full page)
   ======================================================== */

.spinner {
  display: grid;
  place-items: center;
  padding: 40px 0;
}

.spinner--full-page {
  min-height: var(--screen-height);
  padding: 0;
}

.spinner__ring {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid rgba(30, 123, 242, 0.15);
  border-top-color: var(--color-orange);
  animation: spinner-rotate 0.8s linear infinite;
}

@keyframes spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}