:where(.breakdance) .phox-before-after{max-width:100%;width:100%}:where(.breakdance) .phox-before-after .phox-ba-wrapper{position:relative;width:100%;overflow:hidden;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:none;border-radius:0;line-height:0}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="vertical"]{cursor:ns-resize}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="diagonal_tlbr"],:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="diagonal_trbl"]{cursor:move}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="radial"]{cursor:crosshair}:where(.breakdance) .phox-before-after .phox-ba-layer{position:absolute;top:0;left:0;width:100%;height:100%}:where(.breakdance) .phox-before-after .phox-ba-after{position:relative;z-index:1}:where(.breakdance) .phox-before-after .phox-ba-before{z-index:2;clip-path:inset(0 50% 0 0)}:where(.breakdance) .phox-before-after .phox-ba-layer img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}:where(.breakdance) .phox-before-after .phox-ba-block-content{width:100%;height:100%;overflow:hidden;line-height:normal}:where(.breakdance) .phox-before-after .phox-ba-block-content :where(.breakdance){background-color:initial;color:initial}:where(.breakdance) .phox-before-after .phox-ba-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px;background-color:#e0e0e0;color:#666;font-size:16px;font-family:sans-serif;line-height:normal}:where(.breakdance) .phox-before-after .phox-ba-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}:where(.breakdance) .phox-before-after .phox-ba-slider-line{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transition:none}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="horizontal"] .phox-ba-slider-line{top:0;bottom:0;left:50%;width:0;height:100%;transform:translateX(-50%);border-left-width:var(--phox-ba-line-width,3px);border-left-style:var(--phox-ba-line-style,solid);border-left-color:var(--phox-ba-line-color,#fff)}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="horizontal"] .phox-ba-slider-line::before,:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="horizontal"] .phox-ba-slider-line::after{content:'';display:none;flex:1;width:0;border-left-width:var(--phox-ba-line-width,3px);border-left-style:var(--phox-ba-line-style,solid);border-left-color:var(--phox-ba-line-color,#fff)}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="vertical"] .phox-ba-slider-line{left:0;right:0;top:50%;width:100%;height:0;flex-direction:row;transform:translateY(-50%);border-top-width:var(--phox-ba-line-width,3px);border-top-style:var(--phox-ba-line-style,solid);border-top-color:var(--phox-ba-line-color,#fff)}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="vertical"] .phox-ba-slider-line::before,:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="vertical"] .phox-ba-slider-line::after{content:'';display:none;flex:1;height:0;border-top-width:var(--phox-ba-line-width,3px);border-top-style:var(--phox-ba-line-style,solid);border-top-color:var(--phox-ba-line-color,#fff)}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="diagonal_tlbr"] .phox-ba-slider-line,:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="diagonal_trbl"] .phox-ba-slider-line,:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="radial"] .phox-ba-slider-line{width:0;height:0;transform:translate(-50%,-50%)}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="diagonal_tlbr"] .phox-ba-slider-line::after,:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="diagonal_trbl"] .phox-ba-slider-line::after,:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="radial"] .phox-ba-slider-line::before,:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="radial"] .phox-ba-slider-line::after{display:none}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="diagonal_tlbr"] .phox-ba-slider-line::before,:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="diagonal_trbl"] .phox-ba-slider-line::before{content:'';display:block;position:absolute;left:-140vmax;top:0;width:280vmax;height:0;border-top-width:var(--phox-ba-line-width,3px);border-top-style:var(--phox-ba-line-style,solid);border-top-color:var(--phox-ba-line-color,#fff);transform-origin:140vmax 0;transform:rotate(var(--phox-ba-diagonal-angle,-45deg))}:where(.breakdance) .phox-before-after .phox-ba-handle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0.5);flex-shrink:0;pointer-events:none;z-index:5;transition:transform 0.15s ease,box-shadow 0.15s ease}:where(.breakdance) .phox-before-after .phox-ba-wrapper:hover .phox-ba-handle,:where(.breakdance) .phox-before-after .phox-ba-wrapper:active .phox-ba-handle{transform:scale(1.1)}:where(.breakdance) .phox-before-after .phox-ba-handle-icon{display:flex;align-items:center;justify-content:center;width:60%;height:60%;color:#fff}:where(.breakdance) .phox-before-after .phox-ba-handle-icon svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none}:where(.breakdance) .phox-before-after .phox-ba-handle-custom svg{fill:currentColor;stroke:none;width:100%;height:100%}:where(.breakdance) .phox-before-after .phox-ba-handle-circle{width:40%;height:40%;border-radius:50%;background-color:#fff}:where(.breakdance) .phox-before-after .phox-ba-label{position:absolute;z-index:8;display:flex;bottom:16px;pointer-events:none;line-height:normal}:where(.breakdance) .phox-before-after .phox-ba-label span{display:inline-block;padding:6px 12px;background:rgba(0,0,0,0.6);color:#fff;font-size:13px;font-weight:600;font-family:sans-serif;border-radius:4px;white-space:nowrap;letter-spacing:0.5px;text-transform:uppercase;line-height:1.4}:where(.breakdance) .phox-before-after .phox-ba-label-before{left:16px}:where(.breakdance) .phox-before-after .phox-ba-label-after{right:16px}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="vertical"] .phox-ba-label-before{left:16px;top:auto;bottom:auto}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="vertical"] .phox-ba-label-after{left:16px;right:auto;bottom:16px}:where(.breakdance) .phox-before-after .phox-ba-wrapper[data-direction="vertical"] .phox-ba-label-before{top:16px}:where(.breakdance) .phox-before-after .phox-ba-wrapper:focus{outline:2px solid #4A90D9;outline-offset:2px}:where(.breakdance) .phox-before-after .phox-ba-wrapper:focus:not(:focus-visible){outline:none}:where(.breakdance) .phox-before-after .phox-ba-wrapper:focus-visible{outline:2px solid #4A90D9;outline-offset:2px}