:root{--code-token-surface:var(--color-surface);--code-token-plain:var(--color-neutral);--code-token-comment:color-mix(in oklab, var(--color-neutral) 58%, var(--code-token-surface));--code-token-punctuation:color-mix(in oklab, var(--color-neutral) 72%, var(--code-token-surface));--code-token-keyword:var(--color-primary-readable);--code-token-string:var(--color-success-readable);--code-token-number:var(--color-warning-readable);--code-token-constant:var(--color-warning-readable);--code-token-function:var(--color-info-readable);--code-token-variable:color-mix(in oklab, var(--color-neutral) 88%, var(--color-info));--code-token-property:color-mix(in oklab, var(--color-info) 60%, var(--color-neutral));--code-token-tag:var(--color-danger-readable);--code-token-regex:var(--color-success-readable);--code-token-escape:var(--color-warning-readable);--code-token-error:var(--color-danger-readable);--code-token-inserted:var(--color-success-readable);--code-token-deleted:var(--color-danger-readable);--code-token-changed:var(--color-warning-readable);--code-token-inserted-surface:color-mix(in oklab, var(--color-success) 14%, transparent);--code-token-deleted-surface:color-mix(in oklab, var(--color-danger) 14%, transparent);--code-token-changed-surface:color-mix(in oklab, var(--color-warning) 14%, transparent)}html[data-theme=dark],.dark{--code-token-tag:color-mix(in oklab, var(--color-danger-light) 70%, var(--color-neutral));--code-token-deleted:color-mix(in oklab, var(--color-danger-light) 70%, var(--color-neutral));--code-token-error:color-mix(in oklab, var(--color-danger-light) 70%, var(--color-neutral));--code-token-property:color-mix(in oklab, var(--color-info) 70%, var(--color-neutral))}[data-slot=code] pre.th-code{color:var(--code-token-plain);background-color:#0000;margin:0}[data-slot=code] .th-token{color:var(--code-token-plain)}[data-slot=code] .th-keyword{color:var(--code-token-keyword)}[data-slot=code] .th-heading{color:var(--code-token-keyword);font-weight:600}[data-slot=code] .th-string,[data-slot=code] .th-code-inline{color:var(--code-token-string)}[data-slot=code] .th-number{color:var(--code-token-number)}[data-slot=code] .th-literal{color:var(--code-token-constant)}[data-slot=code] .th-comment{color:var(--code-token-comment);font-style:italic}[data-slot=code] .th-meta{color:var(--code-token-comment)}[data-slot=code] .th-function,[data-slot=code] .th-command,[data-slot=code] .th-type{color:var(--code-token-function)}[data-slot=code] .th-variable{color:var(--code-token-variable)}[data-slot=code] .th-property,[data-slot=code] .th-attr{color:var(--code-token-property)}[data-slot=code] .th-tag,[data-slot=code] .th-selector{color:var(--code-token-tag)}[data-slot=code] .th-operator{color:var(--code-token-punctuation)}[data-slot=code] .th-link{color:var(--code-token-regex);text-decoration:underline}[data-slot=code] .th-inserted{color:var(--code-token-inserted);background-color:var(--code-token-inserted-surface)}[data-slot=code] .th-deleted{color:var(--code-token-deleted);background-color:var(--code-token-deleted-surface)}html:not([data-entasis-reduce-motion]) [data-slot=code] .th-code span{transition:color .16s}[data-slot=code] .th-code--line-numbers .th-line{display:block}[data-slot=code] .th-code--line-numbers[data-wrap] .th-line{padding-left:4rem}[data-slot=code] .th-code--line-numbers[data-wrap] .th-line:before{margin-left:-4rem}[data-slot=code] .th-code--line-numbers .th-line:before{content:attr(data-line);text-align:right;width:3rem;color:var(--code-token-comment);background-color:var(--code-token-surface);-webkit-user-select:none;user-select:none;margin-right:1rem;padding-right:1rem;display:inline-block;position:sticky;left:0}
