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