:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{color:inherit}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary-main: #ffffff;--primary-text: #000000;--primary-contrast: #000000;--primary-button: #ffffff;--primary-highlight: #eeeeee;--secondary-main: #f9f9fb;--secondary-dark: #000000;--secondary-text: #66747b;--outline: #eaeaea;--header: #48293e;--background: rgb(255, 255, 255, .6);--cat-1: #df191c;--cat-2: rgb(160, 5, 160);--cat-3: blue;--cat-4: rgb(12, 182, 12);--cat-5: #66747b;--header-height: 3.5rem;--background-url: url(/assets/Create_Post_Illustration-Dr14Au5q.png)}[data-theme=dark]{--primary-main: #232a32;--primary-text: rgba(255, 255, 255, .87);--primary-contrast: #ffffff;--primary-button: #1a1a1a;--primary-highlight: #2e373f;--secondary-main: #1e252b;--secondary-dark: #ffffff;--secondary-text: grey;--outline: #4b4b4b;--header: #48293e;--background: #232a32;--cat-3: yellow;--background-url: url()}#root{display:flex;flex-direction:column;height:100%;flex:1;background-color:var(--secondary-main);color:var(--primary-text)}button{background-color:var(--primary-button);color:var(--primary-text);border-color:var(--secondary-dark)}.TextField .MuiOutlinedInput-root fieldset{border-color:var(--primary-contrast)}input,textarea,.FormControlSelect .MuiInputLabel-root,.MuiInputAdornment-root,.MuiInputBase-input::placeholder,.MuiInputBase-root .MuiSelect-select,.TextField .MuiInputLabel-root{color:var(--primary-text)!important}.CustomLabel,label{color:var(--secondary-text)!important}.css-tigmpx-MuiInputBase-root-MuiFilledInput-root:before{border-color:var(--outline)!important}.MuiOutlinedInput-notchedOutline{border-color:var(--primary-contrast)!important}a,a:hover{color:var(--primary-text);display:block;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}.HeaderContainer{height:var(--header-height);background-color:var(--primary-main);display:flex;align-items:center;justify-content:space-between;padding:0 50px;border-bottom:1px solid var(--outline);position:sticky;top:0;z-index:10}.MiddleHeader{position:absolute;left:50%;transform:translate(-50%)}.Options{display:flex;gap:10px;align-items:center}.UserProfilePicture{border-radius:50%}.RightHeader{display:flex}main{min-height:calc(100vh - var(--header-height));padding:0;margin:0;display:flex}.MainContainer{width:100%;min-height:calc(100vh - var(--header-height));margin:2rem 0px 0px;padding:0;background-color:var(--secondary-main);display:flex;justify-content:center}@media (max-width: 600px){main{margin:0}.SideBar{display:none}}.Content{width:85%;margin:0px 2rem 0px 1rem;padding:1rem 2rem 0px;background-color:var(--primary-main);border:1px solid var(--outline);border-radius:15px}.SideBar{position:sticky;top:calc(var(--header-height) + 2rem);left:0;width:15%;height:calc(100vh - 60px);margin:0px 1rem 0px 2rem;padding:1rem;background-color:var(--primary-main);border:1px solid var(--outline);border-radius:15px}.SideBar .Category{display:flex;align-items:center;gap:.5rem;margin:.5rem 0px;padding:0px .5rem;border-radius:5px}.SideBar .Category:hover{cursor:pointer;background-color:var(--primary-highlight)}.FooterContainer{display:flex;align-items:center;justify-content:space-between;height:30vh;border-top:2px solid #202122}.FooterContainer .SocialsContainer{display:flex;gap:5px}.FooterContainer div{margin:0 30px}.FooterContainer .SocialIcon{max-width:30px}.LogoContainer img{max-width:100px}.IndexComments .Comment{margin:1rem 0px;display:flex;gap:10px}.IndexComments .Comment p{margin:0}.IndexComments .CommentUser{font-weight:600}.IndexComments .UserAvatar{width:48px;height:48px;border-radius:50%}.CommentOptions{display:flex;gap:10px}.CommentContent{padding-left:2rem}.CommentInfo{display:flex;flex-direction:column;width:100%}.CommentTitle{display:flex;align-items:center}.EditCommentContainer{margin:1rem 0px}.CommentBody{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding-bottom:1rem}.AddComment{margin:0;border:0;border-bottom:2px solid gray;border-radius:0;padding:10px 0 15px}.PostsContainer{position:relative}.PostBorder{border-bottom:2px solid var(--outline)}.Post{border-radius:8px;margin:.5rem 0px 1rem;padding:0px 1rem;box-sizing:border-box;display:flex;width:100% - 1rem}.Post .PostText{width:90%}.Post .PostMetadata{width:10%;display:flex;flex-direction:column;justify-content:space-between}.Post.Clickable:hover{cursor:pointer;background-color:var(--primary-highlight)}.Post .PostContent{color:var(--primary-text)}.Post .AcademicCategory,.Post .AdviceCategory,.Post .AccomodationCategory,.Post .CourseCategory,.Post .MiscellaneousCategory,.Post .MiscCategory{display:inline-block;padding:.5rem;border-radius:20px}.Post .AcademicCategory{border:1px solid var(--cat-1);color:var(--cat-1)}.Post .AdviceCategory{border:1px solid var(--cat-2);color:var(--cat-2)}.Post .AccomodationCategory{border:1px solid var(--cat-3);color:var(--cat-3)}.Post .CourseCategory{border:1px solid var(--cat-4);color:var(--cat-4)}.Post .MiscellaneousCategory{border:1px solid var(--cat-5);color:var(--cat-5)}.CommentCount{display:flex;align-items:center;gap:.5rem}.PostText .Category{margin:0;font-size:small}.PostText h2{margin-bottom:.5rem}.ShowPostContainer{position:relative;border-bottom:2px solid gray}.PostOptions{display:flex;gap:10px}.CommentsContainer{border-radius:10px;padding:15px 0}.IndexComments{margin:20px 10px}.PostTitle{display:flex;align-items:center;gap:1rem}.EditPostContainer{margin:1rem 0px}.CreatePostContainer{width:60%;border-radius:8px;background-color:var(--secondary)}.CreatePostContainer button,.CreatePostContainer input{width:80%;height:2.5rem;margin:15px 0;border-radius:8px}.CreatePostContainer h1{font-size:2rem}.Form.CreatePost{padding:0;margin:0}.Form .PostOptions{justify-content:end}.Post .MiscCategory{border:1px solid var(--cat-5);color:var(--cat-5)}.SortContainer{position:relative}.Select .MuiSelect-select{color:var(--primary-text)}@media (max-width: 600px){.Form.CreatePost{display:flex}}.UpdateOptions{display:flex;gap:1rem}.LoginContainer,.SignupContainer{display:flex;flex-direction:column;align-self:center}.LoginContainer .LoginButton,.SignupContainer .SignupButton,.LoginContainer input,.SignupContainer input{min-width:300px;height:2.5rem;margin:15px 0;border-radius:8px}.AuthenticationForm p{margin:0}.AuthenticationForm form{margin:2rem 0px 0rem!important}.SignupContainer form,.LoginContainer form{display:flex;flex-direction:column;gap:1.5rem;margin:0;padding:0}.SignupContainer form button{margin:0}.LoginContainer h1,.SignupContainer h1{font-size:2rem}.AuthenticationForm{width:50%;align-self:center;display:flex;flex-direction:column;justify-content:center}.LoginOption,.SignupOption{display:flex;gap:.5rem}.Background{background-image:url(/assets/4107774-C21-R9Gi.jpg);width:50%;flex-grow:1}.LoginOptionText,.SignupOptionText{margin:0}@media (max-width: 600px){main{border:none}.Background{display:none}.AuthenticationForm{width:100%}}.ProfileContentOptions{display:flex}.ProfileContainer{display:flex;gap:10px}.ProfileContainer .UserProfilePicture{width:150px;height:150px;border-radius:50%}.css-4bojcr-MuiInputBase-root-MuiOutlinedInput-root{color:var(--primary-text)}.CommentBorder{border-bottom:2px solid var(--outline)}.Comment.Clickable{padding:0px 1rem 0rem;margin:1rem 0px;border-radius:10px}.Comment.Clickable:hover{cursor:pointer;background-color:var(--primary-highlight)}.CommentUser{display:flex;align-items:center;gap:.5rem}.Form.Setting{display:flex;flex-direction:column}