.hosted-demo-frame{--demo-navigation-height:calc(56px + env(safe-area-inset-top,0px));--demo-viewport-height:calc(100svh - var(--demo-navigation-height));min-block-size:100svh}.hosted-demo-navigation{z-index:100;block-size:var(--demo-navigation-height);padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));border-block-end:1px solid var(--border);background:var(--background);color:var(--foreground);justify-content:space-between;align-items:center;gap:16px;font:500 14px/1.4 ui-sans-serif,system-ui,sans-serif;display:flex;position:sticky;inset-block-start:0}.hosted-demo-navigation a{border-radius:8px;flex:none;align-items:center;gap:8px;min-block-size:44px;text-decoration:none;display:inline-flex}.hosted-demo-navigation a:hover{text-underline-offset:4px;text-decoration:underline}.hosted-demo-navigation svg{block-size:16px;inline-size:16px}.hosted-demo-navigation span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.hosted-demo-content{min-inline-size:0;min-block-size:var(--demo-viewport-height)}.hosted-demo-navigation a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.hosted-demo-content>:is(.rta-persuasion,.rta-dating-rehearsal,.rta-livestream,.rta-stream){min-block-size:var(--demo-viewport-height)}