.searchBar{max-width:min(480px,50%);display:flex;align-items:center;flex-grow:1;padding:0 4%}.MuiFormControl-root{flex-grow:1}div.searchField{position:relative;flex-grow:1;display:flex;align-items:center}button.clearButton{position:absolute;right:0;border-radius:48px}.header{position:fixed;width:100vw;top:-.01px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#3a373d;z-index:1}.title{margin:24px 0 24px 24px;font-size:1.6em;font-family:Roboto}.loginButtons{display:flex;gap:8px;margin-right:16px}Button.logoutButton{margin-right:16px}div.MuiCard-root{border:solid 1px #d4d0d9;border-radius:8px;background:none}div.MuiCard-root:hover{background-color:#2b2a2b}img.MuiCardMedia-img{border-radius:16px;width:94%;margin:16px auto;max-height:440px;object-fit:cover}div.content{padding:24px 24px 12px}div.cardActions{padding:0 12px 12px 16px;display:flex;justify-content:space-between}div.cardActionsLeft{display:flex;align-items:center;gap:8px}div.likes,div.commentsAction,button.likeButton,button.commentButton,a.editPostButton{display:flex;align-items:center}svg.heartIcon,a.editPostButton,button.deletePostButton{transition:transform .2s}svg.heartIcon:hover,a.editPostButton:hover,button.deletePostButton:hover{transition:transform .2s;transform:scale(1.2)}div.cardActionsRight{display:flex;gap:8px;align-items:center}button.deletePostButton{background:none;border:none;display:flex;align-items:center}button.deletePostButton:hover{cursor:pointer}.MuiChip-root{margin-bottom:16px}.postBodyPreview{white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}p.MuiTypography-root.MuiTypography-body1{margin-left:2px}.controls{margin:0 24px;display:flex;justify-content:space-between;align-items:center}.controlsLeft{display:flex;gap:8px}Button.createPost{z-index:0}.posts{margin:40px auto;width:min(80%,960px);display:flex;flex-direction:column;gap:16px}.noPosts{display:flex;flex-direction:column;align-items:center}@font-face{font-family:Roboto;font-weight:700;src:url(/assets/Roboto-Bold-_ZJd4Sbe.ttf)}@font-face{font-family:Roboto;font-weight:500;src:url(/assets/Roboto-SemiBold-EVIM0_1H.ttf)}@font-face{font-family:Roboto;font-weight:400;src:url(/assets/Roboto-Medium-CwcsZ-zd.ttf)}@font-face{font-family:Roboto;font-weight:200;src:url(/assets/Roboto-Light-r0KW6U_F.ttf)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#fff}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}main{margin-top:100px}.newLine{white-space:pre-wrap}div.commentContainer{padding-top:16px}div.commentBody{display:flex;justify-content:space-between;align-items:center}p.commentText{width:100%;overflow-wrap:break-word;white-space:pre-wrap}div.commentActions{display:flex;align-items:center}div.commentFieldContainer{display:flex;flex-grow:1}div.commentField{flex-grow:1;position:relative;display:flex;align-items:center}div.MuiInput-root:before{border-bottom:1px solid rgb(82,82,82)}textarea.MuiInputBase-input{color:#fff;padding-right:26px}button.clearButton{position:absolute;right:0}div.replies{border-left:1px solid #757375;display:flex;flex-direction:column;gap:12px}.comments{display:flex;flex-direction:column;gap:12px}.commentSectionHeader{margin-top:40px;padding-bottom:8px;display:flex;justify-content:space-between;align-items:center}.addCommentField{padding-bottom:12px}button.commentButton{border-radius:8px;font-size:15px}button.deletePostButton,button.editCommentButton,button.deleteCommentButton,button.replyButton{transition:transform .2s}button.deletePostButton:hover,button.editCommentButton:hover,button.deleteCommentButton:hover,button.replyButton:hover{transition:transform .2s;transform:scale(1.2)}div.post{margin:40px auto;padding-top:20px;width:min(76%,960px)}div.postContent{display:flex;gap:8px}div.leftColumn{padding-top:12px;display:flex;flex-direction:column;align-items:center;gap:16px}div.likeSection{margin-bottom:12px}div.contentColumn{padding-top:6px;padding-left:12px}p.likeCount.MuiTypography-root{margin-left:0;text-align:center}p.postBody{margin:16px 0 32px;white-space:pre-wrap}img.postImage{margin:0 auto;width:100%;border-radius:16px}.signupForm{max-width:640px;margin:0 auto;padding:48px;display:flex;flex-direction:column;gap:16px}.usernameField,.passwordField,.confirmPasswordField{display:flex;flex-direction:column}.signupButton{align-self:center}.loginForm{max-width:640px;margin:0 auto;padding:48px;display:flex;flex-direction:column;gap:16px}button.loginButton{align-self:center}.loginPrompt{display:flex;justify-content:center}.loginLink{text-decoration:underline}.postForm{max-width:960px;margin:0 auto;padding:48px;display:flex;flex-direction:column;gap:16px}.titleField,.bodyField{display:flex;flex-direction:column;gap:4px}p.titleLength,p.bodyLength{align-self:flex-end}div.detailFields{display:grid;grid-auto-flow:column;grid-template:2fr 3fr / 2fr 1fr;column-gap:16px}div.imageField{display:flex;justify-content:space-between;align-items:center}div.bodyField{margin-top:16px}button.submitFormButton{align-self:center}