.feature-demo.svelte-1g4i0yk{display:flex;width:min(100%,28rem);flex-direction:column;gap:.5rem}.feature-demo--hero.svelte-1g4i0yk,.feature-demo--autoplay.svelte-1g4i0yk{width:100%}@media(min-width:768px){.feature-demo--feature.svelte-1g4i0yk{width:100%}}.feature-demo__frame.svelte-1g4i0yk{position:relative;overflow:hidden;border-radius:1rem;border:2px solid rgb(255 255 255 / .12);background-color:#ffffff0f}.feature-demo--hero.svelte-1g4i0yk .feature-demo__frame:where(.svelte-1g4i0yk),.feature-demo--autoplay.svelte-1g4i0yk .feature-demo__frame:where(.svelte-1g4i0yk){border:2px solid rgb(229 231 235);background-color:#fff}.feature-demo__video.svelte-1g4i0yk{display:block;width:100%;aspect-ratio:2 / 1;object-fit:cover;background-color:#131f2433}.feature-demo--hero.svelte-1g4i0yk .feature-demo__video:where(.svelte-1g4i0yk){aspect-ratio:960 / 526;height:auto;object-fit:contain}.feature-demo__play.svelte-1g4i0yk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:#131f2447;transition:background-color .15s ease}.feature-demo__play.svelte-1g4i0yk:hover{background:#131f2461}.feature-demo__play-icon.svelte-1g4i0yk{display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:9999px;background-color:#fff;color:#131f24;font-size:2rem;box-shadow:0 8px 24px #131f2440}.feature-demo__progress.svelte-1g4i0yk{height:.375rem;overflow:hidden;border-radius:9999px;background-color:#ffffff1f}.feature-demo--hero.svelte-1g4i0yk .feature-demo__progress:where(.svelte-1g4i0yk),.feature-demo--autoplay.svelte-1g4i0yk .feature-demo__progress:where(.svelte-1g4i0yk){background-color:#e5e7eb}.feature-demo__progress-fill.svelte-1g4i0yk{height:100%;border-radius:9999px;background-color:#1cb0f6;will-change:width}.feature-demo__progress-ring.svelte-1g4i0yk{position:absolute;top:.625rem;right:.625rem;width:2rem;height:2rem;pointer-events:none;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))}.feature-demo__progress-ring-track.svelte-1g4i0yk,.feature-demo__progress-ring-fill.svelte-1g4i0yk{fill:none;stroke-width:3}.feature-demo__progress-ring-track.svelte-1g4i0yk{stroke:#ffffff59}.feature-demo__progress-ring-fill.svelte-1g4i0yk{stroke:#1cb0f6;stroke-linecap:round;will-change:stroke-dashoffset}.feature-demo--hero.svelte-1g4i0yk .feature-demo__progress-ring-track:where(.svelte-1g4i0yk){stroke:#131f2433}