:root{--color-1: #0269ca;--color-2: #5527c2;--color-2-hover: #646cff;--accent-color: #e0e0e0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-dark:hsl(220 13% 8%);--alt-dark: hsl(220 13% 12%);--main-light:#f8f4fd;--main-light-hover:#fefdff;--main-1:#56E39F;--main-2:#7D83FF;--error:#ff434b}*{box-sizing:border-box}body{display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--main-dark);color:#fff;margin:0}a{font-size:1rem;color:inherit;margin:0 0 0 .4rem;transition:color .2s}a:hover{color:#a8adff}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:1px outset #fff}.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100dvh;margin:0;overflow:hidden}.fullscreen.overlay{background-color:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.flex{display:flex;justify-content:center;align-items:center}.flexCol{display:flex;flex-direction:column;justify-content:center;align-items:center}.posAbs{position:absolute}.eventless{pointer-events:none;-webkit-user-select:none;user-select:none}.homeWrapper{gap:.5rem}a.linkButton{display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--main-dark);background-color:#47ffa6;padding:.6em 1.2em;border-radius:8px;margin:0;transition:all .2s}a.linkButton+a.linkButton{background-color:var(--main-2)}a.linkButton:hover{opacity:.9}.loginLogo{position:absolute;top:-96px;fill:#7d83ff}.card{position:relative;min-height:15em;width:100%;min-width:20rem;max-width:24rem;padding:1.5em;border-radius:6px}.card>h1{font-size:1.8em;text-align:center;margin:.25em}.authForm{display:grid;grid:repeat(5,auto) / 1fr;gap:0;padding:0 .5em .5em}.authForm .row{display:grid;grid-row:1;grid-column:1;grid-template:auto / repeat(2,calc(50% - .25rem));gap:.5rem}.authForm .inputContainer{width:100%;padding:.5em 0}.authForm .row .inputContainer:nth-child(1){grid-column:1;grid-row:1;width:100%}.authForm .row .inputContainer:nth-child(2){grid-column:2;grid-row:1;width:100%;justify-self:end}.authForm label{width:100%;justify-self:start;font-size:.9rem;color:#eee;padding:0 .25rem 2px}.authForm input{width:100%;padding:.4em;border:1px solid transparent;border-radius:4px;font-size:1em}.authForm.login input{min-width:16rem}.authForm input:focus{outline:2px solid #646cff}.authForm .errMsg{align-self:start;color:var(--error);padding:2px 0 2px .25rem}.authForm button{grid-row:5;grid-column:1;width:100%;height:3.5em;font-size:1rem;color:var(--main-light);background-color:#5527c2;padding:.6em 1.2em;border-radius:8px;margin:1.75em 0 0;transition:background-color .2s}.authForm button:hover,.modal button:hover{color:var(--main-light-hover);background-color:#612cde}.authForm button:disabled,button:disabled{filter:grayscale(1);cursor:not-allowed}.authForm button:disabled:hover{background-color:#5527c2}.passwordInputWrapper{position:relative}.passwordInputWrapper .iconButton{position:absolute;top:.39px;right:2px;height:2rem;width:2rem;background:transparent;padding:0;border:none;margin:0;cursor:pointer}.passwordInputWrapper .iconButton:focus,.passwordInputWrapper .iconButton:hover{outline:none;background:transparent}.passwordInputWrapper .iconButton svg{height:1.25rem;width:1.25rem;stroke:#666;transition:all .15s ease-out}.passwordInputWrapper .iconButton:hover svg{stroke:#612cde;transform:scale(1.1)}.belowCard{bottom:-2.5rem;justify-self:center;text-align:center;margin-top:.5em}.dashboardContainer{display:grid;grid-template:1fr auto / 1fr}.guestDashboard~.footerNav{margin-top:.5rem}.footerNav{display:grid;grid-template:1fr / repeat(3,1fr);height:5.5rem;width:100%;background-color:var(--alt-dark);padding:.25rem;overflow:hidden}.hideFooter~.footerNav{display:none}.footerNav a{display:flex;justify-content:center;align-items:center;flex-direction:column;height:5rem;width:100%;text-decoration:none;border-radius:.25rem;margin:auto;outline:1px solid transparent;-webkit-user-select:none;user-select:none}.footerNav a:focus{outline:1px solid #646cff;outline-offset:-.5rem}.footerNav a svg{height:2.5rem;width:2.5rem;color:var(--main-light);stroke-width:1.25px;transition:.2s ease-out}.footerNav a.active svg{color:var(--main-2)}.footerNav .tabLabel{font-size:.85rem;color:var(--accent-color);transition:.2s ease-out;-webkit-user-select:none;user-select:none}.footerNav a.active .tabLabel{transform:translateY(6rem)}.footerNav a.active~.dotTrack .dot{opacity:1}.footerNav .dotTrack{position:absolute;bottom:1rem;left:.25rem;right:.25rem;-webkit-user-select:none;user-select:none;pointer-events:none}.footerNav .dotContainer{width:calc((100%) / 3);transition:all .3s cubic-bezier(.39,1.68,.65,.79)}.footerNav a:nth-child(1).active~.dotTrack .dotContainer{transform:translate(0)}.footerNav a:nth-child(2).active~.dotTrack .dotContainer{transform:translate(100%)}.footerNav a:nth-child(3).active~.dotTrack .dotContainer{transform:translate(200%)}.footerNav .dot{height:.75rem;width:.75rem;border-radius:50%;background-color:var(--main-1);opacity:0}.comingSoon{position:absolute;inset:0;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:-1}.comingSoon svg{height:6rem;width:6rem;stroke:var(--main-light);stroke-width:1px;animation:rotate 20s cubic-bezier(.23,.54,.52,1) alternate-reverse infinite}.tabBody{display:grid;grid-template:auto 1fr / 1fr;grid-row:1;grid-column:1;width:100%;height:100%;min-height:0}.conversationsHeader{grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:flex-start;height:4rem;width:100%;background-color:var(--alt-dark);padding:0 .5rem;overflow:hidden}.conversationsBody{grid-row:2;grid-column:1;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.tabBody button{display:flex;justify-content:center;align-items:center;height:4rem;width:4rem;border:1px solid transparent;background-color:transparent;padding:0;margin:0;cursor:pointer;transition:all .15s ease-out}.tabBody button svg{height:2.25rem;width:2.25rem;stroke:var(--main-light);stroke-width:1.25px;transition:all .15s ease-out}.tabBody button.tempLogout{justify-self:center;align-self:end;width:8rem;justify-content:space-between;background-color:var(--alt-dark);padding:.5rem;border-radius:.4rem;box-shadow:#11111182 0 2px 12px -3px;margin-bottom:6rem;-webkit-user-select:none;user-select:none}.tabBody button.tempLogout svg{height:2.5rem;width:2.5rem}.tabBody button.tempLogout span{color:var(--main-light);font-size:1.5rem;padding:0 .5rem}.conversationList{grid-row:2;grid-column:1;height:100%;width:100%;padding:1rem;overflow-y:auto;overflow-x:hidden}button.conversationListItem{position:relative;display:grid;grid-template:1fr 1fr / 1fr 1fr;width:100%;height:5rem;background-color:var(--alt-dark);padding:.5rem 1.5rem;border:none;border-radius:.5rem;margin:0;-webkit-user-select:none;user-select:none;cursor:pointer}.conversationListItem+.conversationListItem{margin-top:.5rem}.conversationListItem .name{grid-column:1;grid-row:1;display:flex;justify-content:start;align-items:center;font-size:1.2rem;color:var(--main-light)}.conversationListItem .lastMessageTime{grid-column:2;grid-row:1;display:flex;justify-content:end;align-items:center;font-size:.9rem;color:var(--accent-color)}.conversationListItem .messagePreview{grid-column:1 / span 2;grid-row:2;display:flex;justify-content:start;align-items:center;max-width:95%;font-size:.9rem;color:var(--main-light);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activeConversation{display:grid;grid-template:1fr auto / 1fr;height:100%;min-height:0;max-height:100%}.messageList{position:relative;grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:0;width:100%;overflow-y:auto;scroll-behavior:smooth}.messageList.loading,.messageList.empty{justify-content:center;-webkit-user-select:none;user-select:none}.loadingMessage{color:var(--main-light);margin-top:1rem}.messageList .notifyHost{position:absolute;bottom:0;display:none;width:100%;background-color:var(--main-dark);color:#d3d3d3;text-align:center;padding:1rem;-webkit-user-select:none;user-select:none;pointer-events:none}.messageList.pending .notifyHost{display:block}.messageListItem{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:1rem}.messageListItem.sent{flex-direction:row-reverse}.messageListItem .messageText{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:auto;background-color:var(--color-2);color:var(--main-light);font-size:1rem;padding:1rem;border-radius:.5rem}.messageListItem.sent .messageText{background-color:var(--color-1)}.messageListItem .messageStatus{display:flex;align-items:center;justify-content:flex-end;width:30%;height:100%;padding:0 .5rem;font-size:.9rem;color:var(--accent-color);opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.messageListItem.sent .messageStatus{justify-content:flex-start}.messageInputContainer{grid-column:1;grid-row:2;display:grid;grid-template:1fr / 1fr auto;height:6rem;width:100%;background-color:var(--alt-dark)}.messageInputContainer textarea{grid-column:1;grid-row:1;width:100%;height:100%;background-color:transparent;color:var(--main-light);padding:.75rem;border:none;resize:none;font-size:1rem}.messageInputContainer textarea:focus{outline:none}.messageInputContainer button.iconButton{grid-column:2;grid-row:1;height:5rem;width:5rem;background-color:#5527c2;padding:.75rem;border:none;border-radius:8px;margin:.5rem;transition:all .15s ease-out}.modal{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:20rem;width:28rem;background-color:var(--main-dark);color:var(--main-light);-webkit-user-select:none;user-select:none;padding:1.5rem;border:none;border-radius:8px;box-shadow:#00000080 0 2px 13px}.modal[open]{display:flex}.modal::backdrop{background-color:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal h3,.modal p{margin:.25rem 0}.modal button{color:var(--main-light);background-color:#5527c2;padding:.25rem 1rem;transition:all .2s}#spinner{fill:var(--main-light-hover)}#spinner path:nth-child(1){animation:fadeOutIn 1.25s linear infinite;animation-delay:.125s}#spinner path:nth-child(2){animation:fadeOutIn 1.25s linear infinite;animation-delay:.25s}#spinner path:nth-child(3){animation:fadeOutIn 1.25s linear infinite;animation-delay:.375s}#spinner path:nth-child(4){animation:fadeOutIn 1.25s linear infinite;animation-delay:.625s}#spinner path:nth-child(5){animation:fadeOutIn 1.25s linear infinite;animation-delay:.78125s}#spinner path:nth-child(6){animation:fadeOutIn 1.25s linear infinite;animation-delay:.9375s}#spinner path:nth-child(7){animation:fadeOutIn 1.25s linear infinite;animation-delay:1.09375s}#spinner path:nth-child(8){animation:fadeOutIn 1.25s linear infinite;animation-delay:1.25s}@keyframes fadeOutIn{0%{opacity:1}30%{opacity:0}60%{opacity:1}to{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(3240deg)}}