.demo-showcase.svelte-1q0uk6k{margin:2rem 0 3.5rem}.demo-card.svelte-1q0uk6k{position:relative;width:100%;max-width:40rem;margin:0;overflow:hidden;border:1px solid var(--border);border-radius:.5rem;background:var(--card)}.demo-card.svelte-1q0uk6k .demo-preview:where(.svelte-1q0uk6k){display:block;width:100%;aspect-ratio:640 / 456;object-fit:contain;background:color-mix(in srgb,var(--muted) 55%,transparent);border:0;border-radius:0;margin:0}.demo-placeholder.svelte-1q0uk6k{display:block;width:100%;aspect-ratio:640 / 456;background:color-mix(in srgb,var(--muted) 55%,transparent)}.demo-play.svelte-1q0uk6k{position:absolute;right:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding:0 .7rem;border:1px solid var(--border);border-radius:.375rem;background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--foreground);cursor:pointer;font:inherit;font-size:.75rem;font-weight:600;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-play.svelte-1q0uk6k:hover{border-color:var(--primary);color:var(--primary);background:var(--card)}.demo-play.svelte-1q0uk6k:focus-visible{outline:2px solid var(--primary);outline-offset:2px}