[dir=ltr] .right{float:right}[dir=ltr] .left,[dir=rtl] .right{float:left}[dir=rtl] .left{float:right}#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(../img/vuexy-login-bg.04351a33.jpg)}#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)}#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%}}[dir=ltr] .dsr,[dir=rtl] .dsr{-webkit-animation:anvil 1s cubic-bezier(.38,.1,.36,.9) forwards;animation:anvil 1s cubic-bezier(.38,.1,.36,.9) infinite forwards}@-webkit-keyframes anvil{0%{-webkit-transform:scale(.2) rotate(0);transform:scale(.2) rotate(0);opacity:1}25%{-webkit-transform:scale(.4) rotate(0);transform:scale(.4) rotate(0);opacity:1}50%{-webkit-transform:scale(.6);transform:scale(.6);opacity:1}75%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}}@keyframes anvil{0%{-webkit-transform:scale(.2) rotate(0);transform:scale(.2) rotate(0);opacity:1}25%{-webkit-transform:scale(.4) rotate(0);transform:scale(.4) rotate(0);opacity:1}50%{-webkit-transform:scale(.6);transform:scale(.6);opacity:1}75%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}}@media screen and (max-width:772px){video{width:250px;height:250px}}@media screen and (max-width:1120px){video{width:400px;height:400px}}#remoteVideo{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}[dir] #remoteVideo{transform:rotateY(180deg)}#localVideo{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}[dir] #localVideo{transform:rotateY(180deg)}.video-overlay{position:absolute;top:0;bottom:0}[dir] .video-overlay{padding:1.25rem}[dir=ltr] .video-overlay,[dir=rtl] .video-overlay{right:0;left:0}.video-overlay>*{position:relative;z-index:1}.video-overlay:after{position:absolute;content:"";top:0;height:100%;width:100%;z-index:0}[dir] .video-overlay:after{margin:auto}[dir=ltr] .video-overlay:after,[dir=rtl] .video-overlay:after{left:0;right:0}[dir=ltr] .video-overlay .right{float:right}[dir=rtl] .video-overlay .right{float:left}.video-overlay .callBtns{position:absolute;bottom:5%}.card-video2{-o-object-fit:cover;object-fit:cover}@media screen and (max-width:772px){.card-video2{-o-object-fit:contain;object-fit:contain}}