.leader-card-skeleton {
  pointer-events: none;
  user-select: none;
}

.leader-card-skeleton .leader-card-wrapper {
  cursor: default;
}

.leader-skel-block,
.leader-skel-line {
  position: relative;
  overflow: hidden;
  background: #ececef;
}

.leader-skel-block::after,
.leader-skel-line::after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
  animation: leader-skel-shimmer 1.25s ease-in-out infinite;
}

.leader-skel-block {
  background-image: none;
  background-color: #e8e8ec;
}

.leader-skel-line {
  height: 0.85em;
  border-radius: 0.25em;
  margin-top: 0.45em;
}

.leader-skel-line:first-child {
  margin-top: 0;
  width: 92%;
  height: 1em;
}

.leader-skel-line--short {
  width: 64%;
}

.leader-skel-line--price {
  width: 5.5em;
  height: 1.15em;
  margin-top: 0;
}

.leader-card-just-loaded {
  animation: leader-card-appear 0.28s ease;
}

@keyframes leader-skel-shimmer {
  100% {
    transform: translateX(100%);
  }
}

@keyframes leader-card-appear {
  from {
    opacity: 0.35;
  }
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .leader-skel-block::after,
  .leader-skel-line::after {
    animation: none;
  }

  .leader-card-just-loaded {
    animation: none;
  }
}