.chat__fields{position:relative}.chat__field{width:100%;border:1px solid rgba(150,169,186,.7);box-sizing:border-box;border-radius:14px;background:#fdfdfd;height:40px;padding:11px 112px 11px 11px;font-weight:300;line-height:18px;outline:none}.chat__field::-webkit-input-placeholder{color:#96a9ba}.chat__field:-ms-input-placeholder{color:#96a9ba}.chat__field::placeholder{color:#96a9ba}.chat__field:focus{border:1px solid #748391}.chat__submit{width:108px;padding:11px 55px 11px 22px;height:40px;position:absolute;right:0;border-radius:14px;border:none;background-color:#6588de;font-weight:600;color:#fdfdfe;cursor:pointer}.chat__submit:disabled{cursor:default;background-color:#a4b9ec}.chat__submit:after{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);content:"";background:url(/EChat/static/media/send-icon.a436215c.svg) 50% no-repeat;width:20px;height:20px}.message__image{overflow:hidden;background-blend-mode:normal;border:2px solid #ff9b26;width:44px;height:44px;border-radius:50%;background-position:50%;background-size:cover}.message{align-self:flex-end;margin-top:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:visible}.message:not(.message_first) .message__user{display:none}.message:not(.message_first) .message__image{visibility:hidden}.message_others{align-self:flex-start}.message__user{font-weight:600;line-height:18px;text-align:right}.message__user_others{text-align:left}.message__main{margin-top:9px;display:flex}.message__info{text-align:right;border-radius:14px 0 14px 14px;background:#f3ba4a;padding:16px 20px 14px}.message__info_others{order:1;border-radius:0 14px 14px 14px;background:#e3f6fc;text-align:left}.message__text{font-weight:400;line-height:18px;color:#fdfdfe;max-width:50vw;overflow-wrap:break-word;word-wrap:break-word}.message__text_others{color:#52585d}.message__time{margin-top:6px;font-family:"Roboto",sans-serif;font-size:10px;color:#fdfdfe;opacity:.6}.message__time_others{color:#52585d}.message__image{margin-left:10px}.message__image_others{margin-left:0;margin-right:10px}.messages{display:flex;flex-direction:column-reverse;overflow-y:auto;padding:0 10px}.chat{position:relative}.chat__wrapper{padding:30px 60px;height:100%;display:grid;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr;grid-row-gap:40px;row-gap:40px}.chat__title{display:flex;justify-content:center;font-weight:600;line-height:18px;height:20px}.chat__main{display:grid;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content;grid-row-gap:40px;row-gap:40px}.chat__loading,.chat__no-dialog{padding-bottom:20px;display:flex;justify-content:center;font-weight:600}.nav__btn{background-color:transparent;border:none;padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer;text-align:start}.nav{background-color:#e3f6fc;border-top:1px solid #d0d9df}.nav__wrapper{padding:0 33px;height:100%}.nav__list{display:flex;justify-content:space-evenly;height:100%}.nav__item{height:100%;width:48px;position:relative}.nav__item_active:after{display:block;position:absolute;left:0;bottom:0;background:url(/EChat/static/media/nav-bottom-line.e3aad4b0.svg);content:"";width:48px;height:4px}.nav__btn{height:100%;width:100%;position:relative;outline:none}.nav__btn:focus{border:1px solid #6588de;border-bottom:0}.nav__icon{position:absolute;top:25px;left:50%;transform:translateX(-50%)}.dialog{background-color:transparent;border:none;padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer;text-align:start}.dialog__image{overflow:hidden;background-blend-mode:normal;border:2px solid #ff9b26;width:44px;height:44px;border-radius:50%;background-position:50%;background-size:cover}.dialog{display:flex;padding:15px;position:relative;width:100%;margin-bottom:20px;outline:none}.dialog:focus{border-radius:14px;border:1px solid #52585d}.dialog_active{background-color:#6588de;box-shadow:0 8px 40px rgba(0,72,251,.3);border-radius:14px;color:#f2f6f7}.dialog__info{padding-left:15px}.dialog__name{font-weight:600;line-height:18px;margin-top:2px;width:150px;white-space:nowrap}.dialog__name,.dialog__text{overflow:hidden;text-overflow:ellipsis}.dialog__text{margin-top:3px;font-size:10px;font-weight:300;line-height:15px;width:200px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dialog__time{font-family:"Roboto",sans-serif;font-size:10px;position:absolute;right:15px;color:#96a9ba;line-height:12px}.dialog__time_active{color:#fdfdfe}.dialog:last-of-type{margin-bottom:0}.dialogs{background-color:#e3f6fc;border-radius:14px 14px 0 0;overflow-y:auto}.dialogs__wrapper{padding:24px 20px 50px}.dialogs__loading,.dialogs__no-dialogs{padding-bottom:10px;display:flex;justify-content:center}.user-find{background-color:transparent;border:none;padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer;text-align:start}.user-find__image{overflow:hidden;background-blend-mode:normal;border:2px solid #ff9b26;width:44px;height:44px;border-radius:50%;background-position:50%;background-size:cover}.user-find{display:flex;padding:15px;position:relative;width:100%;margin-bottom:20px}.user-find__info{padding-left:25px;align-self:center}.user-find__name{font-weight:600;line-height:18px;width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-find:last-of-type{margin-bottom:0}.find{background-color:#e3f6fc;overflow-y:auto}.find__input{border:0;background-color:transparent;width:100%;height:60px;border-radius:0 0 14px 14px;border-bottom:1px solid rgba(150,169,186,.7);padding:0 20px}.find__wrapper{padding:24px 20px}.find__loading{padding-bottom:10px;display:flex;justify-content:center}.profile__settings,.profile__status,.sign-out{background-color:transparent;border:none;padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer;text-align:start}.profile__image{overflow:hidden;background-blend-mode:normal;border:2px solid #ff9b26;width:44px;height:44px;border-radius:50%;background-position:50%;background-size:cover}.profile{display:flex;padding-left:35px;padding-top:30px;background-color:#e3f6fc;border-radius:0 0 14px 14px;position:relative}.profile__details{padding-left:15px}.profile__name{font-weight:600;font-size:14px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:14px;margin-top:5px}.profile__status{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:5px;background-color:#6588de;display:flex;align-items:center;border-radius:14px;padding:3px 6px;position:relative;outline:none}.profile__status:focus{border:.5px solid #52585d}.profile__status-indicator{width:8px;height:8px;border-radius:50%}.profile__status-text{margin-left:8px;color:#f2f6f7;font-size:10px;line-height:15px;padding-right:16px}.profile__status-text:after{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:inline-block;content:"";background:url(/EChat/static/media/profile-status-arrow.61c430d8.svg) 50% no-repeat;width:10px;height:12px}.profile__settings{position:absolute;top:30px;right:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.profile__settings-ellipse{width:5px;height:5px;background-color:#6588de;border-radius:50%;margin-top:3px}.profile__settings-ellipse:first-of-type{margin-top:0}.profile__settings-tab{position:absolute;right:20px;top:45px;width:90px;height:40px;background-color:rgba(101,136,222,.95);border-radius:14px 0 14px 14px;display:flex;align-items:center;justify-content:center}.sign-out{padding:5px;color:#fdfdfe}.chats{grid-template-rows:100px 10px 1fr 85px}.app,.chats{display:grid}.app{height:100vh;grid-template-columns:350px 1fr}.sign-in__btn{background-color:transparent;border:none;padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer;text-align:start}.sign-in{height:100vh;display:flex;align-items:center;justify-content:center}.sign-in__btn{padding:15px 20px;border:1px solid #6588de}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box;font-size:12px;font-family:"Poppins",sans-serif;color:#52585d}*,:after,:before{box-sizing:inherit;font:inherit;color:inherit;overflow:hidden}
/*# sourceMappingURL=main.a9d54977.chunk.css.map */