#azflow-demo{text-align:left;border:1px solid #343434;border-radius:12px;display:block;overflow:hidden;box-shadow:0 28px 70px #14231c18}.demo-controls{color:var(--slate);align-items:center;gap:12px;margin:22px 0 14px;font-size:13px;display:flex}.demo-controls>span{align-items:center;gap:8px;margin-right:auto;display:flex}.demo-controls .status-dot{color:var(--green)}.demo-controls button,.demo-mobile-nav button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:0 0;border-radius:7px;padding:7px 12px;font:500 13px Geist,sans-serif}.demo-controls button:hover,.demo-mobile-nav button:hover{border-color:var(--green)}.demo-mobile-nav{gap:8px;margin-bottom:12px;display:none}.demo-mobile-nav button[aria-pressed=true]{color:#fff;background:var(--green);border-color:var(--green)}.ide-caption{text-align:center;color:var(--ink);margin:18px 0 0;font-size:15px}.ide-caption span{color:var(--slate);margin-top:4px;font-size:12px;display:block}.demo-notice{color:var(--slate);text-align:center;max-width:900px;margin:10px auto;font-size:13px}.demo-notice:empty{display:none}@media (width<=900px){.demo-mobile-nav{display:flex}.demo-controls{flex-wrap:wrap;gap:8px}.demo-controls>span{width:100%;font-size:12px}.ide-caption{font-size:14px}.ide-caption span{font-size:11px}#azflow-demo{border-radius:8px}}