.comparison-slider{display:grid;place-content:center;position:relative;overflow:hidden;border-radius:1rem;--position:50%;}.comparison-slider .image-container{}.comparison-slider .slider-image{width:100%;height:100%;object-fit:cover;object-position:left;}.comparison-slider .image-before{position:absolute;inset:0;width:var(--position);border-top-left-radius:1rem;}.comparison-slider .slider{position:absolute;inset:0;cursor:pointer;opacity:0;width:100%;height:100%;}.comparison-slider .slider:focus-visible~.slider-button{outline:5px solid black;outline-offset:3px;}.comparison-slider .slider-line{position:absolute;inset:0;width:.2rem;height:100%;background-color:var(--color-primary-03);left:var(--position);transform:translateX(-50%);pointer-events:none;}.comparison-slider .slider-button{position:absolute;background-color:#fff;border:1px solid var(--color-primary-03);color:black;padding:8px;border-radius:50%;display:grid;place-items:center;top:50%;left:var(--position);transform:translate(-50%,-50%);pointer-events:none;box-shadow:1px 1px 1px hsl(0,50%,2%,.5);}