.gg-demo{margin-top:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-base)}.gg-demo__canvas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:24px}.gg-demo__canvas--column{flex-direction:column;align-items:flex-start}.gg-demo__canvas--block{display:block}.gg-demo+div:has(>pre),.gg-demo+pre{margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.gg-demo:has(+div>pre),.gg-demo:has(+pre){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.gg-props{margin-top:1.25rem;overflow-x:auto}.gg-props__table{width:100%;border-collapse:collapse;font-size:.875rem}.gg-props__table td,.gg-props__table th{text-align:left;vertical-align:top;padding:.5rem .75rem;border:1px solid light-dark(#e2e2e5,#2c2c33)}.gg-props__table th{background:light-dark(rgba(0,0,0,.03),rgba(255,255,255,.04));font-weight:600}.gg-props__table code{font-size:.8125rem;white-space:pre-wrap}.gg-props__type{color:light-dark(#8250df,#d2a8ff)}.gg-props__required{color:#dc2626;margin-left:2px;font-weight:700}.gg-props__note{margin-top:.5rem;font-size:.75rem;opacity:.6}