@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);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{height:100%}#root{align-items:center;display:flex;flex-direction:column;justify-content:center}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:#ccc;display:flex;justify-content:center;min-height:100dvh}.background-green{background-color:#bd364f;height:20%;position:absolute;top:0;width:100%}.main-container{background:#fff;box-shadow:0 1px 1px 0 #00000080,0 2px 5px 0 #0009;display:flex;height:100dvh;max-width:100vw;position:relative;width:1000px}.main-container .left-container{background:#fff;display:flex;flex:30% 1;flex-direction:column;height:100%;position:relative;width:30%}.main-container .right-container{background:#e5ddd5;bottom:0;flex:70% 1;height:100dvh;min-width:100vw;position:absolute;top:0;width:70%}.main-container .right-container: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:center;background:#f0f2f5;display:flex;height:60px;padding:0 15px;position:relative;width:100%}.user-img{height:40px;position:relative;width:40px}.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:10px;flex:1 1;font-size:12px;height:30px;margin:10px;outline:none;padding:5px 5px 5px 12px}.search-container .input i{color:#bbb;font-size:.8em;left:26px;position:absolute;top:14px}.chat-list{height:calc(100% - 170px);overflow-y:auto;position:relative}.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;display:flex;justify-content:space-between}.right-container .header .img-text .user-img .dp{height:auto;left:0;object-fit:cover;overflow:hidden;position:relative;top:-2px;width:40px}.right-container .header .img-text{align-items:center;cursor:pointer;display:flex;justify-content:center;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{height:calc(100% - 120px);overflow-y:auto;padding:10px 20px;position:relative;width:100%}.message-box{display:flex;margin-top:2px;position:relative;width:100%}.message-box.initial{margin-top:5px}.message-box p{background:#dcf8c6;border-radius:7.5px;box-shadow:0 1px .5px #0b141a21;font-size:13px;max-width:65%;overflow-wrap:break-word;padding:6px 7px 8px 9px;position:relative;right:0;white-space:pre-wrap}.message-box.initial.my-message p:before{background:linear-gradient(135deg,#dcf8c6,#dcf8c6 50%,#0000 0,#0000);content:"";height:20px;position:absolute;right:-12px;top:0;width:20px}.message-box p span{display:block;float:right;font-size:10px;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{background:linear-gradient(225deg,#fff,#fff 50%,#0000 0,#0000);content:"";height:20px;left:-12px;position:absolute;top:0;width:20px}.chatbox-input{align-items:center;background:#f0f0f0;display:flex;height:60px;justify-content:space-between;position:relative;width:100%}.chatbox-input i{color:#515855;cursor:pointer;font-size:1.8em}.chatbox-input i:first-child{margin:15px}.chatbox-input i:last-child{margin-right:25px}.chatbox-input form{position:relative;width:100%}.chatbox-input form input{border:none;border-radius:10px;font-size:1em;margin:0 20px;outline:none;padding:10px 20px;position:relative;width:90%}
/*# sourceMappingURL=main.1733e7b7.css.map*/