*{box-sizing:border-box}#app{margin:15px;padding:20px;height:calc(100vh - 30px);border-radius:10px;box-shadow:0 0 10px #00000059}.mainPageTitle{display:flex;justify-content:center;align-items:center;height:calc(100vh - 129px)}#app{padding:20px 0 0}.main{height:calc(100vh - 109px)}.main .chat{height:100%;display:grid;grid-template-columns:500px 1.5fr}.main .chat__sidebar{overflow:hidden;width:500px;background-color:#faf8f8;padding:20px;border-radius:0 0 0 10px;height:100%}.main .chat__sidebar .chat__sidebar-header{display:flex;align-items:center;justify-content:space-between}.main .chat__sidebar .chat__sidebar-header .add_btn{background:transparent;color:#4585fd;font-size:14px;width:100px;display:flex;align-items:center;cursor:pointer}.main .chat__sidebar .chat__sidebar-header .img{transform:scale(.7)}.main .chat__sidebar .chat__item--active{background:#bbe7f8}.main .chat__sidebar .chat__user-link{display:block;color:#4585fd;font-size:20px;font-weight:400;margin-bottom:10px;text-decoration:none}.main .chat__sidebar .chat__search{width:100%;background:#edecec;border:none}.main .chat__sidebar .chat__search::placeholder{color:#dad9dd}.main .chat__sidebar .chat__search:focus{outline:none}.main .chat__dialog{display:grid;grid-template-rows:40px 1fr 80px}.main .chat__dialog .chat__header{display:flex;justify-content:space-between;border-bottom:1px solid #afadad;width:100%;padding:10px 20px}.main .chat__dialog .chat__header .chat_user-title{margin:0}.main .chat__dialog .chat__header .chat__edit{font-size:20px;font-weight:700;transform:rotate(90deg);cursor:pointer}.main .chat__messages{display:flex;flex-direction:column;gap:10px}.main .chat__messages .chat__received_message{border-radius:0 8px 8px}.main .chat__messages .chat__answer_message{align-self:end;border-radius:8px 8px 0}.main .chat__messages .chat__answer_message .message__time{color:#4585fd}.main .chat__messages,.main .chat__form.form{padding:20px}.main .chat__form.form{display:grid;gap:10px;grid-template-columns:30px 1fr 50px;align-items:center}.main .chat__form.form .chat__add-file-btn{transform:scale(1.5);cursor:pointer}.main .chat__form.form .form__send-message{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.main .chat__form.form .form__input.chat__message{width:100%;background:#edecec;border:none;border-radius:15px}.main .chat__form.form .form__input.chat__message::placeholder{color:#dad9dd}.main .chat__form.form .form__input.chat__message:focus{outline:none}