.ba-container.ba-premium{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;isolation:isolate}.ba-container.ba-premium .ba-image{pointer-events:none;-webkit-user-drag:none}.ba-container.ba-framed{aspect-ratio:16/10;border-radius:6px;height:auto;box-shadow:0 0 0 1px #bb9d328c,0 24px 60px -24px #1f23308c}.ba-container.ba-framed:after{content:"";pointer-events:none;z-index:6;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff59,inset 0 -80px 80px -60px #1f233059}.ba-container.ba-premium .ba-handle{cursor:ew-resize;z-index:10;background:linear-gradient(#dab873,#bb9d32);outline:none;width:2px;margin-left:-1px;box-shadow:0 0 0 1px #1f233040,0 0 18px #00000059}.ba-container.ba-premium .ba-handle:before{content:"";position:absolute;inset:0 -22px}.ba-container.ba-premium .ba-handle-button{color:#dab873;background:#1f2330;border:1.5px solid #dab873;width:46px;height:46px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #0006}.ba-container.ba-premium.is-dragging .ba-handle-button{transform:translate(-50%,-50%)scale(1.08)}.ba-container.ba-premium .ba-handle:focus-visible .ba-handle-button{box-shadow:0 0 0 3px #fff,0 0 0 6px #bb9d32,0 8px 24px #0006}.ba-container.ba-premium:not(.is-touched) .ba-handle-button:after{content:"";pointer-events:none;border:1.5px solid #dab873;border-radius:50%;animation:2.4s ease-out infinite ba-pulse;position:absolute;inset:-2px}@keyframes ba-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.ba-container.ba-premium .ba-label{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;background:#1f2330b8;border:1px solid #dab8738c;border-radius:999px;padding:6px 14px;font-size:.72rem;font-weight:600;bottom:18px}.ba-container.ba-premium .ba-label-before{left:18px}.ba-container.ba-premium .ba-label-after{right:18px}@media (max-width:640px){.ba-container.ba-premium .ba-label{padding:5px 11px;font-size:.66rem;bottom:12px}.ba-container.ba-premium .ba-label-before{left:12px}.ba-container.ba-premium .ba-label-after{right:12px}.ba-container.ba-framed{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.ba-container.ba-premium .ba-handle-button,.ba-container.ba-premium:not(.is-touched) .ba-handle-button:after{transition:none;animation:none}}.ba-container.ba-framed>.ba-image{width:100%;height:100%;position:absolute;inset:0}.ba-container.ba-framed .ba-image img{object-fit:cover;width:100%;height:100%;display:block}
