.image-slider{& .module__body{grid-column:1/-1}& .image-slider-wrapper{height:70dvh;position:relative}& figure,& picture{inset:0;pointer-events:none;position:absolute}& figcaption{background-color:var(--color-overlay);border-radius:2em;color:var(--color-white);font-style:normal;font-weight:700;left:2rem;margin:0;padding:var(--space-sm) var(--space-md);position:absolute;top:50%;transform:translateY(-50%)}& figure:nth-child(2){clip-path:inset(0 0 0 var(--slider-position));& figcaption{left:unset;right:2rem}}& .image-slider__control{inset:0;position:absolute;& .slider__input{height:100%;position:relative;width:100%;z-index:-1}& .slider__input,& .slider__input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:transparent}& .slider__handle{cursor:pointer;height:100%;left:var(--slider-position);top:0;transform:translate(-50%);width:.5rem}& .slider__handle,& .slider__handle:before{background-color:var(--color-white);position:absolute}& .slider__handle:before{border:.2rem solid transparent;border-radius:30rem;content:"";height:20%;left:50%;top:50%;transform:translate(-50%,-50%);transition:border .2s ease;width:2rem}& .slider__handle:hover:before{border-color:var(--color-primary)}}}