@import url(https://fonts.googleapis.com/css2?family=Product+Sans&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:"Product Sans",sans-serif}*,body{margin:0;padding:0;font-family:"Product Sans",sans-serif;box-sizing:border-box}.disabled{opacity:.5;pointer-events:none}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.navbar{padding:16px}.navbar h1{margin:0;font-size:30px;font-weight:500}.main-content{flex:1 1}.chat-list{border-radius:30px 30px 0 0;background-color:#eef8f0;overflow-y:auto;padding:16px;margin-right:20px;max-width:450px;height:100%}.chat-item{display:flex;align-items:center;cursor:pointer;padding:8px;margin-bottom:10px}.chat-item.selected{background-color:#d1f0de;border-radius:15px}.contact-avatar{background-color:#2d6a50;color:#fff}.contact-info{margin-left:8px}.contact-name{font-weight:500}.contact-last-message{color:#888}.messages-container .contact-last-message{border-radius:20px 20px 20px 5px!important;margin-left:30px}.chat-window{flex:1 1;justify-content:center;align-items:center;background-color:#fff;position:relative;overflow-y:scroll}.no-chat-selected{font-style:italic}.people-in-chat{flex:0 0 250px;background-color:#f0f0f0;padding:16px}.people-in-chat h2{margin:0;font-size:16px}.message-input{background-color:#eef8f0!important;padding:16px;position:fixed;border-radius:30px 30px 0 0;bottom:0;left:0}.message-input form{display:flex}.message-input input :placeholder-shown{color:rgba(45,106,80,.47843137254901963)}.message-input input{flex:1 1;padding:20px!important;border:1px solid #ccc;border-radius:4px;margin-right:8px}.message-input button{height:50px;width:50px;padding:16px;border-radius:50%!important}.message{background-color:#eef8f0;border-radius:20px 20px 20px 5px;color:#000}.chat-window{display:flex;justify-content:space-between;flex-direction:column}.messages-page-header{padding:20px;position:-webkit-sticky;position:sticky;display:flex;align-items:center;flex-direction:row;top:0;right:0;width:100%;background-color:#fff;z-index:98}.messages-page-header img{display:none}.contact-avatar{width:40px;height:40px;border-radius:50%;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin-right:10px}.contact-info{flex-grow:1}.contact-info h2{font-size:16px;margin:0;padding:0}.last-message{font-size:14px;color:#e0e0e0}.messages-container{top:70px;width:100%;position:absolute;flex-grow:1;overflow-y:scroll!important;padding:10px;right:20px;bottom:70px;display:flex;flex-direction:column}.message{font-size:14px;display:inline-block;max-width:255px;margin-bottom:15px;padding:10px 20px;line-height:20px;word-wrap:break-word;border-radius:25px}.message.sent{max-width:255px;background-color:#c6ebd9;border-radius:20px 20px 5px 20px;align-self:flex-end;max-width:300px}.message.received{background-color:#fff;align-self:flex-start;max-width:60%}.message-input{display:flex;align-items:center;background-color:#f6f6f6;padding:10px;right:0}.message-input input{flex-grow:1;background-color:#fff}.message-input button,.message-input input{border:none;padding:8px 12px;border-radius:20px;font-size:14px;outline:none}.message-input button{margin-left:10px;background-color:#2d6a50;color:#fff;cursor:pointer}.no-chat-selected{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;color:#888}.message{position:relative}.message-timestamp{font-size:12px;color:#888;position:absolute;bottom:-18px;right:0}.no-responsive{display:none}.search-bar{background-color:#fff;display:flex;align-items:center;grid-gap:10px;gap:10px;padding:15px 20px;border-radius:40px;border:.5px solid transparent}.search-bar,.search-bar input{transition:all .3s ease;width:100%}.search-bar input{font-size:16px;outline:none;border:none;background-color:initial}.search-bar:focus-within{background-color:initial;transition:background-color .3s ease;border:.5px solid #888}.chat-container.mobile-view{display:flex;flex-direction:column}.back-button{position:absolute;top:10px;left:10px;padding:10px;background-color:initial;border:none;border-radius:5px;cursor:pointer}.back-button span{font-size:30px}.main-content{display:flex}.chat-container{display:flex;flex:1 1;overflow:hidden}.bottom-navbar{position:fixed;bottom:0;left:0;width:100%;height:80px;background-color:#d1f0de;display:flex;justify-content:space-around;align-items:center;z-index:99}.bottom-navbar button{background:none;border:none;font-size:14px;color:#3e4a42;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:color .3s ease}.bottom-navbar .material-symbols-rounded{font-size:20px;margin-bottom:4px}.selected-bottom-navbar .material-symbols-rounded{border-radius:40px;padding:2px 15px;background-color:#66deaa;color:#000;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.selected-bottom-navbar{font-weight:bolder}.chat-list{padding-bottom:80px}.animated{opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.search-bar{background-color:#eef8f0}.search-bar input{font-size:18px}.navbar{height:50px;padding:20px;position:fixed}.chat-container{flex-direction:column}.chat-list{padding-top:100px;display:block;background-color:initial;margin-right:0;height:100dvh;position:relative;max-width:none}.chat-window{width:100%;display:flex;flex:1 1;overflow:hidden;height:100dvh}.messages-page-header{padding:20px 20px 20px 70px;grid-gap:10px;gap:10px;z-index:98}.messages-container .contact-last-message{margin-left:0}.messages-page{width:100%}.messages-page-header{width:100%;background-color:#eef8f0;z-index:99}.messages-container{margin-top:60px;top:20px;width:100%!important;right:0;bottom:70px}.back-button,.messages-container{padding:20px;z-index:99}.contact-avatar{width:60px;height:60px}.contact-info .contact-name{font-size:20px}.message{font-size:18px;line-height:25px}.chat-item.selected{background-color:initial}.messages-page-header img{display:flex;width:50px;height:50px}.message-input input{font-size:18px}.bottom-navbar{position:fixed}.bottom-navbar button{font-size:16px}.bottom-navbar .material-symbols-rounded{font-size:24px}.bottom-navbar{background-color:#eef8f0}}
/*# sourceMappingURL=main.7522304e.chunk.css.map */