@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.background-green{background-color:#bd364f;height:20%;position:absolute;top:0;width:100%}.main-container{background:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.5),0 2px 5px 0 rgba(0,0,0,.6);max-width:100dvw;overflow:hidden;position:fixed;width:100dvw}.main-container .left-container{background:#fff;display:none;flex:30% 1;flex-direction:column;position:relative;width:30%}.main-container .right-container{background:#e5ddd5;background-size:cover;display:flex;flex:70% 1;flex-direction:column;min-width:100dvw;position:fixed;width:70%}.main-container .right-contaainer:before{background:url(https://e0.pxfuel.com/wallpapers/631/310/desktop-wallpaper-black-moon-aesthetic-black-astronaut.jpg);background-position:bottom;background-size:cover;content:"";height:100%;left:0;opacity:.95;position:absolute;top:0;width:100%}.header{align-items:stretch;background:#f0f2f5;display:flex;height:auto;padding:0 15px;position:relative;width:100%}.user-img{height:36px;position:relative;width:36px}.user-img,.user-img img{border-radius:50%}.dp{cursor:pointer;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.nav-icons{display:none;justify-content:flex-end;padding-left:110px}.nav-icons li{color:#51585c;cursor:pointer;display:flex;font-size:18px;list-style:none;margin-left:22px}.notif-box{align-items:center;background:#76daff;display:none;font-size:.8em;height:70px;position:relative;text-decoration:none;width:100%}.notif-box i{background:#fff;border-radius:55%;color:#76daff;cursor:pointer;font-size:20px;height:auto;left:13px;padding:10px;position:relative;width:42px}.notif-box .fa-xmark{background:#76daff;color:#fff;left:260px;position:absolute;text-align:center}.notif-text{margin:25px}.notif-text a{color:#333;font-size:.9em;text-decoration:none}.search-container{align-items:center;background:#f6f6f6;height:40px;justify-content:stretch;position:relative}.search-container,.search-container .input{display:flex;flex:1 1}.model-list{max-width:160px}.search-container .input input,select{background:#fff;border:none;border-radius:6px;flex:1 1;font-size:12px;height:30px;outline:none;padding:5px}.search-container .input i{color:#bbb;font-size:.8em;left:26px;position:absolute;top:14px}.chat-list{inset:0;overflow-y:auto;position:absolute}.chat-list .chat-box{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:15px;position:relative;width:100%}.chat-list .chat-box .img-box{border-radius:50%;height:45px;position:relative;width:45px}.img-box img{border-radius:50%;width:45px}.chat-list .chat-box .chat-details{margin-left:10px;width:100%}.chat-list .chat-box .chat-details .text-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.chat-list .chat-box .chat-details .text-head h4{color:#000;font-size:.9em;font-weight:400}.chat-list .chat-box .chat-details .text-head .time{color:#aaa;font-size:.8em}.chat-list .chat-box .chat-details .text-message{align-items:center;display:flex;justify-content:space-between}.chat-list .chat-box .chat-details .text-message p{color:#6a6a6a;font-size:.85em;overflow:hidden}.chat-list .chat-box .chat-details .text-message b{align-items:center;background:#ef4464;border-radius:50%;color:#fff;display:flex;font-size:.8em;font-weight:400;height:20px;justify-content:center;min-width:20px}.chat-list .active{background:#ebebeb}.chat-list .chat-box:hover{background:#f5f5f5}.chat-list .chat-box .chat-details .text-head .unread{color:#ef4464}.right-container .header{align-items:center;-webkit-column-gap:8px;column-gap:8px;display:flex;flex-wrap:wrap;justify-content:space-between}.right-container .header .img-text .user-img .dp{cursor:pointer;height:auto;left:0;object-fit:cover;overflow:hidden;position:relative;top:-2px;width:36px}.right-container .header .img-text{align-items:center;display:flex;flex:1 1;justify-content:flex-start;position:relative}.right-container .header .img-text h4{font-weight:300;line-height:1.2em;margin-left:15px}.right-container .header .img-text h4 span{color:#555;font-size:.8em}.right-container .header .nav-icons{margin-right:0;position:relative}.right-container .header .nav-icons i{padding:10px}.chat-container{flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:10px 20px}.chat-container,.message-box{display:flex;position:relative;width:100%}.message-box{margin-top:2px}.message-box.initial{margin-top:5px}.message-box p{background:#dcf8c6;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13);font-size:14px;max-width:calc(100dvw - 90px);overflow-wrap:break-word;padding:6px 10px 6px 12px;position:relative;right:0;white-space:pre-wrap}.message-box.initial.my-message p:before{content:"";height:20px;position:absolute;right:-12px;top:0;width:20px}.message-box p span{display:block;float:right;font-size:11px;margin-left:6px;margin-top:5px;opacity:.5;position:relative;top:5px;z-index:10}.my-message{justify-content:flex-end}.friend-message p{background:#fff}.friend-message{justify-content:flex-start}.chat-container .my-message i{color:#ff0}.message-box.initial.friend-message:before{content:"";height:20px;left:-12px;position:absolute;top:0;width:20px}.chatbox-input{align-items:center;display:flex;height:48px;justify-content:space-between;padding:6px;position:relative;width:100%}.chatbox-input i{color:#fff;cursor:pointer;font-size:1.7em}.chatbox-input form{align-items:center;display:flex;flex:1 1;gap:6px;inset:0}.chatbox-input form input{border:1px solid #bfbfbf;border-radius:16px;box-shadow:0 1px 9px 1px #00000047;flex:1 1;font-size:.9em;margin:6px 0;outline:1px solid #bfbfbf;padding:6px 8px}.send-button{align-items:center;background:#26b567;border:1px solid #268123;border-radius:50%;display:flex;font-size:10px;height:38px;justify-content:center;width:38px}input[type=number]{border:none;border-radius:7px;height:30px;max-width:100px;padding:8px 16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{border:none!important;height:100dvh;inset:0;margin:0!important;max-height:100dvh;min-height:100dvh;overflow:hidden!important;padding:0!important;position:fixed!important;width:100%!important}
/*# sourceMappingURL=main.5c6b68d6.css.map*/