.examples-stack{flex-direction:column;gap:40px;display:flex}.example-tabs>[role=tablist],.code-tabs-mo>[role=tablist]{border-bottom:1px solid var(--border);justify-content:flex-start;gap:24px;margin-bottom:16px;display:flex}.example-tabs>[role=tablist]>[role=tab],.code-tabs-mo>[role=tablist]>[role=tab]{font-family:var(--font-geist-mono), monospace;letter-spacing:.02em;color:var(--muted-foreground);flex:none;height:auto;margin:0;padding:0 0 10px;font-size:11px}.code-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--foreground) 4%, var(--panel));justify-content:space-between;align-items:stretch;min-height:33px;display:flex}.code-head-tabs{align-items:stretch;display:flex}.code-head-tabs button{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);border:0;border-right:1px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:0 12px;font-size:11px;transition:color .15s,background .15s;display:flex}.code-head-tabs button:hover{color:var(--foreground)}.code-head-tabs button[aria-selected=true]{background:var(--panel);color:var(--foreground);box-shadow:inset 0 2px 0 var(--foreground)}.code-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.code-dot.is-html{background:#e8823c}.code-dot.is-tsx{background:#3178c6}.codeblock .code-head .copy-btn{border:0;border-left:1px solid var(--border);padding:0 12px;position:static}.example-preview{flex-wrap:wrap;align-items:center;gap:16px;min-height:44px;display:flex}.example-preview.is-column{flex-direction:column;align-items:stretch}
.copy-btn{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);background:var(--panel);border:1px solid var(--border);cursor:pointer;align-items:center;gap:4px;padding:4px 8px;font-size:10px;transition:color .15s;display:flex}.copy-btn:hover{color:var(--foreground)}.codeblock .copy-btn{position:absolute;top:10px;right:10px}