.dialog{width:100%;border-radius:20px;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin:5px 0;position:relative}@media only screen and (max-width:540px){.dialog{padding:10px;margin:0}}.dialog_new{background:#f3f6fb}.dialog-online{position:absolute;right:0;top:0;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background-color:#51ea08}.dialog-mute{position:absolute;right:15px;top:15px;width:16px;height:16px}.dialog-collage{position:absolute;left:0;top:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;border-radius:50%}.dialog-collage__item{background-size:cover;width:100%}.dialog-collage.tree .dialog-collage__item:first-child,.dialog-collage.tree .dialog-collage__item:nth-child(2),.dialog-collage.two .dialog-collage__item{width:50%}.dialog-collage.tree .dialog-collage__item:nth-child(3){width:100%}.dialog-collage.four .dialog-collage__item{width:50%}.dialog-avatar{min-width:55px;width:55px;height:55px;border-radius:50%;border:2px solid #fff;background:#fff;margin-right:20px;position:relative;background-size:cover}.dialog-notifications{min-width:21px;height:21px;border-radius:10px;padding:0 4px;border:2px solid #fff;background:#5fd58e;position:absolute;left:30px;top:-4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-weight:600}.dialog__title{font-size:15px;font-weight:500;font-weight:600;color:#44434e;color:var(--text-main);padding-bottom:10px}@media only screen and (max-width:480px){.dialog__title{font-size:15px;padding-bottom:12px}}.dialog__text{font-size:13px;color:#89b3d2;color:#6badbb}@media only screen and (max-width:480px){.dialog__text{font-size:11px}}.dialog:hover{background-color:var(--main)}.dialog:hover .dialog__title{color:#fff}.dialog:hover .dialog-mute .fa-secondary{fill:#fff}.dialog.active{background-color:var(--main)}.dialog.active .dialog-mute .fa-secondary{fill:#fff}.dialog.active .dialog__title{color:#fff}.timeline-chat[data-v-4095412e]{width:100%;padding:8px 0}