/**
 * Styles for dp-dmb/before-and-after-slider-247076
 * Auto-generated by Divi AI Module Builder.
 */

.dp-dmb-module-before-and-after-slider-247076 .comparison__stage { position: relative; overflow: hidden; isolation: isolate; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__image { display: block; width: 100%; max-width: none; user-select: none; pointer-events: none; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__image--before { position: relative; height: auto; clip-path: inset(0 calc(100% - var(--comparison-position, 50%)) 0 0); }
.dp-dmb-module-before-and-after-slider-247076 .comparison__image--after { position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: center; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__labels { position: absolute; inset: 0; pointer-events: none; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__label { position: absolute; top: 16px; max-width: calc(50% - 32px); overflow-wrap: anywhere; filter: drop-shadow(0 1px 2px #000000); }
.dp-dmb-module-before-and-after-slider-247076 .comparison__label--before { left: 16px; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__label--after { right: 16px; }
.dp-dmb-module-before-and-after-slider-247076 [data-show-labels="off"] { display: none; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__divider { position: absolute; top: 0; bottom: 0; left: clamp(22px, var(--comparison-position, 50%), calc(100% - 22px)); width: 44px; transform: translateX(-50%); cursor: ew-resize; touch-action: none; user-select: none; z-index: 2; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__line { position: absolute; top: 0; left: calc(var(--comparison-position, 50%) * 0); pointer-events: none; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__handle { position: absolute; top: 50%; left: 0; transform: translateY(-50%); pointer-events: none; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__divider:focus-visible { outline: 2px solid #1677ff; outline-offset: -2px; }
.dp-dmb-module-before-and-after-slider-247076 .comparison__stage[data-dragging="true"] { cursor: ew-resize; }
@media (max-width: 767px) { .dp-dmb-module-before-and-after-slider-247076 .comparison__label { top: 12px; max-width: calc(50% - 24px); } .dp-dmb-module-before-and-after-slider-247076 .comparison__label--before { left: 12px; } .dp-dmb-module-before-and-after-slider-247076 .comparison__label--after { right: 12px; } }