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}*,:after,:before{padding:0;margin:0;box-sizing:inherit}html{box-sizing:border-box}body{font-family:"Roboto",sans-serif;font-weight:300;line-height:1.6}@media only screen and (max-width:75em){body{font-size:62.5%}}.heading-3{font-size:1.5rem}.signInSignUp-container{width:100vw;height:100vh;display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;grid-column-gap:30px;justify-items:center;padding-left:20px;padding-right:20px}@media only screen and (max-width:56.25em){.signInSignUp-container{grid-template-rows:300px 1fr;grid-template-columns:1fr;grid-row-gap:30px;padding-top:30px}}@media only screen and (max-width:37.5em){.signInSignUp-container{grid-template-rows:250px 1fr}}.signInSignUp-background{height:90%;width:100%;align-self:center}.auth-form-wrapper{align-self:center;justify-self:center;width:30rem}@media only screen and (min-width:112.5em){.auth-form-wrapper{justify-self:start}}@media only screen and (max-width:68.75em){.auth-form-wrapper{justify-self:center;width:25rem}}@media only screen and (max-width:56.25em){.auth-form-wrapper{align-self:start}}.auth-form-wrapper .auth-title{margin-bottom:35px}@media only screen and (max-width:68.75em){.auth-form-wrapper .auth-title{margin-bottom:20px}}@media only screen and (max-width:56.25em){.auth-form-wrapper .auth-title{margin-bottom:10px;text-align:center}}.auth-form-wrapper .auth-field{width:80%;height:50px;margin-bottom:15px}.auth-form-wrapper .auth-field label{font-size:14px}@media only screen and (max-width:56.25em){.auth-form-wrapper .auth-field label{font-size:10px}}@media only screen and (max-width:68.75em){.auth-form-wrapper .auth-field{width:85%;height:40px}}@media only screen and (max-width:56.25em){.auth-form-wrapper .auth-field{width:80%;height:35px}}.auth-form-wrapper .auth-form-container{display:grid;grid-template-rows:-webkit-min-content;grid-template-rows:min-content}@media only screen and (max-width:56.25em){.auth-form-wrapper .auth-form-container{justify-items:center}}.auth-form-wrapper .auth-button-group{display:grid;width:80%;margin-top:20px}.auth-form-wrapper .auth-button-group button{text-transform:none}:root{--sidebar-font-size:14px}@media only screen and (max-width:75em){:root{--sidebar-font-size:12px;--divider-font-size:10px}}.sidepanel-container .sidepanel-content .content-active,.sidepanel-container .sidepanel-content .content-item{margin-left:-10px;padding-left:10px;padding-right:10px;border-radius:3px;transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.status-offline,.status-online{width:10px;height:10px;border-radius:50px;color:#fff}.sidepanel-container{grid-column:sidebar-start/sidebar-end;background-color:#33363c;color:#fff;padding-top:10px;padding-left:10px;padding-right:15px}.sidepanel-container .sidepanel-header{width:100%;display:grid;grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content;justify-items:start}.sidepanel-container .sidepanel-header__logo{height:80px;width:200px}.sidepanel-container .sidepanel-header__avatar{display:grid;grid-template-columns:-webkit-min-content -webkit-max-content -webkit-min-content;grid-template-columns:min-content max-content min-content;grid-column-gap:10px;justify-self:start;align-items:center;margin-left:17px;margin-top:6px;margin-bottom:15px;font-size:14px;font-size:var(--sidebar-font-size);cursor:pointer;padding:5px;border-radius:3px;transition:all .2s}.sidepanel-container .sidepanel-header__avatar .avatar-image{width:30px;height:30px}.sidepanel-container .sidepanel-content{display:grid;grid-row-gap:10px;margin-left:17px;padding:5px}.sidepanel-container .sidepanel-content .content-active,.sidepanel-container .sidepanel-content .content-item:hover{background-color:#3f4044}.divider-title{display:grid;grid-template-columns:-webkit-min-content -webkit-max-content 1fr;grid-template-columns:min-content max-content 1fr;grid-column-gap:5px;align-items:center;font-size:12px;font-size:var(--divider-font-size);padding-right:10px}.divider-title__icon{width:17px!important}.divider-title__button{color:#fff!important;justify-self:end;cursor:pointer;padding:0!important}.status-offline{background-color:#f44336}.status-online{background-color:#44b700}.status-notifications{width:17px;height:17px;border-radius:50px;background-color:#f44336;color:#fff;font-size:11px;text-align:center;transition:all .2s}@media only screen and (max-width:75em){.status-notifications{width:14px;height:14px;font-size:9px}}.side-modal-form{width:500px;display:grid;grid-row-gap:10px}.messages-container .message-panel .message-item__content-other,.messages-container .message-panel .message-item__content-self{font-size:13px}.messages-container .message-panel .message-item__content-other a,.messages-container .message-panel .message-item__content-self a{text-decoration:none;color:#000;transition:all .2s;font-weight:600;margin-right:5px;cursor:pointer}.messages-container .message-panel .message-item__content-other a:hover,.messages-container .message-panel .message-item__content-self a:hover{color:#00f}.messages-container .message-panel .message-item__content-other p,.messages-container .message-panel .message-item__content-self p{font-weight:400}.messages-container{grid-column:main-start/main-end;background-color:#f4f4f4;padding:15px}.messages-container>*{padding:10px 20px}.messages-container .message-header{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px}.messages-container .message-header__title{width:300px}.messages-container .message-header__title p{font-weight:500;font-size:25px;display:grid;grid-template-columns:-webkit-max-content -webkit-min-content;grid-template-columns:max-content min-content;grid-column-gap:5px}.messages-container .message-header__title span{font-weight:400}.messages-container .message-header__search{width:220px;justify-self:end}.messages-container .message-header__search .MuiOutlinedInput-input{padding:12.5px 10px 12.5px 8px}.messages-container .message-panel{margin-bottom:20px;height:380px;overflow-y:scroll;padding-top:20px;padding-bottom:20px}.messages-container .message-panel .message-item{display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);grid-column-gap:10px;align-items:start;margin-bottom:10px}.messages-container .message-panel .message-item__content-self{border-left:2px solid grey;padding-left:10px}.messages-container .message-panel .message-image{display:block;position:relative;max-width:650px;background-color:transparent}.messages-container .message-input{width:calc(100% - 250px);position:fixed;left:0;margin-left:240px}.messages-container .message-input .message-form{height:10%;display:grid;grid-template-rows:1fr 1fr;align-items:center}.messages-container .message-input .message-button{display:grid;grid-template-columns:1fr 1fr}:root{--sidebar-font-size:16px;--divider-font-size:12px}@media only screen and (max-width:75em){:root{--sidebar-font-size:14px;--divider-font-size:10px}}.avatar-item__content{font-size:13px}.avatar-item__content a{text-decoration:none;color:#000;transition:all .2s;font-weight:600;margin-right:5px;cursor:pointer}.avatar-item__content a:hover{color:#00f}.avatar-item__content p{font-weight:400}.metapanel-container{grid-column:rightbar-start/rightbar-end;background-color:#f4f4f4;padding:15px 15px 15px 5px}.metapanel-container .metapanel-header{margin-bottom:10px;padding:10px 20px;font-weight:500;font-size:20px}.metapanel-container .metapanel-title{margin-left:10px;font-size:16px;font-size:var(--sidebar-font-size)}.metapanel-container .metapanel-createdby{display:grid;grid-template-columns:repeat(2,-webkit-min-content);grid-template-columns:repeat(2,min-content);grid-column-gap:10px;align-items:center}.avatar-item{display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);grid-column-gap:10px;align-items:start;margin-bottom:10px}.MuiAccordionSummary-content.Mui-expanded{margin:0!important}.MuiAccordionSummary-root.Mui-expanded{min-height:48px!important}.main-page-container{display:grid;height:100vh;grid-template-columns:[sidebar-start] 230px [sidebar-end main-start] minmax(800px,1fr) [main-end rightbar-start] 300px [rightbar-end]}.not-found-overlay{height:60vh;width:100%;display:flex;justify-content:center;align-items:center;padding-top:50px}.not-found-overlay .not-found-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found-overlay .not-found-wrapper__banner{width:400px;height:400px;margin-bottom:20px;margin-top:150px}@media only screen and (max-width:37.5em){.not-found-overlay .not-found-wrapper__banner{width:300px;height:300px}}.not-found-overlay .not-found-wrapper__title{color:grey;font-size:20px}
/*# sourceMappingURL=main.2b4ced6f.chunk.css.map */