.demo.svelte-qzqlce{aspect-ratio:16/9;border:1px solid var(--color-border-light);background:var(--color-brand-deep);border-radius:16px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 48px -24px #0f172a59}.demo.is-fullscreen.svelte-qzqlce{aspect-ratio:auto;background:#000;border:0;border-radius:0;width:100%;height:100%}.demo-video.svelte-qzqlce{object-fit:cover;width:100%;height:100%;display:block}.demo.is-fullscreen.svelte-qzqlce .demo-video:where(.svelte-qzqlce){object-fit:contain}.demo-actions.svelte-qzqlce{gap:.5rem;display:flex;position:absolute;bottom:1rem;right:1rem}.demo-btn.svelte-qzqlce{color:#fff;font-family:var(--font-body);cursor:pointer;transition:background-color .16s var(--ease-out-quint);background:#0f172ad1;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.demo-btn-icon.svelte-qzqlce{padding:.55rem}.demo-btn.svelte-qzqlce:hover{background:var(--color-brand-deep)}.demo-btn.svelte-qzqlce:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.demo-btn.svelte-qzqlce .icon:where(.svelte-qzqlce){color:var(--color-gold);font-size:1.25rem}@media (width<=640px){.demo.svelte-qzqlce{border-radius:12px}.demo-actions.svelte-qzqlce{gap:.375rem;bottom:.625rem;right:.625rem}.demo-btn.svelte-qzqlce{padding:.45rem .8rem;font-size:.8125rem}.demo-btn-icon.svelte-qzqlce{padding:.45rem}}