:where(.demo){--demo-ink:#111827;--demo-muted:#6b7280;--demo-faint:#9ca3af;--demo-keyword:#7f8288;--demo-ease:cubic-bezier(.16, 1, .3, 1);width:min(100%, var(--demo-width,460px));max-width:var(--demo-width,460px);margin-left:var(--demo-margin-inline,calc(var(--grid-size) / 3));margin-right:var(--demo-margin-inline,auto);-webkit-user-select:none;user-select:none}.demo-code{box-sizing:border-box;min-width:0;font-family:var(--font-mono);font-size:.7rem;line-height:1.6;position:relative;overflow:auto hidden}.demo-panel{background-color:var(--code-background);border-radius:4px}.demo--card{border-radius:0;width:100%;max-width:none;margin:0}.demo-syntax{--sh-identifier:currentColor;--sh-keyword:var(--demo-keyword);--sh-string:currentColor;--sh-class:currentColor;--sh-property:currentColor;--sh-entity:currentColor;--sh-jsxliterals:currentColor;--sh-sign:currentColor;--sh-comment:currentColor;--sh-space:currentColor}