:root {
  --admonition-font-size: 0.8rem;
}

/* common */
.md-typeset .admonition,
.md-typeset details {
  font-size: var(--admonition-font-size);
}

/* important (info) */
.md-typeset .admonition,
.md-typeset details {
  border-color: var(--color-info);
}
.md-typeset .admonition-title {
  background-color: var(--color-info-bg);
}
.md-typeset .admonition-title:before,
.md-typeset .important > summary:before {
  background-color: var(--color-info);
}
/* warning */
.md-typeset .admonition.warning,
.md-typeset .warning > details {
  border-color: var(--color-warning);
}
.md-typeset .warning > .admonition-title {
  background-color: var(--color-warning-bg);
}
.md-typeset .warning > .admonition-title:before,
.md-typeset .warning > summary:before {
  background-color: var(--color-warning);
}
/* success */
.md-typeset .admonition.success,
.md-typeset .success > details {
  border-color: var(--color-success);
}
.md-typeset .success > .admonition-title {
  background-color: var(--color-success-bg);
}
.md-typeset .success > .admonition-title:before,
.md-typeset .success > summary:before {
  background-color: var(--color-success);
}
/* danger (error) */
.md-typeset .admonition.danger,
.md-typeset .danger > details {
  border-color: var(--color-error);
}
.md-typeset .danger > .admonition-title {
  background-color: var(--color-error-bg);
}
.md-typeset .danger > .admonition-title:before,
.md-typeset .danger > summary:before {
  background-color: var(--color-error);
}