.markdown-alert {
    --alert-default-color:   gray;
    --alert-note-color:      #436EE3;
    --alert-tip-color:       #187A35;
    --alert-important-color: #A759E0;
    --alert-warning-color:   #B8860B;
    --alert-caution-color:   #C9181E;

    margin: 1em 0;
    padding: 0 1em;
    color: gray;
    border-left: 0.25em solid var(--alert-default-color);
}

.markdown-alert-title svg {
    margin-right: 10px;
    margin-bottom: 2px;
}

.markdown-alert p {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.markdown-alert-title {
    font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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