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: white; */
    /* backdrop-filter: blur(0.14vw) saturate(180%) !important; */
    z-index: 1;
}

.messenger_main_background {
    position: absolute;
    top: 8.25%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-image: url('/static/image/messenger_icons/anti_background.PNG');   */
    background-size: cover;
    width: 100%;
    height: 90%;
    overflow-y: scroll;
    overflow-x: none;
    /* background-color: rgba(255, 255, 255, 1); */
    backdrop-filter: blur(5vw)/* 10px * 14.95/75 */ !important;
}

.messeges_container_on_messenger {
    position: absolute !important;
    bottom: 8.25%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-image: url('/static/image/messenger_icons/background_vendorchat.png'); */
    background-color:none;
    padding-top: 5%;
    background-size: cover;
    width: 100%;
    height: auto;
    max-height: 80%;
    overflow-y: scroll;
    overflow-x: none;
    scrollbar-width: none;
    display: flex;
    flex-direction: column; /* Убедись, что это указано, чтобы элементы шли колонкой */
    justify-content: flex-start; /* Элементы начинаются с верха */
    z-index: 0 !important;
}

.messages_inner_container {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}

.bottom_navbar_messenger {
    position: absolute;
    bottom: 0vw;
    width: 100%;
    height:9.5%;
    min-height: 8.5%;
    max-height: 40%;
    background-color: white;
    /* backdrop-filter: blur(0.14vw) saturate(180%) !important; */
}

.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;
    margin-top: -0.35vw;
}

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

.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;
}

.main_settings_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;
}

/*реакции: */
.sups_reactions_container {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important; 
    align-items: center !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important; 
    padding: 0vw 0 !important; /* Добавляем отступы сверху/снизу */   
    margin-left: 0% !important;
    border-radius: 1.5vw !important;
    background-color: rgba(0,0,0,0) !important;
    border: none!important;
}

.message_reaction_container {
    position: relative;
    display: flex;
    margin-top: 0.5vw;
    margin-left: 0.5vw;
    height: 2vw;
    width: 3vw;
    border-radius: 10vw;
    background-color: rgba(255, 255, 255, 0.5);
}
.message_reaction_container:hover {
    cursor: pointer !important;
}

.image_reaction {
    position: absolute;
    right: 0.2vw;
    top: 0vw;
    height: 2vw;
    width: 2vw;
    border-radius: 10vw;
}

.image_reaction_and_sum {
    position: absolute;
    right: 0vw;
    top: 0vw;
    height: 2vw;
    width: 2vw;
    border-radius: 10vw;
}

.sum_reaction_span { 
    position: absolute;
    left: 0.5vw;
    top: 0.6vw;
    font-size: 0.8vw !important;
    font-weight: bold;
}
/*реакции конец*/

.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 {
    position: relative;
    color: black;
    font-weight: bold;
    margin-left: 5.56vw;
    margin-top: 0.35vw;
    font-size: 1.25vw;
}

.spechial_icon_for_channel_and_group_auntificated {
    display: none;
    position: absolute;
    width: 1.25vw; /* 25px * 14.95/75 */
    height: 1.25vw; /* 25px * 14.95/75 */
    z-index: 1; 
    margin-left: 3.25vw;
    margin-top: 0.25vw;
    box-shadow: 0px 0px 1px #1777D6; 
    background-color:rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(0.5vw);
    border-radius: 2000vw;
}

.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 {
    position: absolute;
    margin-left: 4.17vw;
    width: 80%;
    height: auto;
    background-color: white;
    /* backdrop-filter: blur(0.14vw) saturate(180%); */
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    outline: none;
    resize: none;     /* Запрещаем ручное изменение размера */
    overflow-y: scroll;
    overflow-x: none;
    font-size: 1.24vw;
    border-radius: 0.5vw;
    padding: 0vw 0.69vw;
    padding-top: 1vw;
    min-height: 8.5%;
    max-height: 100%;
}

.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 {
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 100px;
    background-color: #1777d7;
    box-shadow: 0 0 2px #1777d7;
    right: 1.39vw;
    top: 0.69vw;
    width: 2.43vw;
    height: 2.08vw;
    cursor: pointer;
    
}

.send_messege_icon {
    width: 1.5vw;
    height: 1.5vw;
    margin-left: 0.4vw;
    margin-top: 0.3vw ;
}

.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: auto !important; /* 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 !important; 
    height: auto !important;
    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: 100%; /* 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 {
    position: relative;
    display: block;
    cursor: pointer;
    border-radius: 6.94vw;
    width: 2.43vw;
    height: 2.43vw;
}

.avatar_chat_in_preview {
    display: block;
}

/* ========== MESSAGE ELEMENT ========== */
.message_element {
    -webkit-touch-callout: none;
    position: relative;
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 0.56vw;
    padding-right: 5vw;
    padding-left: 0.69vw;
    border-radius: 1.39vw 1.39vw 1.39vw 0vw;
    margin-top: 0.5vw;
    /* color: black; */

    width: fit-content;
    max-width: 70%;
}

/* .message_element_own {
    background-color:#B5D9FF;
    color: black;
} */
.message_element_own {
    /* background-color:#B5D9FF;
    color: black; */
}

.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;
    max-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;
    bottom: 0vw;
    left: -3vw;
    margin-left: 0vw;
    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; */
    position: absolute;
    border-radius: 6.94vw;
    width: 90%;
    height: 3.13vw; /* 45px в vw */
    top: 0.69vw;
    left: 0.69vw;
}

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

/* ========== 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;
}

/* Эффект перелива как в Telegram/Facebook */
.media-shimmer {
    background: #f6f7f83c;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    animation: shimmer 1.5s infinite linear;
}

@keyframes shimmer {
    0% { background-position: -468px 0; }
    100% { background-position: 468px 0; }
}

/* Картинки и видео плавно проявляются */
.chat-media {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.chat-media.loaded {
    opacity: 1;
}

/*reaction:*/

.default_li_contextmenu_r {
    position: absolute;
    display: flex;
    align-items: center;
    background-color: #F4F4F4;
    border: 1px solid #CDD1DA;
    margin-top: 1vw;
    border-radius: 20vw !important; 
    width: 22.5vw;
    height: 2.5vw; /* 36px в vw */
}

.reaction_button {
    width: 2.5vw;
    height: 2.5vw;
    background-color: none;
    border-radius: 20vw;
    transition: 0.5s;
}

.reaction_button:hover {
    cursor: pointer;
    transition: 0.5s;
    background-color: #CDD1DA;
}

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


@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;
    }
    
    .send_messege_icon {
        width: 6vw !important;
        height: 6vw !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.7) !important;
        backdrop-filter: blur(1.5vw) saturate(180%) !important;
        border: 0.199vw solid grey !important;
        border-radius: 5vw !important;
        width: 45vw !important;
        height: auto !important;
        padding-top: 3vw !important;
        padding-bottom: 3.5vw !important;
        z-index: 100 !important;
    }
    
    .default_span_contextmenu {
        position: absolute !important;
        left: 2.5vw !important;
        font-size: 3.25vw !important;
        color: white !important;
    } 
    
    .default_li_contextmenu {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        background-color: none !important;
        width: 95% !important;
        height: 6.25vw !important;
        margin-top: 1vw !important;
        margin-left: 2.5% !important;
        border-radius: 1.5vw !important;
    }

    .default_li_contextmenu_r {
        position: relative !important;
        display: flex !important;
        flex-wrap: wrap !important; 
        justify-content: center !important; 
        align-items: center !important;
        width: 95% !important;
        min-height: auto !important;
        height: auto !important; 
        padding: 0vw 0 !important; /* Добавляем отступы сверху/снизу */   
        margin-left: 2.5% !important;
        border-radius: 1.5vw !important;
        background-color: rgba(0,0,0,0) !important;
        border: none!important;
    }
    
    .reaction_button {
        position: relative;
        width: 7.5vw;
        height:7.5vw;
        min-width: 7vw; 
        border-radius: 20vw;
        transition: 0.5s;
        margin-left: 0vw !important; 
        margin-right: 0vw !important; /* Небольшой отступ со всех сторон */
    }

    .reaction_button:hover {
        cursor: pointer;
        transition: 0.5s;
        background-color: #CDD1DA;
    }
    
    .reaction_image {
        width: 100%;
        height: 100%;
    }

    /*реакции: */
    .sups_reactions_container {
        position: relative !important;
        display: flex !important;
        flex-wrap: wrap !important; 
        align-items: center !important;
        width: 100% !important;
        min-height: auto !important;
        height: auto !important; 
        padding: 0vw 0 !important; /* Добавляем отступы сверху/снизу */   
        margin-left: 0% !important;
        border-radius: 1.5vw !important;
        background-color: rgba(0,0,0,0) !important;
        border: none !important;
    }

    .message_reaction_container {
        position: relative !important;
        display: flex !important;
        margin-top: 1vw !important;
        margin-left: 1vw !important;
        height: 7vw !important;
        width: 10vw !important;
        border-radius: 10vw !important;
        background-color: rgba(255, 255, 255, 0.5) !important;
    }

    .message_reaction_container:hover {
        cursor: pointer !important;
    }

    .image_reaction {
        position: absolute !important;
        right: 1vw !important;
        top: 0vw !important;
        height: 7vw !important;
        width: 7vw !important;
        border-radius: 10vw !important;
    }

    .image_reaction_and_sum {
        position: absolute !important;
        right: 0vw !important;
        top: 0vw !important;
        height: 7vw !important;
        width: 7vw !important;
        border-radius: 10vw !important;
    }

    .sum_reaction_span { 
        position: absolute !important;
        left: 1.5vw !important;
        top: 2vw !important;
        font-size: 3vw !important;
        font-weight: bold !important;
    }
    /*реакции конец*/

    
    .default_li_contextmenu:hover {
        cursor: pointer;
        background-color:#1777d7 !important;
    }
    .default_li_contextmenu:active {
        cursor: pointer;
        background-color:#1777d7 !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: -10vw !important;
        background-color: rgba(0,0,0,0.7) !important;
        backdrop-filter: blur(1.5vw) saturate(180%) !important;
        border: 0.199vw solid grey !important;
        border-radius: 5vw !important;
        padding-top: 3.5vw !important;
        padding-bottom: 3.5vw !important;
        width: 38.6975vw !important;
        height: 16.4374vw !important;
        color: black !important;
    }
    
    .button_all_files_screp {
        position: relative !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0) !important;
        border: none !important;
        width: 95% !important;
        height: 6.25vw !important;
        margin-top: 1vw !important;
        margin-left: 2.5% !important;
        border-radius: 1.5vw !important;
    }
    
    .button_all_files_screp:hover {
        background-color: #1777d7 !important;
        cursor: pointer !important;
    }
    .button_all_files_screp:active {
        background-color: #1777d7 !important;
        cursor: pointer !important;
    }

    .text_all_files_screp {
        position: absolute !important;
        font-weight: normal !important;
        /* font-size: 2.75vw !important; */
        bottom:1vw !important;
        /* left: 7.7451vw !important; */
        /* color: white!important; */
        pointer-events: none !important;
        left: 2.5vw !important;
        font-size: 3.25vw !important;
        color: white !important;
    }
    
    .icon_all_files_screp {
        display: none !important;
        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;
    }

    .toast_limited_class {
        position: relative;
        bottom: 0px;
        font-size: 2.2288vw;
        background-color: #333;
        color: #fff;
        padding: 10px 20px;
        border-radius: 100px;
        z-index: 1000;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    } 
}

.chat_online_state {
    position: absolute;
    z-index: 10000;
    background-color: #1777D6 !important;   
    border: 2px white solid;      
    box-shadow: 0px 0px 5px #1777D6;
    backdrop-filter: blur(1vw) ;
    width: 10px;
    height: 10px;
    border-radius: 1000vw;
    margin-left: 3.25vw ;
    margin-top: 2.5vw;
}


.auntificated_class_none {
    display: none; 
}

.auntificated_class_success {
    display: flex;
    margin-bottom: 1.25vw;
    margin-left: 0.25vw;
    position: relative;
    width: 1.25vw; 
    height: 1.25vw;  
}