[data-sig="pool-comparison"]{padding:var(--space) var(--edge);max-width:calc(var(--wrap) + var(--edge)*2);margin:0 auto}[data-sig="pool-comparison"]{border-bottom:1px solid var(--line)}[data-sig="pool-comparison"] h2{max-width:24ch;margin-bottom:24px}[data-sig="pool-comparison"]>p{max-width:54ch;font-size:15px;margin-bottom:40px}[data-sig="pool-comparison"] .compare-scene{position:relative;overflow:hidden;aspect-ratio:1.8;border-radius:var(--radius);--split:50%}[data-sig="pool-comparison"] .compare-scene>img{height:100%;width:100%;object-fit:cover}[data-sig="pool-comparison"] .compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}[data-sig="pool-comparison"] .compare-before img{height:100%;width:100%;object-fit:cover}[data-sig="pool-comparison"] .before-label,[data-sig="pool-comparison"] .after-label{position:absolute;top:24px;border-radius:100px;padding:8px 20px;background:var(--paper);font-size:12px}[data-sig="pool-comparison"] .before-label{left:24px}[data-sig="pool-comparison"] .after-label{right:24px}[data-sig="pool-comparison"] .compare-handle{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--paper);pointer-events:none}[data-sig="pool-comparison"] .compare-handle:before{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:20px}[data-sig="pool-comparison"] .compare-handle{font-size:0}[data-sig="pool-comparison"] .slider-label{display:flex;gap:32px;align-items:center;margin-top:24px;font-size:12px}[data-sig="pool-comparison"] input{flex:1;min-width:0;min-height:44px;accent-color:var(--ink);cursor:ew-resize}[data-sig="pool-comparison"]>p.small{font-size:11px;margin:16px 0 0}@media(max-width:700px){[data-sig="pool-comparison"] h2{font-size:32px}[data-sig="pool-comparison"]>p{font-size:14px;margin-bottom:24px}[data-sig="pool-comparison"] .compare-scene{aspect-ratio:1; border-radius:20px}[data-sig="pool-comparison"] .before-label,[data-sig="pool-comparison"] .after-label{font-size:10px;top:16px;padding:6px 12px}[data-sig="pool-comparison"] .before-label{left:16px}[data-sig="pool-comparison"] .after-label{right:16px}[data-sig="pool-comparison"] .slider-label{flex-direction:column;gap:4px;align-items:stretch;font-size:11px;margin-top:16px}}