@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}.bg-container{background:#d5e3e4;height:100vh;display:flex;justify-content:center;align-items:center;font-family:"Ubuntu",sans-serif}.mobile-screen{display:none}@media (orientation:portrait){body{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.bg-container{display:none!important}.uh-oh{text-align:center;flex-direction:column}.mobile-screen,.uh-oh{display:flex;align-items:center;justify-content:center}.mobile-screen{padding:30px 5px 40px;width:100%;background:#f5f5f5;border-radius:15px;box-shadow:0 10px 15px #dfdfdf}.rotate-screen-para{text-align:center;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;max-width:350px;background:#e9e9e9;padding:20px;border-radius:15px}.rotate-screen-para,.uh-oh-para{display:flex;align-items:center;font-size:20px}.uh-oh-para{margin-top:25px;width:90%}.heading-svg-oops{-webkit-transform:scale(1.6);transform:scale(1.6);color:red;margin-right:15px}.rotate-screen-svg{-webkit-transform:scale(1.5);transform:scale(1.5);margin-right:15px}.bold-text{font-weight:700}.red-svg{color:red}.green-svg,.red-svg{-webkit-transform:scale(1);transform:scale(1);margin-right:10px}.green-svg{color:green}.however-svg{-webkit-transform:scale(1.7);transform:scale(1.7);color:#15a108;margin-right:15px}.svg-a{color:#d60303;-webkit-animation:nod 1.5s ease infinite;animation:nod 1.5s ease infinite}.svg-b{color:#04a804;-webkit-animation:inOut 1s ease infinite;animation:inOut 1s ease infinite}.view-proj-div{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:30px;cursor:pointer;-webkit-transform:none;transform:none;background:#fff;padding:40px 10px 30px;box-shadow:0 0 30px #ddd;border:2px solid #e4e4e4;border-radius:10px;transition:-webkit-transform .15s ease-out;transition:transform .15s ease-out;transition:transform .15s ease-out,-webkit-transform .15s ease-out}.view-proj-div:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}.yt-icon{color:#c4302b;-webkit-transform:scale(4);transform:scale(4)}.view-proj-div:hover .yt-icon{color:#e93d37}.line{height:2px;width:100%;background:#e2e2e2;margin-top:32.5px;margin-bottom:32.5px}.yt-text{margin-top:20px;font-size:20px;font-weight:700;color:#424242}a{text-decoration:none;color:currentColor}@-webkit-keyframes inOut{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes inOut{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}50%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}}.messenger-container{background:#eff5f5;height:100%;width:100%;display:flex}.sidebar-container{background:#497174;width:75px;height:95%;align-self:center;margin-left:20px;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:20px;grid-row-gap:20px;row-gap:20px}.option-container{position:relative}.sidebar-option{color:#839ea0;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);outline:none}.sidebar-option-selected{color:#fff!important}.sidebar-option:hover{color:#9ababd}.logout-icon{margin-top:auto}.logout-icon>*{color:#fff!important}.hidden{display:none}.hovered{position:absolute;display:block;background:#fff;color:#555;font-size:14px;opacity:.9;padding:5px;border-radius:5px;z-index:5;bottom:-35px;right:0;border:1px solid #555}.calls-icon{position:relative}.missed-calls{position:absolute;bottom:10px;right:-10px;background:#ff1212;height:17px;width:17px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-size:11px;font-weight:600}.inbox-container{flex-grow:0.7;height:100%;max-width:400px}.inbox-container,.user-profile{display:flex;flex-direction:column}.user-profile{flex-grow:0.5;align-items:center;margin-top:10px;justify-content:center;grid-row-gap:20px;row-gap:20px;border-bottom:1px solid #c9c8c8;padding-bottom:15px}.profile-picture{width:80px;border-radius:100%;margin-top:20px}.profile-name{color:#383838;font-weight:700;font-size:18px}.profile-tag{color:#a0a0a0;font-size:14px;text-align:center}.contacts-container{display:flex;flex-direction:column;justify-content:center;padding:15px;flex-grow:1;border-bottom:1px solid #c9c8c8;position:relative}.contacts-title{font-weight:600;margin-bottom:20px;color:#555;cursor:pointer}.contacts-list{display:flex;grid-column-gap:23px;-webkit-column-gap:23px;column-gap:23px;position:relative}.contact-pfp{width:35px;border-radius:100%}.contact-item{display:flex;flex-direction:column;align-items:center;grid-row-gap:10px;row-gap:10px;cursor:pointer;position:relative}.contact-item:hover .contact-pfp{opacity:.8}.contact-name{font-size:13px;color:#414141;font-weight:600}.activity-status{position:absolute;height:10px;width:10px;background:#01d401;border-radius:50%;bottom:26px;right:2px}.busy{background:orange}.imp{background:#fd1717}.right-arrow{position:absolute;color:#555;border-radius:50%;padding:2px;right:5px;z-index:5;top:13px;opacity:.4;-webkit-transform:scale(.8);transform:scale(.8);cursor:pointer}.contacts-title:hover .right-arrow{opacity:.8}.right-arrow:hover .contacts-title{color:#000}.right-arrow:hover{opacity:.8}.chats-container{display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;overflow-x:hidden;flex-grow:4;height:20%}.chats-title{padding-left:15px;padding-top:15px;font-size:17px;font-weight:600;color:#555;margin-bottom:10px}.chats-list{display:flex;flex-direction:column;align-items:stretch;grid-row-gap:0;row-gap:0;height:100%}.chat-item-container{display:flex;justify-content:flex-start;align-items:center;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;padding:20px 15px;cursor:pointer}.chat-item-container:hover{background:#e6f4f5;border-radius:15px}.chat-item-selected{background:#d6e4e5!important;border-radius:15px}.chat-item-pfp{width:35px;border-radius:50%}.chat-item-name-msg{display:flex;flex-direction:column;justify-content:center;grid-row-gap:5px;row-gap:5px}.chat-item-name{font-size:16px;color:#585d66}.chat-item-msg{font-size:14px;color:#979fa8}.time-unread{margin-left:auto;align-self:flex-start;display:flex;flex-direction:column;justify-content:space-between;font-size:13px;color:#949ca5;grid-row-gap:5px;row-gap:5px}.hr-element{margin-left:25%}.delivery-icon{-webkit-transform:scale(.7);transform:scale(.7);color:#6dacfd;margin-top:auto;align-self:flex-end}.unread-msg,.unread-name{font-weight:700}.unread-bubble{background:#f83a3a;color:#fff;font-weight:600;font-size:12px;border-radius:50%;height:18px;width:18px;justify-content:center;margin-top:auto}.conversations-container,.unread-bubble{align-self:flex-end;display:flex;align-items:center}.conversations-container{background:#fff;flex-grow:1;min-width:43%;height:97%;border-top-left-radius:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;padding:20px;flex-direction:column;grid-row-gap:20px;row-gap:20px}.search-textbox{border:none;background:#f0f0f0;width:100%;padding:5px;outline:none;font-size:15px;color:#222}.search-box{height:50px;width:100%}.search-box,.search-box-input{display:flex;align-items:center;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.search-box-input{justify-content:stretch;flex-grow:1;background:#f0f0f0;padding:10px;border-radius:5px;word-wrap:break-word}.search-icon{color:#555;cursor:pointer}.searchbox-option{color:#497174}.searchbox-option-container{background:#eff5f5;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:5px;cursor:pointer;outline:none}.searchbox-option-container:hover{background:#ecf1f1}.person-profile{display:flex;align-items:center;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;align-self:flex-start;cursor:pointer;width:100%;padding:10px;border-radius:15px;border:none;background:none}.person-profile:hover{background:#f7f5f5}.person-profile-pfp{width:40px;border-radius:50%}.person-profile-txt{display:flex;flex-direction:column;align-items:flex-start}.person-profile-name{color:#555;font-size:15px;font-weight:600}.person-profile-status{color:#a4a4a4;font-size:12px}.conversation-bubbles{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding-right:10px;overflow-x:hidden}.txt-input-container{display:flex;align-items:center;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;width:100%}.send-text-input{border:none;flex-grow:1;outline:none;padding:5px}.attachment-icon,.emojis-icon{color:#8d8c8c;cursor:pointer}.send-button{display:flex;align-items:center;justify-content:center;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;padding:5px;border:none;background:#eb7050;color:#fff;border-radius:5px;cursor:pointer;font-weight:600}.send-button:hover{background-color:#da5837}.send-icon{-webkit-transform:scale(.6);transform:scale(.6)}.attachment-icon:hover,.emojis-icon:hover{color:#636262}.scroll-bar>div:first-child{overflowX:hidden!important}.scroll-bar>div:first-child::-webkit-scrollbar{background:transparent}.conv-msg-container{display:flex;align-items:flex-start;overflow:hidden;width:100%;margin-bottom:15px}.sender-container{justify-content:flex-start;padding-left:15px}.receiver-container{justify-content:flex-end;padding-right:15px}.sender-msg{background:#ecebeb}.receiver-msg,.sender-msg{min-width:100px;max-width:60%;position:relative;border-radius:15px}.receiver-msg{background:#497174;color:#fff;margin-right:5px}.msg-txt{font-size:14.5px;display:flex;flex-direction:column;align-items:flex-start;padding:15px;position:relative}.receiver-msg:before{right:-40px;border:30px solid transparent;border-left-color:#497174}.receiver-msg:before,.sender-msg:before{content:"";height:0;width:0;position:absolute;bottom:-30px}.sender-msg:before{left:-40px;border:30px solid transparent;border-right-color:#ecebeb}.timestamp{margin-top:15px;font-size:12px;width:100%}.sender-ts{align-self:flex-end;color:#797979;text-align:right}.receiver-ts{align-self:flex-start;color:#78babf;margin-right:50px}.seen-icon{margin-left:auto;position:absolute;right:4px;bottom:4px;-webkit-transform:scale(.7);transform:scale(.7)}.media-container{margin-top:10px;display:flex;grid-column-gap:4px;-webkit-column-gap:4px;column-gap:4px;flex-wrap:wrap;max-width:250px}.ten-more{display:flex;justify-content:center;align-items:center;height:45px;width:45px;background:#c7c7c7;color:#555;font-weight:600;border-radius:4px;cursor:pointer}.ten-more:hover{color:#6d6c6c}.media-file{width:45px;height:45px;border-radius:4px;cursor:pointer}.media-file:hover{opacity:.8}.quote-container{background:#839ea0;padding:10px;margin-bottom:10px;border-radius:5px;border-left:4px solid #e4e4e4;cursor:pointer}.quote-container:hover{background:#758d8f}.d-none{display:none!important}.chat-details-container{display:flex;flex-direction:column;align-items:center;flex-grow:0.4;max-width:400px;position:relative}.chat-details-container-close{position:absolute;left:25px;top:25px;outline:none;border:none;background:none;cursor:pointer;display:flex;justify-content:center;align-items:center;height:35px;width:35px;border-radius:5px}.chat-details-container-close:hover{background:#ececec}.chat-details-name-details{text-align:center}.chat-details-name{color:#222;font-weight:900;font-size:17px}.chat-details-tag{color:#979696;font-size:14px}.chat-details-profile{display:flex;flex-direction:column;align-items:center;padding:15px;grid-row-gap:15px;row-gap:15px}.chat-details-pfp{width:90px;border-radius:50%}.chat-details-options{display:flex;grid-column-gap:17px;-webkit-column-gap:17px;column-gap:17px;align-items:flex-start;justify-content:center}.chat-details-option-container{max-width:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;grid-row-gap:5px;row-gap:5px;cursor:pointer}.chat-details-icon-container{height:45px;width:45px;display:flex;justify-content:center;align-items:center;background:#d6e4e5;border-radius:50%}.chat-details-option-container:hover .chat-details-icon-container{background:#c7d8da}.chat-details-icon{color:#497174;-webkit-transform:scale(.9);transform:scale(.9)}.chat-details-option-name{max-width:50px;font-size:13px;color:#555;font-weight:500}.chat-details-additional,.chat-details-media-container,.chat-details-media-list{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:15px;grid-row-gap:10px;row-gap:10px}.chat-details-media-container{height:100%;flex-grow:1}.chat-details-additional{grid-row-gap:15px;row-gap:15px;padding:20px}.chat-details-media-item,.chat-details-media-title-container{display:flex;justify-content:space-between;align-items:center;width:100%}.chat-details-media-item{cursor:pointer;margin-top:10px}.chat-details-media-icon-name{display:flex;align-items:center;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.chat-details-additional-name{color:#222;font-weight:600;font-size:13px}.chat-details-additional-content{color:#7a7a7a;font-size:15px}.chat-details-media-title{font-weight:600;color:#333;font-size:17px}.chat-details-media-view-all{font-size:14px;color:#ec9178;cursor:pointer;font-weight:600}.chat-details-media-view-all:hover{color:#d8866f}.chat-details-media-title-container{cursor:pointer}.chat-details-media-title-container:hover .chat-details-media-view-all{color:#d8866f}.chat-details-file-icon-container{height:35px;width:35px;background:#d6e4e5;display:flex;justify-content:center;align-items:center;border-radius:5px}.chat-details-media-file-icon{color:#497174}.chat-details-media-file-name{color:#333;font-size:15px;font-weight:500}.chat-details-media-date{font-size:13px;color:#888}.chat-details-media-size{font-size:13px;color:#555;margin-right:12px}.chat-details-media-list{grid-row-gap:15px;row-gap:15px}.empty-comp-container{flex-grow:1;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px}
/*# sourceMappingURL=main.257780be.chunk.css.map */