body.frozen {
    animation-play-state: paused !important;
    transition: none !important;
    pointer-events: none !important;
    cursor: wait !important;
}

div {
    font-family: Arial, Helvetica, sans-serif;
}
 
.messenger_container {
    position: absolute;
    width: 70vw; /* 1033px от 1440px */
    height: 82%;
    left: 24.7vw; /* 360px от 1440px */
    overflow-x: none;
    overflow-y: none;   
}

.top_navbar_messenger {
    position: absolute;
    top: 0.0vw;
    width: 100%;
    height: 8.5%; /* 50px в vw */
    background-color: #F4F4F4; /*#F4F4F4*/
}

.messeges_container_on_messenger {
    position: absolute;
    top: 8.25%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('/static/image/messenger_icons/background_vendorchat.png');
    background-size: cover;
    width: 100%;
    height: 85%;
    overflow-y: scroll;
    overflow-x: none;
}

.bottom_navbar_messenger {
    position: absolute;
    bottom: 0vw;
    width: 100%;
    height: 8.5%;
    background-color: #F4F4F4;
}

.first_messege_in_messenger {
    position: absolute;
    top: 37.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F4F4F4;
    color: #1777d7;
    border-radius: 2.08vw;
    width: 27.78vw; /* 400px в vw */
    height: 1.74vw;
    user-select: none;
    font-size: 1.04vw;
}

.second_messege_in_messenger {
    position: absolute;
    top: 43.5%;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F4F4F4;
    border-radius: 2.08vw;
    color: #1777d7;
    width: 24.31vw; /* 350px в vw */
    height: 1.74vw;
    font-size: 1.04vw;
}

.main_messenger_settings_container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0vw;
    background-color: none;
    height: 100%;
    width: 3.47vw;
    border-right: solid 0.5px #CDD1DA;
}

.main_messenger_settings_button {
    position: absolute;
    background-color: none;
    width: 65%;
    height: 65%;
    cursor: pointer;
}

.main_messenger_settings_icon {
    width: 100%;
    height: 100%;
    user-select: none;
}

/*Кнопка 'Чаты': */

.all_chats_container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 4.17vw;
    top: -0.035vw;
    background-color: none;
    width: 3.47vw;
    height: 100.5%;
    cursor: pointer;
}

.all_chats_container:hover {
    background-color: #F4F4F4;
}

.all_chats_button {
    position: absolute;
    background-color: none;
    width: 85%;
    height: 70%;
    top: 0vw;
}

.all_chats_icon {
    width: 100%;
    height: 100%;
    user-select: none;
}

.all_chats_span {
    position: absolute;
    top: 2.26vw;
    font-weight: bold;
    font-size: 0.69vw;
    user-select: none;
}

/*Кнопка 'Папки': */
.create_new_path_container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 8.33vw;
    top: -0.035vw;
    background-color: none;
    width: 3.47vw;
    height: 100.5%;
    cursor: pointer;
}

.create_new_path_container:hover {
    background-color: #F4F4F4;
}

.create_new_path_button {
    position: absolute;
    background-color: none;
    width: 80%;
    height: 65%;
    background-color: none;
    top: 0.28vw;
}

.create_new_path_icon {
    width: 100%;
    height: 100%;
    user-select: none;   
}

.create_new_path_span {
    position: absolute;
    top: 2.26vw;
    font-weight: bold;
    font-size: 0.69vw;
    user-select: none;
}

/*Кнопка 'Проекты': */

.project_path_container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 12.5vw;
    top: -0.035vw;
    background-color: none;
    width: 3.47vw;
    height: 100.5%;
    cursor: pointer;
}

.project_path_container:hover {
    background-color: #F4F4F4;
}

.project_path_button {
    position: absolute;
    background-color: none;
    width: 80%;
    height: 65%;
    background-color: none;
    top: 0.28vw;
}

.project_path_icon {
    width: 100%;
    height: 100%;
    user-select: none;   
}

.project_path_span {
    position: absolute;
    top: 2.26vw;
    font-weight: bold;
    font-size: 0.69vw;
    user-select: none;
}

/*Тут стили для объектов верхней и нижней navbar у чата*/

.name_chat {
    font-weight: bold;
    margin-left: 5.56vw;
    margin-top: 0.35vw;
    font-size: 1.25vw;
}

.status_online_or_not {
    position: absolute;
    color: #636363;
    font-weight: bold;
    font-size: 0.87vw;
    margin-left: 5.56vw;
    margin-top: 0.17vw;
}

.avatar_chat {
    position: absolute;
    top: 0.35vw;
    left: 1.39vw;
    border-radius: 2.08vw;
    width: 2.78vw;
    height: 2.78vw;
}

.close_chat_button {
    background-color: none;
    position: absolute;
    right: 1.39vw;
    bottom: 0.87vw;
    width: 1.74vw;
    height: 1.74vw;
    border-radius: 0.35vw;
    cursor: pointer;
    transition: background-color 0.2s;
}

.close_chat_button:hover {
    background-color: #CDD1DA;
}

.image_close_chat_button {
    width: 100%;
    height: 100%;
}

.messege_input {
    margin-left: 4.17vw;
    width: 80%;
    height: 3.33vw;
    background-color: #F4F4F4;
    border: none;
    outline: none;
    font-size: 1.04vw;
    border-radius: 1.74vw;
    padding: 0 0.69vw;
}

.screpka_button {
    position: absolute;
    background-color: none;
    width: 1.74vw;
    height: 1.74vw;
    left: 1.39vw;
    top: 0.87vw;
    cursor: pointer;
}

.screpka_icon {
    width: 85%;
    height: 85%;
}

.icons_button {
    position: absolute;
    background-color: none;
    width: 2.78vw;
    height: 100%;
    right: 4.86vw;
}

.icons_button:hover {
    cursor: pointer;
}

.icons_icon {
    position: absolute;
    left: 0.69vw;
    top: 1.04vw;
    width: 1.39vw;
    height: 1.39vw;
}

.send_messege_button {
    position: absolute;
    background-color: none;
    right: 1.39vw;
    top: 0.69vw;
    width: 2.43vw;
    height: 2.08vw;
    cursor: pointer;
}

.send_messege_icon {
    width: 100%;
    height: 100%;
}

.enter_div_object {
    position: absolute;
    bottom: 0vw;
    width: 100%;
    height: 1.39vw;
    background-color: none;
    bottom: -1.39vw;
}

.background_messages_container {
    width: 100%;
    height: 100%;
}

/*стили для Contextmenu у каждого сообщения: */

.main_contextmenu_container {
    pointer-events: auto !important;
    cursor: auto !important;
    position: absolute;
    background-color: #F4F4F4;
    border: 1px solid #CDD1DA;
    border-radius: 0.69vw;
    width: 13.89vw; /* 200px в vw */
    height: 17.5vw; /* 252px в vw */
    z-index: 2;
}

.default_li_contextmenu {
    position: relative;
    display: flex;
    align-items: center;
    background-color: none;
    width: 100%;
    height: 2.5vw; /* 36px в vw */
}

.default_li_contextmenu:hover {
    background-color: #CDD1DA;
}

.default_span_contextmenu {
    position: absolute;
    left: 3.47vw;
    font-size: 0.97vw;
}

.default_li_icon {
    background-color: none;
    position: absolute;
    width: 2.43vw;
    height: 2.43vw;
    left: 0.69vw;
}

/* стили для классов выбранной функции "Ответить на сообщение"*/

.answer_message_container {
    position: absolute;
    display: block;
    background-color: #F4F4F4;
    bottom: 100%;
    width: 100%;
    height: 100%;
}

.name_answer_message_user {
    position: absolute;
    font-size: 1.04vw;
    font-weight: bold;
    color: #459cf9;
    top: 0.69vw;
    left: 4.51vw;
}

.message_answer_text {
    position: absolute;
    font-size: 1.04vw;
    top: 2.08vw;
    left: 4.51vw;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.krest_answer_message_container {
    position: absolute;
    width: 1.74vw;
    height: 1.74vw;
    top: 1.39vw;
    right: 1.74vw;
    border-radius: 0.35vw;
    cursor: pointer;
    transition: background-color 0.2s;
}

.krest_answer_message_container:hover {
    background-color: #CDD1DA;
}

.answer_message_container_on_message {
    position: absolute;
    background-color: #CDE5FF;
    border-radius: 6.94vw;
    width: 90%;
    height: 3.13vw; /* 45px в vw */
    top: 0.69vw;
    left: 0.69vw;
}

.answer_message_user_name_span {
    position: absolute;
    color: #2a91ff;
    font-weight: bold;
    font-size: 0.9vw;
    left: 1.04vw;
    right: 1.04vw;
    top: 0.35vw;
    display: inline-block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.answer_message_text_span {
    position: absolute;
    color: black;
    font-weight: normal;
    font-size: 0.97vw;
    left: 1.04vw;
    right: 1.04vw;
    bottom: 0.35vw;
    display: inline-block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.name_action_message_navbar {
    position: absolute;
    color: #2a91ff;
    font-weight: bold;
    font-size: 1.04vw;
    top: 0.69vw;
    left: 4.51vw;
}

.icon_name_action_message_navbar {
    position: absolute;
    top: 0.69vw;
    left: 1.04vw;
    width: 2.78vw;
    height: 2.78vw;
}

.main_icons_contextmenu_conteiner {
    display: none;
    background-color: none;
    border-radius: 0.69vw;
    position: absolute;
    bottom: 3.47vw;
    right: -3.82vw;
    width: 24.31vw; /* 350px в vw */
    height: 32.29vw; /* 465px в vw */
    cursor: default;
    transition: 3s;
    z-index: 1;
}

.icons_contextmenu_container {
    background-color: #F4F4F4;
    background-color: none;
    border: 1px solid #CDD1DA;
    border-radius: 0.69vw;
    position: relative;
    width: 24.31vw;
    height: 31.25vw; /* 450px в vw */
    cursor: default;
    overflow-y: scroll;
    overflow-x: none;    
}

.icons_contextmenu_buttons_container {
    position: absolute;
    background-color: none;
    border-bottom: 1px solid #CDD1DA;
    border-radius: 0.69vw 0.69vw 0vw 0vw;
    top: 0vw;
    width: 100%;
    height: 2.78vw; /* 40px в vw */
}

.icons_contextmenu_button {
    position: absolute;
    background-color: none;
    width: 50%;
    height: 100%;
    border: none;
    color: black;
    font-weight: bold;
    transition: 0.5s;
    font-size: 1.04vw;
}

.icons_contextmenu_button:hover {
    background-color: #CDD1DA;
}

.icons_contextmenu_main_data_container {
    position: absolute;
    border-radius: 0.69vw;
    top: 2.78vw;
    background-color: none;
    width: 100%;
    height: 95%;
}

.button_char {
    margin-left: 0.56vw;
    background-color: transparent;
    border-radius: 3.47vw;
    position: relative;
    border: none;
    width: 2.78vw;
    height: 2.78vw;
    transition: 0.2s;
    font-size: 2.08vw;
}

.button_char:hover {
    background-color: #CDD1DA;
}

.char_text {
    display: flex;
    justify-content: center;
}

.smile_and_emotion_group_container {
    position: relative;
    margin-top: 3.47vw;
}

.smile_and_emotion_group_name {
    position: absolute;
    margin-top: -2.08vw;
    left: 1.04vw;
    font-weight: bold;
    font-size: 1.04vw;
}

.button_list_type {
    position: absolute;
    left: 0vw;
    top: -2.78vw;
    width: 20.83vw; /* 300px в vw */
    border-radius: 1.39vw;
    background-color: #636363;
    z-index: 1;
}

.show_dop_types_button {
    position: absolute;
    border-radius: 1.39vw;
    border: none;
    background-color: #636363;
    color: white;
    font-weight: bold;
    right: 1.39vw;
    bottom: 0.35vw;
    font-size: 0.97vw;
    padding: 0.35vw 0.69vw;
}

.main_all_files_screp_container {
    position: absolute;
    background-color: none;
    width: 11.11vw; /* 160px в vw */
    height: 10.59vw; /* 152.5px в vw */
    bottom: -1.18vw;
    left: -0.35vw;
}

.all_files_screp_container {
    position: absolute;
    top: 0vw;
    border-radius: 1.04vw;
    background-color: #F4F4F4;
    border: solid 1px #CDD1DA;
    width: 13.89vw; /* 200px в vw */
    height: 5.9vw; /* 85px в vw */
}

.button_all_files_screp {
    position: relative;
    background-color: #F4F4F4;
    border: none;
    width: 100%;
    height: 50%;
}

.button_all_files_screp:hover {
    background-color: #e1e1e1;
    cursor: pointer;
}

.text_all_files_screp {
    position: absolute;
    font-weight: bold;
    font-size: 0.9vw;
    bottom: 0.87vw;
    left: 2.78vw;
    pointer-events: none;
}

.icon_all_files_screp {
    position: absolute;
    left: 0.69vw;
    bottom: 0.69vw;
    width: 1.39vw;
    height: 1.39vw;
    pointer-events: none;
}

.previewCase {
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0vw;
    top: 0vw;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    border-radius: 0vw;
    z-index: 1000;
    overflow: hidden;
}

.main_preview_case {
    position: relative;
    background-color: #F4F4F4;
    border-radius: 0.69vw;
    width: 27.78vw; /* 400px в vw */
    height: 32.99vw; /* 475px в vw */
}

.send_message_text_previewCase {
    font-weight: bold;
    font-size: 1.39vw;
    position: absolute;
    left: 2.08vw;
    top: 1.39vw;
}

/*liquid glass realisation: */
.case_previewImage {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(0.14vw) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 2rem;
    box-shadow: 0vw 0.56vw 2.22vw rgba(31, 38, 135, 0.2), 
                inset 0vw 0.28vw 1.39vw rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 4.17vw;
    left: 2.08vw;
    width: 23.61vw; /* 340px в vw */
    height: 19.44vw; /* 280px в vw */
    overflow: hidden;
}

.case_previewImage::after {
    content: '';
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2rem;
    backdrop-filter: blur(0.07vw);
    box-shadow: inset -0.69vw -0.56vw 0vw -0.76vw rgba(255, 255, 255, 1),
                inset 0vw -0.63vw 0vw -0.56vw rgba(255, 255, 255, 1);
    opacity: 0.6;
    z-index: -1;
    filter: blur(0.07vw) drop-shadow(0.69vw 0.28vw 0.42vw black) brightness(115%);
    pointer-events: none;
}

.content_image_container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.69vw;
    padding: 1.04vw;
    overflow: hidden;
    box-sizing: border-box;
}

.content_image_container.with-scroll {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-items: flex-start;
}

.content_image_container.with-scroll::-webkit-scrollbar {
    width: 0.42vw;
}

.content_image_container.with-scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1);
    border-radius: 0.21vw;
    margin: 0.35vw;
}

.content_image_container.with-scroll::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 0.21vw;
}

.content_image_container.with-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.5);
}

.previewImage {
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
    border-radius: 0.35vw;
    max-width: 100%;
    max-height: 100%;
    flex: 1 1 auto;
}

.previewImageInChat {
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
    border-radius: 0.35vw;
    max-width: 100%;
    max-height: 100%;
    flex: 1 1 auto;
}

.case_input_message_on_image {
    position: absolute;
    bottom: 4.17vw;
    left: 2.08vw;
    width: 23.61vw;
    height: auto;
    border: none;
    background-color: #F4F4F4;
    font-size: 1.18vw;
    font-family: Arial, Helvetica, sans-serif;
    resize: none;
    border-bottom: 0.14vw solid black;
    outline: none;
    padding: 0vw 0;
}

.file_input_add_media_message {
    cursor: pointer;
    background-color: red;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.send_message_file_button {
    position: absolute;
    font-weight: bold;
    font-size: 1.04vw;
    background-color: #F4F4F4;
    border: none;
    bottom: 1.39vw;
    right: 1.74vw;
    cursor: pointer;
    transition: 0.2s;
}

.exit_case_message_file_button {
    position: absolute;
    font-weight: bold;
    font-size: 1.04vw;
    background-color: #F4F4F4;
    border: none;
    bottom: 1.39vw;
    right: 10.42vw;
    cursor: pointer;
    transition: 0.2s;
}

.add_file_message_button_in_case {
    position: absolute;
    font-weight: bold;
    font-size: 1.04vw;
    background-color: #F4F4F4;
    border: none;
    bottom: 1.39vw;
    left: 1.74vw;
    cursor: pointer;
    transition: 0.2s;
}

.add_file_message_button_in_case:hover {color: #2a91ff;}
.exit_case_message_file_button:hover {color: #2a91ff;}
.send_message_file_button:hover {color: #2a91ff;}

.case_prewiev_liquid_glass_message {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(0.14vw) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 2rem;
    box-shadow: 0vw 0.56vw 2.22vw rgba(31, 38, 135, 0.2), 
                inset 0vw 0.28vw 1.39vw rgba(255, 255, 255, 0.3);
    position: relative;
    width: 30.56vw; /* 440px в vw */
    height: 26.39vw; /* 380px в vw */
    overflow: hidden;
}

.case_prewiev_liquid_glass_message::after {
    content: '';
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2rem;
    backdrop-filter: blur(0.07vw);
    box-shadow: inset -0.69vw -0.56vw 0vw -0.76vw rgba(255, 255, 255, 1),
                inset 0vw -0.63vw 0vw -0.56vw rgba(255, 255, 255, 1);
    opacity: 0.6;
    z-index: -1;
    filter: blur(0.07vw) drop-shadow(0.69vw 0.28vw 0.42vw black) brightness(115%);
    pointer-events: none;
}

.media_files_container_in_message {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.69vw;
    padding: 1.04vw;
    overflow: hidden;
    box-sizing: border-box;
}

/*Стилизация классов связанных с Аудио и другими Доками: */
.audio_file_icon_in_messenger {
    border-radius: 69.44vw;
    width: 3.47vw;
    height: 3.47vw;
    cursor: pointer;
}

.audio_file_name_in_messenger {
    position: relative;
    display: flex;
    margin-left: 4.17vw;
    margin-top: -3.13vw;
    font-weight: bold;
    font-size: 0.97vw;
}

.audio_file_size_in_messenger {
    position: relative;
    display: flex;
    margin-left: 4.17vw;
    margin-top: 0.31vw;
    font-weight: normal;
    font-size: 0.8vw;
}

.document_file_icon_in_messenger {
    border-radius: 69.44vw;
    width: 3.47vw;
    height: 3.47vw;
    cursor: pointer;
}

.document_file_name_in_messenger {
    position: relative;
    display: flex;
    margin-left: 4.17vw;
    margin-top: -3.13vw;
    font-weight: bold;
    font-size: 0.97vw;
}

.document_file_size_in_messenger {
    position: relative;
    display: flex;
    margin-left: 4.17vw;
    margin-top: 0.31vw;
    font-weight: normal;
    font-size: 0.8vw;
}

.main_document_file_container {
    width: 20.83vw; /* 300px в vw */
    height: 3.47vw;
    border: solid 1px #A5A5A5;
    border-radius: 6.94vw;
    background-color: #ededed;
}

.channel_subs_length_span {
    position: absolute;
    color: #636363;
    font-weight: normal;
    font-size: 1.04vw;
    margin-left: 5.56vw;
    margin-top: 0.17vw;
}

.spechial_icon_for_channel_and_group {
    position: absolute;
    width: 1.39vw;
    height: 1.39vw;
    margin-left: 5.21vw;
    margin-top: 0.21vw;
}

.unread_message_case {
    position: absolute;
    justify-content: center;
    display: none;
    align-items: center;
    right: 0.69vw;
    margin-top: 1.39vw;
    color: white;
    background-color: #1777d7;
    width: 1.39vw;
    height: 1.39vw;
    font-size: 0.9vw;
    font-weight: bold;
    border-radius: 6.94vw;
}



/*(!) Невероятно важная часть, отображение сообщений и тд*/
/*классы для объектов в мессенджере:*/
/* ========== MARKET PAGE ========== */

.image_cart_listing_button_recomendation {
    width: 2.08vw;
    height: 2.08vw;
}

/* ========== MESSENGER - COMMON ========== */
.avatar_chat_mess {
    display: block;
    cursor: pointer;
    border-radius: 6.94vw;
    width: 2.43vw;
    height: 2.43vw;
}

.avatar_chat_in_preview {
    display: block;
}

/* ========== MESSAGE ELEMENT ========== */
.message_element {
    position: absolute;
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 0.56vw;
    padding-right: 5.21vw;
    padding-left: 0.69vw;
    border-radius: 1.39vw 1.39vw 1.39vw 0vw;
    color: black;
    max-width: 34.72vw;
}

.message_element_own {
    background-color: #B5D9FF;
}

.message_element_other {
    background-color: #E0E0E0;
}

.message_element_channel {
    margin-left: 2.08vw;
    padding-bottom: 0.83vw;
    background-color: #E0E0E0;
}

.message_element_private {
    margin-left: 5.56vw;
    padding-bottom: 0.83vw;
}

.message_element_link {
    border-radius: 3.47vw;
    cursor: pointer;
    width: 27.78vw;
    height: 9.72vw;
    box-shadow: 0 0.07vw 0.69vw 0 #000000a2;
    border: solid 1px white;
}

.message_element_media {
    border-radius: 2.43vw 2.43vw 1.39vw 0vw;
    padding-left: 0px;
    padding-right: 0px;
    width: 30.69vw;
    padding-top: 0px;
    padding-bottom: 1.39vw;
}

.message_element_with_reply {
    padding-top: 4.17vw;
    min-width: 6.94vw;
}

/* ========== MESSAGE TEXT ========== */
.message_text_element {
    position: relative;
    display: inline-block;
    font-size: 1.1vw;
}

.message_text_element_media {
    padding-left: 0.69vw;
    padding-right: 0.69vw;
    padding-top: 0.69vw;
}

/* ========== MESSAGE SENDER AVATAR ========== */
.message_sender_avatar {
    position: absolute;
    margin-left: 2.08vw;
    border-radius: 6.94vw;
    width: 2.43vw;
    height: 2.43vw;
}

/* ========== MESSAGE TIME ========== */
.message_created_at {
    position: absolute;
    color: #727272;
    font-size: 0.97vw;
    right: 2.08vw;
    bottom: 0.56vw;
}

.message_created_at_channel {
    right: 1.04vw;
}

/* ========== MESSAGE VIEW ICON ========== */
.message_view_icon {
    width: 1.22vw;
    height: 1.04vw;
    position: absolute;
    right: 0.69vw;
    bottom: 0.69vw;
}

.message_view_icon_channel {
    left: 0.35vw;
    bottom: 0.35vw;
    width: 1.53vw;
    height: 1.53vw;
}

/* ========== MESSAGE VIEW COUNT ========== */
.message_view_count {
    position: relative;
    display: flex;
    font-size: 1.1vw;
    margin-left: 1.25vw;
    margin-top: 0.35vw;
    margin-bottom: -0.25vw;
    color: grey;
    background-color: none;
}

.message_view_count_media {
    margin-left: 2.08vw;
    margin-top: 0.35vw;
    margin-bottom: -0.8vw;
    background-color: none;
}

/* ========== LINK LISTING ========== */
.listing_case {
    width: 27.78vw;
    margin-left: 2.26vw;
    margin-top: 0.87vw;
    height: 8.33vw;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1.39vw;
}

.listing_name_span {
    position: absolute;
    margin-top: 1.04vw;
    margin-left: 1.39vw;
    font-size: 1.25vw;
    color: white;
}

.listing_price_span {
    position: absolute;
    margin-top: 2.95vw;
    margin-left: 1.39vw;
    color: white;
    font-size: 1.25vw;
    font-weight: bold;
}

.listing_address_span {
    position: absolute;
    margin-top: 4.69vw;
    margin-left: 1.39vw;
    color: white;
    display: inline-block;
    overflow-wrap: break-word;
    font-size: 1.25vw;
    max-width: 50%;
}

.answer_message_container_on_message {
    background-color: #F1F1F1;
}

.answer_message_container_on_message_own {
    background-color: #CDE5FF;
}

.answer_message_container_on_message_other {
    background-color: #F1F1F1;
}

/* ========== CONTEXT MENU ========== */
.main_contextmenu_container {
    height: 15vw;
}

.default_li_contextmenu {
    border-radius: 10px 10px 0px 0px;
}

.previewImageInChat {
    max-width: 75%;
    max-height: 75%;
}

/* ========== AUDIO/DOCUMENT FILES ========== */
.main_audio_file_element_in_messenger {
    background-color: #EDEDED;
    width: 20.83vw;
    height: 3.47vw;
    border-radius: 6.94vw;
    border: solid #A5A5A5 1px;
}

.main_document_file_element_in_messenger {
    background-color: #EDEDED;
    width: 20.83vw;
    height: 3.47vw;
    border-radius: 6.94vw;
    border: solid #A5A5A5 1px;
}

@media (max-width: 768px) {
    
    .first_messege_in_messenger {
        position: absolute !important;
        top: 37.5% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background-color: #F4F4F4 !important;
        color: #1777d7 !important;
        border-radius: 5.7949vw !important;
        width: 77.3951vw !important;
        height: 4.8476vw !important;
        user-select: none !important;
        font-size: 2.8974vw !important;
    }
    
    .second_messege_in_messenger {
        position: absolute !important;
        top: 43.5% !important;
        user-select: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background-color: #F4F4F4 !important;
        border-radius: 5.7949vw !important;
        color: #1777d7 !important;
        width: 67.7277vw !important;
        height: 4.8476vw !important;
        font-size: 2.8974vw !important;
    }
    
    .screpka_icon {
        width: 85% !important;
        height: 85% !important;
    }
    
    .send_messege_icon {
        width: 100% !important;
        height: 100% !important;
    }
    
    .enter_div_object {
        position: absolute !important;
        bottom: 0vw !important;
        width: 100% !important;
        height: 3.8725vw !important;
        background-color: none !important;
        bottom: -3.8725vw !important;
    }
    
    .background_messages_container {
        width: 100% !important;
        height: 100% !important;
    }

    .main_contextmenu_container {
        pointer-events: auto !important;
        cursor: auto !important;
        position: absolute !important;
        background-color: rgba(0,0,0,0) !important;
        backdrop-filter: blur(0.4vw) saturate(180%) !important;
        box-shadow: 0 0.07vw 1.5vw 0 rgba(0, 0, 0, 0.5);
        border: 0.199vw solid white !important;
        border-radius: 5vw !important;
        width: 40vw !important;
        height: 30vw !important;
        z-index: 2 !important;
        padding-top: 3.5vw !important;
        padding-bottom: 3.5vw !important;
    }
    
    .default_span_contextmenu {
        position: absolute !important;
        left: 9.6674vw !important;
        font-size: 2.7024vw !important;
    }
    
    .default_li_contextmenu {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        background-color: none !important;
        width: 100% !important;
        height: 5vw !important;
        border-radius: 0.5vw !important;
    }
    
    .default_li_contextmenu:hover {
        cursor: pointer;
        background-color:rgba(255, 255, 255, 0.5) !important;
    }

    .default_li_icon {
        background-color: none !important;
        position: absolute !important;
        width: 6.7700vw !important;
        height: 6.7700vw !important;
        left: 1.9223vw !important;
    }
    
    .answer_message_container {
        position: absolute !important;
        background-color: none !important;
        bottom: 100% !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .name_answer_message_user {
        position: absolute !important;
        font-size: 2.8974vw !important;
        font-weight: bold !important;
        color: #459cf9 !important;
        top: 1.9223vw !important;
        left: 12.5649vw !important;
    }
    
    .message_answer_text {
        position: absolute !important;
        font-size: 2.8974vw !important;
        top: 5.7949vw !important;
        left: 12.5649vw !important;
        max-width: 80% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .krest_answer_message_container {
        position: absolute !important;
        width: 4.8476vw !important;
        height: 4.8476vw !important;
        top: 3.8725vw !important;
        right: 4.8476vw !important;
        border-radius: 0.9751vw !important;
        cursor: pointer !important;
        transition: background-color 0.2s !important;
    }
    
    .krest_answer_message_container:hover {
        background-color: #CDD1DA !important;
    }
    
    .name_action_message_navbar {
        position: absolute !important;
        color: #2a91ff !important;
        font-weight: bold !important;
        font-size: 2.8974vw !important;
        top: 1.9223vw !important;
        left: 12.5649vw !important;
    }
    
    .icon_name_action_message_navbar {
        position: absolute !important;
        top: 1.9223vw !important;
        left: 2.8974vw !important;
        width: 7.7451vw !important;
        height: 7.7451vw !important;
    }
    
    .main_icons_contextmenu_conteiner {
        background-color: none !important;
        border-radius: 1.9223vw !important;
        position: absolute !important;
        bottom: 5vw !important;
        right: -10.6425vw !important;
        width: 67.7277vw !important;
        height: 89.9599vw !important;
        cursor: default !important;
        transition: 3s !important;
        z-index: 1 !important;
        padding-bottom: 5vw !important;
    }
    
    .icons_contextmenu_container {
        background-color: #F4F4F4 !important;
        background-color: none !important;
        border: 1px solid #CDD1DA !important;
        border-radius: 1.9223vw !important;
        position: relative !important;
        width: 67.7277vw !important;
        height: 87.0625vw !important;
        cursor: default !important;
        overflow-y: scroll !important;
        overflow-x: none !important;
    }
    
    .icons_contextmenu_buttons_container {
        position: absolute !important;
        background-color: none !important;
        border-bottom: 1px solid #CDD1DA !important;
        border-radius: 1.9223vw 1.9223vw 0vw 0vw !important;
        top: 0vw !important;
        width: 100% !important;
        height: 7.7451vw !important;
    }
    
    .icons_contextmenu_button {
        position: absolute !important;
        background-color: none !important;
        width: 50% !important;
        height: 100% !important;
        border: none !important;
        color: black !important;
        font-weight: bold !important;
        transition: 0.5s !important;
        font-size: 2.8974vw !important;
    }
    
    .icons_contextmenu_button:hover {
        background-color: #CDD1DA !important;
    }
    
    .icons_contextmenu_main_data_container {
        position: absolute !important;
        border-radius: 1.9223vw !important;
        top: 7.7451vw !important;
        background-color: none !important;
        width: 100% !important;
        height: 95% !important;
    }
    
    .button_char {
        margin-left: 1.5602vw !important;
        background-color: transparent !important;
        border-radius: 9.6674vw !important;
        position: relative !important;
        border: none !important;
        width: 7.7451vw !important;
        height: 7.7451vw !important;
        transition: 0.2s !important;
        font-size: 5.7949vw !important;
    }
    
    .button_char:hover {
        background-color: #CDD1DA !important
    }
    
    .char_text {
        display: flex !important;
        justify-content: center !important;
        font-size: 3.98vw !important;
    }
    
    .smile_and_emotion_group_container {
        position: relative !important;
        margin-top: 9.6674vw !important;
    }
    
    .smile_and_emotion_group_name {
        position: absolute !important;
        margin-top: -5.7949vw !important;
        left: 2.8974vw !important;
        font-weight: bold !important;
        font-size: 2.8974vw !important;
    }
    
    .button_list_type {
        position: absolute !important;
        left: 0vw !important;
        top: -7.7451vw !important;
        width: 58.0324vw !important;
        border-radius: 3.8725vw !important;
        background-color: #636363 !important;
        z-index: 1 !important;
    }
    
    .show_dop_types_button {
        position: absolute !important;
        border-radius: 3.8725vw !important;
        border: none !important;
        background-color: #636363 !important;
        color: white !important;
        font-weight: bold !important;
        right: 3.8725vw !important;
        bottom: 0.9751vw !important;
        font-size: 2.7024vw !important;
        padding: 0.9751vw 1.9223vw !important;
    }
    
    .main_all_files_screp_container {
        position: absolute !important;
        background-color: none !important;
        width: 30.9525vw !important;
        height: 29.5037vw !important;
        bottom: -3.2875vw !important;
        left: -0.9751vw !important;
    }
    
    .all_files_screp_container {
        position: absolute !important;
        top: 0vw !important;
        border-radius: 2.8974vw !important;
        background-color: #F4F4F4 !important;
        border: solid 1px #CDD1DA !important;
        width: 38.6975vw !important;
        height: 16.4374vw !important;
    }
    
    .button_all_files_screp {
        position: relative !important;
        background-color: #F4F4F4 !important;
        border: none !important;
        width: 100% !important;
        height: 50% !important;
    }
    
    .button_all_files_screp:hover {
        background-color: #e1e1e1 !important;
        cursor: pointer !important;
    }
    
    .text_all_files_screp {
        position: absolute !important;
        font-weight: bold !important;
        font-size: 2.5074vw !important;
        bottom: 2.4238vw !important;
        left: 7.7451vw !important;
        pointer-events: none !important;
    }
    
    .icon_all_files_screp {
        position: absolute !important;
        left: 1.9223vw !important;
        bottom: 1.9223vw !important;
        width: 3.8725vw !important;
        height: 3.8725vw !important;
        pointer-events: none !important;
    }
    
    .previewCase {
        justify-content: center !important;
        align-items: center !important;
        position: absolute !important;
        left: 0vw !important;
        top: 0vw !important;
        background-color: rgba(0, 0, 0, 0.5) !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 0vw !important;
        z-index: 1000 !important;
        overflow: hidden !important;
    }
    
    .main_preview_case {
        position: relative !important;
        background-color: #F4F4F4 !important;
        border-radius: 1.9223vw !important;
        width: 77.3951vw !important;
        height: 91.9101vw;
    }
    
    .send_message_text_previewCase {
        font-weight: bold !important;
        font-size: 3.8725vw !important;
        position: absolute !important;
        left: 5.7949vw !important;
        top: 3.8725vw !important;
    }
    .case_previewImage {
        
        box-shadow: 0vw 1.5602vw 6.1849vw rgba(31, 38, 135, 0.2), 
                    inset 0vw 0.7801vw 3.8725vw rgba(255, 255, 255, 0.3) !important;
        top: 11.6176vw !important;
        left: 5.7949vw !important;
        width: 65.7775vw !important;
        height: 54.1598vw; 
    }
    
    .case_previewImage::after {
        content: '' !important;
        position: absolute !important;
        top: 0vw !important;
        left: 0vw !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 2rem !important;
        backdrop-filter: blur(0.1950vw) !important;
        box-shadow: inset -1.9223vw -1.5602vw 0vw -2.1174vw rgba(255, 255, 255, 1),
                    inset 0vw -1.7552vw 0vw -1.5602vw rgba(255, 255, 255, 1) !important;
        opacity: 0.6 !important;
        z-index: -1 !important;
        filter: blur(0.1950vw) drop-shadow(1.9223vw 0.7801vw 1.1701vw black) brightness(115%) !important;
        pointer-events: none !important;
    }
    
    .content_image_container {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 1.9223vw !important;
        padding: 2.8974vw !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    
    .content_image_container.with-scroll {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        align-items: flex-start !important;
    }
    
    .content_image_container.with-scroll::-webkit-scrollbar {
        width: 1.1701vw !important;
    }
    
    .content_image_container.with-scroll::-webkit-scrollbar-track {
        background: rgba(0,0,0,0.1) !important;
        border-radius: 0.5851vw !important;
        margin: 0.9751vw !important;
    }
    
    .content_image_container.with-scroll::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,0.3) !important;
        border-radius: 0.5851vw !important;
    }
    
    .content_image_container.with-scroll::-webkit-scrollbar-thumb:hover {
        background: rgba(255,255,255,0.5) !important;
    }
    
    .case_input_message_on_image {
        position: absolute !important;
        bottom: 11.6176vw !important;
        left: 5.7949vw !important;
        width: 65.7775vw !important;
        height: auto !important;
        border: none !important;
        background-color: #F4F4F4 !important;
        font-size: 3.2875vw !important;
        font-family: Arial, Helvetica, sans-serif !important;
        resize: none !important;
        border-bottom: 0.3900vw solid black !important;
        outline: none !important;
        padding: 0vw 0 !important;
    }
    
    .send_message_file_button {
        position: absolute !important;
        font-weight: bold !important;
        font-size: 2.8974vw !important;
        background-color: #F4F4F4 !important;
        border: none !important;
        bottom: 3.8725vw !important;
        right: 4.8476vw !important;
        cursor: pointer !important;
        transition: 0.2s !important;
    }
    
    .exit_case_message_file_button {
        position: absolute !important;
        font-weight: bold !important;
        font-size: 2.8974vw !important;
        background-color: #F4F4F4 !important;
        border: none !important;
        bottom: 3.8725vw !important;
        right: 29.0301vw !important;
        cursor: pointer !important;
        transition: 0.2s !important;
    }
    
    .add_file_message_button_in_case {
        position: absolute !important;
        font-weight: bold !important;
        font-size: 2.8974vw !important;
        background-color: #F4F4F4 !important;
        border: none !important;
        bottom: 3.8725vw !important;
        left: 4.8476vw !important;
        cursor: pointer !important;
        transition: 0.2s !important;
    }
    
    .add_file_message_button_in_case:hover {color: #2a91ff !important;}
    .exit_case_message_file_button:hover {color: #2a91ff !important;}
    .send_message_file_button:hover {color: #2a91ff !important;}
    
    .media_files_container_in_message {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 1.9223vw !important;
        padding: 2.8974vw !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    
    .audio_file_icon_in_messenger {
        border-radius: 193.4598vw !important;
        width: 9.6674vw !important;
        height: 9.6674vw !important;
        cursor: pointer !important;
    }
    
    .audio_file_name_in_messenger {
        position: relative !important;
        display: flex !important;
        margin-left: 11.6176vw !important;
        margin-top: -8.7202vw !important;
        font-weight: bold !important;
        font-size: 2.7024vw !important;
    }
    
    .audio_file_size_in_messenger {
        position: relative !important;
        display: flex !important;
        margin-left: 11.6176vw !important;
        margin-top: 0.8637vw !important;
        font-weight: normal !important;
        font-size: 2.2288vw !important;
    }
    
    .document_file_icon_in_messenger {
        border-radius: 193.4598vw !important;
        width: 9.6674vw !important;
        height: 9.6674vw !important;
        cursor: pointer !important;
    }
    
    .document_file_name_in_messenger {
        position: relative !important;
        display: flex !important;
        margin-left: 11.6176vw !important;
        margin-top: -8.7202vw !important;
        font-weight: bold !important;
        font-size: 2.7024vw !important;
    }
    
    .document_file_size_in_messenger {
        position: relative !important;
        display: flex !important;
        margin-left: 11.6176vw !important;
        margin-top: 0.8637vw !important;
        font-weight: normal !important;
        font-size: 2.2288vw !important;
    }
    
    .main_document_file_container {
        width: 58.0324vw !important;
        height: 9.6674vw !important;
        border: solid 1px #A5A5A5 !important;
        border-radius: 19.3348vw !important;
        background-color: #ededed !important;
    }
}