.code-wrapper{margin:0}[data-line-number]{white-space:pre-wrap;display:block}[data-line-number]:before{color:#6e7681;content:attr(data-line-number);margin-right:6px}.code-sample{--c-background:#1f1f1f;--c-foreground:#ccc;--c-token-string:#ce9178;--c-token-number:#b5cea8;--c-token-function:#dcdcaa;--c-token-class:#4ec9b0;--c-token-type:#4ec9b0;--c-token-namespace:#4ec9b0;--c-token-attribute:#4ec9b0;--c-token-cast:#4ec9b0;--c-token-comment:#6a9955;--c-token-keyword:#c586c0;--c-token-operator-new:#c586c0;--c-token-keyword-delete:#c586c0;--c-token-variable:#9cdcfe;--c-token-info:#6796e6;--c-token-warn:#cd9731;--c-token-error:#f44747;--c-token-debug:#b267e6;background:#1f1f1f;background:var(--c-background);color:var(--c-foreground);border-radius:4px;padding:40px 16px 16px;position:relative}.code-sample-copy-button{margin:8px;position:absolute;top:0;right:0}.code-sample-file-name{margin:8px;position:absolute;top:0;left:0}[data-token*=function]{color:var(--c-token-function)}[data-token*=class]{color:var(--c-token-class)}[data-token*=type]{color:var(--c-token-type)}[data-token*=namespace]{color:var(--c-token-namespace)}[data-token*=attribute]{color:var(--c-token-attribute)}[data-token*=cast]{color:var(--c-token-cast)}[data-token*=keyword]{color:var(--c-token-keyword)}[data-token*=operator-new]{color:var(--c-token-operator-new)}[data-token*=keyword-delete]{color:var(--c-token-keyword-delete)}[data-token*=variable]{color:var(--c-token-variable)}[data-token*=string]{color:var(--c-token-string)}[data-token*=number]{color:var(--c-token-number)}[data-token*=info]{color:var(--c-token-info)}[data-token*=warn]{color:var(--c-token-warn)}[data-token*=error]{color:var(--c-token-error)}[data-token*=debug]{color:var(--c-token-debug)}[data-token*=property]{color:var(--c-token-attribute)}[data-token*=comment]{color:var(--c-token-comment)}