nav{background-color:#fa7e61;box-shadow:3px 3px 5px #0000001a;z-index:200;margin-bottom:2em}nav .navbar{width:100%;list-style:none;display:flex;justify-content:flex-end;align-items:center}nav li{height:70px;cursor:pointer}nav li:first-child{margin-right:auto}nav a{height:100%;padding:0 30px;text-decoration:none;display:flex;align-items:center;color:#2c2c2c}nav .navLinkText{margin-left:5px;font-size:larger;font-weight:500}nav a:hover{background-color:#fcab98;transition:background-color .2s ease}nav .logo{font-family:Limelight;font-size:2em}nav .sidebar{position:fixed;top:0;right:0;height:100vh;width:250px;z-index:999;background-color:#fa7e61;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-10px 0 10px #0000001a;flex-direction:column;align-items:flex-start;justify-content:flex-start;transform:translate(100%);transition:transform .4s ease}nav .sidebar li{width:100%;list-style:none}nav .sidebar .sideLinkText{margin-left:5px;font-size:larger;font-weight:500}nav .sidebar .closeSidebar{text-align:right}nav .sidebar.open{transform:translate(0)}nav .navIcon{font-size:1.7em}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:998}@media (max-width: 865px){.navLinkText{display:none}}@media (max-width: 570px){.navLinkFull{display:none}}@media (min-width: 571px){.openSidebar{display:none}}.signup{background-color:#fcf7f1;width:80%;max-width:400px;margin:2em auto auto;padding:2em;border-radius:4px;box-shadow:0 4px 8px #0000001a}.signup form{display:flex;flex-direction:column}.signup form h1{margin-top:0}.signup form label{margin-bottom:.3em;font-weight:550;color:#2c2c2c}.signup form input{padding:.6em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;margin-bottom:1.2em;transition:border-color .2s ease,box-shadow .2s ease}.signup form input:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.signup form button{font-size:24px;font-weight:550;padding:.8em;background-color:#fa7e61;border:none;border-radius:8px;color:#2c2c2c;cursor:pointer;transition:background-color .2s ease;margin-top:.5em;box-shadow:0 4px 8px #0003}.signup form button:hover{background-color:#fcab98}.signup form .signupStatus{text-align:center;margin-top:1em}.signup form .privacyToggle{display:flex;align-items:center;justify-content:center;margin:1em 0;gap:.5em}.signup form .privacyToggle input{margin:0;width:1.2em;height:1.2em;cursor:pointer}.signup form .privacyToggle .privacyToggleText{font-size:1.2em}.signup .loginLink{color:#2c2c2c;text-align:center;margin-top:1.5em;font-size:18px}.signup .loginLink a{color:#007bff;text-decoration:none}.signup .loginLink a:hover{text-decoration:underline}h1{text-align:center;margin-bottom:.5em}.login{background-color:#fcf7f1;width:80%;max-width:400px;margin:2em auto auto;padding:2em;border-radius:4px;box-shadow:0 4px 8px #0000001a}.login form{display:flex;flex-direction:column}.login form label{margin-bottom:.3em;font-weight:550;color:#2c2c2c}.login form input{padding:.6em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;margin-bottom:1.2em;transition:border-color .2s ease,box-shadow .2s ease}.login form input:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.login form button{padding:.8em;font-size:24px;font-weight:550;background-color:#fa7e61;border:none;border-radius:8px;color:#2c2c2c;cursor:pointer;transition:background-color .2s ease;margin-top:.5em;box-shadow:0 4px 8px #0003}.login form button:hover{background-color:#fcab98}.login form .loginStatus{text-align:center;margin-top:1em}.login .signupLink{color:#2c2c2c;text-align:center;margin-top:1.5em;font-size:18px}.login .signupLink a{color:#007bff;text-decoration:none}.login .signupLink a:hover{text-decoration:underline}.profileInfoContainer{margin:2em auto;padding:2em;max-width:600px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:20% 20% 20% 20% 20%}.profileInfoContainer .profileIconDiv{grid-row:1/6;grid-column:1/2;position:relative;margin:auto;padding-right:1em}.profileInfoContainer .profileIconDiv .profileIcon{width:180px;height:180px;text-align:center;border-radius:50%}.profileInfoContainer .profileIconDiv .changeIconDiv{display:flex;align-items:center;justify-content:center;height:40px;width:40px;position:absolute;bottom:-.8em;right:43%;background-color:#fa7e61;border-radius:50%}.profileInfoContainer .profileIconDiv .changeIconDiv:hover{transition:background-color .2s ease;background-color:#fcab98;cursor:pointer}.profileInfoContainer .username{grid-row:1/2;grid-column:2/4;font-size:1.4em;font-weight:550;color:#2c2c2c}.profileInfoContainer .fullName{grid-row:1/2;grid-column:3/6;font-size:1.4em;font-weight:550;color:#2c2c2c}.profileInfoContainer .postsNum{grid-row:3/4;grid-column:2/4;color:#2c2c2c;padding-left:.5em}.profileInfoContainer .followersNum{grid-row:3/4;grid-column:3/5;color:#2c2c2c}.profileInfoContainer .followersNum:hover{color:#007bff;text-decoration:underline;cursor:pointer}.profileInfoContainer .followingNum{grid-row:3/4;grid-column:4/6;color:#2c2c2c}.profileInfoContainer .followingNum:hover{color:#007bff;text-decoration:underline;cursor:pointer}.profileInfoContainer .spanNum{font-size:1.5em;font-weight:650}.profileInfoContainer .spanWord{font-size:1em;font-weight:550}.profileInfoContainer .settingsButtonDiv{display:flex;align-items:center;justify-content:center;height:45px;width:45px;grid-row:5/6;grid-column:5/6;text-align:right;background-color:#fa7e61;border-radius:50%}.profileInfoContainer .settingsButtonDiv:hover{transition:background-color .2s ease;background-color:#fcab98;cursor:pointer}.profileInfoContainer .followButtonDiv{grid-row:5/6;grid-column:3/6}.profileInfoContainer .followButtonDiv .followButton{border:none;background-color:#fa7e61;border-radius:4px;font-size:1.4em;font-weight:550;padding:.4em .6em;width:120px;transition:background-color .2s ease}.profileInfoContainer .followButtonDiv .followButton:hover{background-color:#fcab98;cursor:pointer}.profileInfoContainer .deleteButton{grid-row:5/6;grid-column:5/6;margin:auto;border:none;border-radius:8px;font-size:1.15em;font-weight:500;color:#2c2c2c;background-color:#e53e3e;padding:.6em;box-shadow:0 4px 8px #0003}.profileInfoContainer .deleteButton:hover{transition:background-color .2s ease;cursor:pointer;background-color:#c53030}.profileInfoContainer .profilePencil{font-size:1.5em;color:#2c2c2c}.profileInfoContainer .profileGear{font-size:1.8em;color:#2c2c2c}.profile .buttonContainer{display:flex;justify-content:center;align-items:center;margin:auto;color:#2c2c2c;width:100%;max-width:500px;height:75px}.profile .buttonContainer .publicButton{display:flex;justify-content:center;align-items:center;width:33%;height:100%;text-align:center;font-size:1.2em;cursor:pointer}.profile .buttonContainer .publicButton span{margin-left:.3em}.profile .buttonContainer .publicButton:hover{background-color:#fcf7f1}.profile .buttonContainer .draftsButton{display:flex;justify-content:center;align-items:center;width:33%;height:100%;text-align:center;font-size:1.2em;cursor:pointer}.profile .buttonContainer .draftsButton span{margin-left:.3em}.profile .buttonContainer .draftsButton:hover{background-color:#fcf7f1}.profile .buttonContainer .likedButton{display:flex;justify-content:center;align-items:center;width:33%;height:100%;text-align:center;font-size:1.2em;cursor:pointer}.profile .buttonContainer .likedButton span{margin-left:.3em}.profile .buttonContainer .likedButton:hover{background-color:#fcf7f1}.bottomLine{margin:auto;width:100%;height:1px;background-color:#2c2c2c}@media (max-width: 600px){.profileInfoContainer{padding:2em .2em 0;max-width:400px}.profileInfoContainer .profileIconDiv .changeIconDiv{width:30px;height:30px;bottom:-.5em}.profileInfoContainer .profileIconDiv .changeIconDiv .pencilIcon{width:24px;height:24px}.profileInfoContainer .profileIconDiv .profileIcon{width:90px;height:90px}.profileInfoContainer .profileIconDiv{grid-row:2/7}.profileInfoContainer .username{grid-column:1/2;padding-left:.4em}.profileInfoContainer .fullName{display:none}.profileInfoContainer .postsNum{grid-row:2/2;grid-column:2/3;padding:.5em 0}.profileInfoContainer .followersNum{grid-row:3/3;grid-column:2/3;padding:.5em 0}.profileInfoContainer .followingNum{grid-row:4/4;grid-column:2/3;padding:.5em 0}.profileInfoContainer .spanNum{font-size:1.2em}.profileInfoContainer .spanWord{font-size:.8em}.profileInfoContainer .settingsButtonDiv{width:35px;height:35px;grid-row:3/3;grid-column:3/6;margin:auto}.profileInfoContainer .settingsButtonDiv .settingsIcon{width:28px;height:28px}.profileInfoContainer .followButtonDiv{grid-row:3/3;grid-column:3/6;margin:auto}.profileInfoContainer .followButtonDiv .followButton{font-size:1.2em;width:90px;padding:.3em .5em}.profileInfoContainer .deleteButton{grid-row:3/3;grid-column:3/6}.profileInfoContainer .profilePencil{font-size:1.2em;color:#2c2c2c}.profileInfoContainer .profileGear{font-size:1.5em;color:#2c2c2c}.profile .buttonContainer{height:50px}}.iconUploadContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.iconUploadInput{font-family:Roboto;background:transparent;border:none;font-size:1em}.iconUploadInput::-webkit-file-upload-button{padding:.6em;background-color:#fa7e61;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 4px 8px #0003}.iconUploadInput::-webkit-file-upload-button:hover{background-color:#fcab98}.iconUploadButton{font-family:Roboto;font-size:1em;padding:.6em;margin-bottom:1em;background-color:#fa7e61;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 4px 8px #0003}.iconUploadButton:hover{background-color:#fcab98}.iconCropperContainer{align-self:center}@media (max-width: 410px){.iconUploadInput{align-self:flex-start;margin-left:1em}.iconCropperContainer{width:90%}}.modalContainer{background-color:#f7ece1;height:75%;width:75%;max-width:800px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;border-radius:8px;overflow:auto}.modalContainer::-webkit-scrollbar{display:none}.smallModalContainer{background-color:#f7ece1;height:fit-content;width:75%;max-width:400px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;border-radius:8px;overflow:auto}.smallModalContainer::-webkit-scrollbar{display:none}.closeModalButton{text-align:right}.closeModalIcon{transition:transform .3s ease-in-out}.closeModalIcon:hover{cursor:pointer;transform:scale(1.15)}.modalOverlay{position:fixed;top:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:100}.profileListContainer{background-color:#fcf7f1;height:75%;width:75%;max-width:400px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;border-radius:8px;overflow:auto}.profileListContainer::-webkit-scrollbar{display:none}.profileListContainer .profileListHeader{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.profileListContainer .profileListHeader .profileListTitle{position:absolute;left:50%;transform:translate(-50%);font-weight:600;font-size:1.6em}.profileListContainer .profileListHeader .closeProfileListButton{margin-left:auto;color:#fa7e61}.profileListContainer .profileListHeader .closeProfileListButton .closeProfileListIcon{transition:transform .3s ease-in-out;color:#fcab98}.profileListContainer .profileListHeader .closeProfileListButton .closeProfileListIcon:hover{cursor:pointer;transform:scale(1.15)}.profileListContainer .profileList .noUsersAlert{font-size:1.6em;font-weight:450;width:100%;text-align:center;margin-top:2em}.profileListContainer .profileList .listItem{display:flex;align-items:center;justify-content:left;border-bottom:1px solid #2C2C2C}.profileListContainer .profileList .listItem .profileListIcon{border-radius:50%;width:60px;height:60px;margin:.4em 2em .4em 1em}.profileListContainer .profileList .listItem .profileListName{font-size:1.2em;font-weight:450;color:#2c2c2c;text-decoration:none}.profileListContainer .profileList .listItem .profileListName:hover{text-decoration:underline;color:#007bff}.profileListContainer .lineBetween{width:100%;height:1px;background-color:#2c2c2c}.profileListOverlay{position:fixed;top:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:100}.settingsMenu{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding-bottom:54px}.settingsMenu::-webkit-scrollbar{display:none}.settingsMenu .editAccountButton{border:none;border-radius:8px;font-size:1.4em;font-weight:550;padding:.8em;background-color:#fa7e61;margin:1em 0;width:220px;box-shadow:0 4px 8px #0003}.settingsMenu .editAccountButton:hover{transition:background-color .2s ease;cursor:pointer;background-color:#fcab98}.settingsMenu .changePasswordButton{border:none;border-radius:8px;font-size:1.4em;font-weight:550;padding:.8em;background-color:#fa7e61;margin:1em 0;width:220px;box-shadow:0 4px 8px #0003}.settingsMenu .changePasswordButton:hover{transition:background-color .2s ease;cursor:pointer;background-color:#fcab98}.settingsMenu .logoutButton{border:none;border-radius:8px;font-size:1.4em;font-weight:550;padding:.8em;background-color:#fa7e61;margin:1em 0;width:220px;box-shadow:0 4px 8px #0003}.settingsMenu .logoutButton:hover{transition:background-color .2s ease;cursor:pointer;background-color:#fcab98}.editAccountForm{width:80%;margin:auto;padding-bottom:54px}.editAccountForm form{display:flex;flex-direction:column}.editAccountForm form .backButton{border:none;background:none;width:50px;height:50px;position:absolute;top:0;left:0}.editAccountForm form .backButton .backIcon{transition:transform .3s ease-in-out}.editAccountForm form .backButton .backIcon:hover{cursor:pointer;transform:scale(1.15)}.editAccountForm form label{margin-bottom:.3em;font-weight:550;color:#2c2c2c}.editAccountForm form input{padding:.6em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;margin-bottom:1.2em;transition:border-color .2s ease,box-shadow .2s ease}.editAccountForm form input:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.editAccountForm form .submitButton{font-size:24px;font-weight:550;padding:.8em;background-color:#fa7e61;border:none;border-radius:8px;color:#2c2c2c;cursor:pointer;transition:background-color .2s ease;margin-top:.5em}.editAccountForm form .submitButton:hover{background-color:#fcab98}.editAccountForm form .privacyToggle{display:flex;align-items:center;justify-content:center;margin:1em 0;gap:.5em}.editAccountForm form .privacyToggle input{margin:0;width:1.2em;height:1.2em;cursor:pointer}.editAccountForm form .privacyToggle .privacyToggleText{font-size:1.2em}.editAccountForm form .signupStatus{text-align:center;margin-top:1em}.changePasswordForm{width:80%;margin:auto;padding-bottom:54px}.changePasswordForm form{display:flex;flex-direction:column}.changePasswordForm form .backButton{border:none;background:none;width:50px;height:50px;position:absolute;top:0;left:0}.changePasswordForm form .backButton .backIcon{transition:transform .3s ease-in-out}.changePasswordForm form .backButton .backIcon:hover{cursor:pointer;transform:scale(1.15)}.changePasswordForm form label{margin-bottom:.3em;font-weight:550;color:#2c2c2c}.changePasswordForm form input{padding:.6em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;margin-bottom:1.2em;transition:border-color .2s ease,box-shadow .2s ease}.changePasswordForm form input:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.changePasswordForm form .submitButton{font-size:24px;font-weight:550;padding:.8em;background-color:#fa7e61;border:none;border-radius:8px;color:#2c2c2c;cursor:pointer;transition:background-color .2s ease;margin-top:.5em}.changePasswordForm form .submitButton:hover{background-color:#fcab98}.changePasswordForm form .passwordStatus{text-align:center;margin-top:1em}.createPost{background-color:#fcf7f1;width:80%;max-width:500px;margin:2em auto auto;padding:2em;border-radius:4px;box-shadow:0 4px 8px #0000001a}.createPost form{display:flex;flex-direction:column}.createPost form h3{margin-bottom:.4em}.createPost form .topContainer{display:flex;gap:2em;margin-bottom:2em}.createPost form .topContainer input{flex:1;padding:.6em;font-size:1em}.createPost form .topContainer select{padding:.6em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;margin-bottom:1.2em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.createPost form .topContainer select:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.createPost form .ingredientRow{display:flex;justify-content:space-between;margin-bottom:.8em}.createPost form .ingredientRow .ingredientInput{width:62%;margin:0}.createPost form .ingredientRow .amountInput{width:22%;margin:0}.createPost form .directionRow{display:flex;align-items:center;gap:1em;margin-bottom:.8em}.createPost form .directionRow span{font-size:1.5em;font-weight:500}.createPost form .directionRow .directionInput{flex:1;margin:0}.createPost form .buttonContainer{display:flex;justify-content:left;gap:1em;margin-bottom:3em}.createPost form .buttonContainer button{width:36px;height:36px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:0}.createPost form input{padding:.6em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;margin-bottom:1.2em;transition:border-color .2s ease,box-shadow .2s ease}.createPost form input:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.createPost form .bottomContainer{display:flex;align-items:center}.createPost form .bottomContainer button{margin:0 auto;padding:.6em .8em;font-size:1.1em;border-radius:4px;font-weight:500}.createPost form .bottomContainer select{margin:0 auto;padding:.6em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.createPost form .bottomContainer select:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.createPost form button{padding:.8em;font-size:24px;font-weight:550;background-color:#fa7e61;border:none;border-radius:8px;color:#2c2c2c;cursor:pointer;transition:background-color .2s ease;margin-top:.5em;box-shadow:0 4px 8px #0003}.createPost form button:hover{background-color:#fcab98}.createPost form .previewButton{margin:2em auto auto;width:60%;font-size:1.4em;font-weight:450}.createPost form .errorMessage{font-size:1.1em;margin:2em auto auto;text-align:center}.submitPostButton{display:flex;justify-content:center;margin:.8em auto auto;padding:.5em;font-size:24px;font-weight:550;background-color:#fa7e61;border:none;border-radius:8px;color:#2c2c2c;cursor:pointer;transition:background-color .2s ease;box-shadow:0 4px 8px #0003}.submitPostButton:hover{background-color:#fcab98}@media (max-width: 480px){.createPost form .topContainer{flex-direction:column;width:80%;gap:.5em}.createPost form .topContainer .titleInput{margin-bottom:1em}.createPost form .ingredientRow{flex-direction:column;gap:1em}.createPost form .ingredientRow .ingredientInput{width:100%}.createPost form .ingredientRow .amountInput{width:40%}.createPost form .bottomContainer button{font-size:1em}}.feed{display:flex;flex-wrap:wrap;gap:1em;justify-content:space-evenly;padding:1em;max-width:1240px;margin:auto}.previewContainer{margin:auto;background-color:#fcf7f1;max-width:280px;box-shadow:0 2px 4px #00000014,0 8px 16px #0000001f;transition:box-shadow .3s ease,transform .3s ease}.previewContainer:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000001f,0 12px 24px #00000029}.previewContainer .previewHeader{display:flex;align-items:center;justify-content:left;padding:.5em 0}.previewContainer .previewHeader .previewUserIcon{border-radius:50%;width:44px;height:44px;margin:.4em .6em;border:1px solid #E3E0DC}.previewContainer .previewHeader .previewUserName{font-size:1.15em;font-weight:450;text-decoration:none;color:#2c2c2c}.previewContainer .previewHeader .previewUserName:hover{text-decoration:underline;color:#007bff}.previewContainer .previewHeader .previewTime{margin:0 .6em 0 auto;font-size:.9em;font-weight:500;color:#5a5a5a}.previewContainer .previewBody{text-decoration:none}.previewContainer .previewBody .previewImage{width:280px;height:280px;object-fit:contain}.previewContainer .previewBody .previewTitle{margin:0 0 0 .6em;font-size:1.4em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2c2c2c;padding:.5em 0}.previewContainer .previewFooter{display:flex;justify-content:left;align-items:center;padding:.5em 0 .5em 1em;gap:.8em}.previewContainer .previewFooter .likeIcon{display:flex;align-items:center;background-color:transparent;border:none;font-size:1.4em;cursor:pointer;color:#2c2c2c}.previewContainer .previewFooter .likeCount{background-color:transparent;border:none;font-size:1.4em;cursor:pointer;color:#2c2c2c;padding-right:.6em}.previewContainer .previewFooter .likeCount:hover{text-decoration:underline}.previewContainer .previewFooter .reportIcon{display:flex;align-items:center;font-size:1.4em;background-color:transparent;border:none;cursor:pointer;color:#2c2c2c}.previewContainer .previewFooter .editIcon{display:flex;align-items:center;margin-right:.6em;font-size:1.4em;background-color:transparent;border:none;cursor:pointer;color:#2c2c2c}.home{max-width:1240px;margin:auto}.home .filters{max-width:1240px;margin:auto 3em 2em auto;gap:3em;display:flex;align-items:center;justify-content:center}.home .filters .searchContainer{position:relative;margin-left:3em;width:100%;max-width:400px;box-shadow:0 2px 4px #0003}.home .filters .searchContainer .searchIcon{position:absolute;left:.75em;top:50%;transform:translateY(-50%);color:#2c2c2c;pointer-events:none;font-size:1.1em}.home .filters .searchContainer input{padding:.66em .66em .66em 2.5em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.home .filters .searchContainer input:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.home .filters .selects{gap:2em;display:flex;justify-content:center;align-items:center}.home .filters .selects select{padding:.6em;width:10em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0003}.home .filters .selects select:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.home .posts{margin-top:3em;display:flex;flex-wrap:wrap;gap:2em;justify-content:space-evenly}@media (max-width: 752px){.home .filters{margin:1em 0;display:flex;flex-direction:column;align-items:flex-start;gap:1em}.home .filters .searchContainer{margin-left:2em}.home .filters .searchContainer input{max-width:none;margin:0;width:100%}.home .filters .selects{display:flex;align-items:center;margin-left:2em;gap:1em}.home .filters .selects select{width:10em}}@media (max-width: 450px){.home .filters{margin:1em 0;display:flex;flex-direction:column;align-items:flex-start;gap:1em}.home .filters .searchContainer{margin-left:2em;width:80%}.home .filters .searchContainer input{max-width:none;width:100%}.home .filters .selects{display:flex;flex-direction:row;justify-content:left;margin-left:2em;margin-right:auto;gap:1em;width:80%}.home .filters .selects select{width:10em;font-size:.8em;padding:.5em}}.submitReportContainer{display:flex;flex-direction:column;align-items:center}.submitReportContainer .submitReportSelect{padding:.6em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;margin:1em 0 3em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.submitReportContainer .submitReportSelect:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.submitReportContainer .submitReportText .submitReportTextTitle{font-size:1em;margin-bottom:.2em}.submitReportContainer .submitReportText .submitReportTextBox{width:250px;height:100px;resize:none;padding:.6em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;margin-bottom:1.2em;transition:border-color .2s ease,box-shadow .2s ease;font-family:Roboto;font-size:.9em;color:#2c2c2c}.submitReportContainer .submitReportText .submitReportTextBox:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.submitReportContainer .submitReportButton{padding:.4em;font-size:20px;font-weight:550;background-color:#fa7e61;border:none;border-radius:8px;color:#2c2c2c;cursor:pointer;transition:background-color .2s ease;margin:1.5em 0 1em;box-shadow:0 4px 8px #0003}.submitReportContainer .submitReportButton:hover{background-color:#fcab98}.submitReportContainer .reportStatus{margin-bottom:2em}.reports{padding:1em}.reports .tableWrapper{overflow-x:auto;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;background:#fcf7f1}.reports .tableWrapper .reportsTable{width:100%;border-collapse:collapse}.reports .tableWrapper .reportsTable th,.reports .tableWrapper .reportsTable td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}.reports .tableWrapper .reportsTable td a{color:#007bff}.reports .tableWrapper .reportsTable thead{position:sticky;top:0;background:#fafafa;z-index:1}.reports .tableWrapper .reportsTable .tbody tr:nth-child(2n){background:#f9f9f9}.reports .tableWrapper .reportsTable .tbody tr:hover{background:#f1f1f1}.reports .closeIcon{font-size:2em;color:#e53e3e;cursor:pointer}.postContainer{max-width:500px;margin:auto}.postContainer .postHeader{display:flex;align-items:center;justify-content:left;padding:.5em 0}.postContainer .postHeader .postUserIcon{border-radius:50%;width:50px;height:50px;margin:.4em .8em .4em .6em;border:1px solid #E3E0DC}.postContainer .postHeader .postUserName{font-size:1.2em;font-weight:450;text-decoration:none;color:#2c2c2c}.postContainer .postHeader .postUserName:hover{text-decoration:underline;color:#007bff}.postContainer .postHeader .postTime{margin:0 1em 0 auto;font-size:1em;font-weight:500;color:#5a5a5a}.postContainer .postImage-wrapper{display:flex;justify-content:center;width:100%}.postContainer .postImage{display:block;max-width:100%;width:auto;height:auto}.postContainer .postFooter{display:flex;justify-content:right;align-items:center;padding:.5em 0 .5em 1em;gap:1em}.postContainer .postFooter .postTitle{margin-right:auto;font-size:2em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2c2c2c;padding:.5em 0}.postContainer .postFooter .likeIcon{display:flex;align-items:center;background-color:transparent;border:none;font-size:1.5em;cursor:pointer;color:#2c2c2c}.postContainer .postFooter .likeCount{background-color:transparent;border:none;font-size:1.5em;cursor:pointer;color:#2c2c2c;padding-right:.6em}.postContainer .postFooter .likeCount:hover{text-decoration:underline}.postContainer .postFooter .reportIcon{display:flex;align-items:center;font-size:1.4em;background-color:transparent;border:none;cursor:pointer;color:#2c2c2c}.postContainer .postFooter .editIcon{display:flex;align-items:center;margin-right:.6em;font-size:1.4em;background-color:transparent;border:none;cursor:pointer;color:#2c2c2c}.postContainer .bottomLine{margin:auto;width:100%;height:1px;background-color:#2c2c2c}.postContainer .ingredients{margin:2em 0 0 .5em}.postContainer .ingredients h3{font-size:1.5em;font-weight:500;color:#2c2c2c;margin-bottom:1em}.postContainer .ingredients ul{font-size:1.2em}.postContainer .ingredients ul li{margin:.6em 0 0 2em;color:#2c2c2c}.postContainer .directions{margin:2em 0 0 .5em}.postContainer .directions h3{font-size:1.5em;font-weight:500;color:#2c2c2c;margin-bottom:1em}.postContainer .directions ol{font-size:1.2em;padding-bottom:2em}.postContainer .directions ol li{margin:.8em 0 0 2em;color:#2c2c2c}.postContainer .deleteButton{display:block;margin:2em 1em 4em auto;border:none;border-radius:8px;font-size:1.15em;font-weight:500;color:#2c2c2c;background-color:#e53e3e;padding:.6em;box-shadow:0 4px 8px #0003}.postContainer .deleteButton:hover{transition:background-color .2s ease;cursor:pointer;background-color:#c53030}.searchContainer .searchContainer{position:relative;margin:auto;width:100%;width:300px;box-shadow:0 2px 4px #0003}.searchContainer .searchContainer .searchIcon{position:absolute;left:.75em;top:50%;transform:translateY(-50%);color:#2c2c2c;pointer-events:none;font-size:1.1em}.searchContainer .searchContainer input{padding:.66em .66em .66em 2.5em;font-size:1em;border:1px solid #2C2C2C;border-radius:4px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.searchContainer .searchContainer input:focus{outline:none;border-color:#fcab98;box-shadow:0 0 5px #fa7e61}.searchContainer .profileList{width:300px;margin:2em auto auto}.searchContainer .profileList .noUsersAlert{font-size:1.6em;font-weight:450;width:100%;text-align:center;margin-top:2em}.searchContainer .profileList .listItem{display:flex;align-items:center;justify-content:left;border-bottom:1px solid #2C2C2C}.searchContainer .profileList .listItem .profileListIcon{border-radius:50%;width:60px;height:60px;margin:.4em 2em .4em 1em}.searchContainer .profileList .listItem .profileListName{font-size:1.2em;font-weight:450;color:#2c2c2c;text-decoration:none}.searchContainer .profileList .listItem .profileListName:hover{text-decoration:underline;color:#007bff}.searchContainer .lineBetween{width:100%;height:1px;background-color:#2c2c2c}.loading-spinner-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:#f7ece1b3;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-loader{position:relative;display:inline-block}.image-loader img{transition:opacity .3s ease;display:block}.image-loader img.loading{opacity:0}.image-loader img.loaded{opacity:1}.image-loader .image-skeleton,.image-loader .image-error{position:absolute;top:0;left:0;background-color:#f0f0f0;border-radius:inherit;display:flex;align-items:center;justify-content:center;color:#5a5a5a;font-size:.8em}.image-loader .image-skeleton{animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{background-color:#f0f0f0}to{background-color:#e0e0e0}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton .skeleton-text,.skeleton .skeleton-circle,.skeleton .skeleton-image,.skeleton .skeleton-button{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton .skeleton-circle{border-radius:50%}.skeleton .skeleton-text{height:1em;margin:.25em 0}.skeleton .skeleton-button{height:2.5em;width:5em}.skeleton .skeleton-image{border-radius:8px}.previewContainer.skeleton{padding:1em;margin:1em 0;border:1px solid #E3E0DC;border-radius:12px}.previewContainer.skeleton .previewUserIcon{width:50px;height:50px;margin-right:.8em}.previewContainer.skeleton .skeleton-username{width:120px;margin-right:auto}.previewContainer.skeleton .skeleton-time{width:60px}.previewContainer.skeleton .skeleton-image{width:100%;height:300px;margin:1em 0}.previewContainer.skeleton .skeleton-title{width:200px;height:1.5em;margin:.5em 0}.previewContainer.skeleton .skeleton-likes{width:80px;margin-right:auto}.previewContainer.skeleton .skeleton-button{width:30px;height:30px;border-radius:50%}.profileContainer.skeleton{padding:2em;text-align:center}.profileContainer.skeleton .profile-icon-skeleton{width:128px;height:128px;margin:0 auto 1em}.profileContainer.skeleton .profile-name-skeleton{width:150px;height:1.5em;margin:0 auto .5em}.profileContainer.skeleton .profile-stats-skeleton{width:200px;height:1em;margin:0 auto .5em}.profileContainer.skeleton .profile-bio-skeleton{width:250px;height:1em;margin:0 auto 1em}.profileContainer.skeleton .buttonContainer{display:flex;justify-content:center;gap:1em;margin-top:1em}.profileContainer.skeleton .buttonContainer .tab-skeleton{width:80px;height:40px;border-radius:20px}.previewUserIcon-wrapper,.previewImage-wrapper,.profileIcon-wrapper{display:inline-block;border-radius:inherit}.previewUserIcon-wrapper{display:inline-block}.previewImage-wrapper{width:100%;border-radius:8px}.postUserIcon-wrapper{display:inline-block}.profileIcon-wrapper{width:180px;height:180px;border-radius:50%;display:inline-block}.Toastify__toast-container{position:fixed;z-index:9999;top:1em;right:1em;width:auto;max-width:350px}.Toastify__toast{background-color:#fcf7f1;color:#2c2c2c;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #FA7E61;font-size:.95em;font-weight:500;margin-top:5em;margin-bottom:1em}.Toastify__toast-body{margin:0;padding:0}.Toastify__toast--success .Toastify__toast-icon{color:#4caf50}.Toastify__toast--error .Toastify__toast-icon{color:#e53e3e}.Toastify__toast--warning .Toastify__toast-icon{color:#ff9800}.Toastify__toast--info .Toastify__toast-icon{color:#007bff}.Toastify__close-button{color:#5a5a5a;opacity:.7}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}.toast-actions{display:flex;justify-content:space-around;margin-top:10px}.toast-actions button{padding:6px 12px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.toast-actions button.confirm-btn{background-color:#e53e3e;color:#fff}.toast-actions button.confirm-btn:hover{background-color:#c53030}.toast-actions button.cancel-btn{background-color:#e3e0dc;color:#2c2c2c}.toast-actions button.cancel-btn:hover{background-color:#e3e0dc}*{margin:0;padding:0}body{min-height:100vh;font-family:Roboto;background-color:#f7ece1}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}