/* shared-loading:start */
:root {
  --aw-loader-blue: #2563eb;
  --aw-loader-cyan: #22d3ee;
  --aw-loader-violet: #8b5cf6;
  --aw-loader-mint: #14b8a6;
  --aw-loader-muted: #64748b;
}

.aw-shared-loader[hidden] {
  display: none !important;
}

.aw-shared-loader {
  --aw-loader-size: 38px;
  --aw-loader-line: 3px;
  --aw-loader-text-size: 12px;
  --aw-loader-text-weight: 650;
  --aw-loader-text-color: var(--aw-loader-muted);
  --aw-loader-card-bg: transparent;
  --aw-loader-card-shadow: none;
  --aw-loader-card-border: transparent;
  display: grid;
  place-items: center;
}

.aw-shared-loader-card {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: calc(var(--aw-loader-size) + 14px);
  min-width: min(260px, 100%);
  padding: 8px 15px 8px 11px;
  border: 1px solid var(--aw-loader-card-border);
  border-radius: 999px;
  background: var(--aw-loader-card-bg);
  box-shadow: var(--aw-loader-card-shadow);
}

.aw-shared-loader-ring {
  position: relative;
  flex: 0 0 auto;
  width: var(--aw-loader-size);
  height: var(--aw-loader-size);
  border-radius: 999px;
  animation: awSharedLoaderFloat 5.8s ease-in-out infinite;
}

.aw-shared-loader-ring::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    conic-gradient(
      from 24deg,
      rgba(37, 99, 235, 0) 0deg,
      rgba(37, 99, 235, .86) 70deg,
      rgba(34, 211, 238, .74) 132deg,
      rgba(139, 92, 246, .68) 206deg,
      rgba(20, 184, 166, .55) 286deg,
      rgba(37, 99, 235, 0) 360deg
    );
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--aw-loader-line)), #000 calc(100% - var(--aw-loader-line) + .35px));
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--aw-loader-line)), #000 calc(100% - var(--aw-loader-line) + .35px));
  animation:
    awSharedLoaderSoftSpin 4.9s cubic-bezier(.38, .02, .22, 1) infinite,
    awSharedLoaderGlow 5.6s ease-in-out infinite;
}

.aw-shared-loader-ring::after {
  content: "";
  position: absolute;
  inset: 38%;
  border-radius: inherit;
  background: rgba(37, 99, 235, .25);
  filter: blur(6px);
  opacity: .5;
  animation: awSharedLoaderPulse 4.6s ease-in-out infinite;
}

.aw-shared-loader-ring > span {
  display: none;
}

.aw-shared-loader-text {
  margin: 0;
  background:
    linear-gradient(100deg, #64748b 0%, #94a3b8 28%, #2563eb 48%, #14b8a6 60%, #64748b 86%);
  background-size: 240% 100%;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: var(--aw-loader-text-size);
  font-weight: var(--aw-loader-text-weight);
  letter-spacing: 0;
  line-height: 1.35;
  animation: awSharedLoaderTextSheen 4.8s ease-in-out infinite;
}

.ranking-table-loader.aw-shared-loader {
  background:
    linear-gradient(110deg, transparent 0%, rgba(219, 234, 254, .16) 38%, rgba(240, 253, 250, .14) 52%, transparent 76%);
  background-size: 220% 100%;
  animation: awSharedLoaderWash 5.8s ease-in-out infinite;
}

.aw-shared-loader .ranking-loader-card {
  min-width: min(260px, 100%);
  min-height: calc(var(--aw-loader-size) + 14px);
  padding: 8px 15px 8px 11px;
}

.aw-shared-loader .ranking-loader-orb {
  width: var(--aw-loader-size);
  height: var(--aw-loader-size);
  animation: awSharedLoaderFloat 5.8s ease-in-out infinite;
}

.aw-shared-loader .ranking-loader-orb::before {
  animation:
    awSharedLoaderSoftSpin 4.9s cubic-bezier(.38, .02, .22, 1) infinite,
    awSharedLoaderGlow 5.6s ease-in-out infinite;
}

.aw-shared-loader .ranking-loader-orb::after {
  animation: awSharedLoaderPulse 4.6s ease-in-out infinite;
}

.aw-shared-loader .ranking-loader-card p {
  animation: awSharedLoaderTextSheen 4.8s ease-in-out infinite;
}

.more-button[data-loading="true"]::before,
.page-top-button::before {
  animation:
    awSharedLoaderSoftSpin 4.9s cubic-bezier(.38, .02, .22, 1) infinite,
    awSharedLoaderGlow 5.6s ease-in-out infinite !important;
}

.more-button[data-loading="true"]::after {
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, .86), transparent 28%),
    linear-gradient(135deg, var(--aw-loader-cyan), var(--aw-loader-blue) 64%, var(--aw-loader-violet));
  animation: awSharedLoaderFloat 5.8s ease-in-out infinite;
}

.update-item.is-loading,
.timeline-item.is-loading {
  position: relative;
  display: grid;
  place-items: center;
  gap: 10px;
  text-align: center;
}

.update-item.is-loading::before,
.timeline-item.is-loading::before {
  content: "";
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background:
    conic-gradient(from 24deg, rgba(37, 99, 235, 0), rgba(130, 247, 198, .84), rgba(34, 211, 238, .72), rgba(139, 92, 246, .58), rgba(37, 99, 235, 0));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.65px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.65px));
  animation:
    awSharedLoaderSoftSpin 4.9s cubic-bezier(.38, .02, .22, 1) infinite,
    awSharedLoaderGlow 5.6s ease-in-out infinite;
}

.update-item.is-loading h3,
.timeline-item.is-loading h3 {
  margin: 0;
  background: linear-gradient(100deg, rgba(148, 163, 184, .82), #fff, rgba(130, 247, 198, .92), rgba(148, 163, 184, .82));
  background-size: 240% 100%;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: awSharedLoaderTextSheen 4.8s ease-in-out infinite;
}

@keyframes awSharedLoaderSoftSpin {
  0% {
    transform: rotate(0deg) scale(1);
  }
  24% {
    transform: rotate(68deg) scale(1.015);
  }
  48% {
    transform: rotate(172deg) scale(.985);
  }
  74% {
    transform: rotate(282deg) scale(1.025);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes awSharedLoaderFloat {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  34% {
    transform: translate3d(1px, -2px, 0) scale(1.025);
  }
  68% {
    transform: translate3d(-1px, 1px, 0) scale(.985);
  }
}

@keyframes awSharedLoaderGlow {
  0%,
  100% {
    opacity: .72;
    filter: blur(.1px) saturate(1.05);
  }
  52% {
    opacity: 1;
    filter: blur(.9px) saturate(1.25);
  }
}

@keyframes awSharedLoaderPulse {
  0%,
  100% {
    transform: scale(.78);
    opacity: .42;
  }
  50% {
    transform: scale(1.16);
    opacity: .74;
  }
}

@keyframes awSharedLoaderTextSheen {
  0%,
  100% {
    background-position: 0% 50%;
    opacity: .72;
  }
  54% {
    background-position: 100% 50%;
    opacity: 1;
  }
}

@keyframes awSharedLoaderWash {
  0%,
  100% {
    background-position: 0% 50%;
  }
  54% {
    background-position: 100% 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aw-shared-loader-ring,
  .aw-shared-loader-ring::before,
  .aw-shared-loader-ring::after,
  .aw-shared-loader-text,
  .ranking-table-loader.aw-shared-loader,
  .more-button[data-loading="true"]::before,
  .more-button[data-loading="true"]::after,
  .page-top-button::before,
  .update-item.is-loading::before,
  .timeline-item.is-loading::before,
  .update-item.is-loading h3,
  .timeline-item.is-loading h3 {
    animation-duration: 12s !important;
  }
}
/* shared-loading:end */