.custom-chat-msg {
    display: flex;
    --chat-msg-bg: #1c1c1c;
    --chat-msg-border: #727272;
}

.custom-chat-msg-avatar {
    display: flex;
    width: 75px;
    height: 75px;
    text-align: center;
    border: 1px solid var(--chat-msg-border);
    border-radius: 38px;
    object-fit: cover;
    margin: auto;
    margin-inline: 0 20px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font-size: clamp(0.5vw, calc(6vw / var(--name-char-count)), 1.2vw);
}

.custom-chat-msg-content {
    position: relative;
    z-index: 0;
    max-width: 100%;
    width: fit-content;
    border: 1.5px solid var(--chat-msg-border);
    padding: 10px;
    text-align: justify;
    border-radius: 18px;
    margin: auto 0;
    background: var(--chat-msg-bg);
}

.custom-chat-msg-content::before,
.custom-chat-msg-content::after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: -1;
    color: transparent;
    border-bottom: 4px solid;
    border-left: 7px solid;
}

.custom-chat-msg-content::before {
    border-right: 8px solid var(--chat-msg-border);
    border-top: 4px solid var(--chat-msg-border);
    left: -14px;
}

.custom-chat-msg-content::after {
    border-right: 7px solid var(--chat-msg-bg); 
    border-top: 4px solid var(--chat-msg-bg);
    margin-top: 1px;
    left: -11px;
}

#chat .mes .mesAvatarWrapper, #chat .mes .name_text, .mes_reasoning_header, .icon-svg {
    display: none;
}

.custom-transition {
    display: flex;
    border: 1px solid #727272;
    color: var(--SmartThemeQuoteColor);
    background: #1c1c1c;
    flex-direction: column;
    text-align:center;
    max-width: 100%;
    padding: 5px;
}
Edit
Pub: 10 Mar 2025 13:26 UTC
Views: 8