.button.min-button {
    border-radius: 60px;
}

.message-button {
    display: none;
}

/* Changes bot title color */
.bg-red {
    background-color: #0884FB !important;
    color: #fff !important;
}

/* Changes bot and user chat background color */
.message-agent .message-bubble[data-v-7a271702],
.message-bot .message-bubble[data-v-7a271702] {
    background-color: #F3F4F6;
    margin-top: 0.33em; /* Proper spacing for the bot's first message */
}

.message-feedback .message-bubble[data-v-7a271702],
.message-human .message-bubble[data-v-7a271702] {
    background-color: #E8F0FE;
}

/* Removes buggy shadows on text bubbles */
.focusable[data-v-7a271702] {
    box-shadow: none !important;
}

/* Fixes scroll bar spacing */
.v-container {
    padding-right: 0px !important;
    padding-top: 0px !important;
}

/* Provides proper spacing for user text bubbles when the scroll bar is present */
.message-bubble[data-v-7a271702] {
    margin-right: 1em;
}

/* Keyframes for the processing animation */
@keyframes processing-animation {
    0% {
        background-color: #E8F0FE;
        transform: translateY(0) scale(1);
    }
    50% {
        background-color: #CDDFFD;
        transform: translateY(-8px) translateX(8px) scale(1.1);
    }
    100% {
        background-color: #E8F0FE; /* Corrected to match starting color */
        transform: translateY(0) scale(1);
    }
}

/* Style for message bubble with processing animation */
.message-bot .message-bubble[data-v-3f73af04] {
    background-color: #E8F0FE;
    animation: processing-animation 1.3s ease-in-out infinite;
}