.ba-container{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:#f0f0f0;border-radius:1.5rem;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.img-after,.img-before{width:100%;height:100%;position:absolute;inset:0}.img-before{z-index:2;border-right:2px solid #fff;overflow:hidden}.before-wrapper{width:100vw;height:100%;position:relative}.img-before .before-wrapper{width:calc(100vw - (var(--pd-x)*2))}.img-before{clip-path:inset(0)}.label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-manrope);letter-spacing:2px;z-index:10;pointer-events:none;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;padding:.8rem 1.5rem;font-size:.8rem;font-weight:500;position:absolute;bottom:2rem}.label.before{left:2rem}.label.after{right:2rem}.slider-handle{z-index:20;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.handle-line{position:absolute;inset:0;box-shadow:0 0 20px #0000004d}.handle-circle{background:#fff;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #0003}.arrows{color:#333;gap:1rem;margin-top:-3px;font-size:1.8rem;font-weight:300;display:flex}@media (max-width:768px){.ba-container{aspect-ratio:4/5;border-radius:1rem}.handle-circle{width:3rem;height:3rem}.label{padding:.5rem 1rem;font-size:.7rem;bottom:1rem}.label.before{left:1rem}.label.after{right:1rem}}.ba-container .img-before{width:auto;left:0;right:auto}.ba-container .img-before Image{max-width:none!important}