.hyperframe.svelte-1prx7vl{margin:2rem 0}.hyperframe-stage.svelte-1prx7vl{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:.5rem;border:1px solid var(--border);background:var(--code-bg)}.hyperframe-iframe.svelte-1prx7vl{width:100%;height:100%;border:0;display:block}.hyperframe-controls.svelte-1prx7vl{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;border-radius:999px;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.25rem 1rem;opacity:0;transition:opacity .15s ease}.hyperframe-stage.svelte-1prx7vl:hover .hyperframe-controls:where(.svelte-1prx7vl),.hyperframe-stage.svelte-1prx7vl:focus-within .hyperframe-controls:where(.svelte-1prx7vl){opacity:1}.hyperframe-btn.svelte-1prx7vl{background:none;border:none;color:#fffc;font-size:.75rem;cursor:pointer;padding:.25rem 0}.hyperframe-btn.svelte-1prx7vl:hover{color:#fff}.hyperframe-warning.svelte-1prx7vl{position:absolute;top:.5rem;left:.5rem;font-size:.7rem;color:#fbbf24cc}.hyperframe-caption.svelte-1prx7vl{margin-top:.5rem;font-size:.875rem;font-style:italic;color:var(--foreground);opacity:.7;text-align:center}