.markdown-body {
  --admonition-note: #0969da;
  --admonition-tip: #1a7f37;
  --admonition-warning: #9a6700;
  --admonition-caution: #d1242f;
  --admonition-important: #8250df;
}

[data-theme="dark"] .markdown-body {
  --admonition-note: #2f81f7;
  --admonition-tip: #3fb950;
  --admonition-warning: #d29922;
  --admonition-caution: #f85149;
  --admonition-important: #a371f7;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .markdown-body {
    --admonition-note: #2f81f7;
    --admonition-tip: #3fb950;
    --admonition-warning: #d29922;
    --admonition-caution: #f85149;
    --admonition-important: #a371f7;
  }
}

.markdown-admonition {
  padding: 0.5rem 1rem;
  margin-bottom: 16px;
  color: inherit;
  border-inline-start: 0.25em solid var(--borderColor-default, #d0d7de);
}

.markdown-admonition > :first-child {
  margin-top: 0;
}

.markdown-admonition > :last-child {
  margin-bottom: 0;
}

.markdown-admonition-title {
  display: flex;
  font-weight: 500;
  align-items: center;
  line-height: 1;
}

.markdown-admonition-title .octicon {
  margin-inline-end: 0.5rem;
  display: inline-block;
  overflow: visible;
  vertical-align: text-bottom;
  fill: currentColor;
}

.markdown-admonition-note {
  border-inline-start-color: var(--admonition-note);
}

.markdown-admonition-note .markdown-admonition-title {
  color: var(--admonition-note);
}

.markdown-admonition-important {
  border-inline-start-color: var(--admonition-important);
}

.markdown-admonition-important .markdown-admonition-title {
  color: var(--admonition-important);
}

.markdown-admonition-warning {
  border-inline-start-color: var(--admonition-warning);
}

.markdown-admonition-warning .markdown-admonition-title {
  color: var(--admonition-warning);
}

.markdown-admonition-tip {
  border-inline-start-color: var(--admonition-tip);
}

.markdown-admonition-tip .markdown-admonition-title {
  color: var(--admonition-tip);
}

.markdown-admonition-caution {
  border-inline-start-color: var(--admonition-caution);
}

.markdown-admonition-caution .markdown-admonition-title {
  color: var(--admonition-caution);
}
