.compare-slider__surface{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (pointer:fine){.compare-slider__surface{cursor:ew-resize}}.compare-slider__line{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 .5px #0000001f,0 0 6px #0000001f}.compare-slider__chip{transform:scale(calc(1/var(--scene-scale,1)));position:absolute;bottom:16px}.compare-slider__chip--before{transform-origin:0 100%;left:16px}.compare-slider__chip--after{transform-origin:100% 100%;right:16px}.ao-scene-controls>.compare-slider__track{pointer-events:none}.compare-slider__grip{width:40px;height:40px;box-shadow:var(--shadow-float);color:var(--color-neutral-700);pointer-events:auto;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:color var(--duration-moderate)var(--ease-hover);background:#fff;border-radius:9999px;justify-content:center;align-items:center;margin-top:-20px;display:flex;position:absolute;top:50%;left:-20px}.compare-slider__grip:before{--grip-hit:max(44px,calc(44px/var(--scene-scale,1)));content:"";width:var(--grip-hit);height:var(--grip-hit);margin:calc(var(--grip-hit)/-2)0 0 calc(var(--grip-hit)/-2);border-radius:9999px;position:absolute;top:50%;left:50%}.compare-slider__grip:focus-visible{outline-width:calc(2px/var(--scene-scale,1));outline-offset:calc(2px/var(--scene-scale,1))}@media (pointer:fine){.compare-slider__grip{cursor:ew-resize}.compare-slider__grip:hover{color:var(--color-neutral-900)}}