.bbba-compare{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:8px;background:#111;user-select:none;-webkit-user-select:none;touch-action:none}.bbba-compare .bbba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.bbba-compare .bbba-after-wrap{position:absolute;inset:0;overflow:hidden}.bbba-compare .bbba-ui{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.bbba-compare .bbba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:ew-resize}.bbba-compare[data-orientation="vertical"] .bbba-range{cursor:ns-resize}.bbba-compare .bbba-handle{position:absolute;width:44px;height:44px;border-radius:999px;background:rgb(255 255 255 / .9);box-shadow:0 6px 18px rgb(0 0 0 / .35);pointer-events:none}.bbba-compare .bbba-handle:before,.bbba-compare .bbba-handle:after{content:"";position:absolute;top:50%;width:0;height:0;border:6px solid #fff0;transform:translateY(-50%)}.bbba-compare .bbba-handle:before{left:10px;border-right-color:rgb(0 0 0 / .65)}.bbba-compare .bbba-handle:after{right:10px;border-left-color:rgb(0 0 0 / .65)}.bbba-compare[data-orientation="vertical"] .bbba-handle:before,.bbba-compare[data-orientation="vertical"] .bbba-handle:after{display:none}.bbba-compare[data-orientation="vertical"] .bbba-handle{width:56px;height:40px}.bbba-compare .bbba-label{position:absolute;top:14px;padding:6px 10px;font-size:12px;line-height:1;border-radius:999px;background:rgb(0 0 0 / .55);color:#fff;letter-spacing:.2px}.bbba-compare .bbba-label-before{left:14px}.bbba-compare .bbba-label-after{right:14px}.bbba-compare[data-show-labels="no"] .bbba-label{display:none}@media (hover:none){.bbba-compare{touch-action:pan-y}.bbba-compare[data-orientation="vertical"]{touch-action:pan-x}}