html{min-height:100%;min-width:100%;overflow-x:hidden}
body{overflow-x:hidden}
table{border-spacing:0 10px;margin:0} table td{font-size:90%;padding:5px}
input,select,textarea{box-sizing:border-box;border-width:0;border-radius:0;font-size:100%;padding:0px;background-color:transparent;-moz-appearance:none;-webkit-appearance:none;}
.pointer{cursor:pointer} *:focus{outline:none}
.shorten{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.bgbwsp{background-image:none;background-size:100%;background-position:bottom left;background-attachment:fixed;background-repeat:no-repeat}

.sfade1{opacity:1;transition: 0.4s opacity;}
.sfade0{opacity:0;transition: 0.4s opacity;}

#online_button{position:fixed;top:40px;right:1%;width:42px;height:42px;cursor:pointer;background-size:80%;background-repeat:no-repeat;background-position:center center}
#online_button img{margin:2px;width:38px;height:38px}
.online_title1{position:fixed;top:40px;right:1%;height:42px;min-width:180px;max-width:260px;width:20%}
.online_title2{position:fixed;top:40px;right:1%;height:42px;min-width:180px;max-width:260px;width:20%;max-width:40%}
.online_title_text{margin:12px;font-size:90%;line-height:20px;font-weight:bold;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.online_title_close{margin:5px;float:right;width:32px;height:32px;cursor:pointer;background-size:80%;background-repeat:no-repeat;background-position:center center}
.online_users1{position:fixed;top:80px;bottom:55px;right:1%;min-width:180px;max-width:260px;width:20%;overflow:hidden;padding-top:8px}
.online_users2{position:absolute;top:80px;bottom:55px;right:1%;min-width:180px;max-width:260px;width:20%;max-width:40%;overflow:hidden;padding-top:15px}
.single_online_user{font-weight:bold;margin:5px;margin-left:15px;line-height:35px;white-space:nowrap}
.single_online_user span{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.single_online_user b{position:relative;left:-8px;top:12px;width:14px;height:14px;line-height:0;display:inline-block;border-radius:100%}
.single_online_user i{margin:3px}
.single_online_user img{float:left;width:30px;height:30px}

#chat_area {
    position: relative;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
    padding-bottom: 55px;

    background: linear-gradient(rgb(10 14 39 / 12%), rgba(10, 14, 39, 0.45)), url(img/chat_bg_q80.webp) no-repeat center center;
    background-size: cover;

    will-change: scroll-position, contents;
    contain: content;
}
#chat_area::after{content:'';display:table;clear:both}
.chat_area_emoticon{width:26px;height:26px;display:inline-block}
.chat_list_emoticon{width:36px;height:36px;margin:3px;display:inline-block;cursor:pointer}
.chat_area_sticker{height:60px;width:auto;display:inline-block}
.chat_list_sticker{height:36px;width:auto;margin:1px;display:inline-block;cursor:pointer}
.chat_area_time{font-size:11px;opacity:0.7;white-space:nowrap}
.chat_area_user{font-size:90%;font-weight:bold}
/* Скрываем пустое имя пользователя в приватных сообщениях */
.chat_area_user:empty{display:none}

/* Скрываем пустой аватар в открытом приватном чате (для обычных сообщений) */
.msg .avt[src=""],
.msg .avt:not([src]){
display:none;
}

/* Убираем margin-bottom у .msg */
.msg{
margin-bottom:0!important;
}

/* Позиционирование времени и галочек внизу справа в сообщениях */
.msg > div:not(.avt){
position:relative;
flex:1;
padding-bottom:0;
min-height:20px;
overflow:hidden; /* Для правильной работы float */
}

/* Текст сообщения с отступами */
.msg > div:not(.avt) > span[class^="tt"]{
display:inline;
word-wrap:break-word;
word-break:break-word;
line-height:1.4; /* Межстрочный интервал для лучшей читаемости */
}

.message-item .msg .chat_area_time{
float:right;
clear:both; /* Перемещаем время на новую строку вниз */
margin:4px 0 0 6px;
padding:0;
line-height:1.2;
display:inline-block;
white-space:nowrap; /* Время и галочки в одну строку */
vertical-align:bottom;
}

/* Для исходящих и входящих сообщений время справа внизу через float */
.msg-out .chat_area_time{
float:right;
clear:both;
}

.msg-in .chat_area_time{
float:right;
clear:both;
}
.history_button{padding-left:32px;line-height:28px;cursor:pointer;background-size:24px 24px;background-repeat:no-repeat;background-position:5px center}

#autoscroll{position:fixed;bottom:50px;right:1%;width:42px;height:42px;cursor:pointer;background-size:75%;background-repeat:no-repeat;background-position:center center;display:none;z-index:10}
#autoscroll img{margin:8px;width:26px;height:26px}

#user_info{position:fixed;top:40px;right:1%;width:450px;height:55px;max-width:80%;min-width:200px;font-size:90%;padding:10px;font-weight:bold;overflow:hidden;display:none}
.user_butt{position:fixed;top:45px;right:1%;margin:8px 5px 0 0;padding:10px;display:none}
.user_butt span{width:32px;height:32px;display:inline-block;background-position:center;background-size:80%;background-repeat:no-repeat}
#user_avatar{float:left;width:60px;height:60px;background-size:100%;background-repeat:no-repeat;background-position:center}
#user_motto{font-weight:normal;display:inline-block;cursor:help;width:160px;line-height:90%}
.one2chat{
  position:fixed;
  top:116px;
  right:1%;
  bottom:55px;
  width:450px;
  max-width:80%;
  min-width:200px;
  padding:10px;
  padding-bottom:95px;
  overflow-y:auto;
  overflow-x:hidden;
  display:none;
  background-position:center;
  background-size:70%;
  background-repeat:no-repeat;
  /* оптимизация скролла отдельного чата */
  will-change: scroll-position, contents;
  contain: content;
}
.one2chat::after{content:'';display:table;clear:both}
.pchat_ntfimg_on{animation:longblink 3s ease-in-out infinite}
@keyframes longblink{50%{opacity:.5;filter:grayscale(1)}}
.pchat_notify{width:8px;height:8px;border-radius:100%;display:inline-block;line-height:8px;margin-right:3px}
.pchat_notify_on{width:8px;height:8px;border-radius:100%;display:inline-block;line-height:8px;margin-right:3px;animation:shortblink .5s ease-in-out infinite}
@keyframes shortblink{50%{transform:scale(.5,.5)}}

.status_select{position:fixed;top:2px;min-width:180px;max-width:260px;width:20%;right:1%;text-align:right;font-size:85%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
#statuses{position:fixed;top:2px;right:1%;min-width:180px;max-width:260px;width:20%;display:none}
#statuses div{margin:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
#statuses i{width:10px;height:10px;margin:10px 6px 0 10px;border-radius:100%;display:inline-block}
.status1{background-color:#53C058;}
.status2{background-color:#607D8B;}
.status3{background-color:#FFC107;}
.status4{background-color:#9C27B0;}
.status5{background-color:#F44336;}

.top_area{position:fixed;top:0;left:0;right:0;height:28px;line-height:25px;}
.top_button{margin:2px;width:40px;height:36px;position:relative;top:-5px;cursor:pointer;background-size:115%;background-repeat:no-repeat;background-position:center center}
#top_unread{position:fixed;left:52px;top:11px;width:8px;height:8px;border-radius:100%;cursor:pointer;display:none;animation:shortblink .8s ease-in-out infinite}
#top2unread{position:fixed;left:64px;top:11px;width:8px;height:8px;border-radius:100%;cursor:pointer;display:none;animation:shortblink .5s ease-in-out infinite}
#bot_unread{animation:shortblink .8s ease-in-out infinite}
#bot2unread{animation:shortblink .5s ease-in-out infinite}

/* Планка под строкой ввода */
.bottom_input_bar{position:fixed;left:0;right:0;bottom:0;height:75px;z-index:999}
/* Контейнер для строки ввода сообщений */
.bottom_input_container{position:fixed;left:70px;right:70px;bottom:12px;height:50px;background:#2a2b2cd1;border-radius:25px;display:flex;align-items:center;padding:0 8px;box-shadow:0 2px 8px rgba(0,0,0,0.2);z-index:1000;transition:height 0.2s ease;overflow:hidden;max-width:calc(100% - 140px);box-sizing:border-box}
/* Режим главной страницы: скрываем строку ввода */
.bottom_input_container.main_page_mode{display:none!important}
/* Скрываем микрофон и кнопку отправки на главной странице */
body.main_page_mode #bottom_mic{display:none!important}
body.main_page_mode #bottom_send{display:none!important}
/* Отдельный контейнер для кнопок главной страницы */
.main_page_buttons_container{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);height:auto;background:#2a2b2c;border-radius:25px;display:none;align-items:center;justify-content:center;gap:20px;padding:8px 20px;box-shadow:0 2px 8px rgba(0,0,0,0.2);z-index:1000;max-width:calc(100% - 140px);box-sizing:border-box}
body.main_page_mode .main_page_buttons_container{display:flex!important}
/* Иконки главной страницы скрыты по умолчанию */
.main_page_icon{display:none!important}
/* Обертка для иконок главной страницы с подписями */
.main_page_icon_wrapper{flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;min-width:0}
.main_page_buttons_container .main_page_icon{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}
/* Подписи под иконками главной страницы */
.main_page_icon_label{font-size:10px;color:#ccc;text-align:center;white-space:nowrap;line-height:1.2;width:100%;overflow:hidden;text-overflow:ellipsis}
/* Иконки главной страницы из PNG файлов */
.main_page_icon.icon_photo{background-image:url('img/5.png');background-size:80%;margin:0;background-repeat:no-repeat;background-position:center}
.main_page_icon.icon_chats{background-image:url('img/3.png');background-size:80%;margin:0;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}
.main_page_icon.icon_calls{background-image:url('img/1.png');background-size:80%;margin:0;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}
.main_page_icon.icon_contacts{background-image:url('img/2.png');background-size:80%;margin:0;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}

.main_page_icon.icon_settings {background-image: url(img/4.png);background-size:80%;margin:0;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}
#upload_progress_bar{position:absolute;left:0;top:0;height:100%;background:#25d366;width:0%;transition:width 0.5s cubic-bezier(0.25,0.46,0.45,0.94);border-radius:25px;z-index:1;pointer-events:none;opacity:0.4}
/* Иконки внутри строки ввода */
.bottom_input_icon{width:38px;height:38px;background-repeat:no-repeat;background-size:55%;background-position:center;cursor:pointer;transition:opacity 0.2s;flex-shrink:0;pointer-events:auto;z-index:10;position:relative;max-width:38px;min-width:38px;align-self:flex-end}
.bottom_input_icon:hover{opacity:1}
/* Смайлы слева */
#bottom_smile{margin:0px 0px 5px 0px;background-color:#161717!important;border-radius:50%;filter:none!important;align-self:flex-end!important}
/* Текстовая область */
.bottom_input_textarea{flex:1;height:100%;display:flex;align-items:center;min-width:0;overflow:hidden;margin:0px 0px 5px 0px}
.bottom_input_textarea textarea{width:100%;height:50px;line-height:40px;padding:0 10px;margin:0;resize:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:transparent;border:none;color:#e4e6eb;font-size:16px;outline:none;vertical-align:middle;box-sizing:border-box;transition:height 0.2s ease}
.bottom_input_textarea div[contenteditable="true"]{background:transparent!important;background-color:transparent!important;line-height:25px!important;width:100%!important}
.bottom_input_textarea textarea::-webkit-scrollbar{display:none}
.bottom_input_textarea textarea::placeholder{color:#8696a0}
/* Placeholder для contenteditable div */
.bottom_input_textarea div[contenteditable="true"].empty:empty::before,
.bottom_input_textarea div[contenteditable="true"].empty:not(:focus):empty::before,
.bottom_input_textarea div[contenteditable="true"].empty:empty::before, .bottom_input_textarea div[contenteditable="true"].empty:not(:focus):empty::before, .bottom_input_textarea div[contenteditable="true"]:empty:not(:focus)::before {
    content: attr(placeholder);
    color: #8696a0;
    pointer-events: none;
    display: block;
    margin: 10px;
    font-size: 18px;
}
/* Скрепка и звонок справа */
#bottom_file{margin-left:5px;margin-right:5px;align-self:flex-end!important}
#bottom_call{margin-left:5px;pointer-events:auto!important;z-index:100!important;position:relative}
#bottom_camera_btn{margin:0px 5px 5px 0px;pointer-events:auto!important;z-index:100!important;position:relative;flex-shrink:0;max-width:38px;min-width:38px}
#bottom_call.calling{background-color:#4caf50!important;filter:none!important;animation:pulse 1s ease-in-out infinite;border-radius:50%!important}
#bottom_call.calling .svg_call{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ephone%3C/title%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z' fill='%234caf50'%3E%3C/path%3E%3C/svg%3E")!important;background-size:70%!important}
#bottom_call.incoming{background-color:#2196f3!important;filter:none!important;animation:pulse 1s ease-in-out infinite}
/* Кнопка звонка в хедере */
#header_call_btn{pointer-events:auto!important;z-index:100!important;position:relative;background-size:100%!important}
#header_call_btn.calling{background-color:#4caf50!important;filter:none!important;animation:pulse 1s ease-in-out infinite;border-radius:50%!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;overflow:hidden!important}
#header_call_btn.calling .svg_call{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ephone%3C/title%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z' fill='%234caf50'%3E%3C/path%3E%3C/svg%3E")!important;background-size:70%!important}
#header_call_btn.incoming{background-color:#2196f3!important;filter:none!important;animation:pulse 1s ease-in-out infinite}
/* Кнопка микрофона за строкой справа */
.bottom_mic_button{position:fixed;right:8px;bottom:12px;width:50px;height:50px;background:#fff;border-radius:50%;background-repeat:no-repeat;background-size:55%;background-position:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:all 0.3s;display:flex;align-items:center;justify-content:center;z-index:1000}
.bottom_mic_button:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:scale(1.05)}
#bottom_mic.recording{background-color:#f44336!important;filter:none;animation:pulse 1s ease-in-out infinite}
#bottom_send{background:#ffffff!important;filter:none!important}
#bottom_send:hover{background:#f0f0f0!important}
#bottom_send.send-button-appear{animation:sendButtonAppear 0.3s ease-out}
@keyframes sendButtonAppear{
  0%{transform:scale(0.3);opacity:0}
  100%{transform:scale(1);opacity:1}
}
.send_file_count_badge {
    background: #075e54;
    color: #ffffff;
    border-radius: 50px;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    padding: 18px 18px 18px 18px;
    z-index: 1001;
    pointer-events: none;
    position: static;

    /* Начальное состояние — скрыт */
    opacity: 0;
    visibility: hidden;
}

.send_file_count_badge[data-show="true"] {
    /* Запускаем бесконечную анимацию мигания */
    animation: sharpBlink 2s infinite;
}

@keyframes sharpBlink {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    10% {
        opacity: 1;
        visibility: visible;   /* Резко появляется */
    }
    40% {
        opacity: 1;
        visibility: visible;   /* Видим примерно 0.6 секунды */
    }
    50% {
        opacity: 0;
        visibility: hidden;    /* Резко исчезает */
    }
    100% {
        opacity: 0;
        visibility: hidden;    /* Пауза до следующего цикла */
    }
}

/* Твой SVG для кнопки отправки (без изменений) */
#bottom_send.svg_send {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ewds-ic-send-filled%3C/title%3E%3Cpath d='M5.4 19.425C5.06667 19.5583 4.75 19.5291 4.45 19.3375C4.15 19.1458 4 18.8666 4 18.5V14L12 12L4 9.99997V5.49997C4 5.1333 4.15 4.85414 4.45 4.66247C4.75 4.4708 4.06667 4.44164 5.4 4.57497L20.8 11.075C21.2167 11.2583 21.425 11.5666 21.425 12C21.425 12.4333 21.2167 12.7416 20.8 12.925L5.4 19.425Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E")!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 50%!important;
}
/* Панель записи голосового сообщения */
#voice_record_panel{position:fixed;left:70px;right:70px;bottom:12px;height:100px;background:#2a2b2c;border-radius:25px;display:none;flex-direction:column;padding:8px 12px;box-shadow:0 2px 8px rgba(0,0,0,0.2);z-index:100004}
#voice_record_panel.recording{display:flex}
#voice_record_top_row{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;margin-bottom:8px}
#voice_record_timer_text{font-size:12px;color:#fff;white-space:nowrap;font-family:monospace;font-weight:bold;flex-shrink:0}
#voice_record_waveform{flex:1;height:30px;margin:0 15px;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden;position:relative}
.voice_waveform_dot{width:3px;height:3px;background:#666;border-radius:50%;transition:height 0.1s,background 0.1s;flex-shrink:0}
.voice_waveform_dot.active{height:20px;background:#fff}
.voice_waveform_progress{position:absolute;left:0;top:0;bottom:0;width:0%;background:rgba(255,255,255,0.3);pointer-events:none;transition:width 0.1s}
#voice_record_bottom_row{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;position:relative}
#voice_record_delete{width:38px;height:38px;background-color:#0a0a0a;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Edelete%3C/title%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:55%;background-position:center;cursor:pointer;opacity:0.9;transition:opacity 0.2s;flex-shrink:0}
#voice_record_delete:hover{opacity:1}
#voice_record_pause{width:38px;height:38px;background:rgba(244,67,54,0.8);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s;position:absolute;left:50%;transform:translateX(-50%)}
#voice_record_pause:hover{background:rgba(244,67,54,1)}
#voice_record_pause svg{width:18px;height:18px;fill:#fff}
#voice_record_send{width:38px;height:38px;background:#ffffff;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s;margin-left:auto}
#voice_record_send:hover{background:#f0f0f0}
#voice_record_send svg{width:20px;height:20px;fill:#000000}
@media (max-width: 768px) {
#voice_record_panel{left:8px!important;right:8px!important}
/* Исправление позиционирования времени и галочек на мобильных устройствах */
/* Для обычных сообщений (не звуковых) */
.message-item:not(:has(.chat_voice_message)){
overflow:visible; /* Разрешаем видимость для псевдоэлемента ::after (хвостик сообщения) */
position:relative;
}
.message-item:not(:has(.chat_voice_message)) .msg{
overflow:visible; /* Разрешаем видимость для псевдоэлемента ::after (хвостик сообщения) */
position:relative;
}
.message-item:not(:has(.chat_voice_message)) .msg > div:not(.avt){
overflow:visible; /* Разрешаем видимость, чтобы время было видно */
position:relative; /* Для правильного позиционирования времени */
max-width:100%; /* Ограничиваем ширину контейнера */
padding-bottom:0px;
}
.message-item:not(:has(.chat_voice_message)) .msg > div:not(.avt) > span[class^="tt"]{
display:inline;
max-width:100%;
word-wrap:break-word;
word-break:break-word;
}
/* Для всех сообщений (включая звуковые) - время и галочки */
.message-item .msg .chat_area_time{
float:right;
clear:both;
margin:4px 0 0 6px;
font-size:12px; /* Немного уменьшаем размер шрифта на мобильных */
white-space:nowrap; /* Время и галочки в одну строку */
vertical-align:bottom;
}
/* Для звуковых сообщений - специальные правила */
/* КРИТИЧНО: Перекрываем старые стили для голосовых сообщений */
.message-item:has(.chat_voice_message) {
    display: flex !important;
    margin: 8px 12px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    max-width: none !important;
    float: none !important;
    clear: both !important; /* КРИТИЧНО: clear:both для предотвращения наезжания сообщений */
    position: relative !important;
    box-sizing: border-box !important;
}

.message-item:has(.chat_voice_message).msg-in {
    justify-content: flex-start;
    background-color: transparent !important;
    margin-left: 12px !important;
    margin-right: auto !important;
}

.message-item:has(.chat_voice_message).msg-in::after {
    display: none !important;
}

.message-item:has(.chat_voice_message).msg-out {
    justify-content: flex-end;
    background-color: transparent !important;
    margin-left: auto !important;
    margin-right: 12px !important;
}

.message-item:has(.chat_voice_message).msg-out::after {
    display: none !important;
}

.message-item:has(.chat_voice_message) .msg {
    max-width: 85% !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: transparent !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Пузырь голосового сообщения */
.chat_voice_message {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 18px;
    box-sizing: border-box;
    width: fit-content;
    min-width: 200px; /* Фиксированная минимальная ширина, чтобы контейнер не уменьшался */
    max-width: 100%;
    /* Убираем transition для width, чтобы контейнер не менял размер */
    transition: background-color 0.2s ease, opacity 0.2s ease;
    /* Фиксируем размеры элементов внутри, чтобы контейнер не растягивался */
    flex-shrink: 0;
}

/* Цвета пузырей */
.msg-in .chat_voice_message {
    background: #263f48;
}

.msg-out .chat_voice_message {
    background: #998bf7d1;
}

/* Аватар */
.chat_voice_message .avatar,
.chat_voice_message .avt {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    position: relative !important; /* Для иконки микрофона */
    float: none !important;
    margin: 0 !important;
}

/* Кнопка воспроизведения */
.voice_play_btn {
    width: 40px !important;
    height: 40px !important;
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    outline: none !important;
    /* Убираем transition для width/height, чтобы кнопка не меняла размер */
    transition: opacity 0.2s !important;
    position: relative !important;
    float: none !important;
    margin: 0 !important;
    /* Убираем стили по умолчанию для Android */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    text-shadow: none !important;
    /* Убираем фон при активном состоянии на Android */
    -webkit-tap-highlight-color: transparent !important;
    tap-highlight-color: transparent !important;
    user-select: none !important;
}

.voice_play_btn:hover {
    background: transparent !important;
    background-color: transparent !important;
    opacity: 0.8;
}

/* SVG иконки */
.voice_play_btn .icon {
    width: 30px !important;
    height: 30px !important;
    fill: #fff !important;
    display: block;
    /* Фиксируем размер, чтобы иконки не влияли на размер контейнера */
    flex-shrink: 0;
    /* Обе иконки занимают одно и то же место */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Убеждаемся, что обе иконки имеют одинаковый размер */
    box-sizing: border-box;
}

/* По умолчанию показываем play */
.voice_play_btn .icon-pause {
    display: none !important;
}

/* Когда играет - показываем pause */
.voice_play_btn[data-state="pause"] .icon-play {
    display: none !important;
}

.voice_play_btn[data-state="pause"] .icon-pause {
    display: block !important;
}

/* Контролы плеера */
.voice_player_controls {
    flex: 1;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
    /* Предотвращаем растягивание контейнера */
    overflow: hidden;
}

/* Контейнер осцилограммы */
.voice_waveform_container {
    flex: 1;
    min-width: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.voice_waveform_canvas {
    width: 100%;
    height: 24px;
    display: block;
    object-fit: contain;
    /* Убеждаемся, что canvas масштабируется так же, как и img */
    box-sizing: border-box;
}

.voice_waveform_preview {
    width: 100%;
    height: 24px;
    display: block;
    object-fit: contain;
    /* Убеждаемся, что img масштабируется так же, как и canvas */
    box-sizing: border-box;
}

/* Время длительности */
.voice_time {
    font-size: 11px;
    color: #fff;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 35px;
    max-width: 50px; /* Фиксируем максимальную ширину, чтобы время не растягивало контейнер */
    text-align: right;
    opacity: 0.9;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Время отправки */
.message-item:has(.chat_voice_message) .msg .chat_area_time {
    font-size: 11px;
    opacity: 0.7;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
    white-space: nowrap;
}

/* Галочки */
.message-item:has(.chat_voice_message) .msg-status-icon {
    font-size: 12px;
    opacity: 0.9;
}

/* Мобильная адаптация */
@media (max-width: 480px) {
    .message-item:has(.chat_voice_message) .msg {
        max-width: 95%;
    }

    .chat_voice_message {
        padding: 6px 10px;
        gap: 6px;
    }

    .voice_play_btn {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .chat_voice_message .avatar,
    .chat_voice_message .avt {
        width: 34px;
        height: 34px;
    }

    .voice_waveform_canvas {
        height: 20px;
    }

    .voice_time {
        font-size: 10px;
    }
}

/* Веб-версия (десктоп) - улучшенные стили для больших экранов */
@media (min-width: 481px) {
    .message-item:has(.chat_voice_message) {
        margin: 10px 16px;
    }

    .message-item:has(.chat_voice_message) .msg {
        max-width: 70%;
    }

    .chat_voice_message {
        padding: 10px 14px;
        gap: 10px;
        border-radius: 20px;
        min-width: 200px;
        max-width: 400px;
    }

    .voice_play_btn {
        width: 44px;
        height: 44px;
        font-size: 16px;
        transition: all 0.2s ease;
    }

    .voice_play_btn:hover {
        background: transparent !important;
        opacity: 0.8;
    }

    .chat_voice_message .avatar,
    .chat_voice_message .avt {
        width: 44px;
        height: 44px;
    }

    .voice_waveform_container {
        min-width: 80px;
    }

    .voice_waveform_canvas,
    .voice_waveform_preview {
        height: 28px;
    }

    .voice_time {
        font-size: 12px;
        min-width: 40px;
    }

    .message-item:has(.chat_voice_message) .msg .chat_area_time {
        font-size: 12px;
        margin-top: 6px;
    }

    .message-item:has(.chat_voice_message) .msg-status-icon {
        font-size: 13px;
    }

    /* Улучшенные цвета для веб-версии */
    .msg-in .chat_voice_message {
        background: #2c2c2c;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }

    .msg-out .chat_voice_message {
        background: #1f7a7c;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }

    /* Плавные переходы для веб-версии */
    .chat_voice_message {
        transition: all 0.2s ease;
    }

    .chat_voice_message:hover {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    }
}

/* Большие экраны (планшеты и десктопы) */
@media (min-width: 768px) {
    .message-item:has(.chat_voice_message) .msg {
        max-width: 65%;
    }

    .chat_voice_message {
        min-width: 220px;
        max-width: 450px;
        padding: 12px 16px;
    }

    .voice_play_btn {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .chat_voice_message .avatar,
    .chat_voice_message .avt {
        width: 48px;
        height: 48px;
    }

    .voice_waveform_canvas,
    .voice_waveform_preview {
        height: 30px;
    }

    .voice_time {
        font-size: 13px;
        min-width: 45px;
    }
}

/* Очень большие экраны (большие мониторы) */
@media (min-width: 1200px) {
    .message-item:has(.chat_voice_message) .msg {
        max-width: 60%;
    }

    .chat_voice_message {
        max-width: 500px;
    }
}
.msg-status-icon{
margin-left:2px; /* Уменьшаем отступ между временем и галочками */
}
.msg-status-icon .msg-checkmark-svg{
width:14px; /* Немного уменьшаем размер галочек на мобильных */
height:10px;
}
}
#voice_confirm_dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:10001;display:none;align-items:center;justify-content:center;flex-direction:column}
#voice_confirm_dialog .voice_confirm_content{background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.3);max-width:300px;width:90%}
#voice_confirm_dialog .voice_confirm_text{font-size:16px;color:#333;margin-bottom:25px;font-weight:500}
#voice_confirm_send{flex:1;padding:12px 20px;background:#4caf50;color:#fff;border:none;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(76,175,80,0.3)}
#voice_confirm_send:hover{background:#45a049!important;box-shadow:0 4px 12px rgba(76,175,80,0.4);transform:translateY(-1px)}
#voice_confirm_delete{flex:1;padding:12px 20px;background:#f44336;color:#fff;border:none;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(244,67,54,0.3)}
#voice_confirm_delete:hover{background:#da190b!important;box-shadow:0 4px 12px rgba(244,67,54,0.4);transform:translateY(-1px)}
#bottom_call.calling{background-color:#4caf50!important;animation:pulse 1s ease-in-out infinite;border-radius:50%!important}
#bottom_call.calling .svg_call{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ephone%3C/title%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z' fill='%234caf50'%3E%3C/path%3E%3C/svg%3E")!important;background-size:70%!important}
#bottom_call.incoming{background-color:#2196f3!important;animation:pulse 1s ease-in-out infinite}
#char_indicator{display:none;position:fixed;font-size:12px;bottom:3px;right:3px;width:40px;height:30px;line-height:30px;text-align:center}

#hidescreen_tran{position:fixed;top:0;left:0;bottom:0;right:0;opacity:0.8;display:none}
#hidescreen_part{position:fixed;top:32px;left:0;bottom:0;right:0;opacity:0.8;display:none}
#hidescreen_opaq{position:fixed;top:0;left:0;bottom:0;right:0;display:none}
#hidescreen_blur{position:fixed;top:0;left:0;bottom:0;right:0;display:none;opacity:0.6;background-color:#000}
#hidescreen_tran,#hidescreen_part,#hidescreen_opaq,#hidescreen_blur{-webkit-tap-highlight-color:transparent;cursor:pointer}

#panel_bottom{font:8px sans-serif;position:fixed;bottom:0;left:0;width:320px;max-width:85%;min-width:300px;text-align:center;display:none;z-index:1001}
#panel_bottom span{display:inline-block;width:28px;height:28px;margin:9px 3px 9px 3px;background-position:center;background-size:90%;background-repeat:no-repeat}

#panel_left{position:fixed;top:0;bottom:48px;left:0;width:320px;max-width:85%;min-width:300px;display:none;overflow:auto;z-index:1000}
#panel_left div{text-align:center}
.panel_title{font-size:180%;width:90%;margin:20px;margin-left:5%;padding-bottom:5px;margin-bottom:30px}
.panel_input{width:90%;height:30px;margin-bottom:20px;background-repeat:no-repeat;background-size:26px 26px;background-position:right center;padding-right:30px}
.panel_button{cursor:pointer;font-weight:bold;font-size:90%;text-transform:uppercase;height:40px;margin-top:5px;background-repeat:no-repeat;background-position:center;background-size:24px 24px}
.panel_color{display:inline-block;width:40px;height:40px;cursor:pointer}
.panel_list_icon{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:16px 16px}
.fmedia_switch{display:inline-block;width:45px;height:45px;background-repeat:no-repeat;background-position:center;background-size:26px 26px;margin-right:5px;}

.panel_sounds{font-size:75%;line-height:28px;margin:5px;margin-left:5%}
.panel_sounds span{float:left;display:inline-block;white-space:nowrap;overflow:hidden;width:75%;height:30px;opacity:0.5}
.panel_sounds input{float:left;background-repeat:no-repeat;background-position:center;width:20%;height:30px;background-size:20px 20px;margin:0;margin-right:1px}

.panel_room{width:88%;margin:auto;margin-bottom:8px;padding:8px 0;overflow:hidden;position:relative}
.panel_room_delete{float:right;font-size:18px;line-height:20px;padding:4px 8px;min-width:24px;cursor:pointer}
.panel_room_body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;min-width:0;flex:1}
.panel_room_name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}

.panel_pmitem{padding:15px 0 15px 0;text-align:left!important}
.panel_pmavtr{float:left;width:45px;height:45px;margin-right:5px}

#my_avatar_pic{width:120px;height:120px;margin:10px;margin-top:0}
.avatar_list{width:80px;height:80px;margin:5px;cursor:pointer}

#system_info{position:fixed;top:30%;width:80%;left:5%;padding:5%;font-size:100%;text-align:center;display:none}

#box_emoji_stickers{position:fixed;font:12px sans-serif;bottom:70px;right:5px;left:5px;padding:1%;height:300px;max-height:300px;overflow-y:auto;overflow-x:hidden;display:none;z-index:100004}
#box_emoji_stickers b{display:inline-block;width:95px;text-align:center;height:32px;line-height:32px;margin-top:4px;background-size:24px 24px;background-repeat:no-repeat;background-position:center}

#box_emoji_stickers b:nth-of-type(1){color:#fff;background-color:#c9184a}
#box_emoji_stickers b:nth-of-type(2){color:#fff;background-color:#43aa8b}
#box_emoji_stickers b:nth-of-type(3){color:#fff;background-color:#6457a6}
#box_emoji_stickers b:nth-of-type(4){color:#fff;background-color:#c52233}
#box_emoji_stickers b:nth-of-type(5){color:#fff;background-color:#1565c0}
#box_emoji_stickers b:nth-of-type(6){color:#fff;background-color:#db7c26}
#box_emoji_stickers b:nth-of-type(7){color:#fff;background-color:#277da1}
#box_emoji_stickers b:nth-of-type(8){color:#fff;background-color:#ffba08}
#box_emoji_stickers b:nth-of-type(9){color:#fff;background-color:#6f2dbd}
#box_emoji_stickers b:nth-of-type(10){color:#fff;background-color:#6a040f}
#box_emoji_stickers b:nth-of-type(11){color:#fff;background-color:#390099}
#box_emoji_stickers b:nth-of-type(12){color:#fff;background-color:#9e0059}
#box_emoji_stickers b:nth-of-type(13){color:#fff;background-color:#2a6f97}
#box_emoji_stickers b:nth-of-type(14){color:#fff;background-color:#2d6a4f}
#box_emoji_stickers b:nth-of-type(15){color:#fff;background-color:#9d6b53}
#box_emoji_stickers b:nth-of-type(16){color:#fff;background-color:#f95738}
#box_emoji_stickers b:nth-of-type(17){color:#fff;background-color:#656d4a}
#box_emoji_stickers b:nth-of-type(18){color:#fff;background-color:#9f86c0}
#box_emoji_stickers b:nth-of-type(19){color:#fff;background-color:#ab947e}
#box_emoji_stickers b:nth-of-type(20){color:#fff;background-color:#02c39a}

#middps{margin:auto;min-width:260px;width:460px;max-width:100%;padding:20px 0 20px 0;box-shadow:0 0 5px #111;visibility:hidden}
.holder{margin:auto;width:80%;margin-bottom:20px}
.holder_menu{text-transform:uppercase;margin-top:10px;margin-bottom:50px}
.holder_menu .x1{line-height:30px;float:left;font-size:30px;margin-right:5px}
.holder_menu .x2{line-height:22px;float:left;font-size:18px;border-bottom-width:3px;border-collapse: separate;border-spacing: 15px;}
.holder_text{width:100%;height:36px;background-repeat:no-repeat;background-size:32px 32px;background-position:right center;padding-right:40px}
.holder_button{cursor:pointer;font-weight:bold;font-size:90%;text-transform:uppercase;height:60px;margin-top:20px;background-repeat:no-repeat;background-position:center center;background-size:32px 32px}

#flags_div{position:fixed;bottom:1%;left:1%;right:1%;text-align:center;padding:5px;display:none}
#flags_div div{display:inline-block;width:55px;height:55px;margin:5px;cursor:pointer;background-size:100% 100%}
#flags_div span{display:inline-block;font-size:11px;font-family:monospace;width:22px;height:22px;line-height:22px;text-align:center;margin:35px 0 0 35px;border-radius:100%}
.flag_curr{float:left;width:18px;height:18px;margin-right:5px;background-size:100% 100%}

/* spinner begin */
.spinner {margin: 100px auto 0;width:100px;text-align:center}  /* .spinner > div{background-color: #666} */
.spinner > div{width:32px;height:32px;border-radius:100%;display:inline-block;animation: sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner .bounce1{animation-delay:-0.32s} .spinner .bounce2{animation-delay:-0.16s}
@keyframes sk-bouncedelay {0%, 80%, 100% { transform: scale(0)} 40% { transform: scale(1.0)}}
/* spinner end */

/* icons/bgimg */
.svg_emtn{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eexpressions%3C/title%3E%3Cpath d='M8.49893 10.2521C9.32736 10.2521 9.99893 9.5805 9.99893 8.75208C9.99893 7.92365 9.32736 7.25208 8.49893 7.25208C7.6705 7.25208 6.99893 7.92365 6.99893 8.75208C6.99893 9.5805 7.6705 10.2521 8.49893 10.2521Z' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M17.0011 8.75208C17.0011 9.5805 16.3295 10.2521 15.5011 10.2521C14.6726 10.2521 14.0011 9.5805 14.0011 8.75208C14.0011 7.92365 14.6726 7.25208 15.5011 7.25208C16.3295 7.25208 17.0011 7.92365 17.0011 8.75208Z' fill='%23ffffff'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8221 19.9799C15.5379 21.2537 13.8087 21.9781 12 22H9.27273C5.25611 22 2 18.7439 2 14.7273V9.27273C2 5.25611 5.25611 2 9.27273 2H14.7273C18.7439 2 22 5.25611 22 9.27273V11.8141C22 13.7532 21.2256 15.612 19.8489 16.9776L16.8221 19.9799ZM14.7273 4H9.27273C6.36068 4 4 6.36068 4 9.27273V14.7273C4 17.6393 6.36068 20 9.27273 20H11.3331C11.722 19.8971 12.0081 19.5417 12.0058 19.1204L11.9935 16.8564C11.9933 16.8201 11.9935 16.784 11.9941 16.7479C11.0454 16.7473 10.159 16.514 9.33502 16.0479C8.51002 15.5812 7.84752 14.9479 7.34752 14.1479C7.24752 13.9479 7.25585 13.7479 7.37252 13.5479C7.48919 13.3479 7.66419 13.2479 7.89752 13.2479L13.5939 13.2479C14.4494 12.481 15.5811 12.016 16.8216 12.0208L19.0806 12.0296C19.5817 12.0315 19.9889 11.6259 19.9889 11.1248V9.07648H19.9964C19.8932 6.25535 17.5736 4 14.7273 4ZM14.0057 19.1095C14.0066 19.2605 13.9959 19.4089 13.9744 19.5537C14.5044 19.3124 14.9926 18.9776 15.4136 18.5599L18.4405 15.5576C18.8989 15.1029 19.2653 14.5726 19.5274 13.996C19.3793 14.0187 19.2275 14.0301 19.0729 14.0295L16.8138 14.0208C15.252 14.0147 13.985 15.2837 13.9935 16.8455L14.0057 19.1095Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
.svg_bemo{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDguNDY2NjY2OSA4LjQ2NjY2NjciPjxwYXRoIGQ9Ik00LjIzMyAxLjA1OEEzLjE3NSAzLjE3MyAwIDAgMCAxLjA1OCA0LjIzIDMuMTc1IDMuMTczIDAgMCAwIDQuMjMzIDcuNDFhMy4xNzUgMy4xNzMgMCAwIDAgMy4xNzUtMy4xNzMgMy4xNzUgMy4xNzMgMCAwIDAtMy4xNzUtMy4xNzd6TTUuNDIgMi44MTRhLjY5NS44MyAwIDAgMSAuNjk1LjgzLjY5NS44MyAwIDAgMS0uNjkzLjgyNi42OTUuODMgMCAwIDEtLjY5NS0uODMuNjk1LjgzIDAgMCAxIC42OTMtLjgzem0tMi4yNDUuMTlhLjY5NS44MyAwIDAgMSAuNjk1LjgzMi42OTUuODMgMCAwIDEtLjY5Mi44My42OTUuODMgMCAwIDEtLjY5NS0uODMuNjk1LjgzIDAgMCAxIC42OTUtLjgzem0tLjEzIDIuMDY1Yy4wMiAwIC4wNDQuMDAzLjA3LjAyMy44LjY2MyAxLjY4Mi42NjMgMi40OCAwIC4xLS4wOC4xOC4wNTYuMTEzLjE4LS4yNS40Ny0uNzMyLjg5Ni0xLjM1My44OTYtLjYyIDAtMS4xMTYtLjQyOC0xLjM1Mi0uODk2LS4wNS0uMDk1LS4wMTgtLjE5NS4wNDMtLjIwNXoiIC8+PC9zdmc+")}
.svg_srch{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+")}
.svg_emls{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQgNEEyMCAyMCAwIDAgMCA0IDI0YTIwIDIwIDAgMCAwIDIwIDIwIDIwIDIwIDAgMCAwIDIwLTIwQTIwIDIwIDAgMCAwIDI0IDR6bTcuNDggMTEuMDUyYTQuMzc2IDUuMjI0IDAgMCAxIDQuMzc2IDUuMjI0QTQuMzc2IDUuMjI0IDAgMCAxIDMxLjQ4IDI1LjVhNC4zNzYgNS4yMjQgMCAwIDEtNC4zNzYtNS4yMjQgNC4zNzYgNS4yMjQgMCAwIDEgNC4zNzYtNS4yMjR6TTE3LjM0NCAxNi4yNWE0LjM3NiA1LjIyNCAwIDAgMSA0LjM3NiA1LjIyMyA0LjM3NiA1LjIyNCAwIDAgMS00LjM3NiA1LjIyNCA0LjM3NiA1LjIyNCAwIDAgMS00LjM3Ni01LjIyNCA0LjM3NiA1LjIyNCAwIDAgMSA0LjM3Ni01LjIyNHptLS44MTggMTNjLjEyOC0uMDIyLjI3NC4wMjIuNDI2LjE1MiA1LjA0IDQuMTcyIDEwLjYgNC4xNzIgMTUuNjQgMCAuNjA4LS41MiAxLjEzLjM1LjY5NSAxLjEzLTEuNTY0IDIuOTU2LTQuNjA0IDUuNjUtOC41MTYgNS42NS0zLjkxIDAtNy4wNC0yLjY5NS04LjUxNS01LjY1LS4zMjYtLjU4Ni0uMTEzLTEuMjIyLjI3LTEuMjgzeiIgLz48L3N2Zz4=")}
.svg_star{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTcuMjdMMTguMTggMjFsLTEuNjQtNy4wM0wyMiA5LjI0bC03LjE5LS42MUwxMiAyIDkuMTkgOC42MyAyIDkuMjRsNS40NiA0LjczTDUuODIgMjF6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")}
.svg_admn{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEwLjg1IDEyLjY1aDIuM0wxMiA5bC0xLjE1IDMuNjV6TTIwIDguNjlWNGgtNC42OUwxMiAuNjkgOC42OSA0SDR2NC42OUwuNjkgMTIgNCAxNS4zMVYyMGg0LjY5TDEyIDIzLjMxIDE1LjMxIDIwSDIwdi00LjY5TDIzLjMxIDEyIDIwIDguNjl6TTE0LjMgMTZsLS43LTJoLTMuMmwtLjcgMkg3LjhMMTEgN2gybDMuMiA5aC0xLjl6Ii8+PC9zdmc+")}
.svg_room{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6TTggMTcuNWMtMS4zOCAwLTIuNS0xLjEyLTIuNS0yLjVzMS4xMi0yLjUgMi41LTIuNSAyLjUgMS4xMiAyLjUgMi41LTEuMTIgMi41LTIuNSAyLjV6TTkuNSA4YzAtMS4zOCAxLjEyLTIuNSAyLjUtMi41czIuNSAxLjEyIDIuNSAyLjUtMS4xMiAyLjUtMi41IDIuNVM5LjUgOS4zOCA5LjUgOHptNi41IDkuNWMtMS4zOCAwLTIuNS0xLjEyLTIuNS0yLjVzMS4xMi0yLjUgMi41LTIuNSAyLjUgMS4xMiAyLjUgMi41LTEuMTIgMi41LTIuNSAyLjV6Ii8+PC9zdmc+")}
.svg_pmms{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMkM2LjQ3NyAyIDIgNi40NzcgMiAxMnM0LjQ3NyAxMCAxMCAxMCAxMC00LjQ3NyAxMC0xMFMxNy41MjMgMiAxMiAyem0xLjMxMyAzLjYyNUwxOC42ODYgMTFsLTUuMzc1IDUuMzc1em0tMi42MjYgM3YxMC43NUw1LjMxMyAxNHoiLz48L3N2Zz4=")}
.svg_sett{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE5LjQzIDEyLjk4Yy4wNC0uMzIuMDctLjY0LjA3LS45OHMtLjAzLS42Ni0uMDctLjk4bDIuMTEtMS42NWMuMTktLjE1LjI0LS40Mi4xMi0uNjRsLTItMy40NmMtLjEyLS4yMi0uMzktLjMtLjYxLS4yMmwtMi40OSAxYy0uNTItLjQtMS4wOC0uNzMtMS42OS0uOThsLS4zOC0yLjY1QzE0LjQ2IDIuMTggMTQuMjUgMiAxNCAyaC00Yy0uMjUgMC0uNDYuMTgtLjQ5LjQybC0uMzggMi42NWMtLjYxLjI1LTEuMTcuNTktMS42OS45OGwtMi40OS0xYy0uMjMtLjA5LS40OSAwLS42MS4yMmwtMiAzLjQ2Yy0uMTMuMjItLjA3LjQ5LjEyLjY0bDIuMTEgMS42NWMtLjA0LjMyLS4wNy42NS0uMDcuOThzLjAzLjY2LjA3Ljk4bC0yLjExIDEuNjVjLS4xOS4xNS0uMjQuNDItLjEyLjY0bDIgMy40NmMuMTIuMjIuMzkuMy42MS4yMmwyLjQ5LTFjLjUyLjQgMS4wOC43MyAxLjY5Ljk4bC4zOCAyLjY1Yy4wMy4yNC4yNC40Mi40OS40Mmg0Yy4yNSAwIC40Ni0uMTguNDktLjQybC4zOC0yLjY1Yy42MS0uMjUgMS4xNy0uNTkgMS42OS0uOThsMi40OSAxYy4yMy4wOS40OSAwIC42MS0uMjJsMi0zLjQ2Yy4xMi0uMjIuMDctLjQ5LS4xMi0uNjRsLTIuMTEtMS42NXpNMTIgMTUuNWMtMS45MyAwLTMuNS0xLjU3LTMuNS0zLjVzMS41Ny0zLjUgMy41LTMuNSAzLjUgMS41NyAzLjUgMy41LTEuNTcgMy41LTMuNSAzLjV6Ii8+PC9zdmc+")}
.svg_avtr{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSAxMS43NWMtLjY5IDAtMS4yNS41Ni0xLjI1IDEuMjVzLjU2IDEuMjUgMS4yNSAxLjI1IDEuMjUtLjU2IDEuMjUtMS4yNS0uNTYtMS4yNS0xLjI1LTEuMjV6bTYgMGMtLjY5IDAtMS4yNS41Ni0xLjI1IDEuMjVzLjU2IDEuMjUgMS4yNSAxLjI1IDEuMjUtLjU2IDEuMjUtMS4yNS0uNTYtMS4yNS0xLjI1LTEuMjV6TTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04IDAtLjI5LjAyLS41OC4wNS0uODYgMi4zNi0xLjA1IDQuMjMtMi45OCA1LjIxLTUuMzdDMTEuMDcgOC4zMyAxNC4wNSAxMCAxNy40MiAxMGMuNzggMCAxLjUzLS4wOSAyLjI1LS4yNi4yMS43MS4zMyAxLjQ3LjMzIDIuMjYgMCA0LjQxLTMuNTkgOC04IDh6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")}
.svg_user{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAzYzEuNjYgMCAzIDEuMzQgMyAzcy0xLjM0IDMtMyAzLTMtMS4zNC0zLTMgMS4zNC0zIDMtM3ptMCAxNC4yYy0yLjUgMC00LjcxLTEuMjgtNi0zLjIyLjAzLTEuOTkgNC0zLjA4IDYtMy4wOCAxLjk5IDAgNS45NyAxLjA5IDYgMy4wOC0xLjI5IDEuOTQtMy41IDMuMjItNiAzLjIyeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=")}
.svg_pass{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyLjY1IDEwQzExLjgzIDcuNjcgOS42MSA2IDcgNmMtMy4zMSAwLTYgMi42OS02IDZzMi42OSA2IDYgNmMyLjYxIDAgNC44My0xLjY3IDUuNjUtNEgxN3Y0aDR2LTRoMnYtNEgxMi42NXpNNyAxNGMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6Ii8+PC9zdmc+")}
.svg_mail{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgNEg0Yy0xLjEgMC0xLjk5LjktMS45OSAyTDIgMThjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY2YzAtMS4xLS45LTItMi0yem0wIDRsLTggNS04LTVWNmw4IDUgOC01djJ6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")}
.svg_psqn{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOS40IDE2LjZMNC44IDEybDQuNi00LjZMOCA2bC02IDYgNiA2IDEuNC0xLjR6bTUuMiAwbDQuNi00LjYtNC42LTQuNkwxNiA2bDYgNi02IDYtMS40LTEuNHoiLz48L3N2Zz4=")}
.svg_psar{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMkw0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40TDkgMTYuMnoiLz48L3N2Zz4=")}
.svg_send{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ewds-ic-send-filled%3C/title%3E%3Cpath d='M5.4 19.425C5.06667 19.5583 4.75 19.5291 4.45 19.3375C4.15 19.1458 4 18.8666 4 18.5V14L12 12L4 9.99997V5.49997C4 5.1333 4.15 4.85414 4.45 4.66247C4.75 4.4708 5.06667 4.44164 5.4 4.57497L20.8 11.075C21.2167 11.2583 21.425 11.5666 21.425 12C21.425 12.4333 21.2167 12.7416 20.8 12.925L5.4 19.425Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
.svg_file{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Epaperclip%3C/title%3E%3Cpath d='M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
.svg_delete{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Edelete%3C/title%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
.svg_usrs{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjUgMTJjMS4zOCAwIDIuNDktMS4xMiAyLjQ5LTIuNVMxNy44OCA3IDE2LjUgN0MxNS4xMiA3IDE0IDguMTIgMTQgOS41czEuMTIgMi41IDIuNSAyLjV6TTkgMTFjMS42NiAwIDIuOTktMS4zNCAyLjk5LTNTMTAuNjYgNSA5IDVDNy4zNCA1IDYgNi4zNCA2IDhzMS4zNCAzIDMgM3ptNy41IDNjLTEuODMgMC01LjUuOTItNS41IDIuNzVWMTloMTF2LTIuMjVjMC0xLjgzLTMuNjctMi43NS01LjUtMi43NXpNOSAxM2MtMi4zMyAwLTcgMS4xNy03IDMuNVYxOWg3di0yLjI1YzAtLjg1LjMzLTIuMzQgMi4zNy0zLjQ3QzEwLjUgMTMuMSA5LjY2IDEzIDkgMTN6Ii8+PC9zdmc+")}
.svg_location{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Elocation_on%3C/title%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");filter:grayscale(100%);transition:filter 0.3s}
.svg_location.has_location{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Elocation_on%3C/title%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z' fill='%234caf50'%3E%3C/path%3E%3C/svg%3E");filter:none}
.svg_more{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTYgMTBjLTEuMSAwLTIgLjktMiAycy45IDIgMiAyIDItLjkgMi0yLS45LTItMi0yem0xMiAwYy0xLjEgMC0yIC45LTIgMnMuOSAyIDIgMiAyLS45IDItMi0uOS0yLTItMnptLTYgMGMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDIgMi0uOSAyLTItLjktMi0yLTJ6Ii8+PC9zdmc+")}
.svg_down{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMjAgMTJsLTEuNDEtMS40MUwxMyAxNi4xN1Y0aC0ydjEyLjE3bC01LjU4LTUuNTlMNCAxMmw4IDggOC04eiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==")}
.svg_clos{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=")}
.svg_sndd{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyA5djZoNGw1IDVWNEw3IDlIM3ptMTMuNSAzYzAtMS43Ny0xLjAyLTMuMjktMi41LTQuMDN2OC4wNWMxLjQ4LS43MyAyLjUtMi4yNSAyLjUtNC4wMnpNMTQgMy4yM3YyLjA2YzIuODkuODYgNSAzLjU0IDUgNi43MXMtMi4xMSA1Ljg1LTUgNi43MXYyLjA2YzQuMDEtLjkxIDctNC40OSA3LTguNzdzLTIuOTktNy44Ni03LTguNzd6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")}
.svg_soff{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuNSAxMmMwLTEuNzctMS4wMi0zLjI5LTIuNS00LjAzdjIuMjFsMi40NSAyLjQ1Yy4wMy0uMi4wNS0uNDEuMDUtLjYzem0yLjUgMGMwIC45NC0uMiAxLjgyLS41NCAyLjY0bDEuNTEgMS41MUMyMC42MyAxNC45MSAyMSAxMy41IDIxIDEyYzAtNC4yOC0yLjk5LTcuODYtNy04Ljc3djIuMDZjMi44OS44NiA1IDMuNTQgNSA2Ljcxek00LjI3IDNMMyA0LjI3IDcuNzMgOUgzdjZoNGw1IDV2LTYuNzNsNC4yNSA0LjI1Yy0uNjcuNTItMS40Mi45My0yLjI1IDEuMTh2Mi4wNmMxLjM4LS4zMSAyLjYzLS45NSAzLjY5LTEuODFMMTkuNzMgMjEgMjEgMTkuNzNsLTktOUw0LjI3IDN6TTEyIDRMOS45MSA2LjA5IDEyIDguMThWNHoiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+")}
.svg_exit{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgOFY0bDggOC04IDh2LTRINFY4eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=")}
.svg_hist{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTMgM2MtNC45NyAwLTkgNC4wMy05IDlIMWwzLjg5IDMuODkuMDcuMTRMOSAxMkg2YzAtMy44NyAzLjEzLTcgNy03czcgMy4xMyA3IDctMy4xMyA3LTcgN2MtMS45MyAwLTMuNjgtLjc5LTQuOTQtMi4wNmwtMS40MiAxLjQyQzguMjcgMTkuOTkgMTAuNTEgMjEgMTMgMjFjNC45NyAwIDktNC4wMyA5LTlzLTQuMDMtOS05LTl6bS0xIDV2NWw0LjI4IDIuNTQuNzItMS4yMS0zLjUtMi4wOFY4SDEyeiIvPjwvc3ZnPg==")}
.svg_mute{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDQuNUM3IDQuNSAyLjczIDcuNjEgMSAxMmMxLjczIDQuMzkgNiA3LjUgMTEgNy41czkuMjctMy4xMSAxMS03LjVjLTEuNzMtNC4zOS02LTcuNS0xMS03LjV6TTEyIDE3Yy0yLjc2IDAtNS0yLjI0LTUtNXMyLjI0LTUgNS01IDUgMi4yNCA1IDUtMi4yNCA1LTUgNXptMC04Yy0xLjY2IDAtMyAxLjM0LTMgM3MxLjM0IDMgMyAzIDMtMS4zNCAzLTMtMS4zNC0zLTMtM3oiLz48L3N2Zz4=")}
.svg_unmt{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6bTAgMGgyNHYyNEgwem0wIDBoMjR2MjRIMHptMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDdjMi43NiAwIDUgMi4yNCA1IDUgMCAuNjUtLjEzIDEuMjYtLjM2IDEuODNsMi45MiAyLjkyYzEuNTEtMS4yNiAyLjctMi44OSAzLjQzLTQuNzUtMS43My00LjM5LTYtNy41LTExLTcuNS0xLjQgMC0yLjc0LjI1LTMuOTguN2wyLjE2IDIuMTZDMTAuNzQgNy4xMyAxMS4zNSA3IDEyIDd6TTIgNC4yN2wyLjI4IDIuMjguNDYuNDZDMy4wOCA4LjMgMS43OCAxMC4wMiAxIDEyYzEuNzMgNC4zOSA2IDcuNSAxMSA3LjUgMS41NSAwIDMuMDMtLjMgNC4zOC0uODRsLjQyLjQyTDE5LjczIDIyIDIxIDIwLjczIDMuMjcgMyAyIDQuMjd6TTcuNTMgOS44bDEuNTUgMS41NWMtLjA1LjIxLS4wOC40My0uMDguNjUgMCAxLjY2IDEuMzQgMyAzIDMgLjIyIDAgLjQ0LS4wMy42NS0uMDhsMS41NSAxLjU1Yy0uNjcuMzMtMS40MS41My0yLjIuNTMtMi43NiAwLTUtMi4yNC01LTUgMC0uNzkuMi0xLjUzLjUzLTIuMnptNC4zMS0uNzhsMy4xNSAzLjE1LjAyLS4xNmMwLTEuNjYtMS4zNC0zLTMtM2wtLjE3LjAxeiIvPjwvc3ZnPg==")}
.svg_kick{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMnYxMWgzdjlsNy0xMmgtNGw0LTh6Ii8+PC9zdmc+")}
.svg_bann{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTMuMjcgM0wyIDQuMjdsNSA1VjEzaDN2OWwzLjU4LTYuMTRMMTcuNzMgMjAgMTkgMTguNzMgMy4yNyAzek0xNyAxMGgtNGw0LThIN3YyLjE4bDguNDYgOC40NkwxNyAxMHoiLz48L3N2Zz4=")}
.svg_uplo{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE5LjM1IDEwLjA0QzE4LjY3IDYuNTkgMTUuNjQgNCAxMiA0IDkuMTEgNCA2LjYgNS42NCA1LjM1IDguMDQgMi4zNCA4LjM2IDAgMTAuOTEgMCAxNGMwIDMuMzEgMi42OSA2IDYgNmgxM2MyLjc2IDAgNS0yLjI0IDUtNSAwLTIuNjQtMi4wNS00Ljc4LTQuNjUtNC45NnpNMTQgMTN2NGgtNHYtNEg3bDUtNSA1IDVoLTN6Ii8+PC9zdmc+")}
.svg_srch{background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+")}
.svg_pmpm{background-color:#3F51B5;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yNzAuNSkiPjxwYXRoIHN0cm9rZS13aWR0aD0iMS42NjciIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4xIiBkPSJtNTAgMjcwLjVhNTAgNTAgMCAwIDAgLTUwIDUwIDUwIDUwIDAgMCAwIDUwIDUwIDUwIDUwIDAgMCAwIDUwIC01MCA1MCA1MCAwIDAgMCAtNTAgLTUwem0xOC43IDI3LjYzYTEwLjk0IDEzLjA2IDAgMCAxIDEwLjk0IDEzLjA2IDEwLjk0IDEzLjA2IDAgMCAxIC0xMC45NCAxMy4wNiAxMC45NCAxMy4wNiAwIDAgMSAtMTAuOTQgLTEzLjA2IDEwLjk0IDEzLjA2IDAgMCAxIDEwLjk0IC0xMy4wNnptLTM1LjM0IDIuOTkyYTEwLjk0IDEzLjA2IDAgMCAxIDEwLjk0IDEzLjA2IDEwLjk0IDEzLjA2IDAgMCAxIC0xMC45NCAxMy4wNiAxMC45NCAxMy4wNiAwIDAgMSAtMTAuOTQgLTEzLjA2IDEwLjk0IDEzLjA2IDAgMCAxIDEwLjk0IC0xMy4wNnptLTIuMDQ0IDMyLjVjMC4zMTkxLTAuMDUxIDAuNjg0MyAwLjA1ODMgMS4wNjQgMC4zODQxIDEyLjYgMTAuNDMgMjYuNSAxMC40MyAzOS4xIDAgMS41MjEtMS4zMDQgMi44MjUgMC44NzAzIDEuNzM4IDIuODI2LTMuOTExIDcuMzg3LTExLjUxIDE0LjEyLTIxLjI5IDE0LjEyLTkuNzc2IDAtMTcuNi02LjczNC0yMS4yOS0xNC4xMi0wLjgxNDctMS40NjYtMC4yODM0LTMuMDU3IDAuNjczOC0zLjIxeiIvPjwvZz48L3N2Zz4=")}

/* replace icons base color

base64 RkZGRkZG = FFFFFF (white)
base64 MDAwMDAw = 000000 (black)
base64 NjY2NjY2 = 666666 (grey)

*/

/* flags */
.svg_f_en{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxnIGZpbGw9IiMyYTVmOWUiPjxwYXRoIGQ9Im0yMiA2MC4zdi0xMy44bC0xMC4zIDcuNmMyLjkgMi43IDYuNCA0LjggMTAuMyA2LjIiLz48cGF0aCBkPSJtNDIgNjAuM2MzLjktMS40IDcuNC0zLjUgMTAuMy02LjJsLTEwLjMtNy43djEzLjkiLz48cGF0aCBkPSJtMy43IDQyYy4zIDEgLjcgMS45IDEuMiAyLjlsMy45LTIuOWgtNS4xIi8+PHBhdGggZD0ibTU1LjIgNDJsMy45IDIuOWMuNC0uOS44LTEuOSAxLjItMi45aC01LjEiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTIzLjUgMzhoLTkuMi0xMS43Yy4zIDEuNC43IDIuNyAxLjEgNGg1LjFsLTMuOSAyLjljLjggMS43IDEuNyAzLjIgMi44IDQuN2wxMC4zLTcuNmg0djJsLTExLjcgOC42Yy41LjUuOS45IDEuNCAxLjRsMTAuMy03LjV2MTMuOGMxLjMuNSAyLjYuOCA0IDEuMXYtMTcuOS0yLjQtMy4xaC0yLjUiLz48cGF0aCBkPSJtNjEuNCAzOGgtMTEuNi0zLTYuOC0ydjUuNSAxNy45YzEuNC0uMyAyLjctLjcgNC0xLjF2LTEzLjhsMTAuMyA3LjVjMS40LTEuMyAyLjYtMi43IDMuOC00LjJsLTEwLjctNy44aDYuOGw2LjEgNC41Yy4zLS41LjYtMS4xLjgtMS42bC0zLjktMi45aDUuMWMuNC0xLjMuOC0yLjYgMS4xLTQiLz48L2c+PGcgZmlsbD0iI2VkNGM1YyI+PHBhdGggZD0ibTcuNyA0OS42Yy44IDEuMSAxLjYgMi4xIDIuNSAzLjFsMTEuOC04LjZ2LTJoLTRsLTEwLjMgNy41Ii8+PHBhdGggZD0ibTQ1LjUgNDJsMTAuNyA3LjhjLjQtLjUuNy0xIDEuMS0xLjUuMS0uMS4xLS4yLjItLjIuMy0uNS43LTEuMSAxLTEuNmwtNi4zLTQuNWgtNi43Ii8+PC9nPjxnIGZpbGw9IiMyYTVmOWUiPjxwYXRoIGQ9Im00MiAzLjd2MTMuOGwxMC4zLTcuNmMtMi45LTIuNy02LjQtNC44LTEwLjMtNi4yIi8+PHBhdGggZD0ibTIyIDMuN2MtMy45IDEuNC03LjQgMy41LTEwLjMgNi4ybDEwLjMgNy43di0xMy45Ii8+PHBhdGggZD0ibTYwLjMgMjJjLS4zLTEtLjctMS45LTEuMi0yLjlsLTMuOSAyLjloNS4xIi8+PHBhdGggZD0ibTguOCAyMmwtMy45LTIuOWMtLjQgMS0uOCAxLjktMS4yIDIuOWg1LjEiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTQwLjUgMjZoOS4yIDExLjZjLS4zLTEuNC0uNy0yLjctMS4xLTRoLTUuMWwzLjktMi45Yy0uOC0xLjctMS43LTMuMi0yLjgtNC43bC0xMC4yIDcuNmgtNHYtMmwxMS43LTguNmMtLjUtLjUtLjktLjktMS40LTEuNGwtMTAuMyA3LjV2LTEzLjhjLTEuMy0uNS0yLjYtLjgtNC0xLjF2MTcuOSAyLjQgMy4xaDIuNSIvPjxwYXRoIGQ9Im0yLjYgMjZoMTEuNiAzIDYuOCAydi01LjUtMTcuOWMtMS40LjMtMi43LjctNCAxLjF2MTMuOGwtMTAuMy03LjVjLTEuNCAxLjMtMi42IDIuNy0zLjggNC4ybDEwLjcgNy44aC02LjhsLTYuMS00LjVjLS4zLjUtLjYgMS4xLS44IDEuNmwzLjkgMi45aC01LjFjLS40IDEuMy0uOCAyLjYtMS4xIDQiLz48L2c+PGcgZmlsbD0iI2VkNGM1YyI+PHBhdGggZD0ibTU2LjMgMTQuNGMtLjgtMS4xLTEuNi0yLjEtMi41LTMuMWwtMTEuOCA4LjZ2Mmg0bDEwLjMtNy41Ii8+PHBhdGggZD0ibTE4LjUgMjJsLTEwLjYtNy44Yy0uNC41LS43IDEtMS4xIDEuNS0uMS4xLS4xLjItLjIuMi0uMy41LS43IDEuMS0xIDEuNmw2LjEgNC41aDYuOCIvPjxwYXRoIGQ9Im02MS40IDI2aC0xMS42LTkuMi0yLjZ2LTMuMS0yLjQtMTcuOWMtMS45LS40LTMuOS0uNi02LS42cy00LjEuMi02IC42djE3LjkgNS41aC0yLTYuOC0zLTExLjZjLS40IDEuOS0uNiAzLjktLjYgNnMuMiA0LjEuNiA2aDExLjYgOS4yIDIuNnYzLjEgMi40IDE3LjljMS45LjQgMy45LjYgNiAuNnM0LjEtLjIgNi0uNnYtMTcuOS01LjVoMiA2LjggMyAxMS42Yy40LTEuOS42LTMuOS42LTZzLS4yLTQuMS0uNi02Ii8+PC9nPjwvc3ZnPg==")}
.svg_f_de{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0zMS45LDJDMTguOCwyLDcuNywxMC40LDMuNiwyMmg1Ni42QzU2LjEsMTAuNCw0NSwyLDMxLjksMnoiIGZpbGw9IiMzZTQzNDciLz48cGF0aCBkPSJNMzEuOSw2MmMxMy4xLDAsMjQuMi04LjMsMjguMy0yMEgzLjZDNy43LDUzLjcsMTguOCw2MiwzMS45LDYyeiIgZmlsbD0iI2ZmZTYyZSIvPjxwYXRoIGQ9Im0zLjYgMjJjLTEuMSAzLjEtMS43IDYuNS0xLjcgMTBzLjYgNi45IDEuNyAxMGg1Ni42YzEuMS0zLjEgMS43LTYuNSAxLjctMTBzLS42LTYuOS0xLjctMTBoLTU2LjYiIGZpbGw9IiNlZDRjNWMiLz48L3N2Zz4=")}
.svg_f_cz{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Im0xMC44IDEwLjh2MjEuMmg1MS4yYzAtMTYuNi0xMy40LTMwLTMwLTMwLTguMyAwLTE1LjggMy40LTIxLjIgOC44IiBmaWxsPSIjZjlmOWY5Ii8+PHBhdGggZD0ibTEwLjggMzJ2MjEuMmM1LjQgNS40IDEyLjkgOC44IDIxLjIgOC44IDE2LjYgMCAzMC0xMy40IDMwLTMwaC01MS4yIiBmaWxsPSIjZWQ0YzVjIi8+PHBhdGggZD0iTTEwLjgsMTAuOEM1LjQsMTYuMiwyLDIzLjcsMiwzMnMzLjQsMTUuOCw4LjgsMjEuMkwzMiwzMkwxMC44LDEwLjh6IiBmaWxsPSIjNDI4YmMxIi8+PC9zdmc+")}
.svg_f_da{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxnIGZpbGw9IiNlZDRjNWMiPjxwYXRoIGQ9Im02MS4yIDI1Yy0zLjItMTMuMi0xNS0yMy0yOS4yLTIzLS4zIDAtLjcgMC0xIDB2MjNoMzAuMiIvPjxwYXRoIGQ9Im0xNyA2Yy03IDQuMS0xMi4yIDEwLjktMTQuMiAxOWgxNC4ydi0xOSIvPjxwYXRoIGQ9Ik0yLjgsMzlDNC44LDQ3LjEsMTAsNTMuOSwxNyw1OFYzOUgyLjh6Ii8+PHBhdGggZD0ibTMxIDYyYy4zIDAgLjcgMCAxIDAgMTQuMiAwIDI2LTkuOCAyOS4yLTIzaC0zMC4ydjIzIi8+PC9nPjxwYXRoIGQ9Im02MS4yIDI1aC0zMC4ydi0yM2MtNS4xLjItOS45IDEuNi0xNCA0djE5aC0xNC4yYy0uNSAyLjItLjggNC42LS44IDdzLjMgNC44LjggN2gxNC4ydjE5YzQuMSAyLjQgOC45IDMuOCAxNCA0di0yM2gzMC4yYy41LTIuMi44LTQuNi44LTdzLS4zLTQuOC0uOC03IiBmaWxsPSIjZmZmIi8+PC9zdmc+")}
.svg_f_es{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yLDMyYzAsNS45LDEuNywxMS40LDQuNiwxNmg1MC43YzIuOS00LjYsNC42LTEwLjEsNC42LTE2cy0xLjctMTEuNC00LjYtMTZINi42QzMuNywyMC42LDIsMjYuMSwyLDMyeiIgZmlsbD0iI2ZmY2UzMSIvPjxnIGZpbGw9IiNlZDRjNWMiPjxwYXRoIGQ9Ik01Ny40LDE2QzUyLjEsNy42LDQyLjcsMiwzMiwyUzExLjksNy42LDYuNiwxNkg1Ny40eiIvPjxwYXRoIGQ9Ik02LjYsNDhjNS4zLDguNCwxNC43LDE0LDI1LjQsMTRzMjAuMS01LjYsMjUuNC0xNEg2LjZ6Ii8+PC9nPjwvc3ZnPg==")}
.svg_f_fr{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0xLjksMzJjMCwxMy4xLDguNCwyNC4yLDIwLDI4LjNWMy43QzEwLjMsNy44LDEuOSwxOC45LDEuOSwzMnoiIGZpbGw9IiM0MjhiYzEiLz48cGF0aCBkPSJtNjEuOSAzMmMwLTEzLjEtOC4zLTI0LjItMjAtMjguM3Y1Ni42YzExLjctNC4xIDIwLTE1LjIgMjAtMjguMyIgZmlsbD0iI2VkNGM1YyIvPjxwYXRoIGQ9Im0yMS45IDYwLjNjMy4xIDEuMSA2LjUgMS43IDEwIDEuN3M2LjktLjYgMTAtMS43di01Ni42Yy0zLjEtMS4xLTYuNC0xLjctMTAtMS43cy02LjkuNi0xMCAxLjd2NTYuNiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")}
.svg_f_gr{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Im01NiAxNGgtMjR2NmgyNy41Yy0uOS0yLjEtMi4xLTQuMi0zLjUtNiIgZmlsbD0iIzQyOGJjMSIvPjxnIGZpbGw9IiNmOWY5ZjkiPjxwYXRoIGQ9Im0zMiAxNGgyNGMtMS43LTIuMy0zLjctNC4zLTYtNmgtMTh2NiIvPjxwYXRoIGQ9Im01OS41IDIwaC0yNy41djZoMjkuNGMtLjQtMi4xLTEuMS00LjEtMS45LTYiLz48L2c+PHBhdGggZD0ibTQuNSA0NGg1NWMuOC0xLjkgMS41LTMuOSAxLjktNmgtNTguOGMuNCAyLjEgMS4xIDQuMSAxLjkgNiIgZmlsbD0iIzQyOGJjMSIvPjxwYXRoIGQ9Im04IDUwaDQ4YzEuNC0xLjggMi42LTMuOSAzLjUtNmgtNTVjLjkgMi4xIDIuMSA0LjIgMy41IDYiIGZpbGw9IiNmOWY5ZjkiLz48cGF0aCBkPSJNOCw1MGMxLjcsMi4zLDMuNyw0LjMsNiw2aDM2YzIuMy0xLjcsNC4zLTMuNyw2LTZIOHoiIGZpbGw9IiM0MjhiYzEiLz48ZyBmaWxsPSIjZjlmOWY5Ij48cGF0aCBkPSJtMTQgNTZjNSAzLjggMTEuMiA2IDE4IDZzMTMtMi4yIDE4LTZoLTM2Ii8+PHBhdGggZD0ibTIwIDMydi0xMmgxMnYtNmgtMTJ2LTkuNWMtMi4xLjktNC4yIDIuMS02IDMuNXY2aC02Yy0xLjQgMS44LTIuNiAzLjktMy41IDZoOS41djEyaC0xMmMwIDIuMS4yIDQuMS42IDZoNTguOGMuNC0xLjkuNi0zLjkuNi02aC00MiIvPjwvZz48ZyBmaWxsPSIjNDI4YmMxIj48cGF0aCBkPSJtNjEuNCAyNmgtMjkuNHYtNmgtMTJ2MTJoMTIgMzBjMC0yLjEtLjItNC4xLS42LTYiLz48cGF0aCBkPSJtMzIgMmMtNC4zIDAtOC4zLjktMTIgMi41djkuNWgxMnYtNmgxOGMtNS0zLjgtMTEuMi02LTE4LTYiLz48cGF0aCBkPSJtMTQgMTR2LTZjLTIuMyAxLjctNC4zIDMuNy02IDZoNiIvPjxwYXRoIGQ9Ik00LjUsMjBDMi45LDIzLjcsMiwyNy43LDIsMzJoMTJWMjBINC41eiIvPjwvZz48L3N2Zz4=")}
.svg_f_hu{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0zMiwyQzE4LjksMiw3LjgsMTAuNCwzLjcsMjJoNTYuNkM1Ni4yLDEwLjQsNDUuMSwyLDMyLDJ6IiBmaWxsPSIjZWQ0YzVjIi8+PHBhdGggZD0iTTMyLDYyYzEzLjEsMCwyNC4yLTguMywyOC4zLTIwSDMuN0M3LjgsNTMuNywxOC45LDYyLDMyLDYyeiIgZmlsbD0iIzgzYmY0ZiIvPjxwYXRoIGQ9Ik0zLjcsMjJDMi42LDI1LjEsMiwyOC41LDIsMzJzMC42LDYuOSwxLjcsMTBoNTYuNmMxLjEtMy4xLDEuNy02LjUsMS43LTEwcy0wLjYtNi45LTEuNy0xMEgzLjd6IiBmaWxsPSIjZjlmOWY5Ii8+PC9zdmc+")}
.svg_f_id{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Im0zMS44IDYyYzE2LjYgMCAzMC0xMy40IDMwLTMwaC02MGMwIDE2LjYgMTMuNCAzMCAzMCAzMCIgZmlsbD0iI2Y5ZjlmOSIvPjxwYXRoIGQ9Im0zMS44IDJjLTE2LjYgMC0zMCAxMy40LTMwIDMwaDYwYzAtMTYuNi0xMy40LTMwLTMwLTMwIiBmaWxsPSIjZWQ0YzVjIi8+PC9zdmc+")}
.svg_f_it{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0xLjcsMzJjMCwxMy4xLDguNCwyNC4yLDIwLDI4LjNWMy43QzEwLjEsNy44LDEuNywxOC45LDEuNywzMnoiIGZpbGw9IiM3NWE4NDMiLz48cGF0aCBkPSJtNjEuNyAzMmMwLTEzLjEtOC40LTI0LjItMjAtMjguM3Y1Ni42YzExLjctNC4xIDIwLTE1LjIgMjAtMjguMyIgZmlsbD0iI2VkNGM1YyIvPjxwYXRoIGQ9Im0yMS43IDYwLjNjMy4xIDEuMSA2LjUgMS43IDEwIDEuN3M2LjktLjYgMTAtMS43di01Ni42Yy0zLjEtMS4xLTYuNS0xLjctMTAtMS43cy02LjkuNi0xMCAxLjd2NTYuNiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")}
.svg_f_nl{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0zMiw2MmMxMy4xLDAsMjQuMi04LjMsMjguMy0yMEgzLjdDNy44LDUzLjcsMTguOSw2MiwzMiw2MnoiIGZpbGw9IiM0MjhiYzEiLz48cGF0aCBkPSJNMzIsMkMxOC45LDIsNy44LDEwLjQsMy43LDIyaDU2LjZDNTYuMiwxMC40LDQ1LjEsMiwzMiwyeiIgZmlsbD0iI2M5NDc0NyIvPjxwYXRoIGQ9Ik02MC4zLDQyYzEuMS0zLjEsMS43LTYuNSwxLjctMTBzLTAuNi02LjktMS43LTEwSDMuN0MyLjYsMjUuMSwyLDI4LjUsMiwzMnMwLjYsNi45LDEuNywxMEg2MC4zeiIgZmlsbD0iI2Y5ZjlmOSIvPjwvc3ZnPg==")}
.svg_f_no{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im02MS43IDI4Yy0uMS0xLS4zLTItLjUtM2gtNTguNGMtLjIgMS0uNCAyLS41IDNoNTkuNCIvPjxwYXRoIGQ9Im0yLjMgMzZjLjEgMSAuMyAyIC41IDNoNTguM2MuMi0xIC40LTIgLjUtM2gtNTkuMyIvPjxwYXRoIGQ9Im0yMCA0LjVjLTEgLjQtMiAxLTMgMS41djUyYzEgLjYgMiAxLjEgMyAxLjV2LTU1Ii8+PHBhdGggZD0ibTI4IDIuM3Y1OS41YzEgLjEgMiAuMiAzIC4zdi02MC4xYy0xIDAtMiAuMS0zIC4zIi8+PC9nPjxnIGZpbGw9IiM0MjhiYzEiPjxwYXRoIGQ9Im0yIDMyYzAgMS40LjEgMi43LjMgNGg1OS41Yy4yLTEuMy4zLTIuNi4zLTQgMC0xLjQtLjEtMi43LS4zLTRoLTU5LjVjLS4yIDEuMy0uMyAyLjYtLjMgNCIvPjxwYXRoIGQ9Im0yMCA1OS41YzIuNSAxLjEgNS4yIDEuOSA4IDIuMnYtNTkuNGMtMi44LjQtNS41IDEuMS04IDIuMnY1NSIvPjwvZz48ZyBmaWxsPSIjZWQ0YzVjIj48cGF0aCBkPSJNMTcsMjVWNkMxMCwxMC4xLDQuOCwxNi45LDIuOCwyNUgxN3oiLz48cGF0aCBkPSJNMTcsMzl2MTlDMTAsNTMuOSw0LjgsNDcuMSwyLjgsMzlIMTd6Ii8+PHBhdGggZD0iTTMyLDJjLTAuMywwLTAuNywwLTEsMHYyM2gzMC4yQzU4LDExLjgsNDYuMiwyLDMyLDJ6Ii8+PHBhdGggZD0ibTMxIDM5djIzYy4zIDAgLjcgMCAxIDAgMTQuMiAwIDI2LTkuOCAyOS4yLTIzaC0zMC4yIi8+PC9nPjwvc3ZnPg==")}
.svg_f_pl{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0zMiwyYzE2LjYsMCwzMCwxMy40LDMwLDMwSDJDMiwxNS40LDE1LjQsMiwzMiwyeiIgZmlsbD0iI2Y5ZjlmOSIvPjxwYXRoIGQ9Im0zMiA2MmMtMTYuNiAwLTMwLTEzLjQtMzAtMzBoNjBjMCAxNi42LTEzLjQgMzAtMzAgMzAiIGZpbGw9IiNlZDRjNWMiLz48L3N2Zz4=")}
.svg_f_pt{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTkuNzggLTQxMi41OSkiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQgMCAwIDAuNjQgNzkuMTIxIDE3MS41NykiPjxwYXRoIGZpbGw9IiM2OTk2MzUiIGQ9Im0yNDQuNzggNDY5Ljkydi04Ni42NjdjLTE1IDguNjY2Ny0yNSAyNC44MzMtMjUgNDMuMzMzczEwIDM0LjY2NyAyNSA0My4zMzN6Ii8+PHBhdGggZmlsbD0iI2VkNGM1YyIgZD0ibTI2OS43OCAzNzYuNTljLTkuMTY2NyAwLTE3LjY2NyAyLjUtMjUgNi42NjY3djg2LjY2N2M3LjMzMzMgNC4zMzMzIDE1LjgzMyA2LjY2NjcgMjUgNi42NjY3IDI3LjY2NyAwIDUwLTIyLjMzMyA1MC01MHMtMjIuMzMzLTUwLTUwLTUwIi8+PC9nPjwvZz48L3N2Zz4=")}
.svg_f_pt-br{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxnIGZpbGw9IiM2OTk2MzUiPjxwYXRoIGQ9Ik02MS41LDI2LjhDNTkuMSwxMi43LDQ2LjgsMiwzMiwyUzQuOSwxMi43LDIuNSwyNi44TDMyLDEyTDYxLjUsMjYuOHoiLz48cGF0aCBkPSJNMi41LDM3LjJDNC45LDUxLjMsMTcuMiw2MiwzMiw2MnMyNy4xLTEwLjcsMjkuNS0yNC44TDMyLDUyTDIuNSwzNy4yeiIvPjwvZz48cGF0aCBkPSJtMzIgMTJsLTI5LjUgMTQuOGMtLjMgMS43LS41IDMuNC0uNSA1LjJzLjIgMy41LjUgNS4ybDI5LjUgMTQuOCAyOS41LTE0LjhjLjMtMS43LjUtMy40LjUtNS4ycy0uMi0zLjUtLjUtNS4ybC0yOS41LTE0LjgiIGZpbGw9IiNmZmU2MmUiLz48ZyBmaWxsPSIjNDI4YmMxIj48cGF0aCBkPSJtMjYgMjguNGMtMy4yIDAtNi4yLjctOC45IDEuOS0uMS42LS4xIDEuMS0uMSAxLjcgMCA4LjMgNi43IDE1IDE1IDE1IDUuNiAwIDEwLjUtMy4xIDEzLjEtNy42LTMuNy02LjUtMTAuOS0xMS0xOS4xLTExIi8+PHBhdGggZD0ibTQ2LjggMzQuNGMuMS0uOC4yLTEuNi4yLTIuNCAwLTguMy02LjctMTUtMTUtMTUtNS45IDAtMTEgMy40LTEzLjUgOC40IDIuNC0uNyA0LjktMS4xIDcuNS0xLjEgOC41IDAgMTYgNCAyMC44IDEwLjEiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTI2IDI0LjNjLTIuNiAwLTUuMS40LTcuNSAxLjEtLjcgMS41LTEuMiAzLjEtMS40IDQuOSAyLjctMS4yIDUuNy0xLjkgOC45LTEuOSA4LjIgMCAxNS40IDQuNCAxOS4xIDEwLjkuOS0xLjUgMS40LTMuMiAxLjctNC45LTQuOC02LjEtMTIuMy0xMC4xLTIwLjgtMTAuMSIvPjxjaXJjbGUgY3g9IjIyIiBjeT0iMzIiIHI9IjEiLz48Y2lyY2xlIGN4PSIyNiIgY3k9IjM4IiByPSIxIi8+PGNpcmNsZSBjeD0iMzIiIGN5PSIzOCIgcj0iMSIvPjxjaXJjbGUgY3g9IjMyIiBjeT0iNDIiIHI9IjEiLz48Y2lyY2xlIGN4PSI0MCIgY3k9IjM4IiByPSIxIi8+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MiIgcj0iMSIvPjxjaXJjbGUgY3g9IjM2IiBjeT0iNDAiIHI9IjEiLz48Y2lyY2xlIGN4PSIyMiIgY3k9IjM2IiByPSIxIi8+PC9nPjwvc3ZnPg==")}
.svg_f_ro{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0yLDMyYzAsMTMuMSw4LjQsMjQuMiwyMCwyOC4zVjMuN0MxMC40LDcuOCwyLDE4LjksMiwzMnoiIGZpbGw9IiMyYTVmOWUiLz48cGF0aCBkPSJtNjIgMzJjMC0xMy4xLTguMy0yNC4yLTIwLTI4LjN2NTYuNmMxMS43LTQuMSAyMC0xNS4yIDIwLTI4LjMiIGZpbGw9IiNjOTQ3NDciLz48cGF0aCBkPSJNMjIsNjAuM2MzLjEsMS4xLDYuNSwxLjcsMTAsMS43czYuOS0wLjYsMTAtMS43VjMuN0MzOC45LDIuNiwzNS41LDIsMzIsMnMtNi45LDAuNi0xMCwxLjdWNjAuM3oiIGZpbGw9IiNmZmNlMzEiLz48L3N2Zz4=")}
.svg_f_ru{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxwYXRoIGQ9Ik0zMS45LDJDMTguOSwyLDcuOCwxMC40LDMuNywyMmg1Ni42QzU2LjEsMTAuNCw0NSwyLDMxLjksMnoiIGZpbGw9IiNmOWY5ZjkiLz48cGF0aCBkPSJNMzEuOSw2MmMxMy4xLDAsMjQuMi04LjQsMjguMy0yMEgzLjdDNy44LDUzLjcsMTguOSw2MiwzMS45LDYyeiIgZmlsbD0iI2VkNGM1YyIvPjxwYXRoIGQ9Im0zLjcgMjJjLTEuMSAzLjEtMS43IDYuNS0xLjcgMTBzLjYgNi45IDEuNyAxMGg1Ni42YzEuMS0zLjEgMS43LTYuNSAxLjctMTBzLS42LTYuOS0xLjctMTBjLS4xIDAtNTYuNiAwLTU2LjYgMCIgZmlsbD0iIzQyOGJjMSIvPjwvc3ZnPg==")}
.svg_f_se{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxnIGZpbGw9IiM0MjhiYzEiPjxwYXRoIGQ9Im02MS4yIDI1Yy0zLjItMTMuMi0xNS0yMy0yOS4yLTIzLS4zIDAtLjcgMC0xIDB2MjNoMzAuMiIvPjxwYXRoIGQ9Ik0xNyw2QzEwLDEwLjEsNC44LDE2LjksMi44LDI1SDE3VjZ6Ii8+PHBhdGggZD0iTTIuOCwzOUM0LjgsNDcuMSwxMCw1My45LDE3LDU4VjM5SDIuOHoiLz48cGF0aCBkPSJtMzEgNjJjLjMgMCAuNyAwIDEgMCAxNC4yIDAgMjYtOS44IDI5LjItMjNoLTMwLjJ2MjMiLz48L2c+PHBhdGggZD0ibTYxLjIgMjVoLTMwLjJ2LTIzYy01LjEuMi05LjkgMS42LTE0IDR2MTloLTE0LjJjLS41IDIuMi0uOCA0LjYtLjggNyAwIDIuNC4zIDQuOC44IDdoMTQuMnYxOWM0LjEgMi40IDguOSAzLjggMTQgNHYtMjNoMzAuMmMuNS0yLjIuOC00LjYuOC03IDAtMi40LS4zLTQuOC0uOC03IiBmaWxsPSIjZmZlNjJlIi8+PC9zdmc+")}
.svg_f_tr{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjMwIiBmaWxsPSIjZWQ0YzVjIi8+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTQxLjMgMzlsLjEtNS40LTUuNC0xLjYgNS40LTEuNi0uMS01LjQgMy4zIDQuMyA1LjQtMS42LTMuMyA0LjMgMy4zIDQuMy01LjQtMS42eiIvPjxwYXRoIGQ9Im0zMy4yIDQ0Yy02LjYgMC0xMS45LTUuNC0xMS45LTEyczUuMy0xMiAxMS45LTEyYzIuNSAwIDQuOC44IDYuOCAyLjEtMi43LTMuMS02LjctNS4xLTExLjItNS4xLTguMiAwLTE0LjggNi43LTE0LjggMTUgMCA4LjMgNi42IDE1IDE0LjggMTUgNC41IDAgOC41LTIgMTEuMi01LjEtMS45IDEuMy00LjIgMi4xLTYuOCAyLjEiLz48L2c+PC9zdmc+")}
.svg_f_sq{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjMwIiBmaWxsPSIjZjQyZjRjIi8+PHBhdGggZD0ibTQ4LjkgNDEuOWMtLjktMS42LTMuNC0uNC00LjctLjQuNy0uNiAyLjUtMS45IDMuNS0xLjktLjctLjYtMi0uMS0yLjUuNS0xLjggMi4xLTIuOSAxLTUuNS4yIDIuMS0yLjItNi0zLjgtMy40LTUuNi41LS40IDEuNCAzLjEgMi44IDIuNS42LS4yLTIuMy0yLjUtLjgtMyAuNS0uMiAyLjUgNS43IDMuOSAzLjMuNS0uOS0zLjEtMS43LTIuMS0zLjUtLjcgMS4zIDguOCA2LjIgNy42IDMtLjYtMS41LTYuNC0uNC01LjktNC4zLS4xIDEgNi43IDQuMiA2IDEuMy0uMi0uNy02LjktLjItNS43LTMuNC4yLS41IDUuOSAzLjkgNS43LjctLjEtMS4yLTYuMS0uMy01LjUtMi45IDAtLjEgNi4yIDIuNiA1LjUtLjItLjEtLjQtNi45LjQtNS42LTItLjYgMS4xIDguMS42IDUuNS0xLjYtLjktLjctNC43IDIuNy01LjUtLjMuMS40IDcuNS0uNiA1LjQtMi43LS41LS42LTUuMiAzLjEtNS4zLjcgMC0uNSA2LjItMy40IDUuMy00LjktMS4xLTEuOC03LjIgMy4yLTcuOSAzLjUtNC43IDIuMiAwIC45LTIuMyAzLjctMS40IDEuNi0yLjUtLjktMi4xLTIgLjgtMi4zIDUuNi0yIDUuOC0zLjUtLjcuNS0xLjQuNC0yIDAgLjEgMCA1LjEtLjcgMy40LTEuNC0uMi0uMS0uOC4zLTEuNC42LjEtMi40LTYuNC0uNi03LjEtLjUgMi43IDIuMy0yLjIgMSAuNiAyLjItLjcuMS0xLjMuNC0xLjkuOSAxLjMuMS0uNyAxLjYtLjcgMS42cy0yLTEuNC0uOC0xLjdjLS41LS41LTEuMi0uOC0xLjktLjkgMi44LTEuMi0yLjEuMS42LTIuMi0uNiAwLTcuMi0xLjktNy4xLjUtLjYtLjMtMS4yLS42LTEuNC0uNi0xLjYuNyAzLjMgMS40IDMuNCAxLjQtLjYuNS0xLjMuNS0yIDAgLjIgMS41IDUgMS4yIDUuOCAzLjUuNCAxLjEtLjcgMy42LTIuMSAyLTIuNC0yLjggMi4zLTEuNS0yLjMtMy43LS43LS4zLTYuOC01LjMtNy45LTMuNS0uOSAxLjUgNS4zIDQuNCA1LjMgNC45LS4yIDIuNC00LjgtMS4zLTUuMy0uNy0yLjEgMi4xIDUuMyAzLjEgNS40IDIuNy0uNyAzLTQuNi0uNC01LjUuMy0yLjYgMi4xIDYuMSAyLjcgNS41IDEuNiAxLjIgMi4zLTUuNSAxLjYtNS42IDItLjcgMi44IDUuNS4xIDUuNS4yLjYgMi43LTUuNCAxLjctNS41IDIuOS0uMiAzLjIgNS41LTEuMSA1LjctLjcgMS4yIDMuMi01LjUgMi43LTUuNyAzLjQtLjggMyA2LjEtLjIgNi0xLjMuNSAzLjktNS4zIDIuOC01LjkgNC4zLTEuMiAzLjIgOC4zLTEuNyA3LjYtMyAxIDEuOC0yLjYgMi42LTIuMSAzLjUgMS40IDIuNCAzLjQtMy41IDMuOS0zLjMgMS41LjUtMS40IDIuOC0uOCAzIDEuNC42IDIuMy0yLjkgMi44LTIuNSAyLjYgMS44LTUuNSAzLjQtMy40IDUuNi0yLjYuOC0zLjggMS45LTUuNS0uMi0uNS0uNi0xLjktMS0yLjUtLjUgMSAwIDIuOCAxLjQgMy41IDEuOS0xLjMgMC0zLjgtMS4yLTQuNy40IDEuMS0uNSAzLjYgMCA0LjcuMS0xLjIgMS0zLjQuMy0zIDIuOC42LTIgNi42LTMuNSA3LjMtLjcuNy0xLjMtMi4xLTItMi43LTIuMi40LS4xIDUuMS0uMSA1LjEtLjFzMi42LTUuMSAzLjgtMy45YzIuOCAzLTQuNiA0LjctNC45IDUuMy0uOCAxLjkgMy44LjIgMy42LjEgMS4yIDEuMS0zIDIuMS0zIDIuNC4xIDIuMSAzLjUtLjggMy43LS44IDEuNi40LTIuMyAyLjgtMi4yIDIuNS0uMyAyLjIgMy40LS43IDMuMy0xLjIuNC42LjQgMS4xLS4xIDEuOC0xLjMgMi4zLS4xIDIuNiAxLjQgNSAxLjUtMi40IDIuNy0yLjYgMS40LTUtLjQtLjYtLjQtMS4yLS4xLTEuOC0uMS41IDMuNyAzLjQgMy4zIDEuMiAwIC4zLTMuOS0yLjItMi4yLTIuNS4yIDAgMy42IDIuOSAzLjcuOCAwLS40LTQuMy0xLjMtMy0yLjQtLjEuMSA0LjQgMS45IDMuNi0uMS0uMi0uNi03LjctMi4yLTQuOS01LjMgMS4yLTEuMyAzLjggMy45IDMuOCAzLjlzNC43IDAgNS4xLjFjLS42LjItMy41LjktMi43IDIuMi43LTIuOSA2LjctMS4zIDcuMy43LjQtMi41LTEuOC0xLjctMy0yLjggMSAwIDMuNS0uNSA0LjYgMG0tNy45LTIzLjZjLS42LjMtMS4yLjUtMS42LjQuMy0uNSAxLjEtMSAxLjYtLjRtLTMuMi0uNGMxIC4yIDEgLjUgMCAuNy0xLS4zLTEtLjUgMC0uN20tMTQuOC40Yy41LS42IDEuMy0uMSAxLjYuNC0uNC4xLTEtLjEtMS42LS40bTMuMi4zYy0xLS4zLTEtLjUgMC0uNyAxIC4yIDEgLjQgMCAuNyIgZmlsbD0iIzNlNDM0NyIvPjwvc3ZnPg==")}
.svg_f_cn{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjMwIiBmaWxsPSIjZWQ0YzVjIi8+PGcgZmlsbD0iI2ZmZTYyZSI+PHBhdGggZD0ibTIyIDI4LjRsOCA1LjYtMy05LjIgOC01LjhoLTkuOWwtMy4xLTktMyA5aC0xMGw4IDUuOC0zIDkuMnoiLz48cGF0aCBkPSJtMzUuMyAzNS4zbC0yLjMuNSAyLjIuOXYyLjNsMS41LTEuNyAyLjIuOC0xLjMtMS45IDEuNC0xLjgtMi4zLjUtMS40LTEuOXoiLz48cGF0aCBkPSJtMzguNyAyOC41bC0xLjcgMS41IDIuMy0uMiAxIDIuMi40LTIuMyAyLjMtLjItMi0xLjIuNS0yLjMtMS43IDEuNS0yLTEuMnoiLz48cGF0aCBkPSJtMzkuMyAyMC43bC43IDIuMy43LTIuMmgyLjNsLTEuOC0xLjQuNy0yLjMtMS45IDEuNC0xLjgtMS41LjcgMi4zLTEuOSAxLjN6Ii8+PHBhdGggZD0ibTM1LjMgMTIuN3YyLjNsMS40LTEuOSAyLjMuNS0xLjQtMS44IDEuMy0xLjktMi4yLjktMS41LTEuOHYyLjNsLTIuMi45eiIvPjwvZz48L3N2Zz4NCg==")}
.svg_f_ar{background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjgwMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNiA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjMiIGN5PSIzIiByPSIzIiBmaWxsPSIjMDA3YTNkIiBzdHJva2UtbGluZWpvaW49ImJldmVsIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLjAwMDcyIDAgMCAuMDAwNzIgLTYuMjQxOSAtNy43MjcpIj48cGF0aCBjbGFzcz0iZmlsNCIgZD0ibTEyOTM2IDEzMDIzYy0xMDIzLjQgMTMuNzk4LTE4NTEuMiA4NDguNTgtMTg1MS4yIDE4NzYuNSAwIDEwMzQuOSA4MzkuMzggMTg3NS40IDE4NzUuNCAxODc1LjQgNjk0LjUgMCAxMzAyLjgtMzc4LjMgMTYyNy05NDEuNzItMjgxLjcxIDM3MS40LTcyOSA2MTEuNzEtMTIzMC4zIDYxMS43MS04NTMuMTggMC0xNTQ1LjQtNjkzLjM1LTE1NDUuNC0xNTQ1LjQgMC04NTMuMTggNjkyLjItMTU0NS40IDE1NDUuNC0xNTQ1LjQgNTAxLjMzIDAgOTQ4LjYxIDI0MC4zMiAxMjMwLjMgNjExLjcxLTMyNC4yNS01NjMuNDItOTMxLjM3LTk0Mi44Ni0xNjI3LTk0Mi44NnoiIGZpbGw9IiNmZmYiIC8+PC9nPjwvc3ZnPg0K")}
.svg_f_ko{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiPjxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjMwIiBmaWxsPSIjZjVmNWY1Ii8+PHBhdGggZD0ibTIzLjQgMzMuN2MyLjggMS45IDYuNyAxLjEgOC42LTEuNyAxLjktMi44IDUuNy0zLjYgOC42LTEuNyAyLjcgMS44IDMuNSA1LjMgMiA4IDMuMy01LjYgMS44LTEyLjktMy44LTE2LjYtNS43LTMuOC0xMy40LTIuMy0xNy4yIDMuNC0uMS4yLS4yLjQtLjMuNS0xLjQgMi45LS41IDYuMyAyLjEgOC4xIiBmaWxsPSIjZWQ0YzVjIi8+PHBhdGggZD0ibTQyLjMgMzguOWMuMS0uMi4yLS40LjMtLjUtLjEuMS0uMi4zLS4zLjUiIGZpbGw9IiMwMDM0NzgiLz48cGF0aCBkPSJtNDAuNiAzMC4zYy0yLjgtMS45LTYuNy0xLjEtOC42IDEuNy0xLjkgMi44LTUuNyAzLjYtOC42IDEuNy0yLjctMS44LTMuNS01LjMtMi04LTMuNCA1LjYtMS44IDEyLjkgMy44IDE2LjYgNS43IDMuOCAxMy40IDIuMyAxNy4yLTMuNC4xLS4yLjItLjQuMy0uNSAxLjQtMi45LjUtNi4zLTIuMS04LjEiIGZpbGw9IiM0MjhiYzEiLz48ZyBmaWxsPSIjM2U0MzQ3Ij48cGF0aCBkPSJtNy44IDIzLjNsNi45LTEwLjMtLjctLjUtLjctLjQtNi45IDEwLjMuNy40eiIvPjxwYXRoIGQ9Im05LjcgMjQuNmwuNy40IDYuOC0xMC4zLS42LS40LS43LS41LTYuOSAxMC4zeiIvPjxwYXRoIGQ9Im0xOC40IDE1LjVsLTYuOCAxMC4zLjcuNS43LjQgNi44LTEwLjMtLjctLjR6Ii8+PHBhdGggZD0ibTQ4LjUgNDIuNWwuNy41IDMuMi00LjgtLjctLjUtLjctLjQtMy4yIDQuOHoiLz48cGF0aCBkPSJtNTYuMiA0MC43bC0zLjIgNC44LjcuNS43LjQgMy4yLTQuOC0uNy0uNHoiLz48cGF0aCBkPSJtNTEuOCA0NC43bDMuMi00LjgtLjctLjUtLjctLjQtMy4yIDQuOC43LjR6Ii8+PHBhdGggZD0ibTQ4LjEgNDMuMmwtLjctLjQtMy4yIDQuOC43LjQuNy41IDMuMi00Ljh6Ii8+PHBhdGggZD0ibTUwLjYgNDQuOWwtLjYtLjQtMy4yIDQuOC42LjQuNy41IDMuMi00Ljh6Ii8+PHBhdGggZD0ibTUyLjUgNDYuMmwtMy4yIDQuOC43LjUuNy40IDMuMi00LjgtLjctLjV6Ii8+PHBhdGggZD0ibTcuMSA0MS4ybC0uNy40IDYuOSAxMC4zLjctLjQuNy0uNS02LjktMTAuM3oiLz48cGF0aCBkPSJtMTMuNCA0NC45bC0uNy41IDMuMiA0LjguNy0uNS42LS40LTMuMi00Ljh6Ii8+PHBhdGggZD0ibTEyLjMgMzcuN2wtLjcuNSA2LjggMTAuMy43LS41LjctLjQtNi44LTEwLjN6Ii8+PHBhdGggZD0ibTkgMzkuOWwzLjIgNC44LjctLjUuNy0uNC0zLjItNC44LS43LjR6Ii8+PHBhdGggZD0ibTUzLjIgMTcuNGwuNy0uNS0zLjItNC44LS43LjQtLjcuNSAzLjIgNC44eiIvPjxwYXRoIGQ9Im00OC4xIDIwLjhsLjctLjUtMy4yLTQuOC0uNy41LS43LjQgMy4yIDQuOHoiLz48cGF0aCBkPSJtNTMgMTguNWwzLjIgNC44LjctLjUuNy0uNC0zLjItNC44LS43LjR6Ii8+PHBhdGggZD0ibTU0LjMgMjQuNmwuNy0uNS02LjktMTAuMy0uNy41LS42LjQgNi44IDEwLjN6Ii8+PHBhdGggZD0ibTUxLjcgMjYuM2wuNy0uNS0zLjItNC44LS43LjUtLjcuNCAzLjIgNC44eiIvPjwvZz48L3N2Zz4=")}

/* Help */

.help_allp{line-height:30px;padding-left:35px;background-size:30px 30px;background-repeat:no-repeat;background-position:top left}
.help_esck{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMzkuNjg3NDk5IDM5LjY4NzUwMSI+PHBhdGggZD0iTTYuNzAyIDEuMjFjOC45NDguMDIgMTcuOS0uMDM2IDI2Ljg0Ny4wMyAzLjAwMi4yMTggNS4yNyAzLjE5IDQuOTI2IDYuMTM1LS4wMTggOC43MjQuMDM4IDE3LjQ1LS4wMjggMjYuMTc0LS4yMiAzLjAwMi0zLjE5IDUuMjctNi4xMzYgNC45MjYtOC43MjQtLjAxOC0xNy40NS4wMzgtMjYuMTczLS4wMjgtMy4wMDQtLjIyLTUuMjczLTMuMTktNC45My02LjEzNi4wMi04LjcyNC0uMDM2LTE3LjQ1LjAzLTI2LjE3M0MxLjQ2NSAzLjQgMy45NSAxLjE1NiA2LjcgMS4yMXoiIGZpbGw9IiM0ZDRkNGQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjQyMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGcgc3R5bGU9ImxpbmUtaGVpZ2h0OjEuMjU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonSGFjayBCb2xkJyIgZm9udC13ZWlnaHQ9ImJvbGQiIGZvbnQtc2l6ZT0iMTguMzgyIiBmb250LWZhbWlseT0iSGFjayIgbGV0dGVyLXNwYWNpbmc9IjAiIHdvcmQtc3BhY2luZz0iMCIgZmlsbD0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuNzQ0Ij48cGF0aCBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonSGFjayBCb2xkJyIgZD0iTTYuNjE1IDEyLjE4M2g3LjMxdjIuNjY1SDguOTMzdjMuM2g0LjUydjIuNjY0aC00LjUydjQuMDA3aDQuOTkydjIuNjY0aC03LjMxdi0xNS4zek0xOS41NTMgMjcuNzhjLTEuMTM0LS4xMjUtMi45ODYtLjEzNS0zLjUxNC0xLjQ2di0yLjc0YzEuMzQ4IDEuMjI1IDMuMjc0IDIuNDEgNC44NCAxLjE4OCAxLjIyNS0xLjUtLjA5LTMuNDg4LTEuMzk4LTMuNzUyLTEuNTMzLS42OTYtMy40ODYtMS43Ni0zLjQ4LTQuMjUzLS4zNS0yLjg0NiAxLjczMy01LjExMyAzLjgxLTQuODU3IDEuMDI1LjE1NyAyLjk0LjA1OCAzLjIzIDEuNDY3djIuNDM4Yy0xLjI1LTEuMTQ4LTMuMjAzLTIuMTQyLTQuNTI2LS43Mi0uOTQ4IDEuODUuODkzIDIuODUgMS45OSAzLjI1OCAxLjU4LjU4MyAzLjIgMi4wOTYgMy4xODcgNC40NTIuMzAzIDIuNTE1LTEuMjMgNC44Ni0zLjE4IDQuOTEtLjMyLjA1LS42NC4wNy0uOTYuMDd6TTMwLjYyOCAyNy43OGMtMi4xMy4xOTItNC4xMTMtMS44MjQtNC41NDUtNC41MzYtLjU1My0zLjMyMi0uNTgyLTcuNDc1IDEuNDQ3LTkuOTkgMS41MTMtMS42NiAzLjgyLTEuNzI1IDUuNTQzLS42MXYzLjM2MmMtMS4xNzUtMS44NjgtMy45MzQtMS45NTYtNC41MjIuNjc2LS41MzcgMi4zNzQtLjYyNCA1LjIzNi40NiA3LjM3Ljk4NSAyLjI4NyAzLjU3Ny0uMDE3IDQuMDYzLjAxNXYyLjk3NmMtLjc1LjUxLTEuNi43NDQtMi40NDUuNzM4eiIvPjwvZz48L3N2Zz4=")}
.help_ctrl{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMzkuNjg3NDk5IDM5LjY4NzUwMSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMjU3LjMxMikiPjxyZWN0IHdpZHRoPSIzNy4yNjUiIGhlaWdodD0iMzcuMjY1IiB4PSIxLjIxMSIgeT0iMjU4LjUyNCIgcnk9IjUuNDkiIGZpbGw9IiM0ZDRkNGQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjQyMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGcgc3R5bGU9ImxpbmUtaGVpZ2h0OjEuMjU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonSGFjayBCb2xkJyIgZm9udC13ZWlnaHQ9ImJvbGQiIGZvbnQtc2l6ZT0iMTUuNTk2IiBmb250LWZhbWlseT0iSGFjayIgbGV0dGVyLXNwYWNpbmc9IjAiIHdvcmQtc3BhY2luZz0iMCIgZmlsbD0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuNjMxIj48cGF0aCBkPSJNMTAuMDI2IDI4NS4wOTRxLTEuNjkyIDAtMi41OTgtMi4wNC0uOS0yLjA1LS45LTUuODkzIDAtMy44NjIuOS01LjkwMi45MDYtMi4wNCAyLjU5OC0yLjA0LjQ5MiAwIC45MzMuMTg1LjQ0LjE4NS44MjUuNTU0djMuMzZxLS4yNTQtLjQzLS40NTgtLjY2NS0uMTk4LS4yNDYtLjM4LS4zOS0uMjE0LS4xNzQtLjQyMy0uMjQ1LS4yMDQtLjA4Mi0uNDE0LS4wODItLjkwNSAwLTEuMzc1IDEuMzEtLjQ3IDEuMzQ0LS40NyAzLjkxNiAwIDIuNTg0LjQ3IDMuODk2LjQ3IDEuMzIyIDEuMzc1IDEuMzIyLjQzNiAwIC44NDQtLjMzOC4xOTgtLjE2NC4zOS0uNC4xOTgtLjI0Ni40NC0uNjQ2djMuMzYycS0uMzk1LjM3LS44My41NTMtLjQzNi4xODQtLjkyOC4xODR6TTE1LjM1NiAyNzIuMTRoLTIuMTQ0di0yLjY0NWg1Ljk1OHYyLjY0NWgtMi4xNDR2MTIuNjU3aC0xLjY3ek0yMC40MjcgMjY5LjQ5NWgyLjQxcTEuNjMgMCAyLjM0MyAxLjA0Ni4zNTcuNTIzLjUzMiAxLjM4NC4xNzUuODUuMTc1IDEuOTY4IDAgLjg2LS4xMDcgMS40NzYtLjEwMi42MTUtLjMxNyAxLjA4Ni0uMjA0LjQ1LS41MDQuNzM4LS4yOTUuMjc3LS43Mi4zOC4yNjcuMTEyLjQzNi40Mi4wODUuMTUzLjE5My40Ny4xMTIuMzIuMjUzLjgzbDEuNTI4IDUuNTA1SDI0LjgybC0xLjAyLTMuODY0LS4xMTgtLjQ1cS0uMjM3LS44ODItLjQ4Ni0xLjMwMy0uMjUtLjQzLS41NjYtLjQzaC0uNTMydjYuMDQ3aC0xLjY3em0yLjQ1NiA2LjcxM3EuNjg0IDAgLjk4NC0uNDkyLjEzNi0uMjI1LjIxNS0uNjA0LjA4LS4zOC4wOC0uOTk0IDAtMS4xMjgtLjI5NS0xLjYtLjMtLjQ4LS45ODQtLjQ4aC0uNzg3djQuMTd6TTI3LjkyIDI2OS40OTVoMS42Njh2MTIuNjM3aDMuNTd2Mi42NjVoLTUuMjR6IiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonSGFjayBCb2xkJyIvPjwvZz48L2c+PC9zdmc+")}
.help_cycl{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMzkuNjg3NDk5IDM5LjY4NzUwMSI+PGcgZmlsbD0iIzRkNGQ0ZCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuMTQ3Ij48cGF0aCBkPSJNMjIuMTM4IDMwLjAwOGMuMDY4Ljk5NyAxLjE4My43MTcgMS42NjQuMmwxMy44NS05Ljc2Yy43MDUtLjU0Mi4wMjYtMS4yNTQtLjU0LTEuNTQ0bC0xMy44NS05Ljc2Yy0uODc4LS41MTMtMS4yNjIuNTU4LTEuMTI0IDEuMjMydjE5LjYzMnpNMTcuNTUgMzAuMDA4Yy0uMDcuOTk3LTEuMTgzLjcxNy0xLjY2NS4ybC0xMy44NS05Ljc2Yy0uNzA0LS41NDItLjAyNi0xLjI1NC41NDItMS41NDRsMTMuODUtOS43NmMuODc3LS41MTMgMS4yNi41NTggMS4xMjIgMS4yMzJ2MTkuNjMyeiIvPjwvZz48L3N2Zz4=")}
.help_drag{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1MCAxNTAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIyMC41KSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjcuMDM1IiBmaWxsPSIjNGQ0ZDRkIj48cGF0aCBkPSJtNjAuOTUgMjQ5Ljl2NDcuODhoMTkuMDFjMC44ODI2IDAgMS42OTEgMC40ODAzIDIuMDk4IDEuMjQ1IDAuNDA1NCAwLjc2NDMgMC4zNDExIDEuNjg0LTAuMTY3MyAyLjM4OWwtMzMuNjYgNDYuNTdjLTAuNDQzMiAwLjYxMjItMS4xNjIgMC45NzczLTEuOTMxIDAuOTc3My0wLjc2ODIgMC0xLjQ4Ny0wLjM2MzMtMS45MzEtMC45NzczbC0zMy42Ni00Ni41N2MtMC4yODYzLTAuMzk2NC0wLjQzMTgtMC44NjExLTAuNDMxOC0xLjMyOCAwLTAuMzYyMyAwLjA4NzktMC43MjY1IDAuMjY0Ni0xLjA2IDAuNDA2NC0wLjc2NDMgMS4yMTUtMS4yNDUgMi4wOTgtMS4yNDVoMTkuMDF2LTQ3Ljg4YzAtMS4yNzMgMS4wNTctMi4zMDUgMi4zNjItMi4zMDVoMjQuNThjMS4zMDUgMC4wMDA5NCAyLjM2MiAxLjAzMyAyLjM2MiAyLjMwNnoiLz48cGF0aCBkPSJtMTE1LjkgMzQwLjF2LTQ3Ljg4aDE5LjAxYzAuODgyNiAwIDEuNjkyLTAuNDgwMyAyLjA5OC0xLjI0NSAwLjQwNTQtMC43NjQzIDAuMzQxMS0xLjY4NC0wLjE2NzMtMi4zODlsLTMzLjY2LTQ2LjU3Yy0wLjQ0MzItMC42MTIyLTEuMTYyLTAuOTc3My0xLjkzMS0wLjk3NzMtMC43NjgyIDAtMS40ODcgMC4zNjMyLTEuOTMxIDAuOTc3M2wtMzMuNjYgNDYuNTdjLTAuMjg2MyAwLjM5NjQtMC40MzE4IDAuODYxMS0wLjQzMTggMS4zMjggMCAwLjM2MjMgMC4wODc5IDAuNzI2NSAwLjI2NDYgMS4wNiAwLjQwNjMgMC43NjQzIDEuMjE1IDEuMjQ1IDIuMDk4IDEuMjQ1aDE5LjAxdjQ3Ljg4YzAgMS4yNzMgMS4wNTcgMi4zMDUgMi4zNjIgMi4zMDVoMjQuNjJjMS4zMDUtMC4wMDA5NCAyLjM2Mi0xLjAzMyAyLjM2Mi0yLjMwNnoiLz48L2c+PC9zdmc+")}
.help_dblc{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1MCAxNTAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIyMC41KSI+PHBhdGggZD0ibTg0LjEyIDIyNS40Yy0xOC45IDAuMDU0NC0zOC45IDguMjQ4LTQ4LjY4IDI0LjM0LTcuMDY0IDEzLjU4LTIuOTAyIDI5LjA3LTMuODk3IDQzLjUzLTAuMTY1NyAxNS42OS0xLjQ0MyAzMi41OSA2Ljc4MiA0Ni44MSAxMi4yMiAxOS44NiAzOC45NCAyOS43IDYyIDIzLjY0IDE5LjYtNC41NzEgMzcuMjYtMTkuOTIgNDAuMTYtMzkuNiAyLjUzOC0xNS42MS0wLjIwNTYtMzEuNDcgMC45NzMxLTQ3LjEzLTAuMDY3LTExLjAyIDAuMDI2NC0yMy4yOC03LjIzOS0zMi41LTExLjYzLTE0LjQyLTMxLjg2LTE5LjQ1LTUwLjEtMTkuMXoiIHN0cm9rZT0iI2YwZjBmMCIgc3Ryb2tlLXdpZHRoPSIzLjk2NiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im04Ny4xMyAyMzAuNmMyNS4zMiAwLjE3NTIgNDkuMTQgMTMuNSA0OS4xNCAzMi43NHY1NGMwIDIzLjg2LTIyLjQzIDQzLjI3LTQ5Ljk5IDQzLjI3LTI3LjU3IDAtNTAtMTkuNDEtNTAtNDMuMjd2LTU0LjAxYzAtMTIuMDQgMTUuMTQtMzIuOTIgNTAuODUtMzIuNzN6bTM5LjczIDMyLjczYzAtMTQuMjgtMTcuOTEtMjIuNTUtMzYuNDctMjMuOTJ2NDkuODFjMTYuOTItMC43MzczIDMwLjY2LTQuMDc0IDM2LjQ3LTUuNzAzem0tODEuMTcgNTQuMDFjMCAxOS4zNyAxOC4yMSAzNS4xMiA0MC41OCAzNS4xMiAyMi4zOCAwIDQwLjU4LTE1Ljc1IDQwLjU4LTM1LjEydi0yNS4yYy04LjQwNCAyLjE5OC0yNC4yMiA1LjUzMi00Mi45MiA1LjUzMi0xMS45NyAwLTI1LjEyLTEuMzg2LTM4LjI1LTUuMjk1djI1LjAyem0wLTMzLjY4YzExLjkgMy45MzkgMjQuMDYgNS40NzggMzUuMjkgNS42ODd2LTUwLjA1Yy0xOC4xNSAwLjk0MTctMzUuMjkgOC40NzQtMzUuMjkgMjQuMDV6bTMuMTgzLTMuMDgzczIxLjUgNS4yMSAyOC44MSA0LjA5M3YtNDEuMzFjLTE5LjQ2IDMuMTY0LTMxLjk5IDguMjU4LTI4LjgxIDM3LjIyeiIgc3Ryb2tlLXdpZHRoPSI1Ljc2MiIgZmlsbD0iIzRkNGQ0ZCIvPjxlbGxpcHNlIHJ4PSIyNy43OSIgdHJhbnNmb3JtPSJzY2FsZSgtMSkiIHJ5PSIyOCIgY3k9Ii0yNTkiIGN4PSItMzMuNjYiIGZpbGw9IiMzMzMiLz48ZyBhcmlhLWxhYmVsPSIyIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjM1MiAwIDAgLjkwMzAgODc5LjIgMzkxLjgpIiBmaWxsPSIjZmZmIj48cGF0aCBzdHJva2Utd2lkdGg9IjEuMTExIiBkPSJtLTYyNi4zLTE2My44Yy00Ljk3OSAwLTguMTggMi4wOS0xMC40OSA1LjI5MWw0LjI2OCAzLjI0NmMxLjY0NS0yLjE3OCAzLjI0Ni0zLjExMiA1LjU1Ny0zLjExMiAyLjY2OCAwIDQuMTM1IDEuNTU2IDQuMTM1IDQuMDQ2IDAgMy42OS0zLjI0NiA3LjMzNi0xMy4zNCAxNy4xNnY0Ljk3OWgyMC40NWwwLjc1NTgtNS4zOGgtMTMuMTZjOS4zODEtOC4zNTggMTIuNDUtMTIuNCAxMi40NS0xNy4zOCAwLTQuNzEzLTMuNjAxLTguODQ3LTEwLjYzLTguODQ3eiIvPjwvZz48L2c+PC9zdmc+")}
.help_swip{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1MCAxNTAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIyMC41KSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjciIGZpbGw9IiM0ZDRkNGQiPjxwYXRoIGQ9Im00My40NyAyODAuOWg0Ny40NXYtMTguOTljMC0wLjg4MTcgMC40NzYtMS42OSAxLjIzNC0yLjA5NiAwLjc1NzUtMC40MDUgMS42NjktMC4zNDA4IDIuMzY3IDAuMTY3MWw0Ni4xNSAzMy42MmMwLjYwNjcgMC40NDI3IDAuOTY4NSAxLjE2MSAwLjk2ODUgMS45MjggMCAwLjc2NzQtMC4zNiAxLjQ4Ni0wLjk2ODUgMS45MjhsLTQ2LjE1IDMzLjYzYy0wLjM5MjkgMC4yODYtMC44NTM0IDAuNDMxNC0xLjMxNiAwLjQzMTQtMC4zNTkxIDAtMC43Mi0wLjA4NzgtMS4wNTEtMC4yNjQzLTAuNzU3NS0wLjQwNTktMS4yMzQtMS4yMTQtMS4yMzQtMi4wOTZ2LTE4Ljk5aC00Ny40NWMtMS4yNjIgMC0yLjI4NC0xLjA1Ni0yLjI4NC0yLjM2di0yNC41NmMwLjAwMDkzLTEuMzA0IDEuMDIzLTIuMzYgMi4yODUtMi4zNnoiLz48Y2lyY2xlIHRyYW5zZm9ybT0ic2NhbGUoLTEpIiBjeT0iLTI5NC43IiBjeD0iLTM4LjE3IiByPSIyOC43NSIvPjwvZz48L3N2Zz4=")}

div{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.5) transparent}
div::-webkit-scrollbar{width:6px}
div::-webkit-scrollbar-track{background:transparent}
div::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);border-width:0}
#chat_area::-webkit-scrollbar{width:0}
.online_users1::-webkit-scrollbar{width:0}
.online_users2::-webkit-scrollbar{width:0}

.nope{animation:npee 0.8s ease-in-out 1;position:relative}
@keyframes npee{0%{left:-10px}10%{left:0}20%{left:-10px}30%{left:0}40%{left:-10px}50%{left:0}60%{left:-10px}70%{left:0}80%{left:-10px}90%{left:0}40%{left:-10px}100%{left:0}}

.mfa_anime{animation:mfasp 2s linear 1}
@keyframes mfasp{10%{transform:scale(0.95,0.95)}50%{transform:scale(1,1)}}

.msgoff{opacity:0}
.msgonn{opacity:0;animation:mston 0.25s ease-in 1 forwards}
@keyframes mston{0%{opacity:0}100%{opacity:1}}

.pmsgon{opacity:0;animation:pmsto 0.25s ease-in 1 forwards}
@keyframes pmsto{0%{opacity:0}100%{opacity:1}}

/* hover items */
input[type=button]{opacity:0.8} input[type=button]:hover{opacity:1}
input[type=submit]{opacity:0.8} input[type=submit]:hover{opacity:1}
.single_online_user{opacity:0.8}  .single_online_user:hover{opacity:1}

.panel_room{opacity:0.8}          .panel_room:hover{opacity:1}
.panel_pmtrns{opacity:0.8}        .panel_pmtrns:hover{opacity:1}
.panel_pmitem{opacity:0.8}        .panel_pmitem:hover{opacity:1}
.panel_input{opacity:0.8}         .panel_input:hover{opacity:1}
.history_button{opacity:0.8}      .history_button:hover{opacity:1}
.status_select{opacity:0.8}       .status_select:hover{opacity:1}
#panel_avatar label{opacity:0.8}   #panel_avatar label:hover{opacity:1}
#statuses div{opacity:0.8}         #statuses div:hover{opacity:1}
#box_emoji_stickers b{opacity:0.8} #box_emoji_stickers b:hover{opacity:1}

.top_button:hover{background-size:105%}
.online_title_close:hover{background-size:75%}
#online_button:hover{background-size:75%}
#user_buttons span:hover{background-size:75%}
#kick_ban span:hover{background-size:75%}
#panel_bottom span:hover{background-size:85%}
#bottom_smile:hover{background-size:55%}
#bottom_file:hover{background-size:65%}
#bottom_mic:hover{background-size:65%}
#bottom_call:hover{background-size:65%}
#bottom_send:hover{background-size:65%}

.panel_color:hover{transform:scale(0.9,0.9)}
.avatar_list:hover{filter:drop-shadow(0 0 2px #fff)}
#list_of_emoji span:hover{filter:drop-shadow(0 0 2px #fff)}
#list_of_stickers img:hover{filter:drop-shadow(0 0 2px #fff)}
#autoscroll:hover{transform:scale(0.95,0.95)}

/* Модальное окно для просмотра медиа */
.media_viewer_modal{
position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:10000;display:none;align-items:center;justify-content:center;flex-direction:column
}
.media_viewer_content{
position:relative;max-width:95%;max-height:95%;display:flex;align-items:center;justify-content:center
}
.media_viewer_content img,.media_viewer_content video{
max-width:100%;max-height:90vh;object-fit:contain
}
.media_viewer_content img{
-webkit-user-select:none;
user-select:none;
-webkit-touch-callout:none;
}
/* WhatsApp-style chat list */
#whatsapp_layout{display:flex;position:fixed;top:2px;left:0;right:0;bottom:0;width:100%;z-index:1;overflow-x:hidden}
#whatsapp_chats_list{width:350px;min-width:300px;max-width:30%;background:#161717;border-right:1px solid #2a2b2c;overflow-y:auto;display:block}
#whatsapp_chats_header{background:rgb(28,29,29);color:#fff;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
#whatsapp_chats_search{background:#161717;padding:15px;border-bottom:1px solid #2a2b2c}
#whatsapp_search_input{color:#e4e6eb!important;background:#2a2b2c!important;border:1px solid #3a3b3c!important}
#whatsapp_search_input::placeholder{color:#8696a0!important}
#whatsapp_chats_container{
  overflow-y:auto;
  height:calc(100vh - 200px);
  background:#161717;
  padding-bottom:80px;
  box-sizing:border-box;
  /* оптимизация скролла списка чатов */
  will-change: scroll-position, contents;
  contain: content;
}
.whatsapp_chat_item{display:flex;padding:10px 15px;border-bottom:1px solid #2a2b2c;cursor:pointer;transition:background 0.2s;align-items:center}
.whatsapp_chat_item:hover{background:#1e1f20}
.whatsapp_chat_item.active{background:#766ac8}
.whatsapp_chat_avatar{width:50px;height:50px;border-radius:50%;margin-right:12px;flex-shrink:0;position:relative}
.whatsapp_chat_avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.whatsapp_chat_info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.whatsapp_chat_name{font-weight:500;font-size:16px;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.whatsapp_chat_preview{font-size:14px;color:#c3c3c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.whatsapp_chat_status{display:inline-flex;align-items:center;margin-right:4px;vertical-align:middle}
.whatsapp_chat_status .msg-checkmark-svg{width:14px;height:11px}
.whatsapp_chat_meta{display:flex;flex-direction:column;align-items:flex-end;margin-left:8px;flex-shrink:0}
.whatsapp_chat_time{font-size:12px;color:#fff;margin-bottom:4px;white-space:nowrap}
.whatsapp_chat_badge{background:#505050;color:#fff;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:300;min-width:20px;text-align:center;display:none}
.whatsapp_chat_badge.show{display:block}
.whatsapp_chat_online{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;display:none;transition:bottom 0.2s ease}
.whatsapp_chat_online.show{display:block;background:#25d366}
.whatsapp_chat_online.offline{background:#99999900;display:block}
/* Смещаем статус онлайн выше, если есть счетчик непрочитанных */
.whatsapp_chat_item.has-badge .whatsapp_chat_online{
  bottom:18px
}

/* Мобильная версия - полноэкранный чат с анимацией */
/* Мобильная версия - строка на всю ширину */
@media (max-width: 768px) {
.bottom_input_bar{height:75px!important}
.bottom_input_container{
	left:8px!important;right:65px!important;bottom:12px!important;max-width:calc(100% - 73px)!important;background:#2a2b2cd1!important;
	backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
 /* обязательные помощники для плавности на мобильных */
  transform: translateZ(0);
  will-change: transform, opacity;
	}
/* Режим главной страницы на мобильных: центрирование панели кнопок */
.main_page_buttons_container{
	max-width:calc(100% - 16px)!important;
	left:50%!important;
	transform:translateX(-50%)!important;
	justify-content:center!important;
	}
.main_page_buttons_container .main_page_icon_wrapper{
	flex:0 0 auto;
	min-width:50px;
	max-width:60px;
	}
.bottom_input_textarea textarea{line-height:40px!important}
/* Выравнивание contenteditable div по центру на мобильных - симметричный padding */
.bottom_input_textarea div[contenteditable="true"]{padding-top:5px!important;padding-bottom:5px!important;box-sizing:border-box!important}
.bottom_mic_button{right:8px!important;bottom:12px!important;width:50px!important;height:50px!important}
#whatsapp_layout{flex-direction:row;overflow:hidden}
#whatsapp_chats_list{width:100%!important;max-width:100%!important;min-width:100%!important;position:absolute;left:0;top:0;bottom:0;transition:transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);z-index:1;background:#161717}
#whatsapp_chats_list.mobile_hidden{transform:translateX(-100%)}
#chat_area{
  width:100%;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  transform:translateX(100%);
  transition:transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
  z-index:2;
  overflow-y:auto;
  overflow-x:hidden;
  background:#0a0e27;
  background: linear-gradient(rgb(10 14 39 / 12%), rgba(10, 14, 39, 0.45)), url(img/chat_bg_q80.webp) no-repeat center center;
  background-size:cover;
  background-repeat:repeat;
  background-position:0 0;
  padding-bottom:85px;
  /* оптимизация трансформаций и скролла */
  will-change: transform, scroll-position;
  contain: content;
}
#chat_area.mobile_fullscreen{transform:translateX(0)}
#whatsapp_layout.mobile_chat_open #whatsapp_chats_list{transform:translateX(-100%)}
#whatsapp_chats_header{position:relative}
#whatsapp_chats_container{height:calc(100vh - 150px);padding-bottom:80px;box-sizing:border-box}
#whatsapp_chat_header{background:#075e54;color:#fff;padding:10px 15px;display:none;align-items:center;position:sticky;top:0;z-index:10;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin:0}
#whatsapp_chat_header div{font-weight:bold;font-size:18px;/* flex: 0; */}
}

.media_viewer_close{
position:absolute;top:20px;right:20px;width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;cursor:pointer;z-index:10001;transition:all 0.3s
}
.media_viewer_close:hover{
background:rgba(255,255,255,0.3);transform:scale(1.1)
}
.media_viewer_prev,.media_viewer_next{
position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;cursor:pointer;z-index:10001;transition:all 0.3s;user-select:none
}
.media_viewer_prev:hover,.media_viewer_next:hover{
background:rgba(255,255,255,0.3);transform:translateY(-50%) scale(1.1)
}
.media_viewer_prev{
left:20px
}
.media_viewer_next{
right:20px
}
.media_viewer_counter{
position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;z-index:10001
}
.chat_media_item{
transition:opacity 0.2s
}
.chat_media_item:hover{
opacity:0.8
}
/* Стили для видео превью в сообщениях */
.video-thumbnail{
max-width:100%;
max-height:100%;
width:auto;
height:auto;
object-fit:contain;
display:block
}
.chat_media_item[data-media-type="video"]{
display:inline-block;
max-width:300px;
}
.video-play-overlay{
cursor:pointer;
}

/* Иконка микрофона */
.svg_mic{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Emic-outlined%3C/title%3E%3Cpath d='M12 14C11.1667 14 10.4583 13.7083 9.875 13.125C9.29167 12.5417 9 11.8333 9 11V5C9 4.16667 9.29167 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V11C15 11.8333 14.7083 12.5417 14.125 13.125C13.5417 13.7083 12.8333 14 12 14ZM12 21C11.4477 21 11 20.5523 11 20V17.925C9.26667 17.6917 7.83333 16.9167 6.7 15.6C5.78727 14.5396 5.24207 13.3387 5.06441 11.9973C4.9919 11.4498 5.44772 11 6 11C6.55228 11 6.98782 11.4518 7.0905 11.9945C7.27271 12.9574 7.73004 13.805 8.4625 14.5375C9.4375 15.5125 10.6167 16 12 16C13.3833 16 14.5625 15.5125 15.5375 14.5375C16.27 13.805 16.7273 12.9574 16.9095 11.9945C17.0122 11.4518 17.4477 11 18 11C18.5523 11 19.0081 11.4498 18.9356 11.9973C18.7579 13.3387 18.2127 14.5396 17.3 15.6C16.1667 16.9167 14.7333 17.6917 13 17.925V20C13 20.5523 12.5523 21 12 21ZM12 12C12.2833 12 12.5208 11.9042 12.7125 11.7125C12.9042 11.5208 13 11.2833 13 11V5C13 4.71667 12.9042 4.47917 12.7125 4.2875C12.5208 4.09583 12.2833 4 12 4C11.7167 4 11.4792 4.09583 11.2875 4.2875C11.0958 4.47917 11 4.71667 11 5V11C11 11.2833 11.0958 11.5208 11.2875 11.7125C11.4792 11.9042 11.7167 12 12 12Z' fill='%23222222'%3E%3C/path%3E%3C/svg%3E")}
.svg_call{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ephone%3C/title%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
.svg_chats{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Echat%3C/title%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}
.svg_status{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Estatus%3C/title%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E")}

/* Голосовые сообщения */
.chat_voice_message{
/* Убираем transition для width, чтобы контейнер не менял размер */
transition:background-color 0.2s,opacity 0.2s;position:relative
}
.chat_voice_message:hover{
opacity:0.9
}
.chat_voice_message.playing{

/* Убеждаемся, что размер контейнера не меняется при воспроизведении */
width: fit-content !important;
min-width: 200px !important;
}
.voice_play_btn{
transition:all 0.2s;outline:none;background-color:transparent!important;
background:transparent!important;
/* Убираем стили по умолчанию для Android */
-webkit-appearance:none!important;
-moz-appearance:none!important;
appearance:none!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
border:none!important;
-webkit-tap-highlight-color:transparent!important;
tap-highlight-color:transparent!important;
user-select:none!important;
}
.voice_play_btn:hover{
opacity:0.8;
background-color:transparent!important;
background:transparent!important;
}
.voice_play_btn:active{
opacity:0.6;
background-color:transparent!important;
background:transparent!important;
}
/* Кнопка play прозрачная, даже при воспроизведении */
.chat_voice_message.playing .voice_play_btn{
background-color:transparent!important;
background:transparent!important;
}
/* SVG иконки для кнопки плей */
.voice_play_btn .icon {
    width: 30px !important;
    height: 30px !important;
    fill: #fff !important;
    display: block;
    /* Фиксируем размер, чтобы иконки не влияли на размер контейнера */
    flex-shrink: 0;
    /* Обе иконки занимают одно и то же место */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Убеждаемся, что обе иконки имеют одинаковый размер */
    box-sizing: border-box;
}
/* По умолчанию показываем play */
.voice_play_btn .icon-pause {
    display: none !important;
}
/* Когда играет - показываем pause */
.voice_play_btn[data-state="pause"] .icon-play {
    display: none !important;
}
.voice_play_btn[data-state="pause"] .icon-pause {
    display: block !important;
}
.voice_progress_container{
position:relative;overflow:hidden
}
.voice_progress_bar{
transition:width 0.1s linear
}
.voice_time{
font-family:monospace
}

/* Стили для удаления сообщений */
.message-item{position:relative;transition:background-color 0.2s;margin:2px 8px;padding:8px 10px 6px 10px;border-radius:7.5px;max-width:75%;word-wrap:break-word;display:block;clear:both;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.message-item[data-is-date-separator="true"]{max-width:100%!important;width:100%!important;margin:10px 0!important;padding:0!important;float:none!important}

.message-item *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
/* КРИТИЧНО: Разрешаем выделение и клики по ссылкам в сообщениях для мобильной версии */
.chat_link_message{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;cursor:pointer!important;pointer-events:auto!important}
.chat_link_message *{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;pointer-events:auto!important}
.chat_link_message a{color:#fff !important;text-decoration:underline!important;cursor:pointer!important}





.message-item.message-selected {
  position: relative;
  isolation: isolate;          /* или contain: paint; — тоже работает */
}

.message-item.message-selected::before {
  content: '';
  position: absolute;
    inset: 0;
 background-color: rgb(0 188 212 / 46%);
    border-radius: 7.5px;
  pointer-events: none;
    z-index: 1;
}
/* Исключаем превью ответа из выделения */
.message-item.message-selected .message-reply-preview{
position:relative;
z-index:10;
pointer-events:auto;
}

/* Стили для оптимистичных сообщений (отправляются) */
.message-item.message-optimistic{
opacity:0.7;
position:relative;
transition:opacity 0.3s ease;
}
.message-item.message-optimistic::after{
content:'⏳';
position:absolute;
right:5px;
top:5px;
font-size:12px;
opacity:0.5;
pointer-events:none;
}
/* Стили для сообщений с ошибкой отправки */
.message-item.message-error{
opacity:0.5;
border-left:3px solid #ff4444;
}
.message-item.message-error .message-retry-btn{
position:absolute;
right:5px;
top:5px;
background:#ff4444;
color:white;
border:none;
border-radius:50%;
width:24px;
height:24px;
cursor:pointer;
font-size:14px;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
padding:0;
}
.message-item.message-error .message-retry-btn:hover{
background:#ff6666;
transform:scale(1.1);
}


/* Панель реакций над выделенным сообщением */
.message-reaction-panel{
background: #2a2b2cd1;
 border: 1px solid rgba(255, 255, 255, 0.10);
 backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
 /* обязательные помощники для плавности на мобильных */
  transform: translateZ(0);
  will-change: transform, opacity;
}





.message-reaction-panel img{
width:32px;
height:32px;
cursor:pointer;
object-fit:contain;
transition:transform 0.2s;
}
.message-reaction-panel img:hover{
transform:scale(1.2);
}
.message-menu-btn{
width:32px;
height:32px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,0.1);
transition:background 0.2s,transform 0.2s;
flex-shrink:0;
}
.message-menu-btn:hover{
background:rgba(255,255,255,0.2);
transform:scale(1.1);
}
.message-menu-btn:active{
transform:scale(0.95);
}
/* Меню действий с сообщением */
.message-action-menu{
background: #2a2b2cd1;
 border: 1px solid rgba(255, 255, 255, 0.10);
 backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
 /* обязательные помощники для плавности на мобильных */
  transform: translateZ(0);
  will-change: transform, opacity;
}
.message-menu-item{
padding:10px 16px;
cursor:pointer;
display:flex;
align-items:center;
gap:12px;
border-radius:8px;
transition:background 0.2s;
color:#fff;
font-size:14px;
}
.message-menu-item:hover{
background:rgba(255,255,255,0.15);
}
.message-menu-item:active{
background:rgba(255,255,255,0.25);
}
.message-reply-btn{
width:32px;
height:32px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,0.1);
transition:background 0.2s,transform 0.2s;
flex-shrink:0;
}
.message-reply-btn:hover{
background:rgba(255,255,255,0.2);
transform:scale(1.1);
}
.message-reply-btn:active{
transform:scale(0.95);
}
/* Превью ответа в поле ввода */
.reply-preview-container{
/* position задается через JavaScript */
background:rgba(42,43,44,0.8);
border-left: 3px solid #766ac8;
padding:8px 12px;
margin-bottom:8px;
border-radius:4px;
display:block;
position:relative;
gap:12px;
}
/* Превью ответа в сообщении */
.message-reply-preview{
border-left:3px solid #25d366;
padding:8px 12px;
margin-bottom:8px;
background:rgba(42,43,44,0.6);
border-radius:4px;
cursor:pointer;
transition:background 0.2s,transform 0.1s;
display:block;
text-decoration:none;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
}
.message-reply-preview:hover{
background:rgba(42,43,44,0.9);
transform:translateX(2px);
}
.message-reply-preview:active{
transform:translateX(1px);
background:rgba(42,43,44,1);
}

/* Реакция (стикер) в сообщении */
.message-reaction-sticker{
display:inline-block;
width:35px;
height:35px;
object-fit:contain;
pointer-events:none;
margin-top:4px;
margin-right:4px;
vertical-align:bottom;
}
/* Для мобильной версии */
@media (max-width:768px){
.message-reaction-sticker{
width:35px!important;
height:35px!important;
min-width:35px;
min-height:35px;
}
}

/* Исходящие сообщения (отправленные мной) - зеленый фон, справа, стрелка вверху справа */
.msg-out{background-color:#766ac8!important;margin-left:auto;margin-right:12px;position:relative;float:right;clear:both;text-align:left;color:#fff}
.msg-out::after{content:'';position:absolute;right:-11px;top:0px;width:19px;height:22px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 13' height='13' width='8' preserveAspectRatio='xMidYMid meet' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Etail-out%3C/title%3E%3Cpath opacity='0.13' d='M5.188,1H0v11.193l6.467-8.625 C7.526,2.156,6.958,1,5.188,1z'%3E%3C/path%3E%3Cpath fill='%23766ac8' d='M5.188,0H0v11.193l6.467-8.625C7.526,1.156,6.958,0,5.188,0z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}
.message-item.message-selected.msg-out::after{display:none}

/* Входящие сообщения - серый фон, слева, стрелка вверху слева */
.msg-in{background-color:#2a2b2c!important;margin-left:12px;margin-right:auto;position:relative;float:left;clear:both;text-align:left;color:#fff}
.msg-in::after{content:'';position:absolute;left:-11px;top:0px;width:19px;height:22px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 8 13' height='13' width='8' preserveAspectRatio='xMidYMid meet' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Etail-in%3C/title%3E%3Cpath opacity='0.13' fill='%230000000' d='M1.533,3.568L8,12.193V1H2.812 C1.042,1,0.474,2.156,1.533,3.568z'%3E%3C/path%3E%3Cpath fill='%232a2b2c' d='M1.533,2.568L8,11.193V0L2.812,0C1.042,0,0.474,1.156,1.533,2.568z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}
.message-item.message-selected.msg-in::after{display:none}

/* Сообщения только со смайлами - убираем фон и стрелку */
.message-item.msg-gif-only.msg-out,
.message-item.msg-gif-only.msg-in{
background-color:transparent!important
}
.message-item.msg-gif-only.msg-out::after,
.message-item.msg-gif-only.msg-in::after{
display:none!important
}
.message-item.msg-gif-only .chat_gif_emoticon{
/* Размеры устанавливаются динамически через JavaScript в зависимости от количества смайлов */
object-fit:contain!important;
}

/* Скрываем пустые сообщения (без содержимого) */
.message-item:empty{display:none!important}

/* Останавливаем анимацию GIF в иконках кнопок вкладок стикеров */
.sticker-tab-icon{
  image-rendering:auto;
  animation:none!important;
}
.sticker-tab-icon::before{
  content:'';
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  background:inherit;
}
/* Скрываем сообщения, которые содержат только пробелы или пустые элементы */
.message-item:not(:has(.msg)):not(:has(div)){display:none!important}

/* Стили для галочек статуса доставки/прочтения (WhatsApp-style) */
.msg-status-icon{
display:inline-flex;
align-items:center;
line-height:1;
margin-left:4px;
vertical-align:middle;
}

.msg-status-icon .msg-checkmark-svg{
display:inline-block;
width:16px;
height:11px;
flex-shrink:0;
}

/* Одна серая галочка - недоставлено */
.msg-status-single-gray{
color:#B0B0B0;
}

/* Две серых галочки - доставлено, но не прочитано */
.msg-status-double-gray{
color:#B0B0B0;
}

/* Две зеленых галочки - прочитано (светло-голубой цвет как в WhatsApp) */
.msg-status-double-green{
color:#34B7F1;
}


.delete_messages_btn{position:fixed;top:65px;right:15px;width:36px;height:36px;background-color:rgba(0,0,0,0.7);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' preserveAspectRatio='xMidYMid meet' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Edelete%3C/title%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:55%;background-position:center;cursor:pointer;opacity:0.8;transition:opacity 0.2s;z-index:1001;display:none;box-shadow:0 2px 8px rgba(0,0,0,0.3)}
.delete_messages_btn:hover{opacity:1}
.delete_messages_btn:active{opacity:0.6}
/* Кнопка удаления для мобильной версии в заголовке чата */
.mobile_delete_btn{width:48px;height:24px;border-radius:50%;background-repeat:no-repeat;background-size:55%;background-position:center;cursor:pointer;opacity:0.8;transition:opacity 0.2s;display:none;margin-left:10px;flex-shrink:0}
.mobile_delete_btn:hover{opacity:1}
.mobile_delete_btn:active{opacity:0.6}

/* Анимация удаления сообщения - эффект растворения/рассыпания (вдохновлено spoilerjs/Telegram) */
.message-delete-canvas{
pointer-events:none;
position:absolute;
overflow:visible;
z-index:10000;
}

/* Модальное окно подтверждения удаления */
.delete_confirm_dialog{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,0.7);
z-index:10002;
display:none;
align-items:center;
justify-content:center;
}

.delete_confirm_content{
background:#2a2b2c;
border-radius:12px;
padding:24px;
max-width:400px;
width:90%;
box-shadow:0 4px 20px rgba(0,0,0,0.5);
}

.delete_confirm_title{
font-size:20px;
font-weight:bold;
color:#fff;
margin-bottom:16px;
}

.delete_confirm_question{
font-size:16px;
color:#fff;
margin-bottom:20px;
line-height:1.5;
}

.delete_confirm_checkbox_container{
display:flex;
align-items:center;
margin-bottom:24px;
gap:12px;
}

.delete_confirm_checkbox{
width:22px;
height:22px;
min-width:22px;
min-height:22px;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
background-color:#2a2b2c;
border:2px solid #9c27b0;
border-radius:4px;
position:relative;
flex-shrink:0;
transition:all 0.2s;
}

.delete_confirm_checkbox:hover{
border-color:#ba68c8;
background-color:#3a3b3c;
}

.delete_confirm_checkbox:checked{
background-color:#9c27b0;
border-color:#9c27b0;
}

.delete_confirm_checkbox:checked::before{
content:'✓';
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
font-size:16px;
font-weight:bold;
line-height:1;
display:block;
}

.delete_confirm_checkbox_label{
font-size:16px;
color:#fff;
cursor:pointer;
user-select:none;
}

.delete_confirm_buttons{
display:flex;
justify-content:flex-end;
gap:12px;
}

.delete_confirm_cancel{
padding:10px 20px;
background:transparent;
border:none;
color:#9c27b0;
font-size:16px;
font-weight:600;
cursor:pointer;
border-radius:8px;
transition:background 0.2s;
}

.delete_confirm_cancel:hover{
background:rgba(156,39,176,0.1);
}

.delete_confirm_delete{
padding:10px 20px;
background:transparent;
border:none;
color:#f44336;
font-size:16px;
font-weight:600;
cursor:pointer;
border-radius:8px;
transition:background 0.2s;
}

.delete_confirm_delete:hover{
background:rgba(244,67,54,0.1);
}

/* Стили для прогресс-бара загрузки видео */
/* На исходящих сообщениях (зеленые, справа) - скрываем текст "Идет загрузка файла", показываем прогресс-бар */
.msg-out .video-upload-progress .video-upload-loading-text{
display:none!important;
}
.msg-out .video-upload-progress .video-upload-progress-bar-container{
display:flex!important;
}

/* На входящих сообщениях (серые, слева) - показываем текст "Идет загрузка файла" белым, скрываем прогресс-бар */
.msg-in .video-upload-progress .video-upload-loading-text{
display:block!important;
color:#fff!important;
}
.msg-in .video-upload-progress .video-upload-progress-bar-container{
display:none!important;
}
/* Контекстное меню в списке чатов - предотвращение выделения текста */
.chat-context-menu,
.chat-context-menu *,
.chat-menu-item,
.chat-menu-item *,
#chat_context_menu,
#chat_context_menu *,
#chat_context_menu_overlay {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.whatsapp_chat_info {
    -webkit-user-select: none; /* Chrome, Safari, WebView */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* старые Edge */
    user-select: none;         /* стандарт */
}


@media (min-width: 481px) {
       .chat_voice_message {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 18px;
        box-sizing: border-box;
        width: fit-content;
        min-width: 200px;
        max-width: 100%;
        transition: background-color 0.2s ease, opacity 0.2s ease;
        flex-shrink: 0;
    }

  

  

    .voice_waveform_canvas,
    .voice_waveform_preview {
        height: 24px !important;
    }

  

    .message-item:has(.chat_voice_message) .msg .chat_area_time {
        font-size: 11px !important;
        opacity: 0.7 !important;
        margin-top: 4px !important;
    }

    .message-item:has(.chat_voice_message) .msg-status-icon {
        font-size: 12px !important;
        opacity: 0.9 !important;
    }

    .msg-in .chat_voice_message {
        background: #263f48 !important;
    }

    .msg-out .chat_voice_message {
        background: #998bf7 !important;
    }

    .chat_voice_message {
        transition: background-color 0.2s ease, opacity 0.2s ease !important;
    }

    .chat_voice_message:hover {
        opacity: 0.9 !important;
    }
	    .message-item:has(.chat_voice_message).msg-out {
        justify-content: flex-end;
        background-color: #766ac8 !important;
        margin-left: auto !important;
        margin-right: 12px !important;
    }
	        .chat_voice_message {
            padding: 6px 10px;
            gap: 6px;
        }
		        .chat_voice_message .avatar, .chat_voice_message .avt {
            width: 34px;
            height: 34px;
        }
		.chat_voice_message .avatar, .chat_voice_message .avt {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        flex-shrink: 0 !important;
        position: relative !important;
        float: none !important;
        margin: 0 !important;
    }
	    .voice_play_btn {
        width: 40px !important;
        height: 40px !important;
        border-radius: 0 !important;
        border: none !important;
        background: transparent !important;
        background-color: transparent !important;
        color: #fff !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
        outline: none !important;
        transition: opacity 0.2s !important;
        position: relative !important;
        float: none !important;
        margin: 0 !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        text-shadow: none !important;
        -webkit-tap-highlight-color: transparent !important;
        tap-highlight-color: transparent !important;
        user-select: none !important;
    }
        .voice_play_btn {
            width: 34px;
            height: 34px;
            font-size: 12px;
        }
		   
		    .voice_time {
        font-size: 11px;
        color: #fff;
        white-space: nowrap;
        flex-shrink: 0;
        min-width: 35px;
        max-width: 50px;
        text-align: right;
        opacity: 0.9;
        display: flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }
	.voice_time {
    font-family: monospace;
}
        .voice_time {
            font-size: 10px;
        }
		    .voice_time {
        font-size: 11px;
        color: #fff;
        white-space: nowrap;
        flex-shrink: 0;
        min-width: 35px;
        max-width: 50px;
        text-align: right;
        opacity: 0.9;
        display: flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }
	.voice_waveform_container {
        flex: 1;
        min-width: 60px;
        overflow: hidden;
        display: flex;
        align-items: center;
        /* cursor: pointer; */
        position: relative;
    }
	    .voice_player_controls {
        flex: 1;
        min-width: 0;
        max-width: 100%;
        display: flex;
        align-items: center;
        gap: 6px;
        overflow: hidden;
    }
	    .message-item:has(.chat_voice_message).msg-in {
        justify-content: flex-start;
        background-color: #2a2b2c !important;
        margin-left: 12px !important;
        margin-right: auto !important;
    }
}
/* Иконки для сообщений о звонках */
.call-message-incoming .msg > div:not(.avt) > span[class^="tt"]::before,
.call-message-outgoing .msg > div:not(.avt) > span[class^="tt"]::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.call-message-incoming .msg > div:not(.avt) > span[class^="tt"]::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21ZM16.4 9H18C18.2833 9 18.5208 9.09583 18.7125 9.2875C18.9042 9.47917 19 9.71667 19 10C19 10.2833 18.9042 10.5208 18.7125 10.7125C18.5208 10.9042 18.2833 11 18 11H14C13.7167 11 13.4792 10.9042 13.2875 10.7125C13.0958 10.5208 13 10.2833 13 10V6C13 5.71667 13.0958 5.47917 13.2875 5.2875C13.4792 5.09583 13.7167 5 14 5C14.2833 5 14.5208 5.09583 14.7125 5.2875C14.9042 5.47917 15 5.71667 15 6V7.6L19.3 3.3C19.4833 3.11667 19.7167 3.025 20 3.025C20.2833 3.025 20.5167 3.11667 20.7 3.3C20.8833 3.48333 20.975 3.71667 20.975 4C20.975 4.28333 20.8833 4.51667 20.7 4.7L16.4 9Z' fill='%230084ff'/%3E%3C/svg%3E");
}

.call-message-outgoing .msg > div:not(.avt) > span[class^="tt"]::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.575 5.025H15.975C15.6917 5.025 15.4542 4.92917 15.2625 4.7375C15.0708 4.54583 14.975 4.30833 14.975 4.025C14.975 3.74167 15.0708 3.50417 15.2625 3.3125C15.4542 3.12083 15.6917 3.025 15.975 3.025H19.975C20.2583 3.025 20.4958 3.12083 20.6875 3.3125C20.8792 3.50417 20.975 3.74167 20.975 4.025V8.025C20.975 8.30833 20.8792 8.54583 20.6875 8.7375C20.4958 8.92917 20.2583 9.025 19.975 9.025C19.6917 9.025 19.4542 8.92917 19.2625 8.7375C19.0708 8.54583 18.975 8.30833 18.975 8.025V6.425L14.675 10.725C14.4917 10.9083 14.2583 11 13.975 11C13.6917 11 13.4583 10.9083 13.275 10.725C13.0917 10.5417 13 10.3083 13 10.025C13 9.74167 13.0917 9.50833 13.275 9.325L17.575 5.025ZM19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%2325d366'/%3E%3C/svg%3E");
}
/* Иконки для preview в списке чатов */
.call-message-preview-incoming::before,
.call-message-preview-outgoing::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.whatsapp_chat_preview .call-message-preview-incoming::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21ZM16.4 9H18C18.2833 9 18.5208 9.09583 18.7125 9.2875C18.9042 9.47917 19 9.71667 19 10C19 10.2833 18.9042 10.5208 18.7125 10.7125C18.5208 10.9042 18.2833 11 18 11H14C13.7167 11 13.4792 10.9042 13.2875 10.7125C13.0958 10.5208 13 10.2833 13 10V6C13 5.71667 13.0958 5.47917 13.2875 5.2875C13.4792 5.09583 13.7167 5 14 5C14.2833 5 14.5208 5.09583 14.7125 5.2875C14.9042 5.47917 15 5.71667 15 6V7.6L19.3 3.3C19.4833 3.11667 19.7167 3.025 20 3.025C20.2833 3.025 20.5167 3.11667 20.7 3.3C20.8833 3.48333 20.975 3.71667 20.975 4C20.975 4.28333 20.8833 4.51667 20.7 4.7L16.4 9Z' fill='%230084ff'/%3E%3C/svg%3E");
}

.whatsapp_chat_preview .call-message-preview-outgoing::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.575 5.025H15.975C15.6917 5.025 15.4542 4.92917 15.2625 4.7375C15.0708 4.54583 14.975 4.30833 14.975 4.025C14.975 3.74167 15.0708 3.50417 15.2625 3.3125C15.4542 3.12083 15.6917 3.025 15.975 3.025H19.975C20.2583 3.025 20.4958 3.12083 20.6875 3.3125C20.8792 3.50417 20.975 3.74167 20.975 4.025V8.025C20.975 8.30833 20.8792 8.54583 20.6875 8.7375C20.4958 8.92917 20.2583 9.025 19.975 9.025C19.6917 9.025 19.4542 8.92917 19.2625 8.7375C19.0708 8.54583 18.975 8.30833 18.975 8.025V6.425L14.675 10.725C14.4917 10.9083 14.2583 11 13.975 11C13.6917 11 13.4583 10.9083 13.275 10.725C13.0917 10.5417 13 10.3083 13 10.025C13 9.74167 13.0917 9.50833 13.275 9.325L17.575 5.025ZM19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%230084ff'/%3E%3C/svg%3E");
}
/* Скрываем галочки статуса для сообщений о звонках в открытом чате */
.call-message-incoming .msg-status-icon,
.call-message-outgoing .msg-status-icon {
  display: none !important;
}
@media (min-width: 769px) {
  .bottom_input_container {
        left: calc(300px + 1%);
        right: 70px;
    }
  
  /* Если список чатов скрыт (mobile_hidden), используем стандартные отступы */
  #whatsapp_chats_list.mobile_hidden ~ #chat_area ~ .bottom_input_container,
  #whatsapp_layout:not(:has(#whatsapp_chats_list:not(.mobile_hidden))) .bottom_input_container {
    left: 70px;
  }
}

/* ===== STORIES STYLES ===== */
.story-miniature {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 0.2s;
}

.story-miniature:hover {
  transform: scale(1.05);
}

.story-miniature-avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.story-progress-ring {
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 50%;
  pointer-events: none;
}

.story-progress-ring circle {
  transition: stroke-dashoffset 1s linear, stroke 0.3s;
}

#story_viewer_modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 100001;
  overflow: hidden;
}

#story_viewer_content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#story_progress_bars {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  display: flex;
  gap: 4px;
  z-index: 10;
}

.story-progress-bar {
  flex: 1;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  overflow: hidden;
}

#story_viewer_item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#story_viewer_image,
#story_viewer_video {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

#story_viewer_nav_left,
#story_viewer_nav_right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  color: #fff;
  font-size: 24px;
  transition: background 0.2s;
}

#story_viewer_nav_left:hover,
#story_viewer_nav_right:hover {
  background: rgba(0, 0, 0, 0.7);
}

#story_viewer_nav_left {
  left: 10px;
}

#story_viewer_nav_right {
  right: 10px;
}

#story_viewer_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  color: #fff;
  font-size: 24px;
  transition: background 0.2s;
}

#story_viewer_close:hover {
  background: rgba(0, 0, 0, 0.7);
}

#story_viewer_info {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #fff;
  text-align: center;
  z-index: 10;
}

#story_upload_modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 100000;
  overflow-y: auto;
}

#story_upload_dropzone {
  border: 2px dashed #3a3b3c;
  border-radius: 8px;
  padding: 40px;
  text-align: center;
  color: #ccc;
  cursor: pointer;
  margin-bottom: 20px;
  transition: border-color 0.2s, background 0.2s;
}

#story_upload_dropzone:hover {
  border-color: #25D366;
  background: rgba(37, 211, 102, 0.1);
}

#story_upload_preview {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
  margin-bottom: 20px;
}

#story_upload_preview > div {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  background: #3a3b3c;
}

#story_upload_preview img,
#story_upload_preview video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#story_upload_progress {
  display: none;
  margin-top: 20px;
}

#story_upload_progress_bar {
  background: #3a3b3c;
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
}

#story_upload_progress_bar > div {
  background: #25D366;
  height: 100%;
  width: 0%;
  transition: width 0.3s;
}
/* ===== /STORIES STYLES ===== */
.main_page_icon_wrapper {
  display: flex !important;          /* Важно! Включаем Flexbox */
  flex-direction: column !important; /* Колонка */
  align-items: center !important;    /* Центрирование по горизонтали */
  justify-content: center;
  text-align: center !important;
  width: fit-content;                /* Ширина по содержимому */
}

/* Заставим саму иконку быть блочным элементом и уберем лишние отступы */
.main_page_icon_wrapper .main_page_icon {
  display: inline-block !important;   /* или block */
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;             /* Отключаем обтекание, если оно есть */
}

/* Текст тоже центрируем принудительно */
.main_page_icon_wrapper .main_page_icon_label {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  width: 100%;                        /* Чтобы текст не обрезался */
}