.admonition-icon {
  margin-right: 0.5rem;
}

.admonition.admonition-tip,
.admonition.admonition-note,
.admonition.admonition-info,
.admonition.admonition-caution {
  background-color: #f9f9f9;
  color: #444;
  border: none;
  border-left: 0.4rem solid #666;
  border-radius: 0;
}

.admonition.admonition-tip a,
.admonition.admonition-note a,
.admonition.admonition-info a,
.admonition.admonition-caution a {
  color: #444;
}

.admonition-icon svg {
  fill: #444;
}

.admonition.admonition-note .admonition-icon svg,
.admonition.admonition-note .admonition-heading {
  color: #444;
  fill: #444;
}

html[data-theme='dark'] .admonition.admonition-note .admonition-icon svg,
html[data-theme='dark'] .admonition.admonition-note .admonition-heading {
  color: #888;
  fill: #888;
}

html[data-theme='dark'] .admonition.admonition-tip,
html[data-theme='dark'] .admonition.admonition-note,
html[data-theme='dark'] .admonition.admonition-info,
html[data-theme='dark'] .admonition.admonition-caution {
  color: #eee;
  background-color: #303030;
}

html[data-theme='dark'] .admonition.admonition-tip a,
html[data-theme='dark'] .admonition.admonition-note a,
html[data-theme='dark'] .admonition.admonition-info a,
html[data-theme='dark'] .admonition.admonition-caution a {
  color: #eee;
}

.admonition.admonition-tip {
  border-color: var(--ifm-color-success);
}

.admonition.admonition-tip .admonition-icon svg,
.admonition.admonition-tip .admonition-heading {
  color: var(--ifm-color-success);
  fill: var(--ifm-color-success);
}

.admonition.admonition-info {
  border-color: var(--ifm-color-info);
}

.admonition.admonition-info .admonition-icon svg,
.admonition.admonition-info .admonition-heading {
  color: var(--ifm-color-info);
  fill: var(--ifm-color-info);
}

.admonition.admonition-caution {
  border-color: var(--ifm-color-warning);
}

.admonition.admonition-caution .admonition-icon svg,
.admonition.admonition-caution .admonition-heading {
  color: var(--ifm-color-warning);
  fill: var(--ifm-color-warning);
}