.comparison.svelte-547x8i{--handle-size: 40px;--handle-color: var(--cmp-handle, #fff);--handle-shadow: 0 0 6px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .15);--divider-color: var(--cmp-divider, #fff);--divider-width: var(--width-divider, 2px);--label-bg: var(--cmp-label-bg, rgba(0, 0, 0, .55));--label-color: var(--cmp-label-text, #fff);--label-padding: var(--padding-label, 4px 10px);--label-radius: var(--radius-md, 4px);--label-font-size: var(--text-sm, .8125rem);--_radius: min(var(--cmp-radius, var(--radius-xl, 20px)), var(--radius-cap, 40px));position:relative;overflow:hidden;border-radius:var(--_radius);@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--_radius) * var(--squircle-ratio, 2))}touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize;&.vertical{cursor:ns-resize}&.dragging{cursor:grabbing}&.overflowing{overflow:visible}&.skeleton{cursor:default;touch-action:auto;user-select:auto}}.skeleton-inner.svelte-547x8i{width:100%;min-height:200px;aspect-ratio:var(--cmp-aspect, 16 / 9);border-radius:var(--_radius);@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--_radius) * var(--squircle-ratio, 2))}background-color:var(--skeleton-bg, rgb(from var(--color-text, #888) r g b / .1));position:relative;overflow:hidden}.skeleton-inner.svelte-547x8i:after{content:"";position:absolute;inset:0;z-index:1;transform:translate(-100%);background-image:linear-gradient(105deg,transparent 25%,var(--skeleton-sheen, rgb(from var(--color-text, #888) r g b / .12)) 50%,transparent 75%);animation:delight-skeleton-shimmer var(--skeleton-duration, 2.4s) ease-in-out infinite}@keyframes delight-skeleton-shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}.skeleton-divider.svelte-547x8i{position:absolute;top:0;bottom:0;left:50%;width:var(--divider-width);transform:translate(-50%);background:var(--divider-color);opacity:.55;.vertical:where(.svelte-547x8i) &{inset:50% 0 auto;width:auto;height:var(--divider-width);transform:translateY(-50%)}}.skeleton-handle.svelte-547x8i{position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--handle-size);height:var(--handle-size);border-radius:var(--radius-full, 9999px);background:var(--handle-color);box-shadow:var(--handle-shadow);opacity:.75;animation:svelte-547x8i-comparison-handle-breathe 2.4s ease-in-out infinite}@keyframes svelte-547x8i-comparison-handle-breathe{50%{scale:1.08}}.skeleton-label.svelte-547x8i{position:absolute;z-index:2;width:4.5em;height:calc(1em + 8px);font-size:var(--label-font-size);border-radius:var(--label-radius);background:var(--label-bg);opacity:.45}@media(prefers-reduced-motion:reduce){.skeleton-inner.svelte-547x8i:after,.skeleton-handle.svelte-547x8i{animation:none}}img.svelte-547x8i{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--_radius);@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--_radius) * var(--squircle-ratio, 2))}&.before{position:relative}&.after{position:absolute;inset:0;transition:clip-path .3s cubic-bezier(.34,1.56,.64,1);.dragging:where(.svelte-547x8i) &{transition:none}}}.label.svelte-547x8i{position:absolute;padding:var(--label-padding);background:var(--label-bg);color:var(--label-color);font-size:var(--label-font-size);font-weight:500;border-radius:var(--label-radius);@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--label-radius) * var(--squircle-ratio, 2))}pointer-events:none;z-index:2;line-height:1}.label-before.svelte-547x8i{top:12px;left:12px}.label-after.svelte-547x8i{bottom:12px;right:12px}.divider.svelte-547x8i{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);&:before{content:"";position:absolute;background:var(--divider-color)}&:not(.vertical){width:0;transform:translate(var(--divider-overshoot, 0px));&:before{width:var(--divider-width);top:0;bottom:0;left:calc(var(--divider-width) / -2)}}&.vertical{height:0;transform:translateY(var(--divider-overshoot, 0px));&:before{height:var(--divider-width);left:0;right:0;top:calc(var(--divider-width) / -2)}}.dragging:where(.svelte-547x8i) &{transition:none}}.handle.svelte-547x8i{position:relative;width:var(--handle-size);height:var(--handle-size);border-radius:50%;background:color-mix(in oklch,var(--handle-color) 55%,transparent);box-shadow:var(--handle-shadow);display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:grab;flex-shrink:0;z-index:1;outline:none;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(255,255,255,.5);transition:box-shadow .15s ease,background .15s ease;&:hover{background:color-mix(in oklch,var(--handle-color) 70%,transparent);transition:box-shadow .15s ease}&:focus-visible{box-shadow:var(--handle-shadow),0 0 0 3px #3b82f680}.dragging:where(.svelte-547x8i) &{cursor:grabbing;background:color-mix(in oklch,var(--handle-color) 80%,transparent)}svg:where(.svelte-547x8i){width:20px;height:20px;color:#000000bf;pointer-events:none}}