.ba__frame[data-v-2fb230f1]{border:1px solid var(--kl-border-strong);border-radius:var(--kl-radius-md);background:var(--kl-white);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.ba__shot[data-v-2fb230f1]{margin:0;position:absolute;inset:0}.ba__shot img[data-v-2fb230f1]{-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top;pointer-events:none;width:100%;height:100%;display:block}.ba__shot--before[data-v-2fb230f1]{z-index:1;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba__shot--before img[data-v-2fb230f1]{filter:saturate(.6)}.ba__tag[data-v-2fb230f1]{bottom:var(--kl-space-3);border-radius:var(--kl-radius-pill);font-family:var(--kl-font-mono);text-transform:uppercase;letter-spacing:var(--kl-track-label);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 10px;font-size:10px;position:absolute}.ba__tag--before[data-v-2fb230f1]{left:var(--kl-space-3);color:var(--kl-danger-fg);background:#161616d1}.ba__tag--after[data-v-2fb230f1]{right:var(--kl-space-3);color:var(--kl-green-300);background:#161616d1}.ba__handle[data-v-2fb230f1]{z-index:2;top:0;bottom:0;left:var(--pos);background:var(--kl-green);outline:none;width:2px;position:absolute;translate:-1px}.ba__knob[data-v-2fb230f1]{border:2px solid var(--kl-green);background:var(--kl-black);width:44px;height:44px;color:var(--kl-green-300);transition:scale var(--kl-dur) var(--kl-ease),box-shadow var(--kl-dur) var(--kl-ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 8px 20px #00000059}.ba__frame--dragging .ba__knob[data-v-2fb230f1],.ba__handle:focus-visible .ba__knob[data-v-2fb230f1]{scale:1.12;box-shadow:0 0 0 6px #00c15729,0 8px 20px #00000059}html:not(.kl-motion) .ba__frame[data-v-2fb230f1]{gap:var(--kl-space-3);box-shadow:none;cursor:auto;background:0 0;border:0;display:grid;overflow:visible;aspect-ratio:auto!important}html:not(.kl-motion) .ba__shot[data-v-2fb230f1]{clip-path:none;border-radius:var(--kl-radius-md);position:relative;overflow:hidden}html:not(.kl-motion) .ba__shot img[data-v-2fb230f1]{height:auto}html:not(.kl-motion) .ba__handle[data-v-2fb230f1]{display:none}@media (width>=900px){html:not(.kl-motion) .ba__frame[data-v-2fb230f1]{grid-template-columns:1fr 1fr}}