/* Before/After */
.wsba{--pos:50%;--r:22px;--lc:#fff;--lw:2px;--hs:34px;background:#f4fafb;padding:8px;border-radius:calc(var(--r) + 6px);box-sizing:border-box}
.wsba-stage{position:relative;aspect-ratio:21/9;border-radius:var(--r);overflow:hidden;cursor:ew-resize;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.wsba-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;pointer-events:none}
.wsba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.wsba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:var(--lw);margin-left:calc(var(--lw) / -2);background:var(--lc);z-index:2;pointer-events:none}
.wsba .wsba-handle,.wsba .wsba-handle:hover,.wsba .wsba-handle:focus,.wsba .wsba-handle:active{position:absolute;top:50%;left:50%;width:var(--hs);height:var(--hs);transform:translate(-50%,-50%);border-radius:50%;border:var(--lw) solid var(--lc)!important;background:rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:0;cursor:ew-resize;pointer-events:auto;color:var(--lc)!important;box-shadow:0 4px 14px rgba(0,0,0,.18);outline:none}
.wsba .wsba-handle:focus-visible{box-shadow:0 0 0 3px rgba(34,168,165,.6)}
.wsba-ic{width:55%;height:45%;background:var(--lc);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.wsba-arrows{font-style:normal;display:flex;align-items:center;justify-content:center;line-height:0}
.wsba-arrows svg{width:calc(var(--hs) * .32);height:calc(var(--hs) * .32);display:block;margin:0 -2px}
.wsba-lbl{position:absolute;top:14px;z-index:1;padding:.4em 1em;border-radius:100px;background:rgba(255,255,255,.85);color:#173c5e;font-family:"Creato Display",system-ui,sans-serif;font-size:13px;line-height:1.2}
.wsba-lbl-b{left:14px}
.wsba-lbl-a{right:14px}
.wsba.drag .wsba-before,.wsba.drag .wsba-line{transition:none}
.wsba.anim .wsba-before{transition:clip-path .45s ease}
.wsba.anim .wsba-line{transition:left .45s ease}
@media(min-width:768px) and (max-width:1024px){.wsba-stage{aspect-ratio:16/9}}
@media(max-width:767px){.wsba-stage{aspect-ratio:4/3}}