:root {
    --color-note: #0969da;
    --color-note-bg: #bbdbff;
    --color-tip: #1a7f37;
    --color-tip-bg: #d4f4dd;
    --color-warning: #b88d00;
    --color-warning-bg: #fff0bf;
    --color-severe: #bc4c00;
    --color-severe-bg: #ffe6e1;
    --color-caution: #d1242f;
    --color-caution-bg: #ffd6d6;
    --color-important: #8250df;
    --color-important-bg: #e6dfff;
}

.markdown-alert {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border-radius: .25rem;
    border-left: .25em solid #888;
    padding: 1rem;

    color: inherit;
}

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

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

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

.markdown-alert .markdown-alert-title .octicon {
    margin-right: 0.5rem;
    display: inline-block;
    overflow: visible !important;
    vertical-align: text-bottom;
    fill: currentColor;
}

.markdown-alert.markdown-alert-note {
    border-left-color: var(--color-note);
    background-color: var(--color-note-bg)
}

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

.markdown-alert.markdown-alert-important {
    border-left-color: var(--color-important);
    background-color: var(--color-important-bg);
}

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

.markdown-alert.markdown-alert-warning {
    border-left-color: var(--color-warning);
    background-color: var(--color-warning-bg)
}

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

.markdown-alert.markdown-alert-tip {
    border-left-color: var(--color-tip);
    background-color: var(--color-tip-bg);
}

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

.markdown-alert.markdown-alert-caution {
    border-left-color: var(--color-caution);
    background-color: var(--color-caution-bg);
}

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