@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;700&display=swap);:root{--font-poppins:"Poppins",sans-serif;--color-1:#f3f6fe}body,html{background:#f3f6fe;background:var(--color-1);font-family:Poppins,sans-serif;font-family:var(--font-poppins)}*{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{text-decoration:none}button{background:#000;outline:none}button,input{font-family:Poppins,sans-serif;font-family:var(--font-poppins)}.my_chats{display:flex;flex:1 1 auto;flex-direction:column;gap:12px}.my_chats .search_more_people{align-items:center;display:flex;height:100%;justify-content:center}.my_chats .search_more_people .btn_search_people{align-items:center;-webkit-appearance:none;appearance:none;background-color:transparent;border:3px solid #4f7ef5;border-radius:15px;box-sizing:border-box;color:#3b3b3b;color:#4f7ef5;cursor:pointer;display:inline-block;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;line-height:normal;margin:0;min-height:60px;min-width:0;outline:none;padding:16px 24px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;will-change:transform}.my_chats .search_more_people .btn_search_people:disabled{pointer-events:none}.my_chats .search_more_people .btn_search_people:hover{background-color:#4f7ef5;box-shadow:0 8px 15px rgba(0,0,0,.25);color:#fff}.my_chats .search_more_people .btn_search_people:hover>.btn_search_icon{fill:#fff;transition:all .3s cubic-bezier(.23,1,.32,1)}.my_chats .search_more_people .btn_search_people:active{box-shadow:none;-webkit-transform:translateY(0);transform:translateY(0)}.my_chats .search_more_people .btn_search_people .btn_search_icon,.my_chats .search_more_people .btn_search_people .icon_add_people{fill:#4f7ef5;width:20px}.form_send_message{display:flex;padding:20px}.form_send_message .input_chat{background:#f3f6fe;border:none;border-radius:10px 0 0 10px;flex:1 1 auto;font-size:16px;outline:none;padding:13px}.form_send_message .input_chat:focus{box-shadow:1px 1px 20px #edf0f8;cursor:pointer;transition:all .1s ease}.form_send_message .btn_send_message{align-items:center;background:#4f7ef5;border:none;border-radius:0 10px 10px 0;display:flex;justify-content:center;padding:13px 15px}.form_send_message .btn_send_message:hover{cursor:pointer}.form_send_message .btn_send_message .icon_sendmessage{fill:#fff;width:20px}.chat_messages{background:#f7f7f7;display:flex;flex:1 1 auto;flex-direction:column;gap:10px;overflow-y:scroll;padding:20px 30px}.chat_messages .brefore_sending_message{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-end;padding:0 0 20px}.chat_messages .brefore_sending_message .title_before_sending{color:#858585;font-size:20px;font-weight:700}.chat_messages .brefore_sending_message .message_before_sending{color:#858585;font-size:15px}.chat_messages .message_order{display:flex}.chat_messages .in{justify-content:flex-start}.chat_messages .in div:first-child{background:#ebebeb;color:#727272}.chat_messages .out{justify-content:flex-end;position:relative}.header_my_profile{align-items:center;display:flex;justify-content:space-between}.header_my_profile .header_info_profile{align-items:center;display:flex;gap:10px}.header_my_profile .header_info_profile .image_my_profile{border-radius:100%;height:40px;object-fit:cover;width:40px}.header_my_profile .header_info_profile .info_profile .full_name{color:#acacac;font-weight:700}.header_my_profile .logout_icon{fill:#727272;border-radius:6px;padding:5px;width:30px}.header_my_profile .logout_icon:hover{background:#eee;cursor:pointer;transition:all .2s ease-in-out}.search_results{height:0;opacity:0}.search_results .users_not_found{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.search_results .users_not_found .info_users_not_found{color:#d4d4d4;font-size:20px;font-weight:700}.search_results .card_users{align-items:center;border-top:1px solid #f5f5f5;display:flex;gap:10px;padding:5px}.search_results .card_users:hover{background:#f8f8f8;cursor:pointer;transition:all .5s ease}.search_results .card_users .image_profile_search_user{border-radius:100%;height:40px;object-fit:cover;width:40px}.search_results .card_users .username_profile_search_user{color:#727272}.show_results{display:block;display:flex;flex-direction:column;height:calc(100vh - 193px);margin:20px 0 0;opacity:1;transition:all .25s ease-in-out}.show_results .card_users:first-child{border:none}.center_main{align-items:center;display:flex;height:100vh;justify-content:center;margin:auto;max-width:var(--max-width-modules)}.center_main .login{background:#fbfcfe;border-radius:17px;display:flex;flex-direction:column;gap:10px}.center_main .login .google_login{display:flex;flex-direction:column;gap:10px;padding:20px}.center_main .login .google_login .information_login .subtitle{color:#292929;font-size:25px;font-weight:700}.center_main .login .google_login .information_login .info{color:#878991;font-size:12px}.center_main .login .google_login .google_button{align-items:center;display:flex;justify-content:center;position:relative}.center_main .login .google_login .google_button .loader_{align-items:center;background:#fff;border:1px solid rgba(0,0,255,.116);border-radius:4px;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.center_main .login .google_login .google_button .loader_ .loader_sing_in{height:20px;width:20px}.center_main .login .test_login .registry{border-top:1px solid #f1f1f1;display:flex;flex-direction:column;gap:10px;padding:20px}.center_main .login .test_login .registry .btn_login{align-items:center;background:#4f7ef5;border:none;border-radius:10px;color:#fff;display:flex;justify-content:center;padding:13px 15px}.main_chat{display:flex;gap:20px;height:100vh;padding:20px}.main_chat .sidebar_chat{display:flex;flex-direction:column;width:30%}.main_chat .sidebar_chat .select_chat{margin:10px 0 0}.main_chat .sidebar_chat .select_chat .video:empty{-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite;background:#fcfcfc linear-gradient(90deg,transparent,#f5f5f5,transparent);background-position:s-315px 0,0 0,0 190px,50px 195px;background-repeat:no-repeat;background-size:315px 250px,315px 180px,100px 100px,225px 30px;border-radius:20px;cursor:progress;height:70px;margin:0 0 10px;width:100%}@-webkit-keyframes loading{to{background-position:315px 0,0 0,0 190px,50px 195px}}@keyframes loading{to{background-position:315px 0,0 0,0 190px,50px 195px}}@media screen and (max-width:700px){.main_chat .sidebar_chat{width:100%}}.main_chat .sidebar_chat .header_profile{padding:17px;transition:all 1s ease-in-out}.main_chat .messages,.main_chat .sidebar_chat .header_profile{background:#fbfcfe;border-radius:17px;display:flex;flex-direction:column}.main_chat .messages{width:70%}@media screen and (max-width:700px){.main_chat .messages{display:none}}.main_chat .messages .information_app{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;width:100%}.main_chat .messages .icons_app{display:flex;gap:30px}.main_chat .messages .icons_app .icon_nodejs,.main_chat .messages .icons_app .icon_socketio{fill:#ebebeb;width:5em}.main_chat .ocult{display:none}.main_chat .show{display:block;display:flex;flex-direction:column;width:100%}@media screen and (min-width:700px){.main_chat .ocult{display:block}.main_chat .show{display:none;display:flex;flex-direction:column;width:100%}}.info_curent_chat{display:flex;gap:20px;padding:20px}.info_curent_chat .profile_current_chat{position:relative}.info_curent_chat .profile_current_chat .image_my_profile{border-radius:100%;height:40px;object-fit:cover;width:40px}.info_curent_chat .profile_current_chat .user_connected{background:#07b307;border:2px solid #fff;border-radius:100%;height:11px;position:absolute;right:0;top:0;width:11px}.info_curent_chat .arrow_left{fill:#acacac;width:25px}@media screen and (min-width:700px){.info_curent_chat .arrow_left{display:none}}.info_connection_state{color:#c4c4c4;font-size:14px}.full_name{color:#acacac;font-weight:700}.message_card{background:#4f7ef5;border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:3px;max-width:500px;padding:14px;position:relative}.message_card .message{font-size:14px}.message_card .date_card{display:flex}.message_card .date_card .date_message{font-size:10px}.search_users{margin:20px 0 0}.search_users .input_search{align-items:center;display:flex;justify-content:center;position:relative}.search_users .input_search .search_icon{fill:#b6b6b6;left:13px;position:absolute;width:15px}.search_users .input_search .search_all_users{background:#f3f6fe;border:none;border-radius:20px;color:#b6b6b6;outline:none;padding:9px 15px 9px 40px;width:100%}.search_users .input_search .search_all_users:focus{outline:3px solid #a5bdfa;transition:all .1s ease-in}.search_users .input_search .loader_search{height:20px;position:absolute;right:40px;width:20px}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:3px solid #4f7ef5;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:100%;width:100%}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.chat_card{background:#fbfcfe;border-radius:17px;display:flex;gap:15px;padding:15px}.chat_card:hover{box-shadow:1px 1px 20px #e0e4f0;cursor:pointer;transition:all .5s ease}.user_profile{align-items:center;display:flex;justify-content:center;position:relative}.user_connected{background:#07b307}.user_connected,.user_disconnected{border:2px solid #fff;border-radius:100%;height:11px;position:absolute;right:0;top:0;width:11px}.user_disconnected{background:#c50808}.image_profile{border:2px solid #e7ecf3;border-radius:100%;height:45px;overflow:hidden;width:45px}.image_profile>img{height:100%;object-fit:cover;width:100%}.information_room{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between}.date_last_connected{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.unread_messages{align-items:center;background:#d73260;border-radius:100%;color:#fff;display:flex;font-size:10px;height:10px;justify-content:center;padding:10px;text-align:center;width:10px}.last_connected{color:#a6afc5;font-size:10px}.user_name{color:#010e69;font-weight:700}.last_message,.user_name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last_message{color:#a9b0c5;font-size:13px}.new_message{color:red;font-size:12px}.new_message_{color:#c8cddb;font-weight:600}.rpn-notification-holder{display:flex;flex-direction:column;position:fixed;z-index:100000}.rpn-notification-holder.top-left{left:10px}.rpn-notification-holder.top-middle{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.rpn-notification-holder.top-right{right:30px}.rpn-notification-holder.bottom-left{bottom:10px;left:10px}.rpn-notification-holder.bottom-middle{bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.rpn-notification-holder.bottom-right{bottom:10px;right:30px}.rpn-notification-card{-webkit-animation:fadein .2s;animation:fadein .2s;display:flex;flex-direction:column;margin-top:15px;width:250px}.rpn-notification-card-top{background-color:#333;border-radius:5px 5px 0 0;color:#fff;display:flex;flex-wrap:wrap;font-size:11px;font-weight:700;justify-content:space-between;padding:10px;width:100%}.rpn-notification-card-bottom{align-items:flex-start;background-color:#3b3b3b;border-radius:0 0 5px 5px;box-shadow:0 5px 0 0 #000;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:10px 10px 15px;width:100%}.rpn-notification-card-bottom span{padding:3px 0}.rpn-notification-card-bottom .subtitle{font-size:12px;font-weight:700}.rpn-notification-card-bottom .message{font-size:14px}.rpn-notification-card-close{cursor:pointer;font-size:10px;height:100%}.rpn-notification-card-top.light{background-color:#f0f0f0;color:#000}.rpn-notification-card-bottom.light{background-color:#f5f5f5;box-shadow:0 5px 0 0 #dad9d9;color:#000}.rpn-notification-card-top.darkblue{background-color:#2d3542;color:#fff}.rpn-notification-card-bottom.darkblue{background-color:#394357;box-shadow:0 5px 0 0 #1f2b42;color:#fff}.rpn-notification-card-top.red{background-color:#bb2525;color:#fff}.rpn-notification-card-bottom.red{background-color:#d32f2f;box-shadow:0 5px 0 0 #910101;color:#fff}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.b51aa0c8.css.map*/