.aae-a-image-compare > .elementor-element-overlay {
  position: absolute;
  inset: 0;
  z-index: 30;
  pointer-events: none;
}

.aae-a-image-compare > .elementor-element-overlay .elementor-editor-element-settings {
  pointer-events: auto;
}

.aae-a-image-compare .aae-a-image-compare-caption-before,
.aae-a-image-compare .aae-a-image-compare-caption-after {
  pointer-events: none;
}

/* ------ Horizontal direction (default) ------ */
.aae-a-image-compare .aae-a-image-compare-divider {
  left: var(--aae-image-compare-position, 50%);
  pointer-events: none !important;
}

.aae-a-image-compare .aae-a-image-compare-thumb {
  left: var(--aae-image-compare-position, 50%);
  pointer-events: none !important;
  transition: transform 0.3s ease-in-out;
}

.aae-a-image-compare .aae-a-image-compare__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 40px;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
}

.aae-a-image-compare .aae-a-image-compare__range::-moz-range-thumb {
  width: 40px;
  height: 100%;
  opacity: 0;
  border: none;
  border-radius: 0;
  cursor: ew-resize;
}

@media (hover: hover) {
  .aae-a-image-compare .aae-a-image-compare__range:hover ~ .aae-a-image-compare-thumb {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.aae-a-image-compare .aae-a-image-compare__range:active ~ .aae-a-image-compare-thumb,
.aae-a-image-compare .aae-a-image-compare__range:focus ~ .aae-a-image-compare-thumb {
  transform: translate(-50%, -50%) scale(0.95);
}

/* ------ Vertical direction override ------ */
.aae-a-image-compare[data-direction=vertical] .aae-a-image-compare-divider {
  inset-block-start: var(--aae-image-compare-position, 50%);
}

.aae-a-image-compare[data-direction=vertical] .aae-a-image-compare-thumb {
  inset-block-start: var(--aae-image-compare-position, 50%);
}

.aae-a-image-compare[data-direction=vertical] .aae-a-image-compare__range::-webkit-slider-thumb {
  width: 100%;
  height: 40px;
  cursor: ns-resize;
}

.aae-a-image-compare[data-direction=vertical] .aae-a-image-compare__range::-moz-range-thumb {
  width: 100%;
  height: 40px;
  cursor: ns-resize;
}
/*# sourceMappingURL=image-compare.css.map */