@keyframes scFadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

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

.sc-enter {
  animation: scFadeUp 260ms ease both;
}

.sc-loader {
  width: 1.15rem;
  height: 1.15rem;
  border: 2px solid var(--sc-border-strong);
  border-top-color: var(--sc-accent);
  border-radius: 50%;
  animation: scSpin 700ms linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}