.motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;border:1px solid currentColor;border-radius:100px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.motion-toggle[hidden]{display:none}.motion-static{visibility:hidden}.comparison{position:relative;overflow:hidden;isolation:isolate;background:#e4e9dc}.comparison>img,.comparison-before,.comparison-before>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1;pointer-events:none}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;z-index:3;pointer-events:none;transform:translateX(-50%)}.compare-line>span{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;color:#182219;border-radius:50%;font:23px/1 system-ui}.compare-range{position:absolute;inset:0;z-index:4;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize;touch-action:pan-y}.comparison:has(:focus-visible){outline:3px solid var(--focus,#a73716);outline-offset:5px}.compare-label{position:absolute;bottom:18px;padding:8px 13px;background:#151b17e8;color:#fff;font:12px/1.4 system-ui;z-index:2;pointer-events:none}.before-label{left:18px}.after-label{right:18px}

/* Keep the split comparison's two fictional pages inside their own reveal panes. */
.ba-compare .comparison-before{width:var(--split);clip-path:none;overflow:hidden}
.ba-compare .comparison-before>.ba-before{width:100cqw}
@media(max-width:767px){.compare-label{font-size:9px;padding:7px;bottom:12px}.before-label{left:10px}.after-label{right:10px}}