@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{margin:0;padding:0;font-family:Montserrat,sans-serif}#root{background:#fafafa;width:100vw;height:100vh}.app-navbar{height:64px;display:flex;justify-content:space-between;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#fffc;transition:height .2s cubic-bezier(.4,0,.2,1) 0ms;align-items:center;padding-inline-end:10px}.app-navbar .row-flex{display:flex;justify-content:space-between}.auth-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.auth-container>.auth-form{width:400px;padding:2rem;border-radius:4px;border:1px solid #fff;background:#fff;box-shadow:#0003 0 2px 1px -1px,#00000024 0 1px 1px,#0000001f 0 1px 3px}.auth-container>.auth-form>.header{padding:.75rem 0rem;font-weight:700}.auth-container>.auth-form>.header>span{font-size:18px}.dashboard-container{width:100vw;height:calc(100vh - 64px);overflow:hidden;display:flex;flex:10}.dashboard-container>.contact-list{flex:2;display:flex;flex-direction:column}.dashboard-container>.conversation-window{flex:8;display:flex;padding:.25rem}.dashboard-container>.contact-list>.contact-list-wrapper{padding:8px 4px;overflow-y:scroll;scroll-behavior:smooth;flex:9}.dashboard-container>.contact-list>.pagination-wrapper{padding:12px 18px;display:flex;justify-content:center}.user-list-card{cursor:pointer;margin-bottom:4px}.user-list-card p{margin:2px}.user-list-card.selected{border-color:#004385}.user-list-card .ant-card-body{padding:12px 10px}.message-container{display:flex!important;flex:10;flex-direction:column}.message-container>.header{background:#fff;padding:12px 18px;flex:.5}.message-container>.body{flex:8.5;display:flex;flex-direction:column;overflow-y:scroll;scroll-behavior:smooth}.message-container>.footer{flex:1;display:flex;flex-direction:column-reverse;padding-bottom:10px}.chat-box{display:flex;padding:.01rem}.chat-box>.message{margin:10px;position:relative;max-width:500px;height:auto;background-color:#ffffe0;padding:8px 12px;border-radius:4px}.message-container>.footer>.message-box{display:flex;flex-direction:row;align-items:center}.message-container>.footer>.message-box>button{margin-inline-start:10px}.row-flex-center{width:100%;display:flex;justify-content:center;align-items:center}