@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,nav,output,ruby,section,summary,time,mark,audio,video{border:0;box-sizing:border-box;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1.4}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary-color: #363ef8;--disabled-color: #86888f;--background-color: #efefef;--text-color: #242424;--border-color: #cdcdcd;--danger-color: #c00;--light-blue-color: #E4EDFD;--light-gray-color: #F8F8F8;--background-pop-up: rgb(0 0 0 / 50%)}body{background-color:var(--background-color);color:var(--text-color);font-family:Inter,sans-serif;font-size:14px;margin:0;padding:0}h1,h2,h3,h4{text-align:center}h1{font-size:40px;font-weight:700}h2{font-size:28px;font-weight:500}h3{font-size:18px;font-weight:400}h4{font-size:14px;font-weight:400}a{color:var(--primary-color)}.centeres-container{align-items:center;display:flex;flex:1;justify-content:center}.danger{color:var(--danger-color)}.hidden{display:none}.avatar-letter{align-items:center;background:var(--danger-color);border-radius:16px;color:#fff;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;width:32px}a.i-link{text-decoration:none}a.i-link.disabled{color:var(--border-color)}.submit-button{background:#363ef8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;width:100%}.input-field{font-size:12px}.input-field__body{align-items:stretch;background-color:#fff;border:1px solid #d3d3d3;border-radius:8px;cursor:text;display:flex;flex-flow:row nowrap;padding:12px;position:relative;width:100%}.input-field__body .input-element{background-color:transparent;border:none;box-shadow:none;caret-color:var(--text-color);color:var(--text-color);flex:1 1 auto;font-size:16px;line-height:inherit;outline:none;padding:0;width:100%}.input-field__body .input-element.disabled{color:#888}.input-field__body .label{font-size:14px;left:-178px;position:absolute;z-index:2}.input-field__error.error .error-message{color:var(--danger-color);overflow:hidden;position:relative;text-align:left}.input-field.inline .input-field__body{border:none;padding:0}.login-container{height:100vh;width:100%}.login-container .login-window{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 0 6px #00000024;padding:30px;width:360px}.login-container .login-window h2{margin-bottom:30px}.login-container .login-window__input-container{margin-bottom:15px;width:100%}.login-container .login-window__input-container.register-link{margin-top:30px;text-align:center}.error-page{flex-direction:column;gap:30px;height:100vh;width:100%}.error-page .message{font-size:20px;padding-bottom:30px}.chat-page{background-color:#fff;display:flex;gap:0;height:100vh;overflow:hidden;width:100%}.chat-page__left-column{border-right:1px solid var(--border-color);min-width:360px;padding:15px;width:25%}.chat-page__left-column .profile-link{margin-bottom:8px;text-align:right}.chat-page__right-column{display:flex;flex-direction:column;flex-grow:1;max-height:100vh;width:75%}.chat-page__right-column .header-field{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-grow:0;height:90px;padding:15px;position:relative}.chat-page__right-column .header-field__name{font-weight:600;margin-left:15px}.chat-page__right-column .header-field__actions{display:flex;flex-grow:1;gap:20px;justify-content:flex-end}.chat-page__right-column .header-field__actions img{width:18px}.chat-page__right-column .header-field__actions .actions-button{align-items:center;background-color:var(--light-gray-color);border-radius:13px;cursor:pointer;display:flex;height:25px;justify-content:center;width:25px}.chat-page__right-column .users-field{background:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 4px 8px #0003;display:none;left:0;margin:0;padding:10px;position:absolute;top:91px;width:100%;z-index:2}.chat-page__right-column .users-field__users-search{margin-top:15px}.chat-page__right-column .users-field__users-search .users-search__controls{align-items:center;display:flex}.chat-page__right-column .users-field__users-search .users-search__controls .input-field{flex-grow:1}.chat-page__right-column .users-field__users-search .users-search__controls .round-button{margin:0 0 17px 5px}.chat-page__right-column .users-field__results{display:inline-flex;flex-wrap:wrap;gap:10px;max-width:100%;row-gap:2px}.sidebar{box-sizing:content-box;max-height:100vh;overflow:hidden auto;position:relative}.sidebar__header{display:flex;height:48px;justify-content:space-between;padding-bottom:10px;text-align:right}.sidebar__header span{align-items:center;display:flex}.sidebar__header span.my-name{font-weight:700}.sidebar__header .create-chat{margin-right:10px}.sidebar__header img{width:32px}.sidebar__header button{display:inline-block;width:auto}.active-chat-window{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 90px)}.active-chat-window .messages-field{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:calc(100% - 90px);justify-content:flex-end;max-height:calc(100% - 90px);padding:15px 15px 0}.active-chat-window .messages-field .messages-field-container{display:flex;flex-direction:column;overflow:auto;width:100%}.active-chat-window .typing-field{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:15px;height:75px;justify-content:center;padding:15px}.active-chat-window .typing-field #send-message-form{align-items:center;display:flex;flex-direction:row;flex-grow:1;gap:10px}.active-chat-window .typing-field #send-message-form .input-field{flex-grow:1}.active-chat-window .typing-field .input-field__error{display:none}.round-button{align-items:center;background-color:var(--primary-color);background-image:url(/images/arrow.png);background-position:center center;background-repeat:no-repeat;background-size:40%;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transform:rotate(180deg);width:30px}.round-button.rotate{transform:rotate(0)}.chat-messsage{background-color:var(--light-gray-color);border-radius:8px;margin-bottom:30px;max-width:90%;min-width:40%;padding:15px 15px 30px;position:relative}.chat-messsage .user-name{font-weight:700}.chat-messsage.my-message{align-self:flex-end;background:var(--light-blue-color)}.chat-messsage:last-child{margin-bottom:15px}.chat-messsage .message-date{bottom:15px;color:var(--disabled-color);font-size:10px;position:absolute;right:15px}.chat-contact{background-color:var(--light-gray-color);border-top:1px solid var(--border-color);cursor:pointer;display:none;gap:15px;justify-content:space-between;padding:15px 0}.chat-contact.selected{background-color:var(--light-blue-color);cursor:auto}.chat-contact.visible{display:flex}.chat-contact__body{display:flex;flex-grow:1;gap:10px}.chat-contact__body .user-avatar{margin-left:5px;min-width:32px}.chat-contact__body .user-name{font-weight:600;margin-bottom:2px}.chat-contact__body .user-last-action{color:var(--disabled-color);font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.chat-contact__events{align-items:flex-end;display:flex;flex-direction:column;flex-grow:0;justify-content:space-between;margin-right:15px;max-width:100px;overflow:hidden}.chat-contact__events .events-date{color:var(--disabled-color);font-size:10px}.chat-contact__events .events-count{align-items:center;background-color:var(--primary-color);border-radius:15px;color:#fff;display:flex;font-size:11px;height:25px;justify-content:center;width:25px}.user-list-item-container{display:inline-block;margin-bottom:3px;margin-right:20px}.user-list-item-container span{display:inline-block}.user-list-item-container .user-list-item{align-items:center;display:inline-flex;text-decoration:none}.user-list-item-container .user-list-item a{display:inline-block;font-size:0;text-decoration:none}.user-list-item-container .user-list-item img{width:18px}.user-list-item-container .user-list-item .user-name{font-weight:700}.pop-up-window{align-items:center;background-color:var(--background-pop-up);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:visibility .6s,opacity .2s linear;visibility:hidden;z-index:99}.pop-up-window__content{background:var(--background-color);border-radius:5px;box-sizing:border-box;max-width:450px;padding:50px 45px;position:relative;width:100%}.pop-up-window__content h2,.pop-up-window__content h4{margin-bottom:20px}.pop-up-window__content-buttons{display:flex;gap:20px;justify-content:center}.pop-up-window__content-buttons button{width:auto}.pop-up-window.popup_opened{opacity:1;visibility:visible}.pop-up-window.error h2{color:var(--danger-color)}.user-item{align-items:center;display:inline-flex;padding-right:15px;text-decoration:none;white-space:nowrap;width:30%}.user-item span{margin-bottom:3px}.user-item__user-name{font-weight:700}.user-item__add-button{display:inline-block;margin-left:3px}.user-item__add-button img{width:18px}.profile-page{background-color:#fff;position:relative}.profile-page__left-column{align-items:center;background-color:var(--light-gray-color);border-right:1px solid var(--border-color);display:flex;height:100vh;justify-content:center;left:0;padding:12px;position:fixed;top:0;width:60px;z-index:100}.profile-page__right-column{align-items:flex-start;display:flex;flex-grow:1;justify-content:center;max-height:100vh;overflow:auto;padding:60px 0 64px}.profile-page__right-column button[type=submit]{width:auto}.profile-page__right-column .change-profile-form{width:510px}.profile-page__right-column .change-profile-form ul.profile__userdata-container li.userdata__item{display:flex;font-size:16px;padding:6px 0}.profile-page__right-column .change-profile-form ul.profile__userdata-container li.userdata__item:last-child{border:none}.profile-page__right-column .change-profile-form ul.profile__userdata-container li.userdata__item .userdata__item-label{padding-top:12px}.profile-page__right-column .change-profile-form ul.profile__userdata-container li.userdata__item .userdata__item-field{display:flex;flex-grow:1;justify-content:flex-end}.profile-page__right-column .change-profile-form ul.profile__userdata-container li.userdata__item .userdata__item-field .input-field{width:330px}.profile-page__right-column .change-profile-form ul.profile__userdata-container li.userdata__item .userdata__item-field .input-field .input-element{text-align:right}.profile-page__right-column .change-profile-form ul.profile__actions-container{border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:30px}.profile-page__right-column .change-profile-form ul.profile__actions-container li.actions__item{border-bottom:1px solid var(--border-color);padding:8px 0}.profile-page__right-column .change-profile-form ul.profile__actions-container li.actions__item:last-child{border:none}.profile-page__right-column .change-profile-form ul.profile__actions-container:last-child{border:none}.profile-page .profile-submit-button{background:transparent;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;padding:0;text-align:left}.profile__avatar-container{align-items:center;background:var(--light-gray-color);border:1px solid var(--background-color);border-radius:75px;cursor:pointer;display:flex;height:130px;justify-content:center;margin:0 auto 60px;overflow:hidden;position:relative;width:130px}.profile__avatar-container img{min-height:130px;min-width:130px}.profile__avatar-container:after{background:#fff url(/images/edit.png) 50%/32px 32px no-repeat;content:"";height:100%;opacity:0;position:absolute;transition:opacity .2s;width:100%}.profile__avatar-container:hover:after{opacity:.6}