.svelte-compare-image-container.svelte-1vcbasz{box-sizing:border-box;width:100%;height:var(--container-height);position:relative;overflow:hidden}.svelte-compare-image-container.svelte-1vcbasz:focus-within{outline:4px auto #3b99fcb3;outline:auto 4px -moz-mac-focusring;outline:auto 4px -webkit-focus-ring-color}img.svelte-1vcbasz{object-fit:cover;width:100%;height:100%;display:block;position:absolute}.left-img.svelte-1vcbasz{clip:rect(auto, calc(var(--container-width) * var(--slider-position)), auto, auto)}.right-img.svelte-1vcbasz{clip:rect(auto, auto, auto, calc(var(--container-width) * var(--slider-position)))}.slider.svelte-1vcbasz{height:100%;width:var(--handle-size);cursor:ew-resize;left:calc(var(--container-width) * var(--slider-position) - var(--handle-size,2.5rem) / 2);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0}.slider.svelte-1vcbasz:focus{outline:none}.line.svelte-1vcbasz{background:var(--slider-color,#fff);height:100%;width:var(--slider-width,.125rem);flex:0 auto;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.handle.svelte-1vcbasz{box-sizing:border-box;border:var(--slider-width,.125rem) solid var(--slider-color,#fff);height:var(--handle-size,2.5rem);width:var(--handle-size,2.5rem);border-radius:100%;flex:1 0 auto;justify-content:center;align-items:center;display:flex;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.handle.svelte-1vcbasz:before{content:"";border:inset calc(var(--handle-size,2.5rem) * .15) #0000;border-right:calc(var(--handle-size,2.5rem) * .15) solid var(--slider-color,#fff);height:0;margin-right:calc(var(--handle-size,2.5rem) * .25);width:0}.handle.svelte-1vcbasz:after{content:"";border:inset calc(var(--handle-size,2.5rem) * .15) #0000;border-left:calc(var(--handle-size,2.5rem) * .15) solid var(--slider-color,#fff);width:0;height:0}