/* Image motion preserves the authored layout and image dimensions. */
.sl-image-demo {
  display: block;
  width: 100%;
  max-width: 64rem;
  height: auto;
}

@media print {
  [data-sl-benefit-state] { opacity: 1 !important; transform: none !important; }
  img[data-sl-image-parallax] {
    object-position: var(--sl-image-object-position, 50% 50%) !important;
    background-image: none !important;
  }
  [data-sl-image-state] {
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
  }
}
/* Match Elementor's reset priority; custom Atomic image styles still take precedence. */
.sl-macon-custom img:where(.elementor img, main img, .entry-content img, .sl-image-reveal):not(:where(.custom-logo, .avatar, .emoji, .wp-smiley, .sl-badge img, .elementor-icon img, .site-header img, .site-footer img, .elementor-location-header img, .elementor-location-footer img)) {
  border-radius: 5px;
}

img.sl-image-paper,
.sl-image-paper img {
  -webkit-mask-image: url('../borders/image-paper.svg');
  mask-image: url('../borders/image-paper.svg');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
}

img.sl-image-clean, .sl-image-clean img {
  -webkit-mask-image: none;
  mask-image: none;
}

img[data-sl-image-drift] { translate: 0 var(--sl-image-drift-y, 0px); }

img[data-sl-image-sticker] {
  --sl-image-lift: 0px;
  --sl-image-scale: 1;
  --sl-image-tilt: 0deg;
  transform: translateY(var(--sl-image-lift)) rotate(var(--sl-image-tilt)) scale(var(--sl-image-scale));
  transform-origin: 50% 60%;
}
