/* Classes til besked page */
.chat-message.left {
    align-self: flex-start;
    text-align: left;
}
.chat-message.right {
    align-self: flex-end;
    text-align: left;
}
.message-bubble.kunde {
    background-color: #00461a; /* mørkegrøn (kunde) */
}
.message-bubble.vores {
    background-color: #d6f6d8; /* lysegrøn (vores) */
    color: #022c10;
}


/* Spin til loader */
@keyframes stofo-spin {
    to { transform: rotate(360deg); }
}

.loader-spin {
    animation: stofo-spin 1.1s linear infinite;
    will-change: transform;
}