:root {
    --chat-body-pattern: url('/images/chat-pattern-2.jpeg');
}
[data-bs-theme="dark"] {
    --chat-body-pattern: url('/images/chat-pattern-1.jpg');
}

/* template
----------------------------------------------------------------------------------------------------------------------*/
body {
}
main {
}
footer {
}

/* chat
----------------------------------------------------------------------------------------------------------------------*/
.chat {
}
.chat .chats-container .tab-pane > div {
    background: var(--chat-body-pattern) no-repeat center center;
    background-size: cover;
}
.chat .chat-message .chat-message-content {
    font-size: 14px;
}
.chat .chat-message .sent-message-content:not(.chat .chat-message .sent-message-content.gallery):after {
    border-color: transparent transparent var(--phoenix-success-bg-subtle) transparent;
    box-shadow: 0 3px 0 var(--phoenix-tertiary-bg);
}
.chat .chat-message .chat-message-content > .received-message-content {
    box-shadow: 0 3px 0 var(--phoenix-tertiary-bg);
}
.chat .chat-message .chat-message-content > .sent-message-content {
    box-shadow: 0 3px 0 var(--phoenix-tertiary-bg);
}
.chat .chats-container form .chat-message-form-button {
    padding: 0;
    background: none;
    border: none;
    line-height: 1;
}
.chat .chats-container form .chat-message-form-button:after {
    display: none;
}

.chat-iframe-audio-controls {
    min-height: var(--phoenix-navbar-top-height);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
    position: absolute;
    right: 4rem;
    top: var(--phoenix-navbar-top-height);
}
.chat-iframe-audio-controls .btn {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.chat-iframe-audio-controls .btn > * {
    font-size: 20px;
}