.hv-ba-slider{--hv-ba-height:auto;position:relative;width:100%;max-width:100%;margin:1.5rem 0;overflow:hidden;border-radius:14px;background:#111;box-shadow:0 12px 30px rgb(0 0 0 / .18)}.hv-ba-image-wrap{position:relative;width:100%;height:var(--hv-ba-height);overflow:hidden;user-select:none;touch-action:pan-y}.hv-ba-image{display:block;width:100%;height:var(--hv-ba-height);object-fit:cover;pointer-events:none}.hv-ba-before{position:relative;z-index:1}.hv-ba-after-wrap{position:absolute;inset:0 auto 0 0;z-index:2;overflow:hidden;height:100%}.hv-ba-after{width:100%;max-width:none;height:100%}.hv-ba-label{position:absolute;top:14px;z-index:4;padding:6px 10px;border-radius:999px;background:rgb(0 0 0 / .58);color:#fff;font-size:13px;line-height:1;font-weight:700;letter-spacing:.02em}.hv-ba-label-before{left:14px}.hv-ba-label-after{right:14px}.hv-ba-handle{position:absolute;top:0;bottom:0;z-index:5;width:46px;transform:translateX(-50%);border:0;background:#fff0;cursor:ew-resize;padding:0}.hv-ba-handle::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 12px rgb(0 0 0 / .45)}.hv-ba-handle span{position:absolute;top:50%;left:50%;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 4px 14px rgb(0 0 0 / .35)}.hv-ba-handle span::before,.hv-ba-handle span::after{content:'';position:absolute;top:50%;width:0;height:0;transform:translateY(-50%);border-top:7px solid #fff0;border-bottom:7px solid #fff0}.hv-ba-handle span::before{left:9px;border-right:8px solid #111}.hv-ba-handle span::after{right:9px;border-left:8px solid #111}.hv-ba-handle:focus-visible span{outline:3px solid #2271b1;outline-offset:3px}