.baglide{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:0.75rem;touch-action:pan-y;cursor:ew-resize;user-select:none;}
.baglide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;}
.baglide__after{z-index:1;}
.baglide__before-wrap{position:absolute;inset:0;z-index:2;width:50%;overflow:hidden;border-right:2px solid #fff;}
.baglide__before-wrap img{max-width:none;}
.baglide__tag{position:absolute;top:0.6rem;z-index:3;font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.3rem 0.65rem;border-radius:999px;color:#fff;}
.baglide__tag--before{left:0.6rem;background:rgba(17,24,39,0.75);}
.baglide__tag--after{right:0.6rem;background:#15803d;}
.baglide__handle{position:absolute;top:0;bottom:0;left:50%;z-index:4;width:0;transform:translateX(-50%);pointer-events:none;}
.baglide__handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-50%);}
.baglide__grip{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.25);color:#16a34a;}
.baglide:focus-visible{outline:3px solid #16a34a;outline-offset:2px;}
.baglide__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5;}