@property --cmp-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.compare.svelte-fwmhws:focus-visible{outline:2px solid var(--cmp-c2);outline-offset:3px}.compare-beam.svelte-fwmhws{mix-blend-mode:screen}.compare-beam.svelte-fwmhws>span:where(.svelte-fwmhws){position:absolute;pointer-events:none}.compare-beam__glow.svelte-fwmhws{top:0;bottom:0;left:-70px;width:140px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--cmp-c1) 55%,transparent) 38%,var(--cmp-c2) 50%,color-mix(in srgb,var(--cmp-c3) 55%,transparent) 62%,transparent);-webkit-mask:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);filter:blur(18px);opacity:calc(.35 + var(--cmp-energy) * .55)}.compare-beam__trail.svelte-fwmhws{top:12%;bottom:12%;left:0;width:100px;transform-origin:left center;transform:scaleX(calc(var(--cmp-trail) / -100));background:linear-gradient(to right,#fff,var(--cmp-c2) 18%,color-mix(in srgb,var(--cmp-c3) 50%,transparent) 55%,transparent);-webkit-mask:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);filter:blur(6px);opacity:.75}.compare-beam__fringe.svelte-fwmhws{top:0;bottom:0;left:-4px;width:9px;background:linear-gradient(to right,var(--cmp-c1),transparent 45%,transparent 55%,var(--cmp-c3));-webkit-mask:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);filter:blur(1.5px);opacity:calc(.55 + var(--cmp-energy) * .45)}.compare-beam__core.svelte-fwmhws{top:0;bottom:0;left:-.75px;width:1.5px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--cmp-c2) 40%,#fff) 6%,#fff 30%,#fff 70%,color-mix(in srgb,var(--cmp-c2) 40%,#fff) 94%,transparent);box-shadow:0 0 6px .5px color-mix(in srgb,var(--cmp-c2) 80%,transparent)}.compare-beam__pulse.svelte-fwmhws{top:0;left:-1.5px;width:3px;height:26%;border-radius:999px;background:linear-gradient(to bottom,transparent,#fff 50%,transparent);filter:drop-shadow(0 0 4px var(--cmp-c2)) drop-shadow(0 0 10px var(--cmp-c1));opacity:0}@media(prefers-reduced-motion:no-preference){.compare-beam__pulse.svelte-fwmhws{animation:svelte-fwmhws-cmp-pulse 3.2s cubic-bezier(.45,0,.55,1) infinite}.compare-beam__pulse--late.svelte-fwmhws{animation-delay:-1.6s;animation-duration:3.2s}.compare[data-active].svelte-fwmhws .compare-beam__pulse:where(.svelte-fwmhws){animation-duration:1.6s}.compare[data-active].svelte-fwmhws .compare-beam__pulse--late:where(.svelte-fwmhws){animation-delay:-.8s}.compare-handle__ring.svelte-fwmhws{animation:svelte-fwmhws-cmp-spin 4s linear infinite}.compare[data-active].svelte-fwmhws .compare-handle__ring:where(.svelte-fwmhws){animation-duration:1.4s}}@keyframes svelte-fwmhws-cmp-pulse{0%{transform:translateY(-100%);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(385%);opacity:0}}.compare-handle.svelte-fwmhws{position:absolute;top:50%;left:0;z-index:30;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;transform:translate(-50%,-50%) scale(calc(1 + var(--cmp-energy) * .08));color:#fff;background:#ffffff1f;backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff2e,0 4px 16px #00000059,0 0 calc(8px + var(--cmp-energy) * 18px) color-mix(in srgb,var(--cmp-c2) 70%,transparent);cursor:inherit}.compare-handle.svelte-fwmhws svg:where(.svelte-fwmhws){filter:drop-shadow(0 1px 2px rgb(0 0 0 / .45))}.compare-handle__ring.svelte-fwmhws{position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--cmp-angle),transparent 0%,var(--cmp-c1) 18%,#fff 30%,var(--cmp-c3) 42%,transparent 58%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:calc(.45 + var(--cmp-energy) * .55)}@keyframes svelte-fwmhws-cmp-spin{to{--cmp-angle: 360deg}}