#chat-app .vs-sidebar--background{position:absolute;z-index:40000}#chat-app #chat-list-sidebar .vs-sidebar,#chat-app #chat-profile-sidebar .vs-sidebar{max-width:400px}#chat-app #chat-list-sidebar .chat-scroll-area{position:relative;width:100%;height:calc(100% - 70px)}[dir] #chat-app #chat-list-sidebar .chat-scroll-area{margin:auto}#chat-app #chat-list-sidebar .chat-scroll-area .chat__contact{transition:background-color .1s}[dir] #chat-app #chat-list-sidebar .chat-scroll-area .chat__contact{-webkit-transition:background-color .1s}[dir] #chat-app #chat-list-sidebar .chat-scroll-area .chat__contact:hover{background-color:#eee}[dir] #chat-app .chat__bg{background-color:#dfdbe5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z' fill='%239C92AC' fill-opacity='.4'/%3E%3C/svg%3E")}#chat-app .chat__log{min-height:calc(100% - 30px)}#chat-app .chat__log .msg-time .vs-divider--text{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}[dir] #chat-app .chat__log .msg-time .vs-divider--text{border-radius:.3rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background:#fff!important;border:1px solid transparent}#chat-app .chat-content-area{position:relative}#chat-app .chat-content-area .chat-content-scroll-area{position:relative;width:100%;height:calc(100% - 134px)}[dir] #chat-app .chat-content-area .chat-content-scroll-area{margin:auto}#chat-app .chat-content-area .chat-content-scroll-area .chat__input{position:absolute;bottom:0;width:100%}@media (min-width:576px){#chat-app .user-profile-container .vs-sidebar{width:100%}}@media (min-width:768px){#chat-app .user-profile-container .vs-sidebar{width:33.33333%}}