/*! [components/image-compare-slider] image-compare-slider.css */.image-compare-slider{--position:70%;position:relative;overflow:hidden;--margin:calc((var(--line-height-p) - 1) / 2 * 1em);margin:calc(var(--margin) + var(--line-height-p) * 1em) 0}.compare-image-container{--aspect-ratio:16/9;aspect-ratio:var(--aspect-ratio);width:100%;height:auto}@media (max-width:1280px){.compare-image-container{--aspect-ratio:4/3}}@supports not (aspect-ratio:16 / 9){.compare-image-container{height:0;padding-top:56.25%}@media (max-width:1280px){.compare-image-container{padding-top:75%}}}.compare-image-container .slider-image{overflow:hidden;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}.compare-image-container .image-before{z-index:2;width:var(--position)}.compare-image-container img{position:absolute;left:0;top:0;aspect-ratio:var(--aspect-ratio);max-width:initial;width:auto;height:100%;-o-object-fit:cover;object-fit:cover}.compare-image-container .image-after::before,.compare-image-container .image-before::before{position:absolute;z-index:1;top:1em;padding:1em;background:rgb(0 0 0 / .5);border-radius:.25em;line-height:1;font-weight:700;font-size:max(12px,75%);color:#fff}.compare-image-container .image-before::before{content:'Before';left:1em}.compare-image-container .image-after::before{content:'After';right:1em}.image-compare-slider .slider{cursor:pointer;position:absolute;z-index:7;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer}.image-compare-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;width:60px;height:80px;border-radius:0;opacity:0}.image-compare-slider .slider:focus-visible~.slider-button{outline:5px solid #000;outline-offset:3px}.image-compare-slider .slider-line{pointer-events:none;position:absolute;z-index:3;left:var(--position);top:0;right:0;bottom:0;width:3px;height:100%;background-color:#fff;-webkit-box-shadow:1px 1px 1px hsl(0,50%,2%,.5);box-shadow:1px 1px 1px hsl(0,50%,2%,.5);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.image-compare-slider .slider-button{pointer-events:none;position:absolute;z-index:4;top:50%;left:var(--position);display:-ms-grid;display:grid;place-items:center;padding:.5rem;background-color:#fff;border-radius:100vw;-webkit-box-shadow:1px 1px 1px hsl(0,50%,2%,.5);box-shadow:1px 1px 1px hsl(0,50%,2%,.5);color:rgb(var(--color-text-link-rgb));-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}