body{margin:0;font-family:"Inter";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent:#3666cf;--accent-mid:#9dbae5;--accent-light:#bccfec;--lightest:#f5f7fc;--light:#e6eaf0;--mid:#d3d9e0;--dark:#b9c6d3;--darker:#a3aeb5;--darkest:#090a0b;--shadow-wide:0 0 50px rgba(0,0,0,0.1);--shadow-light:0 0 10px rgba(0,0,0,0.25);--shadow-heavy:0 0 20px rgba(0,0,0,0.25);color:var(--darkest);background:linear-gradient(to bottom right,var(--accent-light),var(--accent))}body,div#root,html{width:100%;height:100%}*{box-sizing:border-box}div#root{display:-webkit-flex;display:flex;place-items:center;place-content:center}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes pop-up{0%{-webkit-transform:translateY(8px) scale(.8);transform:translateY(8px) scale(.8);opacity:0}60%{-webkit-transform:translateY(-4px) scale(1.2);transform:translateY(-4px) scale(1.2);opacity:1}to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes pop-up{0%{-webkit-transform:translateY(8px) scale(.8);transform:translateY(8px) scale(.8);opacity:0}60%{-webkit-transform:translateY(-4px) scale(1.2);transform:translateY(-4px) scale(1.2);opacity:1}to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}div.App{width:1350px;height:800px;max-width:calc(100% - 48px);max-height:calc(100% - 48px);background-color:var(--lightest);border-radius:4px;box-shadow:var(--shadow-wide);overflow:hidden;display:grid;grid-template-columns:30% 70%;grid-template-rows:72px 1fr;border:1px solid var(--mid);-webkit-animation:fade-in .5s ease;animation:fade-in .5s ease}@media only screen and (max-width:600px){div.App{width:100%;height:100%;max-height:100%;max-width:100%}}div.App.leftColumn{grid-template-columns:100% 0}div.App.rightColumn{grid-template-columns:0 100%}div.SignIn{-webkit-animation:fade-in .5s ease;animation:fade-in .5s ease}div.SignIn img{display:block;width:250px;margin-top:10px;-webkit-filter:drop-shadow(var(--shadow-wide));filter:drop-shadow(var(--shadow-wide));cursor:pointer;transition:-webkit-filter .1s;transition:filter .1s;transition:filter .1s,-webkit-filter .1s}div.SignIn img:active{-webkit-filter:drop-shadow(var(--shadow-wide)) contrast(80%);filter:drop-shadow(var(--shadow-wide)) contrast(80%)}div.Landing{position:absolute;top:0;left:0;width:100%;font-size:16px}div.Landing nav{display:-webkit-flex;display:flex;place-items:center;width:100%;height:72px;padding:16px;background-color:var(--accent-mid);box-shadow:var(--shadow-heavy);color:#fff;text-shadow:var(--shadow-light);font-size:1.5em;font-weight:800}div.Landing nav img{height:100%;-webkit-filter:brightness(400%) drop-shadow(var(--shadow-light));filter:brightness(400%) drop-shadow(var(--shadow-light));margin-right:20px}div.Landing nav div{margin-left:auto}div.Landing nav div div{display:-webkit-inline-flex;display:inline-flex;place-items:center;place-content:center;width:48px;height:48px;margin-left:16px;color:var(--accent);background-color:#fff;border-radius:4px;box-shadow:var(--shadow-wide);transition:box-shadow .25s}div.Landing nav div div:hover{box-shadow:var(--shadow-light)}div.Landing section.hero{color:#fff;min-height:calc(100vh - 72px);width:100%;padding:5vh 5vw;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-row-gap:6vh;row-gap:6vh;background:linear-gradient(to top left,var(--accent-light),var(--accent))}div.Landing section.hero div.heroContent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:3 1;flex:3 1;place-items:center;place-content:center;text-align:center;font-size:3vh;font-weight:200;min-width:min(50vh,100%);text-shadow:var(--shadow-heavy)}div.Landing section.hero div.heroContent h1{margin:0 0 1.5vh;line-height:8vh;font-size:7vh;color:#fff}div.Landing section.hero div.heroContent div.subtitle{font-size:4vh;font-weight:400;margin:0 0 2vh}div.Landing section.hero div.heroContent div.overview{min-width:300px}div.Landing section.hero div.heroContent div.buttons{margin:4vh 0 0}div.Landing section.hero div.heroContent div.buttons button{margin-left:16px;color:#8ba0db;padding:8px 12px;font-size:.8em;font-weight:800;font-family:Inter;background-color:#fff;border-radius:4px;box-shadow:var(--shadow-wide);cursor:pointer;border:2px solid #fff;transition:background-color .25s,color .25s,box-shadow .25s}div.Landing section.hero div.heroContent div.buttons button:hover{background-color:#fff;color:var(--accent);box-shadow:var(--shadow-light)}div.Landing section.hero div.heroImage{display:-webkit-flex;display:flex;-webkit-flex:2 1;flex:2 1;place-items:center;place-content:center;min-width:min(50vh,100%)}div.Landing section.hero div.heroImage img{height:75vh;-webkit-animation:imageIn 1.5s ease;animation:imageIn 1.5s ease;-webkit-filter:drop-shadow(var(--shadow-heavy));filter:drop-shadow(var(--shadow-heavy))}div.Landing section:not(.hero){width:100%;color:var(--text-color);background-color:var(--lightest);padding:128px 20vw;font-size:1.2em}div.Landing section:not(.hero) h1{margin-top:0;margin-bottom:16px;font-size:1.8em;color:var(--accent);text-shadow:var(--shadow-wide)}div.Landing section:not(.hero):nth-of-type(2n-1){background-color:var(--light)}div.Landing ul{list-style:none}div.Landing ul li:before{content:"\2022";color:var(--accent);font-weight:800;-webkit-transform:scale(1.5);transform:scale(1.5);display:inline-block;width:1em;margin-left:-1em}@media only screen and (max-width:600px){div.Landing{font-size:3.5vw}div.Landing nav div div{width:11vw;height:11vw}div.Landing section:not(.hero){padding:64px}}@-webkit-keyframes imageIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}20%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes imageIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}20%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:none;transform:none}}i.bi{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:28px;color:var(--accent);opacity:.4;transition:opacity .1s;cursor:pointer}i.bi:hover{opacity:.6}i.bi.spin{display:inline-block;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;font-size:64px!important}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}div.Menu{grid-row:1;grid-column:1;padding:16px;overflow:hidden;display:-webkit-flex;display:flex;place-items:center;background-color:var(--light);border-bottom:1px solid var(--mid)}div.Menu img{width:40px;height:40px;border-radius:50px}div.Menu div{width:100%;text-align:right}div.Menu div i{font-size:28px!important;color:var(--accent);opacity:.4;transition:opacity .1s;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-left:24px;vertical-align:middle}div.Menu div i:hover{opacity:.6}div.ConversationHeader{grid-row:1;grid-column:2;background-color:var(--light);border-left:1px solid var(--mid);border-bottom:1px solid var(--mid);padding:16px;display:-webkit-flex;display:flex;place-items:center}div.ConversationHeader img{width:40px;height:40px;border-radius:50px}div.ConversationHeader img,div.ConversationHeader span{-webkit-animation:fade-in .75s ease;animation:fade-in .75s ease}div.ConversationHeader span{-webkit-flex:1 1;flex:1 1;margin-left:16px;font-size:16px}div.ConversationHeader i:first-child{margin-right:8px;-webkit-animation:fade-in .75s ease;animation:fade-in .75s ease}div.Conversation{grid-row:2;grid-column:2;border-left:1px solid var(--mid);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}div.Conversation div.messages{-webkit-flex:1 1;flex:1 1;overflow-x:hidden;overflow-y:auto}div.Conversation div.messages div.Message{margin:20px;text-align:right}div.Conversation div.messages div.Message div.messageContent{display:inline-block;background-color:var(--accent-light);border-radius:15px 15px 0 15px;padding:10px;max-width:calc(100% - 80px);word-break:break-word;-webkit-animation:pop-up .5s ease;animation:pop-up .5s ease}div.Conversation div.messages div.Message div.messageTime{display:inline-block;margin:0 4px;vertical-align:bottom;opacity:.8;font-weight:200}div.Conversation div.messages div.Message div.typingDot{display:inline-block;height:12px;width:12px;margin:4px 4px 1px;opacity:.5;border-radius:100%;border:2px solid var(--accent);-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform:translateY(6px);transform:translateY(6px)}div.Conversation div.messages div.Message i{cursor:unset;vertical-align:bottom;display:inline-block;margin:0 4px -4px 0;line-height:100%}div.Conversation div.messages div.Message i:hover{opacity:.4!important}div.Conversation div.messages div.Message i.bi-check{color:var(--text)}div.Conversation div.messages div.Message.senderRemote{text-align:left}div.Conversation div.messages div.Message.senderRemote div.messageContent{border-radius:15px 15px 15px 0;background-color:var(--light)}div.Conversation div.messageInput{display:-webkit-flex;display:flex;place-items:center;width:100%;height:72px;padding:12px;background-color:var(--light);border-top:1px solid var(--mid);-webkit-animation:fade-in .5s ease;animation:fade-in .5s ease}div.Conversation div.messageInput input{-webkit-flex:1 1;flex:1 1;height:100%;font-size:18px;border:1px solid var(--mid);border-radius:24px;outline:none;padding:0 16px;min-width:0;background-color:var(--lightest);font-family:Inter;box-shadow:none;transition:box-shadow .25s}div.Conversation div.messageInput input:focus{box-shadow:var(--shadow-light)}div.Conversation div.messageInput i{margin:0 8px 4px 16px}div.Conversation.empty{place-items:center;place-content:center;font-size:24px;font-weight:200;text-align:center}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes bounce{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{-webkit-transform:translateY(6px);transform:translateY(6px)}}div.SearchBar{border-bottom:1px solid var(--mid);display:-webkit-flex;display:flex;place-items:center;overflow:hidden;width:100%;height:72px;padding:12px;background-color:var(--light);will-change:height,padding;transition:height .5s,padding .5s}div.SearchBar input{-webkit-flex-grow:1;flex-grow:1;height:100%;font-size:18px;border:1px solid var(--mid);border-radius:24px;outline:none;padding:0 16px;min-width:0;background-color:var(--lightest);font-family:Inter;box-shadow:none;transition:box-shadow .25s}div.SearchBar input:focus{box-shadow:var(--shadow-light)}div.SearchBar input.incorrect{border:2px solid rgba(255,0,0,.5)}div.SearchBar i{font-size:28px;margin:0 8px 0 16px;color:var(--accent);opacity:.4;transition:opacity .1s;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}div.SearchBar i:hover{opacity:.6}div.SearchBar.hidden{height:0;padding:0 12px;border-bottom:none}div.Chats{grid-row:2;grid-column:1;overflow-y:auto}div.Chats::-webkit-scrollbar{width:6px}div.Chats::-webkit-scrollbar-track{background-color:var(--light);border-radius:0}div.Chats::-webkit-scrollbar-thumb{background-color:var(--mid);border-radius:0}div.Chats::-webkit-scrollbar-thumb:hover{background-color:var(--dark)}div.Chats::-webkit-scrollbar-thumb:active{background-color:var(--darker)}div.Chats div.ChatPreview{position:relative;height:92px;padding:16px;width:100%;border-bottom:1px solid var(--light);background-color:var(--lightest);transition:background-color .15s,border-bottom .15s;cursor:pointer;display:grid;grid-template-columns:60px 1fr auto;grid-template-rows:32px 1fr;grid-row-gap:2px;row-gap:2px;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}div.Chats div.ChatPreview.active,div.Chats div.ChatPreview:hover{background-color:var(--light);border-bottom:1px solid var(--mid)}div.Chats div.ChatPreview img{height:60px;width:60px;border-radius:50%;grid-row:1/3;grid-column:1}div.Chats div.ChatPreview span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}div.Chats div.ChatPreview span.unreadBubble{position:absolute;top:54px;left:54px;display:block;width:24px;height:24px;border-radius:12px;background-color:var(--accent-light);box-shadow:var(--shadow-light)}div.Chats div.ChatPreview span.recipientName{grid-row:1;grid-column:2;font-size:22px;font-weight:200;align-self:end;margin-left:16px}div.Chats div.ChatPreview span.recipientName.unread{font-weight:400}div.Chats div.ChatPreview span.messageDate{grid-row:1;grid-column:3;align-self:end;margin-bottom:2.7px;opacity:.5;font-size:12px}div.Chats div.ChatPreview span.latestMessage{grid-row:2;grid-column:2/4;margin-left:16px;opacity:.75}div.Chats.empty{font-weight:200;font-size:18px;text-align:center}div.Chats.empty div.SearchBar{margin-bottom:32px}
/*# sourceMappingURL=main.8c13de94.chunk.css.map */