.ba{background:var(--c-rule-soft);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;border-radius:12px;width:100%;position:relative;overflow:hidden}.ba__img{object-fit:cover;width:100%;height:100%;display:block}.ba__img--voor{will-change:clip-path;position:absolute;inset:0}.ba__label{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;pointer-events:none;z-index:2;background:#0e0e10b8;border-radius:999px;margin:0;padding:5px 12px;font-size:11px;font-weight:600;position:absolute;top:12px}.ba__label--voor{left:12px}.ba__label--na{background:var(--c-accent);color:var(--c-on-accent);right:12px}.ba__divider{pointer-events:none;z-index:3;background:#ffffffeb;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #0e0e102e}.ba__knob{width:40px;height:40px;color:var(--c-ink);background:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0e0e1047}.ba__range{pointer-events:none;appearance:none;z-index:4;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.ba__range::-webkit-slider-thumb{appearance:none;cursor:ew-resize;background:0 0;width:44px;height:44px}.ba__range::-moz-range-thumb{cursor:ew-resize;background:0 0;border:none;width:44px;height:44px}.ba__range::-webkit-slider-runnable-track{background:0 0;border:none}.ba__range::-moz-range-track{background:0 0;border:none}.ba__range:focus{outline:none}.ba:focus-within .ba__knob{box-shadow:0 2px 10px #0e0e1047, 0 0 0 3px var(--c-accent)}@media (prefers-reduced-motion:no-preference){.ba:not([data-dragging]) .ba__img--voor,.ba:not([data-dragging]) .ba__divider{transition:clip-path .12s,left .12s}}