.oak-stone .os-comparison{--ring:var(--demo-cream);margin:0}.oak-stone .os-comparison-frame{aspect-ratio:1279/720;isolation:isolate;position:relative;overflow:hidden}.oak-stone .os-comparison-frame img{aspect-ratio:auto;object-fit:cover;object-position:50% 50%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.oak-stone .os-comparison-label{background:var(--demo-cream);color:var(--demo-forest);z-index:2;pointer-events:none;padding:7px 12px;font-size:11px;font-weight:700;position:absolute;top:16px}.oak-stone .os-comparison-before{left:16px}.oak-stone .os-comparison-after{right:16px}.oak-stone .os-comparison-divider{background:var(--demo-cream);pointer-events:none;z-index:1;width:2px;position:absolute;inset-block:0;transform:translate(-50%)}.oak-stone .os-comparison-handle{border:2px solid var(--demo-cream);background:var(--demo-forest);width:44px;height:44px;color:var(--demo-cream);border-radius:50%;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.oak-stone .os-comparison-handle svg{width:17px;height:17px}.oak-stone .os-comparison-range{z-index:3;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.oak-stone .os-comparison-frame:focus-within{outline:3px solid var(--demo-cream);outline-offset:5px}.oak-stone .os-comparison-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-top:18px;font-size:12px;line-height:1.7;display:flex}.oak-stone .os-comparison-caption label{font-weight:500}@media (width<=600px){.oak-stone .os-comparison-label{padding:5px 8px;font-size:10px;top:10px}.oak-stone .os-comparison-before{left:10px}.oak-stone .os-comparison-after{right:10px}.oak-stone .os-comparison-caption{gap:8px}}