.elementor-widget-csbykp-before-after,.e-con>.elementor-widget-csbykp-before-after{width:100%;max-width:100%}
.csbykp-ba{--pos:50%;--csbykp-ba-handle:#fff;position:relative;overflow:hidden;margin:0 auto;line-height:0;user-select:none;touch-action:pan-y;cursor:ew-resize;isolation:isolate}
.csbykp-ba--vertical{touch-action:pan-x;cursor:ns-resize}
.csbykp-ba__layer--before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.csbykp-ba--vertical .csbykp-ba__layer--before{clip-path:inset(0 0 calc(100% - var(--pos)) 0)}
.csbykp-ba__img{display:block;width:100%;height:100%;object-fit:cover;max-width:none!important;pointer-events:none}
.csbykp-ba__layer--after .csbykp-ba__img{height:auto}
.csbykp-ba__handle{position:absolute;z-index:2;top:0;bottom:0;left:var(--pos);width:2px;translate:-50% 0;background:var(--csbykp-ba-handle);box-shadow:0 0 8px rgba(0,0,0,.35);pointer-events:none}
.csbykp-ba__handle::after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;translate:-50% -50%;border-radius:50%;border:2px solid color-mix(in srgb,var(--csbykp-ba-handle) 85%,transparent);background:rgba(255,255,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.5 7 4.5 12l5 5zM14.5 7l5 5-5 5z'/%3E%3C/svg%3E") center/24px no-repeat;-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4);box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.4);transition:scale .2s}
.csbykp-ba:hover .csbykp-ba__handle::after,.csbykp-ba.is-drag .csbykp-ba__handle::after{scale:1.08}
.csbykp-ba--vertical .csbykp-ba__handle{inset:var(--pos) 0 auto;width:auto;height:2px;translate:0 -50%}
.csbykp-ba--vertical .csbykp-ba__handle::after{rotate:90deg}
.csbykp-ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;appearance:none}
.csbykp-ba:has(.csbykp-ba__range:focus-visible) .csbykp-ba__handle::after{outline:3px solid #2684ff;outline-offset:3px}
.csbykp-ba__label{position:absolute;z-index:1;top:16px;padding:.35em .9em;font:600 12px/1.4 inherit;letter-spacing:.08em;text-transform:uppercase;color:#fff;pointer-events:none;transition:opacity .25s}
.csbykp-ba--pill .csbykp-ba__label{border-radius:999px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.csbykp-ba--plain .csbykp-ba__label{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.csbykp-ba__label--before{left:16px}.csbykp-ba__label--after{right:16px}
.csbykp-ba--vertical .csbykp-ba__label{left:50%;right:auto;translate:-50% 0}
.csbykp-ba--vertical .csbykp-ba__label--after{top:auto;bottom:16px}
.csbykp-ba--labels-hover .csbykp-ba__label{opacity:0}
.csbykp-ba--labels-hover:is(:hover,:focus-within) .csbykp-ba__label{opacity:1}
@media (hover:none){.csbykp-ba--labels-hover .csbykp-ba__label{opacity:1}}
@media (prefers-reduced-motion:reduce){.csbykp-ba *{transition:none!important}}