/* Placeholder shown by the product page while the related products block is loading (see related-products.js). */
.related-skeleton {
  background-color: #e9ecef;
  border-radius: .25rem;
  animation: related-skeleton-pulse 1.2s ease-in-out infinite alternate;
}

.related-skeleton-image {
  aspect-ratio: 1 / 1;
}

.related-skeleton-line {
  height: .9rem;
  margin-top: .6rem;
}

@keyframes related-skeleton-pulse {
  from { opacity: 1; }
  to { opacity: .45; }
}

@media (prefers-reduced-motion: reduce) {
  .related-skeleton { animation: none; }
}