.foai-compare-slider{margin:16px auto;width:100%;max-width:760px;min-width:0}
.foai-compare-stage{--foai-position:50%;position:relative;isolation:isolate;aspect-ratio:1;background:#e7ecdf;border-radius:18px;overflow:hidden;direction:ltr}
.foai-compare-stage>img,.foai-compare-before,.foai-compare-before>img{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:contain;border-radius:0!important;display:block;user-select:none}
.foai-compare-before{clip-path:inset(0 calc(100% - var(--foai-position)) 0 0)}
.foai-compare-line{position:absolute;left:var(--foai-position);top:0;bottom:0;width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 3px #183c32;pointer-events:none}
.foai-compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:#234e3e;color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 3px 12px #102b3550}
.foai-compare-label{position:absolute;top:14px;padding:5px 14px;border-radius:24px;background:#173e32e8;color:#fff;font-size:14px;pointer-events:none}.foai-compare-label-before{left:14px}.foai-compare-label-after{right:14px}
.foai-compare-stage>input[type=range]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:44px;margin:0!important;padding:0!important;opacity:0;cursor:ew-resize;direction:ltr;touch-action:pan-y;z-index:2}
.foai-compare-stage:focus-within{outline:3px solid #947020;outline-offset:4px}
.foai-compare-slider>figcaption{font-size:13px;text-align:center;line-height:1.9;margin:10px 0;color:var(--foai-muted,#526253)}