*,:before,:after{box-sizing:border-box}body{height:100vh;margin:0;padding:0}ul[class],ol[class]{padding:0;list-style:none}body,h1,h2,h3,h4,p,ul[class],ol[class],li{margin:0}html,button,input{font-family:Inter,sans-serif}#root{height:100%;background-color:var(--bg-main);color:var(--white);display:flex}a{color:var(--primary);text-decoration:none}:root{--bg-main:#111;--bg-paper:#272727;--bg-modal:#11111150;--white:#fefefe;--primary:#29b327;--primary50:#29b32750;--primary25:#29b32725;--grey:#999;--error:#ff2f2f;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--bs-primary:0 2px 7px -1px var(--primary)}.pointer{cursor:pointer}.paper{box-shadow:var(--bs-primary);background-color:var(--bg-paper);height:min-content;display:flex}.divider{width:100%;height:1px;background-color:var(--grey)}.error--text{color:var(--error)}.grey--text{color:var(--grey)}.subtitle{font-size:12px}.large{font-size:16px}.error-page{gap:var(--s3);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;display:flex}.error-page a{margin-top:var(--s4)}.password{height:50vh;width:340px;padding:var(--s4);flex-direction:column;align-items:center;display:flex}.password__form{width:100%;margin-top:var(--s3);flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}.password__form_inputs{gap:var(--s2);width:100%;margin-bottom:var(--s3);flex-direction:column;display:flex}.password__actions{flex-direction:column;justify-content:center;display:flex}.edit{min-height:80vh;max-height:95vh;width:340px;padding:var(--s4);flex-direction:column;align-items:center;display:flex}.edit__form{width:100%;margin-top:var(--s3);flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}.edit__form_inputs{gap:var(--s2);width:100%;margin-bottom:var(--s3);flex-direction:column;display:flex;overflow:auto}.edit__actions{flex-direction:column;justify-content:center;display:flex}.profile{align-items:center;gap:var(--s4);flex-direction:column;flex:100%;display:flex}.profile__avatar{gap:var(--s2);flex-direction:column;justify-content:center;align-items:center;display:flex}.profile__avatar-icon{width:130px;height:130px;background-color:var(--primary25);border-radius:65px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.profile__avatar-icon_input{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}.profile__avatar-icon_input:hover{cursor:pointer}.profile__avatar-icon:hover:before{content:"Поменять аватар";height:100%;text-align:center;background-color:var(--bg-modal);cursor:pointer;border-radius:65px;align-items:center;animation:.15s ease-in-out scale-in;display:flex;position:absolute}.profile__info-list{width:100%;justify-content:center;display:flex}.profile__info-list ul{max-width:500px;align-items:center;gap:var(--s1);flex-direction:column;flex-grow:1;display:flex}.profile__info-list ul>li{width:100%;justify-content:space-between;font-size:14px;display:flex}.profile__actions{flex-direction:column;align-items:center;display:flex}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}.signUp{min-height:75vh;max-height:95vh;width:340px;padding:var(--s4);flex-direction:column;align-items:center;display:flex}.signUp__form{width:100%;height:100%;flex-direction:column;display:flex;position:relative;overflow:auto}.signUp__form_button_inputs{gap:var(--s1);width:100%;margin-top:var(--s3);flex-direction:column;flex-grow:1;display:flex}.signUp__form_button{margin-top:var(--s3);position:sticky;bottom:0}.signUp__actions{flex-direction:column;justify-content:center;display:flex}.login{height:50vh;width:340px;padding:var(--s4);flex-direction:column;align-items:center;display:flex}.login__form{width:100%;margin-top:var(--s3);flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}.login__form_inputs{gap:var(--s2);width:100%;flex-direction:column;display:flex}.login__actions{flex-direction:column;justify-content:center;display:flex}.single-message{padding:var(--s1)var(--s2);display:flex}.single-message--other{justify-content:flex-start}.single-message--mine{justify-content:flex-end}.single-message__content{align-items:flex-end;gap:var(--s1);padding:var(--s1);max-width:450px;color:#fff;border-radius:10px;display:flex}.single-message__content-text{font-size:14px}.single-message__content-time{color:#ffffff80;margin-bottom:-4px;font-size:10px}.single-message--other .single-message__content{background-color:var(--bg-paper)}.single-message--mine .single-message__content{background-color:var(--primary)}.snackbar{color:#fff;padding:var(--s2);height:max-content;min-width:150px;width:auto;z-index:9;border-radius:5px;font-size:14px;animation:.5s forwards snackbar;position:fixed;bottom:20px;right:20px}.snackbar--success{background-color:var(--primary)}.snackbar--primary{background-color:#0288d1}.snackbar--error{background-color:#d32f2f}@keyframes snackbar{0%{transform:translate(100%)}to{transform:translate(0)}}.message{width:100%;height:100%;flex-direction:column;display:flex}.message__header{padding:var(--s2);height:60px;background-color:var(--bg-paper);justify-content:space-between;align-items:center;display:flex}.message__header-action{gap:var(--s1);flex-direction:row;align-items:center;display:flex}.message__header-person{align-items:center;gap:var(--s1);display:flex}.message__header-person_avatar{width:50px;height:50px;background-color:var(--primary50);border-radius:25px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.message__input button{height:25px;width:25px;border-radius:12px;font-size:20px}.message__content{height:calc(100% - 120px);flex-direction:column-reverse;display:flex;overflow:auto}.message__input{justify-content:flex-end;align-items:center;gap:var(--s2);padding:var(--s1);height:60px;background-color:var(--bg-paper);display:flex}.chat-item{width:100%;height:72px;padding:var(--s1);cursor:pointer;align-items:center;display:flex;position:relative}.chat-item--selected{background-color:var(--primary25)}.chat-item:after{content:"";width:95%;border-bottom:1px solid var(--grey);position:absolute;bottom:0}.chat-item__avatar{width:50px;height:50px;background-color:var(--primary25);border-radius:25px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.chat-item__info{height:100%;padding:0 var(--s1);flex-direction:column;flex-grow:1;display:flex}.chat-item__info-title{height:20px;font-size:14px}.chat-item__info-msg{color:var(--grey);font-size:12px;overflow:hidden}.chat-item__update{color:var(--grey);align-self:flex-start;font-size:12px;display:flex}.LWInput{width:100%;flex-direction:column;display:flex}.LWInput__input{width:100%;color:var(--white);border:none;outline:none}.LWInput__input--default{padding:var(--s1)0;border-bottom:1px solid var(--grey);background-color:#0000}.LWInput__input--contained{padding:var(--s1);background-color:var(--bg-main);border-radius:5px}.LWInput__input:focus-visible{border-bottom:1px solid var(--primary)}.LWInput .input--error,.LWInput .input--error:focus-visible{border-bottom:1px solid var(--error)}.LWInput p{margin-top:4px}.LWButton{min-height:var(--s3);border-radius:var(--s1);padding:var(--s1);max-width:270px;border:none;justify-content:center;align-items:center;display:flex;transform:scale(1)}.LWButton--white{color:var(--white)}.LWButton--primary{color:var(--primary)}.LWButton--error{color:var(--error)}.LWButton--contained{box-shadow:var(--bs-primary);background-color:var(--primary)}.LWButton--text{background-color:#0000}.LWButton:active{transform:scale(.95)}.LWButton__padding--small p{padding:5px}.LWButton__padding--default p{padding:5px 70px}.LWButton__padding--none p{padding:0}.chats{width:100%;height:100%;display:flex}.chats__panel{width:310px;height:100%;border-right:1px solid var(--grey);flex-direction:column;display:flex}.chats__panel_search{padding:var(--s2);height:60px;background-color:var(--bg-paper);align-items:center;display:flex}.chats__panel_list{height:calc(100% - 120px);overflow:auto}.chats__panel_footer{padding:var(--s1);height:60px;background-color:var(--bg-paper);justify-content:flex-end;align-items:center;display:flex}.chats__message-area{height:100%;flex:auto}.back-panel{width:64px;height:100vh;background-color:var(--bg-paper);border-right:1px solid var(--grey);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.back-panel__icon{width:28px;height:28px;background-color:var(--primary);border-radius:14px;justify-content:center;align-items:center;display:flex}#layout{flex:1 1 0;display:flex}main{flex:1 1 0;justify-content:center;align-items:center;display:flex}
/*# sourceMappingURL=index.af4844f8.css.map */