:root{--black: #1e1e1e;--dark: #8d8d8d;--gray: #999;--light-gray: #f8f8f8;--extra-light-gray: #efefef;--light-gray-second: #fbfbfb;--transparent-gray: rgba(82, 82, 82, 0.5);--light: #f2f2f2;--white: #fff;--blue: #3369f3;--blue-hover: #2e5be2;--light-blue: #e4edfd;--cold-light: #83b3d3;--cold-dark: #68a2ca;--box-shadow: rgba(0, 0, 0, 0.14);--error: #ff2f2f;--success: #00b300;--icon-color: #3369f3}@font-face{font-family:Inter;src:url(/fonts/Inter-Thin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}*{padding:0;margin:0;border:none}*,*::before,*::after{box-sizing:border-box}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:rgba(0,0,0,0)}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:rgba(0,0,0,0);cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}a:hover,a:visited,a:active,a:focus{color:#3369f3;color:var(--blue);text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:inherit;color:#1e1e1e;color:var(--black);text-transform:uppercase}h1{font-weight:500;font-size:20px;line-height:20px;text-transform:capitalize;color:#1e1e1e;color:var(--black)}p{font-family:inherit;font-size:1.25rem;font-weight:400;line-height:1.618rem;color:#8d8d8d;color:var(--dark)}strong{font-weight:700;color:#1e1e1e;color:var(--black)}html{height:100%}body{font-family:Inter,sans-serif;font-size:16px;color:#1e1e1e;color:var(--black);background-color:#fff;background-color:var(--white);min-height:100%}.main-auth{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.relative{position:relative}.hidden{display:none}.login-box{width:100%;max-width:340px;margin:0 auto;padding:50px 30px 30px;background:#fff;border-radius:12px;box-shadow:0 0 6px rgba(0, 0, 0, 0.14);box-shadow:0 0 6px var(--box-shadow)}.login-box__title{text-align:center;margin-bottom:40px}.login-form__fields-block{margin-bottom:150px}.register-form__fields-block{margin-bottom:60px}.main-error{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-box__title{font-size:40px;text-align:center;margin-bottom:20px}.error-box__text{font-size:20px;line-height:20px;text-align:center;color:#1e1e1e;color:var(--black);margin-bottom:25px}.main-chat{width:100%;height:100vh;display:flex}.sidebar{width:310px;background-color:#fbfbfb;background-color:var(--light-gray-second);border:1px solid #f8f8f8;border:1px solid var(--light-gray);padding:21px 0 10px 5px;display:flex;flex-direction:column}.sidebar__links{display:flex;justify-content:space-between;margin-bottom:5px}.sidebar__search-input{width:100%;height:32px;border:1px solid rgba(0,0,0,0);border-radius:5px;background-color:#efefef;background-color:var(--extra-light-gray);text-align:center;margin-bottom:14px}.chat-container{width:100%;height:100%;border:1px solid #f8f8f8;border:1px solid var(--light-gray);display:flex;flex-direction:column;align-items:center;justify-content:center}.chat-window{width:100%;height:100%;display:flex;flex-direction:column}.chat-userbar{width:100%;height:54px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #f8f8f8;border-bottom:1px solid var(--light-gray)}.sidebar__chat-item{padding:12px 0;border-top:1px solid #eaeaea;cursor:pointer;transition:background .2s;display:grid;grid-template-columns:47px 185px 35px;grid-template-areas:"avatar name date" "avatar message status";grid-gap:4px 10px;gap:4px 10px}.chat-userbar__text{font-size:13px;line-height:13px;font-weight:600;color:#1e1e1e;color:var(--black)}.sidebar__chat-item:hover,.chat-active{background-color:#e4edfd;background-color:var(--light-blue)}.chat-item__chat-name{font-size:13px;line-height:13px;font-weight:600;color:#1e1e1e;color:var(--black);grid-area:name}.chat-item__message-time{color:#999;color:var(--gray);font-size:9px;line-height:13px;grid-area:date}.chat-item__avatar{grid-area:avatar}.chat-item__message-text{display:block;font-size:12px;line-height:15px;font-weight:400;color:#999;color:var(--gray);grid-area:message;max-height:30px;overflow:hidden}.chat-item__message-status{display:block;font-size:11px;line-height:12px;font-weight:500;text-align:center;padding:3px;color:#fff;color:var(--white);height:20px;width:20px;background-color:#3369f3;background-color:var(--blue);border:1px solid rgba(0,0,0,0);border-radius:50%;grid-area:status}.chat-container__placeholder{color:#999;color:var(--gray);font-size:12px;line-height:12px;font-weight:500}.avatar{border-radius:50%;margin-right:10px}.avatar-min{width:34px;height:34px}.avatar-normal{width:47px;height:47px}.chat-userbar__wrapper{display:flex;align-items:center}.chat-options{display:none;background-color:#fff;background-color:var(--white);min-width:220px;padding:15px;right:15px;top:15px;position:absolute;border:1px solid rgba(0,0,0,0);border-radius:12px;box-shadow:0 0 6px rgba(0, 0, 0, 0.14);box-shadow:0 0 6px var(--box-shadow)}.chat-userbar__info:hover .chat-options{display:block}.chat-userbar__options-button{width:25px;height:25px;border-radius:50%}.options-button-active{background-color:#efefef;background-color:var(--extra-light-gray)}.chat-options__row-text{display:block;font-size:12px;font-weight:500;line-height:14px;color:#1e1e1e;color:var(--black)}.chat-options__list{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:16px}.chat-options__button{display:flex;align-items:center;justify-content:center;-moz-column-gap:15px;column-gap:15px}.chat-messages{width:100%;overflow-y:scroll;overflow-x:hidden;flex:1}.chat-messages__wrapper{width:100%;padding:20px;display:flex;flex-direction:column}.action-bar{width:100%;display:flex;padding:11px 20px 30px;border-top:1px solid #f8f8f8;border-top:1px solid var(--light-gray);-moz-column-gap:10px;column-gap:10px}.action-bar__form{width:100%;display:flex;-moz-column-gap:10px;column-gap:10px}.action-bar__textarea{flex:1;height:32px}.action-bar__textarea-input{height:100%;width:100%;border-radius:30px;background-color:#efefef;background-color:var(--extra-light-gray);resize:none;padding:10px 20px;overflow:hidden}.action-bar__textarea-input:focus{outline:1px solid #3369f3;outline:1px solid var(--blue)}.action-bar__textarea-input::-moz-placeholder{font-weight:500;font-size:12px;line-height:12px;color:#999;color:var(--gray)}.action-bar__textarea-input::placeholder{font-weight:500;font-size:12px;line-height:12px;color:#999;color:var(--gray)}.attach-options{display:none;background-color:#fff;background-color:var(--white);min-width:220px;padding:15px;top:-125px;position:absolute;border:1px solid rgba(0,0,0,0);border-radius:12px;box-shadow:0 0 6px rgba(0, 0, 0, 0.14);box-shadow:0 0 6px var(--box-shadow)}.action-bar__file:hover .attach-options{display:block}.sidebar-with-back-btn{min-width:64px;height:100%;position:fixed;top:0;left:0;background-color:#fbfbfb;background-color:var(--light-gray-second);z-index:1}.profile-data__avatar-container{min-width:130px;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-data__avatar-input{width:100%;height:130px;border-radius:50%;background-color:#efefef;background-color:var(--extra-light-gray);display:flex;justify-content:center;align-items:center;cursor:pointer}.profile-data{min-width:510px}.sidebar-with-back-btn__button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.profile-data__form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-data__row{display:flex;position:relative;margin-bottom:20px;width:100%;justify-content:space-between;border-bottom:1px solid #999;border-bottom:1px solid var(--gray);align-items:center}.profile-data__info-container{width:100%}.profile-data__label{font-size:14px;font-weight:600}.profile-data__input{width:50%;height:40px;border-radius:5px;padding:0 10px;font-size:14px;font-weight:600;line-height:14px;color:#1e1e1e;color:var(--black);background-color:#fff;background-color:var(--white);transition:all .3s ease-in-out;text-align:right}.profile-data__input::-moz-placeholder{opacity:.5}.profile-data__input::placeholder{opacity:.5}.profile-data__title{font-size:14px;font-weight:600;margin-bottom:15px;text-align:center}.profile-data__user-title{font-size:18px;font-weight:600;margin-bottom:25px;text-align:center}.profile-data__input-error{position:absolute;right:0;top:-5px;display:block;font-size:11px;line-height:10px;font-weight:500;color:#ff2f2f;color:var(--error)}.error{color:#ff2f2f;color:var(--error)}.success{color:#00b300;color:var(--success)}.personal-image{text-align:center;margin-bottom:10px}.personal-image input[type=file]{display:none}.personal-figure{position:relative;width:130px;height:130px;border-radius:50%;background-color:#efefef;background-color:var(--extra-light-gray);background-image:url(/img/avatar-placeholder.svg);background-repeat:no-repeat;background-position:center}.personal-avatar{cursor:pointer;width:130px;height:130px;box-sizing:border-box;border-radius:100%;border:2px solid rgba(0,0,0,0);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);transition:all ease-in-out .3s}.personal-avatar:hover{box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.14);box-shadow:0 2px 4px 0 var(--box-shadow)}.personal-figcaption{cursor:pointer;position:absolute;top:0;width:inherit;height:inherit;border-radius:100%;opacity:0;background-color:rgba(0,0,0,0);transition:all ease-in-out .3s}.personal-figcaption:hover{opacity:1;background-color:rgba(0, 0, 0, 0.14);background-color:var(--box-shadow)}.personal-figcaption>img{margin-top:35px;width:50px;height:50px}.profile-data__exit-button{font-size:12px;font-weight:bold;color:#ff2f2f;color:var(--error);margin-bottom:10px}.profile-data__exit-button:hover{text-decoration:underline}.personal-image__error-text{color:#ff2f2f;color:var(--error);font-size:12px;font-weight:500;margin-bottom:15px}.profile-data__divider{margin-top:20px}.no-border{border:none}.no-pointer{cursor:default}
.button-wrapper{width:100%}.button{width:100%;height:37px;background:var(--blue);border:0;border-radius:8px;color:var(--white);font-size:13px;font-weight:500;line-height:13px;cursor:pointer;transition:background .2s}.button-gray{background:var(--gray)}.button:hover{background:var(--blue-hover)}.button:disabled{background:var(--gray);cursor:not-allowed}
.form__label{display:block;font-size:10px;line-height:10px;font-weight:500;color:var(--dark);margin-bottom:8px}.form-input{width:100%;height:40px;border:1px solid var(--light-gray);border-radius:5px;padding:0 10px;font-size:14px;font-weight:600;line-height:40px;color:var(--black);background-color:var(--white);transition:all .3s ease-in-out;margin-bottom:16px}.login-form__input-error{display:block;font-size:10px;line-height:10px;font-weight:600;color:var(--error);margin-top:-15px;margin-bottom:5px}
.chat-message{padding:11px;max-width:50%;margin:10px 0}.chat-image{max-width:50%}.message-received{background-color:var(--light-gray-second);border-radius:12px}.message-sent{background-color:var(--light-blue);border-radius:12px;align-self:flex-end}.chat-message__status{font-size:11px;color:var(--blue)}.chat-message__date{font-size:11px;color:var(--blue)}.chat-message__received-date{display:block;text-align:right;font-size:11px;color:var(--black);margin-top:-10px}.image-received{background-color:rgba(0,0,0,0)}.chat-message__received-image-date{position:absolute;display:block;text-align:center;padding:2px 7px;font-size:11px;color:var(--white);background:var(--transparent-gray);border-radius:30px;right:11px;bottom:11px}.chat-message__image-wrapper{display:flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:flex-end}
.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.modal__wrapper{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-content{display:inline-block;background-color:#fff;padding:40px 30px;border:1px solid rgba(0,0,0,0);border-radius:12px;min-width:350px}.modal-form__label{display:block;font-size:10px;line-height:10px;font-weight:500;color:var(--dark);margin-bottom:8px}.modal-form__input{margin-bottom:33px}.modal-form__input-error{display:block;font-size:10px;line-height:10px;font-weight:600;color:var(--error);margin-top:-15px;margin-bottom:5px}.modal-content__title{font-size:15px;line-height:20px;text-transform:none;font-weight:500;text-align:center;margin-bottom:50px;color:var(--black)}
.link-wrapper{width:100%;display:flex;flex-direction:column}.link{display:block;font-size:12px;line-height:11px;font-weight:600;color:var(--blue);margin-top:14px;text-align:center;cursor:pointer}.link:hover{text-decoration:underline}.login-form__link{display:block;font-size:11px;line-height:11px;font-weight:600;color:var(--blue);margin-top:14px;text-align:center;cursor:pointer}.login-form__link:hover{text-decoration:underline}.sidebar__profile-link{margin-bottom:5px;color:var(--gray);text-align:right;cursor:pointer}.sidebar__profile-link:visited{color:var(--gray)}.error-box__link{display:block;font-size:14px;text-align:center;margin-bottom:20px;cursor:pointer}
.spinner{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.spinner__css{width:100px;height:100px;border-radius:50%;border:2px solid var(--light-gray);border-top:2px solid var(--dark);-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite}.spinner__image{width:100px;height:100px}