.register{display:flex;flex-direction:column;margin:auto;width:340px;min-height:450px;box-shadow:0 3px 10px #0003;padding:30px;border-radius:15px}.register__title{align-self:center;margin-bottom:40px;font-size:24px}.register__form{display:flex;flex-direction:column;justify-content:space-between;flex:1}.register__input-wrapper{display:flex;flex-direction:column;gap:20px}.register__footer{display:flex;flex-direction:column;margin-top:70px}.serverErrorPage{display:flex;flex-direction:column;align-items:center;gap:15px;margin:auto}.serverErrorPage__title{font-size:50px;font-weight:500;margin:0}.serverErrorPage__subtitle{font-size:24px;font-weight:500;margin:0}.serverErrorPage__back{font-size:16px;font-weight:500;margin-top:30px;color:#3369f3}.app{display:flex;height:100%}.notFoundPage{display:flex;flex-direction:column;align-items:center;gap:15px;margin:auto}.notFoundPage__title{font-size:50px;font-weight:500;margin:0}.notFoundPage__subtitle{font-size:24px;font-weight:500;margin:0}.notFoundPage__back{font-size:16px;font-weight:500;margin-top:30px;color:#3369f3}.app{display:flex;width:100%;height:100%}.chats__left-panel{box-sizing:border-box;border-right:1px solid #EAEAEA;max-width:350px;width:100%;background-color:#fbfbfb}.chats__wrapper{display:flex;flex-direction:column;max-height:100vh}.chats__wrapper::-webkit-scrollbar{display:none}.chats__link-container{color:#999;display:flex;justify-content:flex-end;margin:20px 10px}.chats__link{font-size:16px;text-decoration:none;color:#999}.chats__link:hover{text-decoration:underline}.chats__search-input{width:calc(100% - 20px);margin:10px 10px 20px;padding:8px 12px;outline:none;border:none;background-color:#efefef;text-align:center;border-radius:8px;box-sizing:border-box}.chats__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;overflow-y:scroll;scrollbar-width:none}.chat{border-top:1px solid #EAEAEA;display:flex;justify-content:space-between;padding:10px;cursor:pointer}.chat:hover{background-color:#e4edfd}.chat__main-info{display:flex;gap:10px}.chat__img{box-sizing:border-box;width:50px;height:50px;border-radius:50%;background-color:#efefef;padding:5px}.chat__info{display:flex;flex-direction:column;gap:6px}.chat__name{margin:0;font-size:16px;font-weight:500}.chat__message{margin:0;color:#999;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__metadata{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chat__time{margin:0;color:#999;font-size:12px}.chat__number-of-unread-messages{width:20px;height:20px;border-radius:50%;background-color:#3369f3;color:#f8f8f8;font-size:12px;display:flex;justify-content:center;align-items:center}.chats__current-chat{display:flex;flex-direction:column;justify-content:space-between;width:100%;padding:20px}.chat__current-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #EAEAEA}.chat__current-header-info{display:flex;align-items:center;gap:10px}.chat__current-img{width:35px;height:35px;object-fit:cover;border-radius:50%;background-color:#efefef}.chat__current-name{font-weight:700}.mainchat__content{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.mainchat__message-date{text-align:center;position:absolute;top:3%;left:50%;transform:translate(-50%,-50%);margin:0;color:#999}.mainchat__messages-wrapper{display:flex;flex-direction:column;gap:12px}.mainchat__message-container{display:flex}.mainchat__message-container_incoming{justify-content:flex-start}.mainchat__message-container_answer{justify-content:flex-end}.mainchat__message{background-color:#fbfbfb;border-radius:8px}.mainchat__message_text{max-width:450px;padding:16px;font-size:16px;line-height:1.5}.mainchat__message_answer{background-color:#e4edfd}.mainchat__message_image{width:320px;border:1px solid #EAEAEA;border-radius:8px}.chat__footer{padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #EAEAEA}.chat__attach-icon{width:32px;height:32px;cursor:pointer}.chat__send-message-input{width:100%;padding:8px 12px;outline:none;border:none;background-color:#efefef;border-radius:8px;font-size:16px}.app{height:100%;display:flex}.login{display:flex;flex-direction:column;margin:auto;width:340px;min-height:450px;box-shadow:0 3px 10px #0003;padding:30px;border-radius:15px}.login__title{align-self:center;margin-bottom:40px;font-size:24px}.login__form{display:flex;flex-direction:column;justify-content:space-between;flex:1}.login__input-wrapper{display:flex;flex-direction:column;gap:20px}.login__footer{display:flex;flex-direction:column}.link{font-size:16px;font-weight:500;margin-top:30px;color:#3369f3;align-self:center;cursor:pointer}.button{background-color:#3369f3;padding:10px;border:none;color:#f8f8f8;border-radius:8px;cursor:pointer}.input{display:flex;flex-direction:column}.input__label{color:#999;font-size:12px}.input__input{outline:none;border:none;border-bottom:1px solid #3369F3;padding-bottom:8px;padding-top:8px;font-size:16px}.app{display:flex}.profile__back{display:flex;justify-content:center;align-items:center;background-color:#fbfbfb;width:70px;border-right:1px solid #EAEAEA}.profile__back-icon{width:28px;height:28px;transform:rotate(-180deg)}.profile__main{width:100%;display:flex}.profile__main-container{margin:auto;width:520px;display:flex;flex-direction:column;justify-content:center}.profile__top-info{display:flex;flex-direction:column;align-items:center}.profile__top-info-image-wrapper{position:relative;width:130px;height:130px;border-radius:50%;overflow:hidden}.profile__top-info-image-wrapper:hover .profile__top-info-overlay{opacity:1}.profile__top-info-image{width:100%;height:100%;object-fit:cover;border:1px solid #EAEAEA;border-radius:50%}.profile__top-info-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#0006;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:opacity .3s ease;cursor:pointer}.profile__form-field{position:relative;margin-bottom:16px;display:flex;flex-direction:column}.profile__form-field label{font-size:12px;color:#999;margin-bottom:6px}.profile__form-field input{padding:8px 30px 8px 0;border:none;font-size:14px;color:#999;background-color:transparent;border-bottom:1px solid #EAEAEA;transition:border-color .3s ease}.profile__form-field input:focus{border-bottom:1px solid #3369F3;outline:none}.profile__form-field input:hover{border-bottom:1px solid #3369F3}.profile__form-field .edit-icon{position:absolute;right:10px;top:36px;font-size:14px;color:#999;opacity:0;transition:opacity .2s ease;pointer-events:none}.profile__form-field:hover .edit-icon{opacity:1}.profile__file-upload{display:flex;align-items:center;gap:14px;margin-top:4px}.profile__file-upload input[type=file]{display:none}.profile__file-upload .upload-btn{background-color:#3369f3;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease}.profile__file-upload .upload-btn:hover{background-color:#0e4ae6}.profile__file-upload .file-name{font-size:14px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.profile__save-btn{margin-top:24px;padding:10px 24px;background-color:#3369f3;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;align-self:center;transition:background-color .3s ease,transform .2s ease}.profile__save-btn:hover{background-color:#0e4ae6;transform:translateY(-1px)}.profile__save-btn:active{background-color:#0c42cd;transform:translateY(1px)}.profile__save-btn:disabled{background-color:#fbfbfb;cursor:not-allowed}.routes{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;padding:20px;background-color:#477cd833;border-radius:5px}.route{background-color:#3369f3;color:#f8f8f8;padding:8px;border-radius:5px;cursor:pointer}#app{width:100%;height:100vh;font-family:Inter,sans-serif;color:#1e1e1e}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Inter;src:url(/fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-weight:400;font-style:normal}