.msg {
    border: 1px solid var(--line);
    border-radius: 0.5em;
    padding: 0.5em 0.75em;
    display: inline-flex;
    font-size: 0.85em;
    color: var(--text-muted);
    gap: 0.5em
}
.msg.warning {
    color: hsl(from var(--warning) h s calc(l - 10));
    border-color: hsl(from var(--warning) h s calc(l + 40));
    background-color: hsl(from var(--warning) calc(h + 10) calc(s + 25) calc(l + 50) / 0.5);
}
.msg.warning::before {
    content: "⚠️";
}