:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.searchbarContainer{border-bottom-style:solid;border-bottom-width:2px;border-color:#c8cbd8;padding:1vh;margin-top:1vh;margin-bottom:1vh;display:flex}.searchbarTextInput{flex-grow:3;justify-self:flex-start;min-width:10vw;height:30px;background-color:#fff;color:#000;border-color:#c8cbd8;border-style:solid;border-width:2px;padding:5px;border-top-left-radius:10px;border-bottom-left-radius:10px}.searchbarTextInput:hover{border-color:#afb1bd}.searchbarTextInput:active{border-color:#95969b}.searchbarSelect{flex-grow:1;min-width:10vw;height:auto;background-color:#fff;border-color:#c8cbd8;border-style:solid;border-width:2px;margin:0 2px}.searchbarSelect:hover{cursor:pointer;border-color:#afb1bd}.searchbarSelect:active{cursor:pointer;border-color:#95969b}.searchbarSubmitButton{flex-grow:1;justify-self:flex-end;min-width:fit-content;height:auto;background-color:#049e6b;color:#000;border-top-right-radius:10px;border-bottom-right-radius:10px;border-color:#c8cbd8;border-style:solid;border-width:2px;margin:0}.searchbarSubmitButton:hover{background-color:#058d60;border-color:#afb1bd;border-style:solid;border-width:2px;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer;margin:0}.searchbarSubmitButton:active{background-color:#036b48;border-color:#95969b;border-style:solid;border-top-right-radius:10px;border-bottom-right-radius:10px;border-width:2px;cursor:pointer;margin:0}.authContainer{margin:2vh;padding:5vh;width:fit-content;height:fit-content;background-color:light-dark(#c8cbd8,#313133);border-color:#afb1bd;border-width:2px;border-style:solid;border-radius:15px;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.authHeaderContainer{width:100%;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#afb1bd}.authHeader{font-weight:bolder;text-align:center}.authFormContainer{margin-top:5vh}.authForm{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.authFormInputText{margin-bottom:.3em;padding:.2em .3em;border-style:solid;border-radius:5px;border-color:#afb1bd;border-width:2px}.authFormSubmitButton{min-width:fit-content;height:auto;background-color:#049e6b;color:#000;border-radius:10px;border-color:#afb1bd;border-style:solid;border-width:2px;padding:.3em .8em;margin:1em 0 0}.authFormSubmitButton:hover{background-color:#058d60;border-color:#95969b;border-style:solid;border-width:2px;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer}.authFormSubmitButton:active{background-color:#036b48;border-color:#7f7f83;border-style:solid;border-top-right-radius:10px;border-bottom-right-radius:10px;border-width:2px;cursor:pointer}#app{font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}}.scrollContainer{overflow-y:auto;align-self:center;width:inherit}.main_content{display:flex;flex-direction:column;margin-left:10vw;margin-right:10vw;margin-top:0;margin-bottom:0;padding-left:2vw;padding-right:2vw;padding-top:2vh;padding-bottom:2vh;height:80vh;box-sizing:border-box;border-left:solid;border-right:solid;border-color:#c8cbd8;border-width:2px}#bottombar{height:fit-content;border-color:#c8cbd8;border-top-style:solid;border-top-width:2px}:root{color-scheme:light dark}html,body{height:100%;width:100%;margin:0;overflow:hidden}#app{margin:0;padding:0;height:100%;width:100%}#main_content{display:flex;flex-direction:column;margin-left:10vw;margin-right:10vw;margin-top:0;margin-bottom:0;padding-left:2vw;padding-right:2vw;padding-top:2vh;padding-bottom:2vh;height:80vh;box-sizing:border-box;border-left:solid;border-right:solid;border-color:#c8cbd8;border-width:2px}@media only screen and (max-height: 525px){#main_content{height:75vh}}@media only screen and (max-height: 425px){#main_content{height:70vh}}@media only screen and (max-height: 350px){#main_content{height:65vh}}@media only screen and (max-width: 400px) and (max-height: 525px){#main_content{margin-left:0;margin-right:0;height:65vh}}@media only screen and (max-width: 400px) and (max-height: 425px){#main_content{margin-left:0;margin-right:0;height:60vh}}@media only screen and (max-width: 400px) and (max-height: 350px){#main_content{margin-left:0;margin-right:0;height:55vh}}.navBarContainer{height:fit-content}.nav_element{color:#000;text-align:center;height:fit-content;margin:1px;grid-row:1}.nav_element:hover{text-align:center;height:fit-content;background-color:#058d60;grid-row:1}.nav_element:active{text-align:center;height:fit-content;background-color:#036b48;border-color:#000;border-style:solid;border-width:1px;margin:0;grid-row:1}#header{border-bottom-style:solid;border-bottom-width:2px;border-color:#c8cbd8;padding:1vh}#nav_topbar{align-self:start;height:fit-content;background-color:#049e6b;border-bottom-style:solid;border-bottom-width:2px;border-color:#c8cbd8;display:grid;grid-template-rows:auto auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.3em}@media only screen and (max-width: 400px){#nav_topbar{grid-template-columns:auto auto}}#chat_header{border-style:solid;border-color:#c8cbd8;border-width:2px;border-radius:2vh;padding:.5vh;margin-bottom:2vh;display:flex;flex-direction:row;justify-content:left;align-items:center}#return_chats{min-height:40px;min-width:40px;height:6vh;width:3vh}#chat_profile{border-style:solid;border-color:#c8cbd8;border-width:1px;border-radius:1vh;min-height:40px;min-width:40px;height:6vh;width:6vh}#chat_title{padding-left:2vh;padding-right:2vh}#messages_wrapper{flex-grow:1;overflow-y:auto;min-height:0}.message_wrapper{list-style:none;height:fit-content;display:grid;align-content:baseline;grid-template-columns:1fr 5fr 1fr}.message_wrapper_sent{grid-column:2 / 4;justify-self:right;list-style:none;height:fit-content;width:fit-content;background-color:#fff;border-color:#c8cbd8;border-style:solid;border-width:2px;border-radius:2vh;padding:1.5vh;margin:1vh;white-space:pre-line}.message_wrapper_received{grid-column:1 / 3;justify-self:left;list-style:none;height:fit-content;width:fit-content;background-color:#05c786;border-color:#c8cbd8;border-style:solid;border-width:2px;border-radius:2vh;padding:1.5vh;margin:1vh;white-space:pre-line}.message_content_sent,.message_content_received{text-align:left;color:#000}#write_wrapper{flex-shrink:0;transition:height .2s ease-in-out;min-height:40px;max-height:20vh;margin:1vh}#write_form{display:grid;grid-template-columns:4fr 1fr}#new_message_input{align-self:center;min-height:40px;max-height:20vh;overflow-y:auto;resize:none;background-color:#fff;color:#000;border-color:#c8cbd8;border-style:solid;border-width:2px;padding:5px;border-top-left-radius:10px;border-bottom-left-radius:10px;grid-column:1}#new_message_submit{background-color:#049e6b;color:#000;border-top-right-radius:10px;border-bottom-right-radius:10px;border-color:#c8cbd8;border-style:solid;border-width:2px;margin:0 0 0 2px;grid-column:2}#new_message_submit:hover{background-color:#058d60;border-color:#afb1bd;border-style:solid;border-width:2px;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer;margin:0;grid-column:2}#new_message_submit:active{background-color:#036b48;border-color:#95969b;border-style:solid;border-top-right-radius:10px;border-bottom-right-radius:10px;border-width:2px;cursor:pointer;margin:0;grid-column:2}#return_chats{display:flex;align-items:center;justify-content:center}#arrowLeft{align-self:center;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}#chatlist{overflow-y:auto}.chatElement{border-style:solid;border-width:2px;border-color:#c8cbd8;border-radius:1vh;padding:.5vh;margin-top:1vh;margin-bottom:1vh;margin-left:2vw;margin-right:2vw;display:flex;flex-direction:row;align-items:center}.chatElement:hover{cursor:pointer;border-color:#afb1bd}.chatElement:active{cursor:pointer;border-color:#95969b}.chatElementImage{min-height:45px;min-width:45px;height:10vh;width:10vh;border-style:solid;border-width:2px;border-color:#c8cbd8;border-radius:1vh}.chatElementText{margin-left:1vh}.chatElementLastMessageReceivedTextNew{color:#049e6b}.chatElementLastMessageReceivedText,.chatElementLastMessageSent,.chatElementTitle{color:light-dark(black,white)}.chatElementLastMessageReceivedDotNew{background-color:#049e6b;height:10px;width:10px;border-radius:5px;margin-left:5px;margin-right:5px}.chatElementLastMessageReceivedDot{background-color:#c8cbd8;height:10px;width:10px;border-radius:5px;margin-left:5px;margin-right:5px}.chatElementLastMessageReceivedContainerNew,.chatElementLastMessageReceivedContainer{display:flex;flex-direction:row;align-items:center}#chatRequestList{overflow-y:auto}.chatRequestListElement{border-style:solid;border-width:2px;border-color:#c8cbd8;border-radius:1vh;padding:2vh;margin-top:1vh;margin-bottom:1vh;margin-left:2vw;margin-right:2vw;display:flex;flex-direction:column}.chatRequestUser{display:flex;flex-direction:column}.chatRequestUsername{border-bottom-width:1px;border-bottom-color:#c8cbd8;border-bottom-style:solid}.chatRequestNameContainer{display:flex;flex-direction:row}.chatRequestFirstName,.chatRequestProblemsLabel,.chatRequestProblem{margin-right:.3em}.chatRequestAcceptButton{min-width:fit-content;height:auto;background-color:#049e6b;color:#000;border-radius:10px;border-color:#c8cbd8;border-style:solid;border-width:2px;margin:0}.chatRequestAcceptButton:hover{background-color:#058d60;border-color:#afb1bd;border-style:solid;border-width:2px;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer;margin:0}.chatRequestAcceptButton:active{background-color:#036b48;border-color:#95969b;border-style:solid;border-top-right-radius:10px;border-bottom-right-radius:10px;border-width:2px;cursor:pointer;margin:0}.chatRequestShowMessagesForm{display:flex;align-items:center;justify-content:center}.chatRequestShowMessagesButton{border-style:hidden}.chatRequestShowMessagesButton:hover{border-style:hidden;color:#95969b;background-color:transparent}.chatRequestShowMessagesButton:hover{border-style:hidden;color:#afb1bd;background-color:transparent}.chatRequestHideMessagesForm{display:flex;align-items:center;justify-content:center}.chatRequestHideMessagesButton{border-style:hidden}.chatRequestHideMessagesButton:hover{border-style:hidden;color:#95969b;background-color:transparent}.chatRequestHideMessagesButton:hover{border-style:hidden;color:#afb1bd;background-color:transparent}#logoutContainer{margin:2vh;padding:5vh;width:inherit;height:inherit;border-color:#c8cbd8;border-width:2px;border-style:solid;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#logoutButton{min-width:fit-content;height:auto;background-color:#049e6b;color:#000;border-radius:10px;border-color:#c8cbd8;border-style:solid;border-width:2px;padding:.3em .8em;margin:1.5em 0 0}#logoutButton:hover{background-color:#058d60;border-color:#afb1bd;border-style:solid;border-width:2px;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer}#logoutButton:active{background-color:#036b48;border-color:#95969b;border-style:solid;border-top-right-radius:10px;border-bottom-right-radius:10px;border-width:2px;cursor:pointer}