.image-compare{width:100%}.image-compare img{border-radius:10px;width:100%}.image-compare .img-comparison-slider{--divider-width:3px;--divider-color:var(--ast-color-primary);--divider-shadow:2px 4px 8px 0px rgba(0,0,0,.4);-webkit-focus-ring-color:var(--ast-color-primary);border-radius:10px;overflow:hidden}.image-compare .img-comparison-slider:focus{outline:none}.image-compare .img-comparison-slider:hover .image-compare-handle svg{transform:scale(1.1)}.image-compare .img-comparison-slider .after figcaption,.image-compare .img-comparison-slider .before figcaption{background:#fff;border:1px solid silver;border-radius:12px;color:#2e3452;line-height:100%;opacity:.8;padding:7px;position:absolute;top:50%;transform:translateY(-50%)}.image-compare .img-comparison-slider .before figcaption{left:12px}.image-compare .img-comparison-slider .after figcaption{right:12px}.image-compare svg stop{stop-color:var(--ast-color-primary)}