*{box-sizing:border-box;list-style-type:none;margin:0;padding:0}html{font-size:16px}a{text-decoration:none}body{background-color:#472a35;font-family:Montserrat,serif;margin:0;padding:0}.App,body{width:100%}.App{background-color:#fff;border-top-left-radius:32px;border-top-right-radius:32px;display:flex;height:calc(100vh - 100px);margin:100px auto 0;max-width:1150px;overflow:hidden}.sidebar-overlay.visible{transform:translateX(0)}.MainBody{flex:1 1;position:relative}.mainbody-content{margin-left:0}.sidebar-menu{display:none}@media (max-width:600px){.sidebar-overlay{background-color:#00000060;border-top-left-radius:32px;border-top-right-radius:32px;box-shadow:none;height:calc(100vh - 100px);left:0;position:relative;position:fixed;top:0;top:100px;transform:translateX(0);transform:translateX(-100%);transition:transform .3s ease-in-out;width:100%;z-index:1000}.sidebar-menu{display:block}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#7d3952;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.sidebar{background-color:#faf5f6;height:calc(100vh - 100px);padding:15px 0 15px 15px;width:296px}@media (max-width:600px){.sidebar{border-top-left-radius:32px;border-top-right-radius:32px;height:100vh;width:100%}}.sidebar h3{font-family:Montserrat,serif;font-size:14px;font-weight:600;line-height:19.6px;margin-top:20px;padding:8px 12px;text-align:left}.thredbody{height:calc(100% - 40px);overflow:auto}.sidebar ul li{font-weight:400;line-height:22.4px;text-align:left}.sidebar ul li,.sidebar ul li a{font-family:Montserrat,serif;font-size:16px}.sidebar ul li a{color:#493f52;display:block;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.sidebar ul li a.selected,.sidebar ul li a:hover{background-color:#f0e1e4;border-radius:8px}.sidebar-top{display:flex;justify-content:space-between;margin-right:15px}.close-btn{background-color:initial;border:none;display:none}.threadbody{max-height:calc(100% - 40px);overflow-y:auto}.threadbody h3{background-color:#faf5f6;color:#333;position:-webkit-sticky;position:sticky;top:0;z-index:10}.threadbody ul{list-style:none;padding:0}@media (max-width:600px){.thredbody{height:calc(100% - 140px);overflow:auto}.close-btn{display:block}}.no-chats{color:#493f52;font-family:Montserrat,serif;padding:20px;text-align:center}.main{display:flex;flex:1 1;flex-direction:column}.logo-bg{background-color:#f0e1e4;border-radius:40px;padding:8px}.logo-bg img{width:24px}.main-top,.title-main{align-items:center;display:flex}.main-top{border-bottom:1px solid #f0e1e4;justify-content:space-between;padding:15px}.main-top h1{font-family:Montserrat,serif;font-size:16px;font-weight:600;line-height:16px;padding-left:10px;text-align:left}.main-bottom{align-items:center;border-bottom:1px solid #f0e1e4;display:flex;justify-content:space-between;padding:15px;position:relative}.main-bottom input{background-color:#f0e1e4;border:none;border-radius:32px;color:#362942;font-family:Montserrat,serif;font-size:16px;height:56px;padding:15px 50px 15px 20px;width:100%}.main-bottom input:focus{border:none;box-shadow:none;outline:none}.btn_send{position:absolute;right:40px}.btn_send,.newBtn{background-color:initial;border:none;cursor:pointer}.newBtn{align-items:center;display:flex}.newBtn p{font-family:Montserrat,serif;font-size:16px;font-weight:600;line-height:16px;padding-left:10px;text-align:left}.chat-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:15px;width:100%}.chat-bubble{word-wrap:break-word;border-radius:8px;font-size:14px;line-height:1.4;margin-bottom:10px;max-width:100%;padding:10px 15px;position:relative}.chat-bubble.sender{align-self:flex-end;background-color:#7d3952;color:#fff}.chat-bubble.receiver{align-self:flex-start;background-color:#faf5f6;color:#493f52}.chat-bubble.receiver .time{color:#493f5299}.chat-bubble.receiver .time,.chat-bubble.sender .time{display:block;font-size:12px;text-align:right;width:100%}.chat-bubble.sender .time{color:#ffffff60}
/*# sourceMappingURL=main.6894cd23.css.map*/