.ba-section{height:100vh;overflow:hidden;background-color:#000}.ba-section,.ba-slider{width:100%;position:relative}.ba-slider{height:100%;cursor:col-resize}.ba-image-after,.ba-image-before{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ba-image-before{filter:grayscale(100%)}.ba-before-container{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;z-index:10;border-right:2px solid #fff}.ba-before-container .ba-image-before{width:100vw;max-width:none}.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;flex-direction:column}.ba-handle,.handle-circle{display:flex;align-items:center}.handle-circle{width:50px;height:50px;background-color:rgba(0,0,0,.6);border:3px solid #fff;border-radius:50%;justify-content:center;color:#fff;box-shadow:0 0 15px rgba(0,0,0,.3)}.ba-overlay-text{position:absolute;bottom:50px;width:100%;text-align:center;z-index:30;pointer-events:none}.ba-overlay-text h2{font-family:Times New Roman,serif;color:#fff;letter-spacing:3px;font-size:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}