/* Shimmer placeholder shown behind every <img> until it finishes loading
   (see img-skeleton.js). Uses a translucent highlight over transparent
   (not an opaque color) so whatever the parent's actual background is
   shows through correctly on light, dark, or custom-colored containers. */
img.pcseal-img-loading {
  background-color: rgba(127, 127, 127, .12);
  background-image: linear-gradient(100deg, transparent 30%, rgba(127, 127, 127, .18) 50%, transparent 70%);
  background-size: 200% 100%;
  animation: pcseal-img-shimmer 1.3s ease-in-out infinite;
}

@keyframes pcseal-img-shimmer {
  0%   { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
  img.pcseal-img-loading {
    animation: none;
    background-image: none;
  }
}