/* Muted speaker colors shared by the service conversations. */
.conversation-speaker[data-speaker="staff"],
.conversation-speaker[data-speaker="customer"] {
    --speaker-portrait: #f2e9df;
    --speaker-bubble: #fcf8f2;
    --speaker-border: #e5d9c9;
}
.conversation-speaker[data-speaker="engineer"] {
    --speaker-portrait: #e3edf1;
    --speaker-bubble: #f3f8fa;
    --speaker-border: #cedfe5;
}
.conversation-speaker[data-speaker="president"] {
    --speaker-portrait: #e7ece3;
    --speaker-bubble: #f5f8f2;
    --speaker-border: #d5dfcd;
}
.conversation-speaker[data-speaker] :is(.sa-talk__portrait, .zb-talk__portrait, .ws-talk__portrait) {
    background: var(--speaker-portrait);
}
.conversation-speaker[data-speaker] :is(.sa-talk__bubble, .zb-talk__bubble, .ws-talk__bubble) {
    background: var(--speaker-bubble);
    border-color: var(--speaker-border);
}
.conversation-speaker[data-speaker] :is(.sa-talk__bubble, .zb-talk__bubble)::before {
    background: var(--speaker-bubble);
    border-color: var(--speaker-border);
}