/* Skeleton styles */
@keyframes rd-skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

html body .rd-skeleton {
  color: transparent;
  background: linear-gradient(
    90deg,
    var(--color-light-grey, #e5e5e5) 25%,
    var(--color-med-grey, #d4d4d4) 50%,
    var(--color-light-grey, #e5e5e5) 75%
  );
  background-size: 200% 100%;
  animation: rd-skeleton-shimmer 3s ease-in-out infinite;
  border-radius: 4px;
  border: 0;
  user-select: none;
  pointer-events: none;
}

.rd-skeleton > svg {
  opacity: 0;
}