.callout[data-callout='litrpg-achievement'] {
    border-color: rgb(0, 255, 0);
    color: rgb(0, 255, 0);
    background-color: rgba(0, 255, 0, 0.1);
}

.callout[data-callout='litrpg-achievement']::before {
    content: ' ';
    color: rgb(0, 255, 0);
    vertical-align: -0.25em;
    font-size: 2em;
    padding-right: 0.5em;
}

.callout[data-callout='litrpg-kill'] {
    border-color: rgb(255, 120, 120);
    color: rgb(255, 120, 120);
    background-color: rgba(255, 120, 120, 0.1);
}

.callout[data-callout='litrpg-kill']::before {
    color: rgb(255, 120, 120);
    filter: drop-shadow(0 0 0.1rem rgb(255, 120, 120));
}

.callout[data-callout='litrpg-status'] {
    border-color: rgb(156, 117, 91);
    color: rgb(156, 117, 91);
    background-color: rgba(156, 117, 91, 0.1);
}

.callout[data-callout='litrpg-status']::before {
    color: rgb(156, 117, 91);
    filter: drop-shadow(0 0 0.1rem rgb(156, 117, 91));
}

.callout[data-callout='litrpg-level-up'] {
    border-color: rgb(196, 157, 41);
    color: rgb(196, 157, 41);
    background-color: rgba(196, 157, 41, 0.1);
}

.callout[data-callout='litrpg-level-up']::before {
    content: ' ';
    color: rgb(196, 157, 41);
    vertical-align: -0.25em;
    font-size: 2em;
    padding-right: 0.5em;
}

.callout[data-callout='litrpg-xp'] {
    border-color: rgb(196, 157, 41);
    color: rgb(196, 157, 41);
    background-color: rgba(196, 157, 41, 0.1);
}

.callout[data-callout='litrpg-xp']::before {
    color: rgb(196, 157, 41);
    filter: drop-shadow(0 0 0.1rem rgb(196, 157, 41));
}

.callout[data-callout='litrpg-damage'] {
    border-color: rgb(255, 120, 120);
    color: rgb(255, 120, 120);
    background-color: rgba(255, 120, 120, 0.1);
}

.callout[data-callout='litrpg-damage']::before {
    content: ' ';
    color: rgb(255, 120, 120);
    vertical-align: -0.25em;
    font-size: 2em;
    padding-right: 0.5em;
}

.callout[data-callout='litrpg-drop'] {
    border-color: rgb(80, 180, 255);
    color: rgb(80, 180, 255);
    background-color: rgba(80, 180, 255, 0.1);
}

.callout[data-callout='litrpg-drop']::before {
    color: rgb(80, 180, 255);
    filter: drop-shadow(0 0 0.1rem rgb(80, 180, 255));
}

.callout[data-callout='litrpg-monster-boss'] {
    border-color: rgb(255, 0, 0);
    color: rgb(255, 0, 0);
    background-color: rgba(255, 0, 0, 0.1);
}

.callout[data-callout='litrpg-monster-boss']::before {
    color: rgb(255, 0, 0);
    filter: drop-shadow(0 0 0.1rem rgb(255, 0, 0));
}

.callout[data-callout='litrpg-skill'] {
    border-color: rgb(0, 255, 0);
    color: rgb(0, 255, 0);
    background-color: rgba(0, 255, 0, 0.1);
}

.callout[data-callout='litrpg-skill']::before {
    color: rgb(0, 255, 0);
    filter: drop-shadow(0 0 0.1rem rgb(0, 255, 0));
}

.callout[data-callout='litrpg-skill-learned'] {
    border-color: rgb(50, 200, 50);
    color: rgb(50, 200, 50);
    background-color: rgba(50, 200, 50, 0.1);
}

.callout[data-callout='litrpg-skill-learned']::before {
    color: rgb(50, 200, 50);
    filter: drop-shadow(0 0 0.1rem rgb(50, 200, 50));
}

.callout[data-callout='litrpg-effect'] {
    border-color: rgb(205, 200, 120);
    color: rgb(205, 200, 120);
    background-color: rgba(205, 200, 120, 0.1);
}

.callout[data-callout='litrpg-effect']::before {
    color: rgb(205, 200, 120);
    filter: drop-shadow(0 0 0.1rem rgb(205, 200, 120));
}

.callout[data-callout='litrpg-notification-friendly'] {
    border-color: rgb(0, 170, 255);
    color: rgb(0, 170, 255);
    background-color: rgba(0, 170, 255, 0.1);
}

.callout[data-callout='litrpg-notification-friendly']::before {
    color: rgb(0, 170, 255);
    filter: drop-shadow(0 0 0.1rem rgb(0, 170, 255));
}