.ba-wrapper{position:relative;overflow:hidden;box-shadow:0 10px 20px rgb(0 0 0 / .19),0 6px 6px rgb(0 0 0 / .23);margin:0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ba-wrapper .ba-sizer{display:block;width:100%;height:auto;visibility:hidden;pointer-events:none}.ba-wrapper .ba-before,.ba-wrapper .ba-after{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ba-wrapper .ba-before{z-index:1}.ba-wrapper .ba-after{z-index:2;right:0;left:auto;width:50%}.ba-wrapper .ba-content-image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.ba-wrapper .ba-before .ba-content-image{object-position:left center}.ba-wrapper .ba-after .ba-content-image{object-position:right center}.ba-wrapper .ba-label{position:absolute;font-weight:600;z-index:10;pointer-events:none;white-space:nowrap;letter-spacing:1px;text-transform:uppercase}.ba-wrapper .ba-scroller{width:50px;height:50px;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;background-color:#fff0;opacity:.9;pointer-events:auto;cursor:ew-resize;border-style:solid;z-index:100;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ba-wrapper .ba-scroller:hover{opacity:1}.ba-wrapper .ba-scroller.scrolling{pointer-events:none;opacity:1}.ba-wrapper .ba-scroller__thumb{width:100%;height:100%;padding:5px;pointer-events:none}.ba-wrapper .ba-scroller:before,.ba-wrapper .ba-scroller:after{content:" ";display:block;width:7px;height:9999px;position:absolute;left:50%;margin-left:-3.5px;z-index:30;transition:0.1s;pointer-events:none}.ba-wrapper .ba-scroller:before{top:100%}.ba-wrapper .ba-scroller:after{bottom:100%}