.opm-ba{--opm-pos:50%;--opm-handle:#d62828;--opm-icon:#ffffff;--opm-divider:#ffffff;position:relative;overflow:hidden;line-height:0;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.opm-ba__after{height:100%}.opm-ba .opm-ba__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;pointer-events:none;-webkit-user-drag:none}.opm-ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--opm-pos)) 0 0)}.opm-ba__divider{position:absolute;top:0;bottom:0;left:var(--opm-pos);width:2px;transform:translateX(-50%);background:var(--opm-divider);pointer-events:none}.opm-ba__handle{position:absolute;top:50%;left:var(--opm-pos);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:2px;width:44px;height:44px;border-radius:50%;background:var(--opm-handle);color:var(--opm-icon);font-size:14px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.3)}.opm-ba__handle:focus-visible{outline:2px solid var(--opm-divider);outline-offset:3px}.opm-ba__handle i,.opm-ba__handle svg{color:var(--opm-icon);fill:var(--opm-icon);width:1em;height:1em}