/* Progressive enhancement: keep the existing pair visible if JS is unavailable. */
.ba-pair.is-comparison{--ba-position:50%;display:block;position:relative;isolation:isolate;overflow:hidden;cursor:ew-resize;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.ba-pair.is-comparison .ba-pane{position:absolute;inset:0;width:100%;height:100%;border:0}
.ba-pair.is-comparison .ba-pane:first-child{z-index:1;clip-path:inset(0 calc(100% - var(--ba-position)) 0 0)}
.ba-pair.is-comparison .ba-pane:nth-child(2){z-index:0}
.ba-pair.is-comparison .ba-pane:nth-child(2) figcaption{left:auto;right:14px}
.ba-pair.is-comparison .ba-pane img{transform:none!important;transition:none!important;pointer-events:none}
.ba-pair.is-comparison .ba-pane figcaption{font-size:12px;letter-spacing:.08em;pointer-events:none}
.ba-divider{position:absolute;z-index:2;left:var(--ba-position);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 3px #0008;pointer-events:none}
.ba-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:8px;width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:var(--carbon,#101214);color:#fff;box-shadow:0 2px 10px #0004}
.ba-grip::before,.ba-grip::after{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.ba-grip::before{transform:rotate(-135deg)}
.ba-grip::after{transform:rotate(45deg)}
.ba-pair.is-comparison:focus-visible{outline:3px solid var(--azure,#007caf);outline-offset:-3px}
.ba-pair.is-comparison:focus-visible .ba-grip{background:var(--azure-deep,#00628a)}
.ba-hint{margin:12px 0 0;color:var(--steel,#555);font-size:14px;line-height:1.5}
.ba-hint[hidden]{display:none}
@media(max-width:640px){.ba-pair.is-comparison .ba-pane figcaption{top:10px;left:10px}.ba-pair.is-comparison .ba-pane:nth-child(2) figcaption{left:auto;right:10px}}