@property --x{syntax: "<percentage>"; inherits: true; initial-value: 96%;}.skhero.svelte-5uxecv{background:#0f0c18}.slider.svelte-5uxecv{animation:svelte-5uxecv-intro 4.2s cubic-bezier(.8,0,.15,1) both,svelte-5uxecv-tour 13s cubic-bezier(.45,0,.55,1) 4.6s 1 forwards}@keyframes svelte-5uxecv-intro{0%,55%{--x: 96%}85%,to{--x: 2%}}@keyframes svelte-5uxecv-tour{0%,10%{--x: 2%}50%,58%{--x: 96%}to{--x: 2%}}.slider.svelte-5uxecv img:where(.svelte-5uxecv){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slider.svelte-5uxecv img.after:where(.svelte-5uxecv){clip-path:inset(0 0 0 var(--x))}.slider.svelte-5uxecv .edge:where(.svelte-5uxecv){position:absolute;top:0;bottom:0;left:var(--x);width:2px;background:#fffffff2;box-shadow:0 0 0 1px #ffffff26,0 0 30px 4px hsl(var(--primary) / .55);z-index:2}.slider.svelte-5uxecv .knob:where(.svelte-5uxecv){position:absolute;top:50%;left:var(--x);transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:hsl(var(--foreground));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 6px 20px #0000004d;z-index:6;cursor:ew-resize;touch-action:none}.slider.svelte-5uxecv .knob:where(.svelte-5uxecv):after{content:"";position:absolute;inset:-14px}.slider.svelte-5uxecv .knob:where(.svelte-5uxecv):focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.shade.svelte-5uxecv{background:linear-gradient(rgba(15,12,24,.55),transparent 30%),linear-gradient(75deg,rgba(15,12,24,.88) 20%,rgba(15,12,24,.35) 55%,transparent 75%)}