*{margin:0;font-family:"Poppins",sans-serif}.app{display:grid;place-items:center;background:#8080ec;height:100vh}.app__body{background:#f5f8ff;height:90vh;width:90vw;box-shadow:-1px 4px 30px -6px #08090c;padding:1.2rem}.app__body,.user{display:flex;border-radius:20px}.user{flex-direction:column;flex:0.3 1;background-color:#fff;box-shadow:-1px 4px 20px -6px #7a7b80;box-sizing:border-box}.user__header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background-color:#f8f86e;border-radius:20px}.user__headerRight{display:flex;align-items:center;justify-content:flex-end;min-width:10vw}.user__chat{overflow-y:scroll}.modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:grid;place-items:center;visibility:hidden;z-index:-1}.show__modal{visibility:visible;z-index:10}.modal__container{background:url(https://images.hdqwalls.com/download/minions-funny-2-1920x1080.jpg);background-repeat:no-repeat;background-size:cover;border-radius:1rem;width:90vw;height:30vh;max-width:500px;text-align:center;display:grid;place-items:center;padding:3rem;position:relative}.modal__container>form,.userName__container>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal__container>form>input,.userName__container>div>input{padding:.5rem;border:2px solid #000;outline-width:0;box-shadow:3px 3px 1px 1px #000;width:250px}.addBtn,.newRoom{margin-bottom:1rem}.addBtn{margin-top:1rem;background:#fff;border:2px solid #000;color:#000;font-size:.8rem;font-weight:700;padding:.3rem 1rem;box-shadow:3px 3px 1px 1px #000}.userName__container>form>.addBtn{margin-top:.5rem}.closeBtn{position:absolute;top:1rem;right:1rem}.userName__container{background:url(https://www.wallpapertip.com/wmimgs/251-2515472_mobile-smartphone-4k-funny-cute-wallpaper-best-hd.jpg);background-repeat:no-repeat;background-size:cover;border-radius:1rem;width:90vw;height:30vh;max-width:500px;text-align:center;display:grid;place-items:center;padding:3rem;position:relative}.sidebarChat{display:flex;cursor:pointer}.sidebarChat__info{margin-left:1rem}.sidebarChat__info>h3{font-weight:600}.sidebarChat__info>p,.sidebarChat__info>span{font-size:.8rem;font-weight:500;color:#5a5a5a}.sidebarConvo{display:flex;padding:.6rem 1rem}.sidebarConvo:hover{background-color:#c0d8f8}.sidebarConvo__info{margin-left:.8rem}.sidebarConvo__info>h4{color:#646262}.sidebarConvo__info>p{font-size:.7rem;font-weight:500;color:#818181}.sidebarConvo__info>h4{margin-bottom:.1rem}.underline{height:.5px;background-color:#f7f4f4;width:100%}.chat{display:flex;flex-direction:column;flex:0.7 1;overflow-x:auto}.chat__header{display:flex;padding:.5rem 1rem}.chat__headerInfo{margin-left:1rem}.chat__headerInfo>h3{font-weight:600}.chat__headerInfo>p{font-size:.8rem;font-weight:500;color:#5a5a5a}.chat__body{flex:1 1;padding:30px;overflow-y:scroll}.chat__messageUser{background:#f03756;color:#fff;margin-left:auto}.chat__message,.chat__messageUser{display:flex;flex-wrap:wrap;flex-direction:column;font-size:16px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;margin-bottom:30px;box-shadow:-1px 4px 20px -6px #7a7b80}.chat__message{background-color:#fff;color:#000;margin-right:auto;position:relative}.chat__timestamp{font-size:xx-small;margin-top:.3rem}.chat__name{position:absolute;top:-18px;font-weight:800;font-size:.7rem;color:#000}.chat__footer>form{display:flex;flex:1 1;margin-left:1rem;margin-right:1rem}.chat__footer>form>input{flex:1 1;border-radius:20px;padding:.8rem;border:none;outline-width:0}.chat__footer>form>button{display:none}.welcomeBanner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh}.welcomeBanner>img{object-fit:contain;margin-bottom:1rem;height:300px}
/*# sourceMappingURL=main.a6c133b2.chunk.css.map */