.sidebar-app[data-v-396d017e]{width:80px;min-width:80px}.sidebar-contacts[data-v-396d017e]{width:350px;min-width:350px}.contact-item[data-v-396d017e]{transition:all .2s ease}[dir] .contact-item[data-v-396d017e]{-webkit-transition:all .2s ease}[dir] .contact-item[data-v-396d017e]:hover{background-color:#f5f5f5}[dir] .contact-item.active[data-v-396d017e]{background-color:#e3f2fd}[dir=ltr] .contact-item.active[data-v-396d017e]{border-left:4px solid #25d366}[dir=rtl] .contact-item.active[data-v-396d017e]{border-right:4px solid #25d366}[dir] .chat-background[data-v-396d017e]{background-color:#e5ddd5;background-image:radial-gradient(circle at 25px 25px,hsla(0,0%,100%,.2) 2%,transparent 50%),radial-gradient(circle at 75px 75px,hsla(0,0%,100%,.1) 2%,transparent 50%);background-size:100px 100px}@media (max-width:1024px){.sidebar-app[data-v-396d017e]{width:60px;min-width:60px}.sidebar-contacts[data-v-396d017e]{width:300px;min-width:300px}}@media (max-width:768px){.sidebar-app[data-v-396d017e]{width:50px;min-width:50px}.sidebar-contacts[data-v-396d017e]{width:250px;min-width:250px}.conversation-area[data-v-396d017e]{display:none}.conversation-area.mobile-show[data-v-396d017e]{display:-webkit-box;display:-ms-flexbox;display:flex}.sidebar-contacts.mobile-hide[data-v-396d017e]{display:none}}@media (max-width:640px){.sidebar-app[data-v-396d017e]{display:none}.sidebar-contacts[data-v-396d017e]{width:100%;min-width:100%}.mobile-conversation-view .sidebar-contacts[data-v-396d017e]{display:none}.mobile-conversation-view .conversation-area[data-v-396d017e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}}@media (max-width:480px){.chat-background[data-v-396d017e]{min-height:300px}[dir] .contact-item[data-v-396d017e],[dir] .sidebar-contacts .p-4[data-v-396d017e]{padding:.75rem}}