@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-CN_pkOMA.ttf)}*{margin:0;padding:0;box-sizing:content-box;font-family:Roboto,Arial,sans-serif}html,body{overflow:hidden;width:100vw;height:100vh}.content{background-color:#212121}.header{background-color:#4d6167;color:#fff;padding:10px 50px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__outter-block{display:flex;flex-direction:row;align-items:center;justify-content:center}.header__outter-block p.header__exit:hover{text-decoration:underline;cursor:pointer}.header__outter-block-form-logins-result{display:flex;flex-direction:column}.header__outter-block__inner-mobile-block{position:relative}.header__outter-block--mobile-list{background-color:#40505a;padding:20px;border:none;text-align:center;z-index:20;position:absolute;transform:translate(-50%);border-radius:20px}.header__outter-block--mobile-list p{padding:10px 0}.header input.header__search-user{padding:10px;border-radius:20px;border:none;background-color:#3f4040;color:#fff;font-size:14px}.header .header__name-app{margin-right:20px}.header .header__outter-block--mobile{flex-direction:column;gap:0;margin-right:60px}.header .header__outter-block--desktop{gap:50px}@media (max-width: 670px){.header__outter-block--mobile{display:flex}.header__outter-block--desktop{display:none}}@media (min-width: 670px){.header__outter-block--mobile{display:none}.header__outter-block--desktop{display:flex}}.result-logins{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background-color:#191919;padding:10px;border-radius:20px;position:absolute;z-index:30;width:165px}.result-logins__login-result{padding:16px 0;border-bottom:1.16px solid white;width:80%}.result-logins__login-result:last-child{border-bottom:none}.result-logins__login-result p{text-align:center;padding:10px}.result-logins__login-result p.text-hover:hover{cursor:pointer;text-decoration:underline}.form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.form button.form__continue-retry{padding:15px;border-radius:20px;border:3px solid rgb(226,226,226);font-size:20px;background-color:#212121;color:#e2e2e2}.form button.form__continue-retry:hover{cursor:pointer;text-decoration:underline}.form p.form__description-sorry-connection{font-size:24px;color:#e2e2e2;margin-bottom:20px;letter-spacing:2px;line-height:40px}.block-current-chat{height:calc(100vh - 140px);background-color:#212121;color:#e2e2e2;display:flex;flex-direction:column}.block-current-chat>:last-child{margin-top:auto}@media (max-width: 760px){.block-current-chat{position:static}}@media (min-width: 760px){.block-current-chat{position:relative}}@media (max-width: 580px){.block-current-chat{margin:25px 10px;width:90vw}}@media (min-width: 580px){.block-current-chat{margin:25px 100px 25px 10px;width:70%}}.message{margin:25px 0;padding:20px;border-radius:20px;border:none;height:max-content;letter-spacing:1px;word-spacing:1px}.message.message-in{background-color:#3f4040}.message.message-out{background-color:#46565e;margin-left:auto}.iframe-messages{overflow-y:auto;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;max-height:60vh;margin-bottom:20px}.iframe-messages::-webkit-scrollbar{display:none}@media (min-width: 580px){.message{width:350px}}.block-write-messages{display:flex;flex-direction:column;width:100%;margin-top:25px}.block-write-messages textarea.block-write-messages__textarea{font-size:20px;border-radius:20px;padding:10px 20px;border:3px solid transparent;background-color:#494949;color:#fff;width:70%;resize:none;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.block-write-messages textarea.block-write-messages__textarea::-webkit-scrollbar{display:none}.block-write-messages textarea.block-write-messages__textarea.error{border:3px solid rgb(166,9,9)}.block-write-messages__send-message{width:150px;background-color:#191919;border:none;font-size:20px;color:#e2e2e2;padding:10px 20px;border-radius:20px;background-color:#4d6167;margin-top:16px}.block-write-messages__send-message:hover{cursor:pointer;text-decoration:underline}p.with-who{font-size:20px;letter-spacing:1px;word-wrap:1px;margin-bottom:10px}p.ask-choose-chat-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);letter-spacing:1px;white-space:nowrap}@media (max-width: 510px){p.ask-choose-chat-text{white-space:wrap;text-align:center}}.left-side{width:300px;height:100vh;background-color:#212121;padding:0 50px}.other-chat-left{background-color:#363b3b;border-radius:20px;width:250px;height:60px;padding:20px;margin:25px 0;color:#e2e2e2;border:2px solid transparent}.other-chat-left:hover{cursor:pointer;border:2px solid #454b4b}p.warning-empty-chats-text{font-size:20px;color:#e2e2e2;position:absolute;top:50%;left:5%}@media (max-width: 760px){p.warning-empty-chats-text{display:none}}.center-block{display:flex;flex-direction:row;align-items:start;justify-content:start;height:100%;width:100%}.popup{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:20px;border:3px solid white;background-color:#212121;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup p{text-align:center;margin:25px 0}.form{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form p.form__little-description-form{margin-top:25px}.form p.form__little-description-form:hover{cursor:pointer;text-decoration:underline}.form .form__title-form{font-size:24px;margin-bottom:20px}.form .form__form-auth{padding:20px;border-radius:20px;border:3px solid rgb(226,226,226);display:flex;flex-direction:column;align-items:center;justify-content:center;width:280px}.form .form__form-auth input{padding:10px;border-radius:20px;border:3px solid rgb(226,226,226);background-color:transparent;font-size:16px;color:#fff;margin-top:16px;margin-bottom:30px}.form .form__form-auth input:active,.form .form__form-auth input:focus{outline:none;border-color:#fff}.form .form__form-auth input.error{border:3px solid rgb(166,9,9)}.form .form__form-auth button{border-radius:20px;border:3px solid rgb(226,226,226);font-size:18px;color:#e2e2e2;background-color:transparent;padding:16px 24px;margin-bottom:12px}.form .form__form-auth button:hover{cursor:pointer;text-decoration:underline}.form .form__form-auth .form__description-form-reg{font-size:12px;color:#a4a3a3}body{background-color:#212121;color:#e2e2e2}.reg-page{width:100vw;height:100vh}.reg-page.reg-page__dark{opacity:.5}.popup{opacity:1;z-index:20}.popup p{letter-spacing:2px;line-height:2}.popup button{padding:10px 24px;font-size:20px;color:#e2e2e2;background-color:transparent;border:3px solid rgb(226,226,226);border-radius:20px}.popup button:hover{cursor:pointer;text-decoration:underline}