/* API reference (tools/generate.py) */
.tf-src { font-size: .72rem; color: var(--md-default-fg-color--light); font-family: var(--md-code-font-family); }
.tf-kind { display: inline-block; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  padding: .05rem .4rem; border-radius: .2rem; margin-right: .3rem;
  background: var(--md-default-fg-color--lightest); color: var(--md-default-fg-color--light); }
.tf-kind-record { background: #e3f2fd; color: #0d47a1; }
.tf-kind-interface { background: #ede7f6; color: #4527a0; }
.tf-kind-enum { background: #e8f5e9; color: #1b5e20; }
[data-md-color-scheme="slate"] .tf-kind-record { background: #0d2a4a; color: #90caf9; }
[data-md-color-scheme="slate"] .tf-kind-interface { background: #2a1f4a; color: #b39ddb; }
[data-md-color-scheme="slate"] .tf-kind-enum { background: #12301a; color: #a5d6a7; }
.tf-decl code { font-size: .8rem; }
.tf-kw { color: var(--md-code-hl-keyword-color); font-weight: 600; }
.tf-cm { color: var(--md-code-hl-comment-color); }
.tf-fn { font-weight: 700; color: var(--md-code-hl-function-color); }
.tf-param { color: var(--md-code-hl-variable-color); }
.tf-member { border-left: 3px solid var(--md-default-fg-color--lightest); padding: .1rem 0 .1rem .8rem; margin: 1rem 0 1.4rem; }
.tf-member:target { border-left-color: var(--md-accent-fg-color); }
.tf-sig { font-size: .8rem; white-space: pre-wrap; word-break: break-word; }
.tf-blank { color: var(--md-default-fg-color--lighter); font-style: italic; font-size: .75rem; }
.tf-note { background: rgba(255, 171, 0, .12); border-radius: .2rem; padding: 0 .2rem; }
.md-typeset .admonition.tf-note, .md-typeset details.tf-note { border-color: #ffab00; }
.md-typeset .tf-note > .admonition-title, .md-typeset .tf-note > summary { background-color: rgba(255, 171, 0, .12); }
.md-typeset .tf-note > .admonition-title::before, .md-typeset .tf-note > summary::before {
  background-color: #ffab00; -webkit-mask-image: var(--md-admonition-icon--info); mask-image: var(--md-admonition-icon--info); }
.md-typeset table:not([class]) td code { white-space: normal; word-break: break-word; }
.md-typeset table:not([class]) { font-size: .72rem; }
.md-typeset table:not([class]) td:first-child code { white-space: nowrap; word-break: normal; }
.tf-call { display: block; font-size: .72rem; color: var(--md-default-fg-color--light); }
.tf-used { display: inline-block; font-size: .65rem; color: var(--md-default-fg-color--light); white-space: nowrap; }
.md-typeset .admonition.tf-usage, .md-typeset details.tf-usage { border-color: var(--md-default-fg-color--lighter); font-size: .7rem; }
.md-typeset .tf-usage > summary { background-color: var(--md-default-fg-color--lightest); }
.md-typeset .tf-usage > summary::before { background-color: var(--md-default-fg-color--light);
  -webkit-mask-image: var(--md-admonition-icon--example); mask-image: var(--md-admonition-icon--example); }
.md-typeset .tf-usage pre { margin: .2em 0 .6em; }
/* Tables fit the content column and wrap long cells instead of growing past it
   (material's default is an inline-block table that scrolls sideways). */
.md-typeset__scrollwrap, .md-typeset__table { width: 100%; }
.md-typeset__table table:not([class]) { display: table; width: 100%; }
.md-typeset table:not([class]) td { overflow-wrap: anywhere; }
.md-typeset table:not([class]) td:first-child a { overflow-wrap: break-word; word-break: normal; }
