.bu-ba{display:block;max-width:100%}.bu-ba__frame{--bu-ba-pos:50%;position:relative;overflow:hidden;width:100%;max-width:var(--bu-ba-maxw,100%);margin-inline:auto;aspect-ratio:16 / 9;background:#e5e7eb;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}.bu-ba__frame--vertical{touch-action:pan-x;cursor:ns-resize}.bu-ba__frame:focus-visible{outline:2px solid #2563eb;outline-offset:3px}.bu-ba__layer{position:absolute;inset:0}.bu-ba__img,.bu-ba__ph{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.bu-ba__ph--before{background:linear-gradient(135deg,#94a3b8,#64748b)}.bu-ba__ph--after{background:linear-gradient(135deg,#a7f3d0,#34d399)}.bu-ba__layer--before{clip-path:inset(0 calc(100% - var(--bu-ba-pos)) 0 0)}.bu-ba__frame--vertical .bu-ba__layer--before{clip-path:inset(0 0 calc(100% - var(--bu-ba-pos)) 0)}.bu-ba__handle{position:absolute;z-index:3;pointer-events:none}.bu-ba__frame--horizontal .bu-ba__handle{top:0;bottom:0;left:var(--bu-ba-pos);width:0}.bu-ba__frame--vertical .bu-ba__handle{left:0;right:0;top:var(--bu-ba-pos);height:0}.bu-ba__line{position:absolute;background:var(--bu-ba-line,#fff);box-shadow:0 0 0 1px rgba(0,0,0,0.08)}.bu-ba__frame--horizontal .bu-ba__line{top:0;bottom:0;left:calc(var(--bu-ba-line-w, 3px) / -2);width:var(--bu-ba-line-w,3px)}.bu-ba__frame--vertical .bu-ba__line{left:0;right:0;top:calc(var(--bu-ba-line-w, 3px) / -2);height:var(--bu-ba-line-w,3px)}.bu-ba__knob{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--bu-ba-knob,44px);height:var(--bu-ba-knob,44px);background:var(--bu-ba-knob-bg,#fff);color:var(--bu-ba-knob-fg,#111827);border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,0.3)}.bu-ba__knob svg{width:55%;height:55%}.bu-ba__frame--horizontal .bu-ba__knob{top:50%;left:0;transform:translate(-50%,-50%)}.bu-ba__frame--vertical .bu-ba__knob{left:50%;top:0;transform:translate(-50%,-50%) rotate(90deg)}.bu-ba__frame--knob-square .bu-ba__knob{border-radius:10px}.bu-ba__frame--knob-line .bu-ba__knob{display:none}.bu-ba__label{position:absolute;z-index:2;padding:6px 12px;font-size:13px;line-height:1.2;color:#fff;background:var(--bu-ba-label-bg,rgba(0,0,0,0.55));border-radius:var(--bu-ba-label-radius,6px);pointer-events:none;transition:opacity 0.25s ease}.bu-ba__frame--horizontal .bu-ba__label--before{left:var(--bu-ba-offset,16px)}.bu-ba__frame--horizontal .bu-ba__label--after{right:var(--bu-ba-offset,16px)}.bu-ba__frame--horizontal.bu-ba__frame--lbl-top .bu-ba__label{top:var(--bu-ba-offset,16px)}.bu-ba__frame--horizontal.bu-ba__frame--lbl-bottom .bu-ba__label{bottom:var(--bu-ba-offset,16px)}.bu-ba__frame--vertical .bu-ba__label{left:var(--bu-ba-offset,16px)}.bu-ba__frame--vertical .bu-ba__label--before{top:var(--bu-ba-offset,16px)}.bu-ba__frame--vertical .bu-ba__label--after{bottom:var(--bu-ba-offset,16px)}.bu-ba__frame--lbl-hover .bu-ba__label{opacity:0}.bu-ba__frame--lbl-hover:hover .bu-ba__label,.bu-ba__frame--lbl-hover:focus-visible .bu-ba__label,.bu-ba__frame--lbl-hover.is-dragging .bu-ba__label{opacity:1}.bu-ba__frame.is-smooth .bu-ba__layer--before{transition:clip-path 0.6s ease}.bu-ba__frame.is-smooth .bu-ba__handle{transition:left 0.6s ease,top 0.6s ease}@media (prefers-reduced-motion:reduce){.bu-ba__frame.is-smooth .bu-ba__layer--before,.bu-ba__frame.is-smooth .bu-ba__handle{transition:none}}.bde-f-svg-icon2{display:inline-flex;--bde-f-icon-size:1em;justify-content:center;align-items:center;width:var(--bde-f-icon-size);height:var(--bde-f-icon-size)}.bde-f-svg-icon2>svg{width:100%;height:100%;object-fit:contain}.bde-f-svg-icon2>svg:where(:not([fill])){fill:currentColor}