.ss-ba-wrapper{padding-top:var(--pt);padding-bottom:var(--pb);direction:ltr}
@media screen and (min-width:750px){.ss-ba-wrapper{padding-top:var(--pt-desktop);padding-bottom:var(--pb-desktop)}}
.ss-ba-inner{max-width:var(--max-width,120rem);margin:0 auto;padding:0 1.5rem}
@media screen and (min-width:750px){.ss-ba-inner{padding:0 5rem}}
.ss-ba-text *{color:var(--color);text-align:var(--text-align)}
.ss-ba-text h2{margin:0 0 .4rem}
.ss-ba-sub{margin-bottom:10px}
.ss-ba-sub p{margin:0}
.before-after-image-wrapper{position:relative;display:block;--text-primary:26 26 26;--shadow:0 5px 15px rgb(var(--text-primary)/.1);filter:drop-shadow(var(--shadow));user-select:none;overflow:hidden}
.before-after-image-wrapper .placeholder{--text-primary:26 26 26;background:rgb(var(--text-primary)/.3);fill:rgb(var(--text-primary)/.7);color:rgb(var(--text-primary)/.7);display:block}
.before-after-image-text{position:absolute;font-weight:700;z-index:2}
.before-after-image{width:100%;display:block}
.before-after-image--cover{height:100%;object-fit:cover;object-position:center}
.before-after-image-relative{height:var(--mobile-height)}
@media screen and (min-width:750px){.before-after-image-relative{height:var(--desktop-height)}}
.ss-ba-handle{position:absolute;top:0;bottom:0;left:var(--before-after-initial-drag-position,50%);transform:translateX(-50%);width:44px;background:none;border:0;padding:0;cursor:ew-resize;z-index:3;display:flex;align-items:center;justify-content:center}
.ss-ba-handle__line{position:absolute;top:0;bottom:0;width:2px;background:var(--handle-color,#fff)}
.ss-ba-handle__grip{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--handle-color,#fff);color:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ss-ba-handle:focus-visible{outline:2px solid var(--handle-color,#fff);outline-offset:2px}