.ba-wrap{width:100%}.ba-caption{margin:1rem 0 0;text-align:center;color:var(--foreground-300);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em}.ba-card{--thumb-w:3em;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#111;user-select:none;box-shadow:0 1px 2px rgba(20,14,8,.1),0 4px 8px rgba(20,14,8,.1),0 12px 22px rgba(20,14,8,.13),0 28px 48px rgba(20,14,8,.16),0 60px 100px rgba(20,14,8,.2)}.ba-img{z-index:1;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ba-before,.ba-img{position:absolute;inset:0}.ba-before{z-index:2;clip-path:inset(0 calc((100 - var(--k)) * 1%) 0 0);will-change:clip-path}.ba-before .ba-img{z-index:auto}.ba-card:after,.ba-card:before{position:absolute;top:0;z-index:5;margin:.9em;padding:5px 11px;border-radius:999px;background:rgba(10,10,12,.62);color:#fff;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease}.ba-card:before{left:0;content:attr(data-before)}.ba-card:after{right:0;content:attr(data-after)}.ba-card:focus-within:after,.ba-card:focus-within:before,.ba-card:hover:after,.ba-card:hover:before{opacity:1}.ba-vhandle{left:calc(var(--k) * 1%);z-index:3;display:flex;align-items:center;justify-content:center;transform:translateX(-50%);pointer-events:none}.ba-vhandle,.ba-vhandle:before{position:absolute;top:0;bottom:0}.ba-vhandle:before{content:"";width:2px;background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(0,0,0,.12)}.ba-knob{position:relative;width:44px;height:44px;border-radius:999px;background:#ea0000;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28)}.ba-range{position:absolute;top:0;left:calc(-.5 * var(--thumb-w));z-index:4;width:calc(100% + var(--thumb-w));height:100%;margin:0;background:none;cursor:ew-resize;-webkit-appearance:none;appearance:none}.ba-range:focus{outline:none}.ba-range:focus-visible~.ba-vhandle .ba-knob{box-shadow:0 0 0 3px #fff,0 6px 18px rgba(0,0,0,.28)}.ba-range::-webkit-slider-runnable-track{-webkit-appearance:none;height:100%;background:none}.ba-range::-moz-range-track{height:100%;background:none;border:none}.ba-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb-w);height:100%;background:transparent;border:none;cursor:ew-resize}.ba-range::-moz-range-thumb{width:var(--thumb-w);height:100%;background:transparent;border:none;cursor:ew-resize}