docsimg.compact {
  height: 2.5em;
}

img.textIcon {
  height: 1.5em;
}

/* Override colors from mkdocs-material */
:root>* {
  --exa-base-color: hsla(213, 68.4%, 14.9%, 1);
  --exa-primary-color: hsla(48, 55.4%, 32.5%, 1);
  --exa-accent-color: hsla(48, 45.5%, 43.9%, 1);
  --exa-codeblock-color: hsla(46, 37.8%, 91.2%, 1);

  /* -- Customized -- */
  --md-default-fg-color: hsla(213, 68.4%, 14.9%, 0.87);
  --md-default-fg-color--light: hsla(213, 68.4%, 14.9%, 0.54);
  --md-default-fg-color--lighter: hsla(213, 68.4%, 14.9%, 0.26);
  --md-default-fg-color--lightest: hsla(213, 68.4%, 14.9%, 0.07);

  /* --dark is same as normal because the header looks better this way */
  --md-primary-fg-color: hsla(48, 55.4%, 32.5%, 1);
  --md-primary-fg-color--light: hsla(48, 55.4%, 32.5%, 0.54);
  --md-primary-fg-color--dark: hsla(48, 55.4%, 32.5%, 1);

  --md-footer-bg-color: hsla(213, 68.4%, 14.9%, 0.87);
  --md-footer-bg-color--dark: hsla(213, 68.4%, 14.9%, 1);

  --md-color-accent:  hsla(48, 45.5%, 43.9%, 1);

  --md-text-color: hsla(213, 68.4%, 14.9%, 1);
  --md-text-link-color: hsla(48, 55.4%, 32.5%, 1);

  --md-accent-fg-color: hsla(48, 45.5%, 43.9%, 1);
  --md-accent-fg-color--transparent: hsla(48, 55.4%, 32.5%, 0.1);

  --md-code-bg-color: hsla(46, 37.8%, 91.2%, 0.5);
  --md-code-fg-color: hsla(213, 68.4%, 14.9%, 1);

  /* -- Default -- */
  --md-default-bg-color: hsla(0, 0%, 100%, 1);
  --md-default-bg-color--light: hsla(0, 0%, 100%, 0.7);
  --md-default-bg-color--lighter: hsla(0, 0%, 100%, 0.3);
  --md-default-bg-color--lightest: hsla(0, 0%, 100%, 0.12);

  --md-admonition-bg-color: var(--md-default-bg-color);
  --md-admonition-fg-color: var(--md-default-fg-color);

  --md-primary-bg-color: hsla(0, 0%, 100%, 1);
  --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);

  --md-accent-bg-color: hsla(0, 0%, 100%, 1);
  --md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);

  --md-footer-fg-color: hsla(0, 0%, 100%, 1);
  --md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7);
  --md-footer-fg-color--lighter: hsla(0, 0%, 100%, 0.3);
}

/* === Tables: content-proportional column widths ===
   Default Material constrains the article to ~61rem, which forces tables with
   many columns to allocate every column the same narrow width regardless of
   content. We widen the content grid, switch to explicit auto-layout, shrink
   the table font slightly, and let long cells wrap so column widths track the
   amount of text in each column. */

.md-grid {
  max-width: 85rem;
}

.md-typeset table:not([class]) {
  table-layout: auto;
  display: table;
  width: 100%;
  font-size: 0.72rem;
  line-height: 1.4;
}

.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  vertical-align: top;
  padding: 0.5em 0.7em;
}

.md-typeset table:not([class]) th {
  white-space: nowrap;
}

.md-typeset__scrollwrap {
  overflow-x: auto;
}