.image-compare { margin: 1.5rem 0; }
.image-compare img-comparison-slider { display: block; width: 100%; --divider-width: 2px; --divider-shadow: 0 0 4px #000; --default-handle-shadow: 0 1px 4px #000; }
.image-compare img-comparison-slider:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.image-compare img-comparison-slider img { display: block; width: 100%; max-width: 100%; margin: 0; border-radius: 0; }
.image-compare__labels { display: flex; justify-content: space-between; gap: 1rem; padding: .4rem 0; font-weight: 600; }
.image-compare__originals { text-align: center; font-size: .85rem; }
.compare-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin: 1.5rem 0; }
.compare-grid > .image-compare { min-width: 0; margin: 0; }
@media (max-width: 600px) {
  .compare-grid { grid-template-columns: minmax(0, 1fr); }
}