@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);.contact[data-v-9e78342c]{width:100%;padding:0 10px;margin-bottom:5px;position:relative}.contact .contact_container[data-v-9e78342c]{display:flex;padding:5px 0;border-bottom:1px solid var(--accent-clr);position:relative}.contact .contact_container .contact_image[data-v-9e78342c]{margin-right:10px;height:100%;display:grid;place-items:center;position:relative}.contact .contact_container .contact_image img[data-v-9e78342c]{width:40px;border-radius:50px;border:2px solid var(--accent-clr)}.contact .contact_container .contact_image[data-v-9e78342c]:before{content:"";position:absolute;bottom:0;right:0;width:12px;height:12px;background:#dc143c;border-radius:12px;border:2px solid var(--other-clr-1);z-index:2}.contact .contact_container .contact_image.active[data-v-9e78342c]:before{background:#0f0}.contact .contact_container .contact_info[data-v-9e78342c]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;width:100%}.contact .contact_container .contact_info .time_sent[data-v-9e78342c]{position:absolute;top:0;right:0;font-size:12px;font-family:Montserrat,sans-serif}.contact .contact_container .contact_info .contact_name[data-v-9e78342c]{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:var(--other-clr-1)}.contact .contact_container .contact_info .last_message[data-v-9e78342c]{font-family:Montserrat,sans-serif;font-size:12px;color:var(--other-clr-2)}.contact[data-v-9e78342c]:hover:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:#dc143c}.contact:hover .contact_container[data-v-9e78342c]:before{content:"";position:absolute;top:0;left:-5px;width:100%;height:100%;background:linear-gradient(90deg,var(--background-clr),transparent)}.contact:hover .contact_container [data-v-9e78342c]{z-index:1}.contact_list_item[data-v-113b4808]{display:flex;align-items:center;justify-content:space-between;font-family:Montserrat,sans-serif}.contact_list_item .contact_info[data-v-113b4808]{padding:5px 0}.contact_list_item .contact_info h4[data-v-113b4808]{font-size:14px;color:var(--accent-clr)}.contact_list_item .contact_info p[data-v-113b4808]{font-size:14px;font-weight:500;color:var(--other-clr-1)}.contact_list_item button[data-v-113b4808]{width:60px;padding:4px 0}.contact_list_item button span[data-v-113b4808]{margin-left:5px}.contact_list_item[data-v-113b4808]:hover{background:linear-gradient(90deg,transparent,var(--primary-clr),transparent)}.page_nav[data-v-de6d8ea4]{display:flex;padding-top:10px;border-top:1px solid #212529}.page_nav p[data-v-de6d8ea4]{font-family:Montserrat,sans-serif}.page_nav button[data-v-de6d8ea4]{padding:4px 10px}.page_nav button[data-v-de6d8ea4]:nth-child(2){margin-left:auto;margin-right:5px}.page_nav button[data-v-de6d8ea4]:nth-child(3){margin-right:5px}.contact_modal[data-v-529fe774]{width:100%;padding:5px 10px;position:absolute;top:100%;transform:translateY(10px);z-index:1;background:var(--secondary-clr);border-radius:5px;overflow:hidden}.message[data-v-37076f52]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:200px;margin-bottom:8px;padding:5px 10px;background:var(--background-clr);border-radius:0 10px 10px 10px;font-family:Montserrat,sans-serif;color:var(--other-clr-1);word-wrap:break-word}.message .date_sent[data-v-37076f52]{margin-bottom:3px;font-size:11px;text-align:right;color:var(--other-clr-2)}.message .message_text[data-v-37076f52]{width:100%;height:100%;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;white-space:pre-wrap}.message.right[data-v-37076f52]{align-self:flex-end;border-radius:10px 0 10px 10px}.select_indicator[data-v-01893dc4]{width:36px;height:4px;position:absolute;bottom:0;transition:transform .25s ease-in-out;z-index:1;background:var(--other-clr-2);border-radius:3px 3px 0 0}.select_indicator.peoples[data-v-01893dc4]{transform:translateX(0)}.select_indicator.nature[data-v-01893dc4]{transform:translateX(100%)}.select_indicator.foods[data-v-01893dc4]{transform:translateX(200%)}.select_indicator.activity[data-v-01893dc4]{transform:translateX(300%)}.select_indicator.places[data-v-01893dc4]{transform:translateX(400%)}.select_indicator.objects[data-v-01893dc4]{transform:translateX(500%)}.select_indicator.symbols[data-v-01893dc4]{transform:translateX(600%)}.select_indicator.flags[data-v-01893dc4]{transform:translateX(700%)}.emoji_picker[data-v-01893dc4]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:300px;position:absolute;bottom:45px;right:20px;overflow:hidden;display:flex;flex-direction:column;background:var(--other-clr-1);border:2px solid var(--accent-clr);border-radius:5px}.emoji_picker .picker_top[data-v-01893dc4]{display:flex;position:relative}.emoji_picker .picker_top .icon[data-v-01893dc4]{width:36px;height:36px;display:grid;place-items:center;background:var(--secondary-clr);color:var(--accent-clr)}.emoji_picker .picker_top .icon.selected[data-v-01893dc4]{color:var(--other-clr-1)}.emoji_picker .picker_top .icon[data-v-01893dc4]:hover{background:var(--other-clr-1);color:var(--secondary-clr)}.emoji_picker .emojis[data-v-01893dc4]{flex-grow:1;display:flex;flex-direction:column;overflow:auto;scroll-behavior:smooth}.emoji_picker .emojis .emoji[data-v-01893dc4]{display:grid;grid-template-columns:repeat(auto-fit,30px);justify-items:center;align-items:center}.emoji_picker .emojis .emoji p[data-v-01893dc4]{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.emoji_picker .emojis .emoji p[data-v-01893dc4]:hover{background:var(--other-clr-2)}.search-icon[data-v-0bb80ee0]{position:absolute;top:50%;left:8px;transform:translateY(-50%);font-size:16px;color:var(--other-clr-1)}.search_btns[data-v-0bb80ee0]{height:22px;position:absolute;top:50%;right:7px;transform:translateY(-50%);padding:0 6px;background:var(--accent-clr);border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:500;font-size:12px;color:var(--other-clr-2)}.home[data-v-0bb80ee0]{width:100%;height:100%;display:grid;place-items:center;padding:30px 0}.home .home_container[data-v-0bb80ee0]{width:min(1000px,90%);height:100%;display:flex;overflow:hidden}.home .home_container .home_left_side[data-v-0bb80ee0]{width:30%;display:flex;flex-direction:column}.home .home_container .home_left_side .user_section[data-v-0bb80ee0]{position:relative;display:flex;flex-direction:column;padding:10px;background:var(--primary-clr)}.home .home_container .home_left_side .user_section .user[data-v-0bb80ee0]{display:flex;align-items:center}.home .home_container .home_left_side .user_section .user .user_image[data-v-0bb80ee0]{width:40px;height:40px;display:grid;place-items:center;background:#d2691e;border:2px solid #fff;border-radius:10px;font-family:Montserrat,sans-serif;font-weight:700}.home .home_container .home_left_side .user_section .user .user_info[data-v-0bb80ee0]{margin-left:10px;font-family:Montserrat,sans-serif}.home .home_container .home_left_side .user_section .user .user_info p[data-v-0bb80ee0]:first-child{font-weight:600;color:var(--other-clr-2)}.home .home_container .home_left_side .user_section .user .user_info p[data-v-0bb80ee0]:nth-child(2){position:relative;bottom:1px;font-size:14px;font-style:italic;color:var(--other-clr-1)}.home .home_container .home_left_side .user_section .settings[data-v-0bb80ee0]{height:30px;display:flex;justify-content:space-between;margin-top:15px}.home .home_container .home_left_side .user_section .settings .user_status[data-v-0bb80ee0]{display:flex;align-items:center;position:relative;padding-left:20px;padding-right:5px;background:rgba(112,224,0,.19215686274509805);border:1px solid #9ef01a;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:500;font-size:14px;color:#9ef01a}.home .home_container .home_left_side .user_section .settings .user_status[data-v-0bb80ee0]:before{content:"";width:6px;height:6px;position:absolute;top:50%;left:7px;transform:translateY(-50%);background:#9ef01a;border-radius:5px}.home .home_container .home_left_side .user_section .settings .user_status[data-v-0bb80ee0]:hover{background:var(--background-clr)}.home .home_container .home_left_side .user_section .settings .logout[data-v-0bb80ee0],.home .home_container .home_left_side .user_section .settings .theme[data-v-0bb80ee0]{padding:0 6px;background:var(--secondary-clr);border:1.5px solid transparent;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:500;color:var(--other-clr-1)}.home .home_container .home_left_side .user_section .settings .logout .icon[data-v-0bb80ee0],.home .home_container .home_left_side .user_section .settings .theme .icon[data-v-0bb80ee0]{margin-right:5px}.home .home_container .home_left_side .user_section .settings .logout[data-v-0bb80ee0]:hover,.home .home_container .home_left_side .user_section .settings .theme[data-v-0bb80ee0]:hover{background:var(--background-clr)}.home .home_container .home_left_side .user_section .settings .logout[data-v-0bb80ee0]:focus,.home .home_container .home_left_side .user_section .settings .theme[data-v-0bb80ee0]:focus{border-color:var(--other-clr-2)}.home .home_container .home_left_side .contacts_section[data-v-0bb80ee0]{flex-grow:1;overflow:hidden;margin-top:20px;padding:10px;background:var(--primary-clr)}.home .home_container .home_left_side .contacts_section .search_contacts[data-v-0bb80ee0]{position:relative;margin-bottom:15px}.home .home_container .home_left_side .contacts_section .search_contacts input[data-v-0bb80ee0]{width:100%;padding:10px 0;background:transparent;border:1px solid var(--accent-clr);border-radius:5px;outline:none;color:var(--other-clr-1);text-indent:30px}.home .home_container .home_left_side .contacts_section .search_contacts input[data-v-0bb80ee0]:hover{background:var(--background-clr)}.home .home_container .home_left_side .contacts_section .search_contacts input[data-v-0bb80ee0]:focus{background:var(--background-clr);border-color:var(--secondary-clr)}.home .home_container .home_left_side .contacts_section .contact_list[data-v-0bb80ee0]{height:calc(100% - 54.2px);overflow-y:scroll;scrollbar-width:none;font-family:sans-serif}.home .home_right_side[data-v-0bb80ee0]{width:70%;display:flex;flex-direction:column;overflow:hidden;padding:0 15px}.home .home_right_side .search_new_contacts[data-v-0bb80ee0]{position:relative}.home .home_right_side .search_new_contacts input[data-v-0bb80ee0]{width:100%;padding:10px 0;background:var(--background-clr);border:1px solid var(--primary-clr);border-radius:5px;outline:none;text-indent:30px;color:var(--other-clr-1)}.home .home_right_side .search_new_contacts input[data-v-0bb80ee0]:hover{background:var(--primary-clr)}.home .home_right_side .search_new_contacts input[data-v-0bb80ee0]:focus{background:var(--primary-clr);border-color:var(--accent-clr)}.home .home_right_side .chat_area[data-v-0bb80ee0]{flex-grow:1;margin-top:20px;display:flex;flex-direction:column;background:var(--primary-clr);position:relative;overflow:hidden}.home .home_right_side .chat_area .chat[data-v-0bb80ee0]{flex-grow:1;display:flex;flex-direction:column;padding:10px;overflow-y:auto;overflow-x:hidden}.home .home_right_side .chat_area .message_input[data-v-0bb80ee0]{width:96%;display:flex;justify-content:space-between;position:relative;left:50%;transform:translateX(-50%)}.home .home_right_side .chat_area .message_input textarea[data-v-0bb80ee0]{width:100%;height:37.6px;padding:8px 106px 8px 10px;background:var(--secondary-clr);border:2px solid transparent;outline:none;resize:none;font-family:Montserrat,sans-serif;font-size:14px}.home .home_right_side .chat_area .message_input textarea[data-v-0bb80ee0]:focus,.home .home_right_side .chat_area .message_input textarea[data-v-0bb80ee0]:hover{border-color:var(--accent-clr)}.home .home_right_side .chat_area .message_input textarea[data-v-0bb80ee0]::-webkit-scrollbar{-webkit-appearance:none;appearance:none}.home .home_right_side .chat_area .message_input button[data-v-0bb80ee0]{width:60px;display:flex;justify-content:space-evenly;position:absolute;top:50%;right:5px;transform:translateY(-50%);padding:4px 0;background:var(--accent-clr);border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:600;font-size:13px;color:var(--other-clr-2)}.home .home_right_side .chat_area .message_input .emoji_btn[data-v-0bb80ee0]{position:absolute;top:50%;right:70px;transform:translateY(-50%);display:grid;place-items:center;border-radius:4px;color:var(--other-clr-2);padding:4px}.home .home_right_side .chat_area .message_input .emoji_btn[data-v-0bb80ee0]:hover{background:var(--other-clr-2);color:var(--background-clr)}.home .home_right_side .chat_area.blur>[data-v-0bb80ee0]{filter:blur(3px);pointer-events:none}.alert[data-v-40059f79]{width:100%;padding:10px;margin-bottom:15px;background:#e5383b;border-radius:4px;font-size:14px;color:var(--accent-clr)}.login[data-v-2a348602]{width:100%;height:100%;position:relative;display:grid;place-items:center;font-family:Montserrat,sans-serif}.login .login_container[data-v-2a348602]{width:900px;height:500px;background:var(--primary-clr);display:flex}.login .login_container .login_left_side[data-v-2a348602]{width:50%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--secondary-clr)}.login .login_container .login_left_side .theme_btn[data-v-2a348602]{padding:5px 10px;font-size:15px;position:absolute;top:15px;left:15px}.login .login_container .login_right_side[data-v-2a348602]{flex-grow:1;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:0 50px}.login .login_container .login_right_side h2[data-v-2a348602]{width:350px;margin-bottom:20px;align-self:center}.login .login_container .login_right_side .input_field[data-v-2a348602]{margin-bottom:20px}.login .login_container .login_right_side .input_field p[data-v-2a348602]{margin-bottom:10px;font-size:14px}.login .login_container .login_right_side .input_field input[data-v-2a348602]{width:100%;padding:10px 0;text-indent:10px;background:var(--accent-clr);border:1px solid transparent;border-radius:4px;outline:none;font-family:Montserrat,sans-serif;color:var(--other-clr-2)}.login .login_container .login_right_side .input_field input[data-v-2a348602]:focus,.login .login_container .login_right_side .input_field input[data-v-2a348602]:hover{border-color:var(--other-clr-2)}.login .login_container .login_right_side .input_field input.error[data-v-2a348602]{border-color:#ba181b}.login .login_container .login_right_side .input_field input.error[data-v-2a348602]:focus,.login .login_container .login_right_side .input_field input.error[data-v-2a348602]:hover{box-shadow:0 0 0 4px rgba(229,56,59,.36470588235294116)}.login .login_container .login_right_side .login_btns[data-v-2a348602]{display:flex;align-items:center;font-size:14px}.login .login_container .login_right_side .login_btns button[data-v-2a348602]{padding:7px 25px;margin-right:10px;background:var(--other-clr-1);border:none;border-radius:4px;font-family:Montserrat,sans-serif;font-weight:600;color:var(--background-clr)}.login .login_container .login_right_side .login_btns button[data-v-2a348602]:hover{cursor:pointer;background:var(--other-clr-2)}.login .login_container .login_right_side .login_btns p[data-v-2a348602]{color:var(--other-clr-2)}.login .login_container .login_right_side .login_btns a[data-v-2a348602]{padding:2px 5px;border-radius:2px;font-weight:500;text-decoration:none;color:var(--other-clr-1)}.login .login_container .login_right_side .login_btns a[data-v-2a348602]:hover{background:var(--secondary-clr)}.register[data-v-5537107c]{width:100%;height:100%;display:grid;place-items:center;font-family:Montserrat,sans-serif}.register .register_container[data-v-5537107c]{width:min(900px,90%);height:500px;display:flex;align-items:center;background:var(--primary-clr)}.register .register_container .register_left_side[data-v-5537107c]{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center}.register .register_container .register_left_side>[data-v-5537107c]{width:380px;margin:0 auto}.register .register_container .register_left_side h2[data-v-5537107c]{margin-bottom:20px}.register .register_container .register_left_side .input_fields[data-v-5537107c]{display:flex}.register .register_container .register_left_side .input_fields .input_field[data-v-5537107c]{position:relative}.register .register_container .register_left_side .input_fields .input_field p[data-v-5537107c]{margin-bottom:5px;font-size:14px;color:var(--other-clr-1)}.register .register_container .register_left_side .input_fields .input_field input[data-v-5537107c]{padding:9px 0;border:1px solid transparent;border-radius:3px;outline:none;font-family:Montserrat,sans-serif;font-size:14px;text-indent:10px;background:var(--accent-clr);color:var(--other-clr-1)}.register .register_container .register_left_side .input_fields .input_field input[data-v-5537107c]:focus,.register .register_container .register_left_side .input_fields .input_field input[data-v-5537107c]:hover{border-color:var(--other-clr-2)}.register .register_container .register_left_side .input_fields .input_field input.error[data-v-5537107c]{border-color:#ba181b}.register .register_container .register_left_side .input_fields .input_field input.error[data-v-5537107c]:focus,.register .register_container .register_left_side .input_fields .input_field input.error[data-v-5537107c]:hover{box-shadow:0 0 0 4px rgba(229,56,59,.25882352941176473)}.register .register_container .register_left_side .input_fields .input_field .strength_indicator[data-v-5537107c]{width:100%;height:4px;display:flex;justify-content:space-between;position:absolute;top:110%;left:0}.register .register_container .register_left_side .input_fields .input_field[data-v-5537107c]:first-child{margin-right:15px}.register .register_container .register_left_side .input_field[data-v-5537107c]{position:relative}.register .register_container .register_left_side .input_field p[data-v-5537107c]{margin:5px;font-size:14px;color:var(--other-clr-1)}.register .register_container .register_left_side .input_field input[data-v-5537107c]{width:100%;padding:9px 0;border:1px solid transparent;border-radius:3px;outline:none;background:var(--accent-clr);color:var(--other-clr-1);font-family:Montserrat,sans-serif;font-size:14px;text-indent:10px}.register .register_container .register_left_side .input_field input[data-v-5537107c]:focus,.register .register_container .register_left_side .input_field input[data-v-5537107c]:hover{border-color:var(--other-clr-2)}.register .register_container .register_left_side .input_field input[data-v-5537107c]:nth-child(2){margin-bottom:10px}.register .register_container .register_left_side .input_field input.error[data-v-5537107c]{border-color:#ba181b}.register .register_container .register_left_side .input_field input.error[data-v-5537107c]:focus,.register .register_container .register_left_side .input_field input.error[data-v-5537107c]:hover{box-shadow:0 0 0 4px rgba(229,56,59,.25882352941176473)}.register .register_container .register_left_side .input_field .password_info[data-v-5537107c]{width:-webkit-max-content;width:-moz-max-content;width:max-content;position:relative}.register .register_container .register_left_side .input_field .password_info p[data-v-5537107c]:first-child{border-bottom:2px dotted var(--other-clr-1)}.register .register_container .register_left_side .input_field .password_info .tooltip[data-v-5537107c]{width:325px;position:absolute;top:-65px;left:0;transform:translateY(10px);transition:transform .25s ease-in-out,opacity .25s ease-in-out;padding:5px 10px;background:var(--background-clr);border-radius:7px;opacity:0;z-index:-1}.register .register_container .register_left_side .input_field .password_info:hover>.tooltip[data-v-5537107c]{opacity:.9;transform:translateY(0);z-index:1}.register .register_container .register_left_side .input_field .strength_indicator[data-v-5537107c]{position:absolute;bottom:11px;right:0;padding:4px 7px;background:var(--primary-clr);border-radius:3px;font-size:12px;color:var(--other-clr-1)}.register .register_container .register_left_side .input_field .strength_indicator.weak[data-v-5537107c]{background:#e5383b}.register .register_container .register_left_side .input_field .strength_indicator.medium[data-v-5537107c]{background:#70e000}.register .register_container .register_left_side .input_field .strength_indicator.strong[data-v-5537107c]{background:#38b000}.register .register_container .register_left_side .register_btns[data-v-5537107c]{display:flex;align-items:center;margin-top:15px;font-size:14px}.register .register_container .register_left_side .register_btns button[data-v-5537107c]{padding:7px 25px;margin-right:10px;background:var(--other-clr-1);border:none;border-radius:4px;font-family:Montserrat,sans-serif;font-weight:600;color:var(--background-clr)}.register .register_container .register_left_side .register_btns button[data-v-5537107c]:hover{cursor:pointer;background:var(--other-clr-2)}.register .register_container .register_left_side p[data-v-5537107c]{color:var(--other-clr-2)}.register .register_container .register_left_side a[data-v-5537107c]{padding:2px 5px;border-radius:2px;font-weight:500;text-decoration:none;color:var(--other-clr-1)}.register .register_container .register_left_side a[data-v-5537107c]:hover{background:var(--secondary-clr)}.register .register_container .register_right_side[data-v-5537107c]{width:50%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--secondary-clr)}.register .register_container .register_right_side .theme_btn[data-v-5537107c]{padding:5px 10px;font-size:15px;position:absolute;top:15px;right:15px}*,:after,:before{padding:0;margin:0;box-sizing:border-box}:root{--primary-clr:#495057;--secondary-clr:#6c757d;--accent-clr:#212529;--background-clr:#343a40;--other-clr-1:#e9ecef;--other-clr-2:#adb5bd}[data-theme=light]{--primary-clr:#ced4da;--secondary-clr:#adb5bd;--accent-clr:#f8f9fa;--background-clr:#dee2e6;--other-clr-1:#212529;--other-clr-2:#495057}@media(prefers-color-scheme:light){:root{--primary-clr:#ced4da;--secondary-clr:#adb5bd;--accent-clr:#f8f9fa;--background-clr:#dee2e6;--other-clr-1:#212529;--other-clr-2:#495057}[data-theme=dark]{--primary-clr:#495057;--secondary-clr:#6c757d;--accent-clr:#212529;--background-clr:#343a40;--other-clr-1:#e9ecef;--other-clr-2:#adb5bd}}#app{height:100vh;background:var(--background-clr)}