@property --pos{syntax:"<percentage>";inherits:true;initial-value:50%}.ba{--pos:50%;position:relative;overflow:hidden;border-radius:18px;background:#262626;cursor:ew-resize;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y;isolation:isolate}.ba-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.ba-img--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba-tag{position:absolute;top:12px;padding:.3rem .7rem;border-radius:9999px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em;pointer-events:none}.ba-tag--before{left:12px}.ba-tag--after{right:12px;background:rgba(255,215,0,.92);color:#1a1a1a}.ba-divider{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;translate:-1.5px 0;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 18px rgba(0,0,0,.35);pointer-events:none}.ba-grip{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:2px;width:48px;height:48px;translate:-50% -50%;scale:1;border-radius:9999px;background:#ffd700;color:#1a1a1a;font-size:15px;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:scale .2s ease}.ba-grip .icon{stroke-width:2.5}.ba.is-dragging .ba-grip{scale:1.12}.ba-range{position:absolute;inset:auto 0 0 0;width:100%;height:1px;opacity:0;pointer-events:none}.ba:has(.ba-range:focus-visible) .ba-grip{outline:3px solid #1a1a1a;outline-offset:3px}@media (prefers-reduced-motion:no-preference){.ba--hint{animation:ba-hint 1.6s ease-in-out 1}}@keyframes ba-hint{0%{--pos:50%}35%{--pos:26%}70%{--pos:72%}to{--pos:50%}}.ba-feature{display:grid;gap:28px;align-items:center;margin-bottom:56px;padding:20px;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}@media (min-width:768px){.ba-feature{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;padding:28px}}.ba-feature .ba{max-width:460px;width:100%;margin-inline:auto}