*{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:flex;place-items:center center;width:100%}.main .chat__dialog .chat__empty-message{width:100%;text-align:center;color:#dad9dd}