body {
background: #1f2020;
}

chat {

font-family: "Noto Sans" !important;
}

.mes_text {
font-weight: 400;
}

.mes_text q {
font-weight: 500;
}

[is_user="false"] .name_text::after {
content: "c.ai";
font-weight: 600;
background-color: rgb(60, 133, 246);
background-color: rgb(28, 77, 153);
color: white;
color: rgb(229, 224, 216);
font-size: 12px;
padding: 0 4px;
line-height: 18px;
border-radius: 4px;
left: 5px;
position: relative;
}

.hotswapAvatar img,
.avatar img {
box-shadow: none;
}

.mes_buttons,
.swipe_right,
.swipe_left,
.mesAvatarWrapper>div:not(.avatar) {
opacity: 0 !important;
}

.mes:hover .mes_buttons,
.mes:hover .swipe_right,
.mes:hover .swipe_left,
.mes:hover .mesAvatarWrapper>div:not(.avatar) {
opacity: 1 !important;
}

.hotswapAvatar img,
.avatar img {
width: 45px;
height: 45px;
}

top-bar {

box-shadow: none;
}

.lastInContext {
border-top: 3px dotted rgba(255, 255, 255, 0.1) !important;
}