/* GitHub-Style Admonitions  */

@font-face {
    font-family: "Octicons";
    src: url("/static/fonts/octicons-regular.ttf") format("truetype");
}

.admonition {
    margin: 1rem 0;
    padding: 0.6rem 0 0.6rem 1rem;
    border-left: 0.25rem solid;
}

.admonition-title {
    margin: 0 0 0.25rem 0;
    font-weight: 600;
    display: flex;
    align-items: center;
}

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

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

.admonition.note {
    border-color: var(--color-blue);
}

.admonition.note,
.admonition.note * {
    color: var(--color-blue);
}

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

.admonition.tip,
.admonition.tip * {
    color: var(--color-green);
}

.admonition.important {
    border-color: var(--color-mauve);
}

.admonition.important,
.admonition.important * {
    color: var(--color-mauve);
}

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

.admonition.warning,
.admonition.warning * {
    color: var(--color-yellow);
}

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

.admonition.caution,
.admonition.caution * {
    color: var(--color-red);
}

.admonition-title::before {
    font-family: "Octicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;

    margin-right: 0.5rem;
    font-size: 1.1em;
    line-height: 1;
    transform: translateY(10%);
}

.admonition.note>.admonition-title::before {
    content: "\f059";
}

.admonition.tip>.admonition-title::before {
    content: "\f0d2";
}

.admonition.important>.admonition-title::before {
    content: "\f02b";
}

.admonition.warning>.admonition-title::before {
    content: "\f02d";
}

.admonition.caution>.admonition-title::before {
    content: "\f08f";
}