.svelte-compare-image-container.svelte-18jsxy4{--knob-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23121921" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5.5 4L2 8l3.5 4M10.5 4L14 8l-3.5 4"/></svg>');--knob-shadow: 0 0 0 3px rgb(206 163 95 / .9), 0 6px 20px rgb(0 0 0 / .28);box-sizing:border-box;position:relative;overflow:hidden;width:100%;padding-bottom:calc(100% / var(--aspect-ratio));-webkit-user-select:none;user-select:none}.svelte-compare-image-container[data-fill].svelte-18jsxy4{height:100%;padding-bottom:0}.image-wrapper.svelte-18jsxy4,.image-label-container.svelte-18jsxy4{position:absolute;top:0;right:0;bottom:0;left:0}.left-container.svelte-18jsxy4{clip-path:inset(0 calc(100% - var(--slider-position)) 0 0)}.right-container.svelte-18jsxy4{clip-path:inset(0 0 0 var(--slider-position))}img.svelte-18jsxy4{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;margin:0}.label.svelte-18jsxy4{position:absolute;bottom:14px;padding:6px 10px;background-color:var(--tag-glass);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);color:#fff;font-size:.78125rem;font-weight:500;line-height:1;border-radius:10px;z-index:5;pointer-events:none}.before-label.svelte-18jsxy4{left:14px}.after-label.svelte-18jsxy4{right:14px}[data-labels=top].svelte-18jsxy4 .label:where(.svelte-18jsxy4){top:14px;bottom:auto}[data-labels=rule].svelte-18jsxy4 .label:where(.svelte-18jsxy4){bottom:26px}[data-labels=rule].svelte-18jsxy4 .before-label:where(.svelte-18jsxy4){left:auto;right:calc(100% - var(--slider-position) + 12px)}[data-labels=rule].svelte-18jsxy4 .after-label:where(.svelte-18jsxy4){right:auto;left:calc(var(--slider-position) + 12px)}input[type=range].svelte-18jsxy4:focus-visible{--knob-shadow: 0 0 0 3px var(--brand-brass), 0 0 0 6px #fff, 0 0 0 9px var(--brand-prussian), 0 6px 20px rgb(0 0 0 / .28)}.visually-hidden.svelte-18jsxy4{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}label.svelte-18jsxy4{position:absolute;display:flex;align-items:stretch;top:0;right:0;bottom:0;left:0}label.svelte-18jsxy4:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--slider-position) - var(--slider-width, 2px) / 2);width:var(--slider-width, 2px);background:var(--slider-color, #ffffff);-webkit-mask-image:var(--rule-mask, none);mask-image:var(--rule-mask, none);pointer-events:none}input[type=range].svelte-18jsxy4{position:relative;cursor:col-resize;margin:0 0 0 calc(var(--handle-size, 2.75rem) / -2);width:calc(100% + var(--handle-size, 2.75rem));height:var(--compare-hit-height, 100%);align-self:flex-start;touch-action:pan-y;outline:none;padding:0;border-radius:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;z-index:10}input[type=range].svelte-18jsxy4::-moz-range-thumb{background:#fff var(--knob-icon) center / 16px 16px no-repeat;border:0;border-radius:50%;box-shadow:var(--knob-shadow);width:var(--handle-size, 2.75rem);height:var(--handle-size, 2.75rem)}input[type=range].svelte-18jsxy4::-webkit-slider-thumb{-webkit-appearance:none;background:#fff var(--knob-icon) center / 16px 16px no-repeat;border:0;border-radius:50%;box-shadow:var(--knob-shadow);width:var(--handle-size, 2.75rem);height:var(--handle-size, 2.75rem)}