:root{--lime: rgba(167, 201, 87, 1);--lime-25: rgba(167, 201, 87, .25);--kale: rgba(56, 102, 65);--green-bean: rgba(106, 153, 78, 1);--eggplant-900: rgba(43, 36, 42, 1);--eggplant-700: rgba(72, 60, 70, 1);--eggplant-25: rgba(198, 193, 187);--banana: rgba(255, 212, 73, 1);--banana-300: rgba(255, 238, 182, 1);--oatmeal: rgba(242, 232, 207, 1);--oatmeal-300: rgba(251, 248, 241, 1);--oatmeal-100: rgba(254, 253, 250, 1);--heading-font: "Merriweather Sans", sans-serif;--body-font: "Lato", sans-serif;--heading-size: 1.5rem;--subheading-size: 1.25rem;--body-text-size: .875rem;--body-text-small-size: .75rem;--box-shadow: 0px 2px 4px rgba(0, 0, 0, .12);--font-weight-bold: 700;--font-weight-regular: 500}body,html{background-color:var(--oatmeal-100);color:var(--eggplant-900);line-height:1.5;margin:0;padding:0}h1{font-family:var(--heading-font);font-size:var(--heading-size);font-weight:var(--font-weight-bold);margin:0;padding:0}h2{font-family:var(--heading-font);font-size:var(--subheading-size);font-weight:var(--font-weight-bold);margin:0;padding:0}p{font-family:var(--body-font);font-size:var(--body-text-size);font-weight:var(--font-weight-regular);margin:0;padding:0}.small{font-family:var(--body-font);font-size:var(--body-text-small-size);font-weight:var(--font-weight-regular)}.bold{font-weight:var(--font-weight-bold)}.page{padding-left:16px;padding-right:16px;margin-bottom:5rem}a{text-decoration:none}.pageLeftPadding{padding-left:16px;margin-bottom:8rem}.bottom-nav{background-color:#fefdfa;position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center}.nav-link{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;padding:12px;font-family:Lato,sans-serif;font-weight:400;font-size:.75rem;color:#2b242a66}.nav-link.active{color:#2b242a;opacity:1}.bottom-nav{background-color:var(--oatmeal-100);position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center}.nav-link{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;padding:12px;font-family:var(--body-font);font-weight:400;font-size:var(--body-text-small-size);color:#2b242a66}.nav-link.active{color:var(--eggplant-900);opacity:1}.nav-link img{opacity:.4}.nav-link.active img{opacity:1}.button-green{border-radius:8px;padding:10px;width:120px;display:block;text-decoration:none;font-size:var(--body-text-size);font-weight:var(--font-weight-bold);font-family:var(--body-font);color:var(--eggplant-900);background-color:var(--lime);cursor:pointer;box-shadow:var(--box-shadow);text-align:center}.button-yellow{background-color:var(--banana)}.button-kale{background-color:var(--kale);color:var(--oatmeal-100)}.button-outline{border:2px solid var(--green-bean);background-color:var(--oatmeal-100);color:var(--green-bean);padding:8px}.home-challenge-button{display:block;width:auto;margin-bottom:1.5rem}.landingPage{padding-left:16px;padding-right:16px}.landingLogo{display:flex;margin:auto;margin-top:7rem}.landingText{margin-top:4rem;text-align:center}.landingPara{margin-bottom:.5rem}.landingButtons{display:flex;flex-direction:column;gap:1rem;margin-top:4rem}.landingButton{text-align:center;margin:auto;width:85vw}.app-header{display:flex;align-items:center;padding:10px 0;background-color:var(--oatmeal-100);color:var(--eggplant);font-family:var(--heading-font);font-size:var(--heading-size);font-weight:700;margin-top:24px}.header-arrow{padding-right:10px;padding-left:5px}.page-title{flex-grow:1;text-align:center;margin-right:24px}.biggerPadding{padding-left:22px!important}.smallerMarginLeft{margin-right:40px}.postChallengeHeader{margin-left:16px!important}.photoUpload{width:100%!important;height:380px;object-fit:cover;padding-left:0!important;padding-right:0!important}.postATitle{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;border-width:2px;margin:16px 0;border-bottom-width:2px;border-bottom-color:#483c4680;border-bottom-style:solid}.postATitle input{border:none;outline:none;background-color:var(--oatmeal-100);font-family:var(--heading-font);font-size:var(--subheading-size);height:32px;color:var(--eggplant-700);padding:0;width:85%}.postATitle input:focus{color:var(--eggplant)}.postATitle p{color:var(--eggplant-700);opacity:.7;margin:0;padding:0;text-align:bottom}.postADescription{margin-right:16px}.postADescription textarea{font-family:var(--body-font);padding:8px;width:100%;height:104px;background-color:var(--oatmeal-100);outline-color:gray;border-color:gray}.postADescription textarea:focus{outline-color:gray;border-color:gray;border-width:1px;border-radius:0%}.postALabel{background-color:#a7c95740;border-radius:20px;color:var(--kale);padding:6px 16px;font-family:var(--body-font);font-weight:var(--font-weight-bold);margin:2px 6px}.postALabelSelected{background-color:#a7c957}.chooseALabelRow{font-family:var(--body-font);font-weight:var(--font-weight-bold);height:48px;overflow-y:auto;white-space:nowrap;align-items:center;display:flex}.chooseALabelRow::-webkit-scrollbar{width:0;display:none}.typeOfPost{width:140px;height:auto;background-color:var(--banana-300);border-radius:8px;padding:5px 2px;font-family:var(--body-font);font-size:var(--body-text-size);margin:8px 0 16px;z-index:1;position:absolute}.chosenTypeOfPost img{padding:0 8px}.alternativeTypeOfPost{padding-left:31px}.horizontalDividerPost{width:95px;height:1px;background-color:gray;z-index:4;margin:1px 0}.disabledBtnPost{opacity:.5;pointer-events:none}.buttonPostAChallenge{margin:50px auto}.containerButtonPostChallenge{display:flex;justify-content:center;margin-bottom:40px;margin-top:10px}.updateHeading{padding-left:16px}.homeHeaderContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;margin-top:24px;margin-bottom:16px}.home-logo{width:10rem}.notification-icon{width:1.5rem}.homeXpPoints{display:flex;flex-direction:row;gap:8px;border-radius:8px;text-decoration:none;padding:.5rem .4rem;color:var(--eggplant-900);background-color:var(--lime);cursor:pointer}.homeXpPoints p{font-weight:var(--font-weight-bold);font-size:var(--body-text-small-size)}.level-info-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:999}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popup-content{background:#fff;align-self:flex-end;padding:20px;max-width:100%;border-radius:16px 16px 0 0;box-shadow:0 2px 5px #00000080}.level-list{padding:1rem 0;display:flex;flex-direction:column;gap:1rem}.level-item{display:flex;align-items:center;gap:1rem}.level-image{width:56px;height:56px;margin-right:1rem}.level-details{display:flex;flex-direction:column}.level-title{font-weight:700}.level-description{margin-top:.2rem}.home-content h1{text-align:center;margin-bottom:1rem}.challenge-image{height:6rem}.myChallengeSlider{display:flex;flex-direction:row;overflow-y:auto;white-space:nowrap;padding:0;margin:0;gap:.5rem;height:fit-content;margin-bottom:1.5rem}.myChallengeSlider .coming-soon{margin-right:0;gap:0}.myChallengeSlider::-webkit-scrollbar{width:0;display:none}.challenge-card-container{display:flex;flex-direction:column;height:fit-content}.challenge-card{display:flex;flex-direction:row;align-items:center;background-color:var(--lime);padding:1rem;width:18rem;border-radius:8px 8px 0 0;gap:.5rem;margin-top:.5rem;box-shadow:var(--box-shadow);overflow-y:none}.friendsChallengeCard{align-items:center;display:flex;margin-top:8px}.friendsChallengeCard img{width:20px;height:auto;border-radius:50%;margin:0 8px 0 0}.friendsChallengeCard p{font-size:var(--body-text-small-size)}.SmallChallengeSlider{display:flex;flex-direction:row;overflow-y:auto;white-space:nowrap;padding:0;margin:0;gap:.5rem;height:10.5rem;margin-bottom:.5rem}.SmallChallengeSlider::-webkit-scrollbar{width:0;display:none}.challenge-card-small{display:flex;flex-direction:column;align-items:center;background-color:var(--banana-300);padding:.5rem;height:8.75rem;width:8.75rem;border-radius:8px;gap:.5rem;text-align:center;margin-top:.5rem;box-shadow:var(--box-shadow);overflow-y:none}.challenge-card-small p{text-wrap:wrap}.challenge-card-small .challenge-image{height:5rem}.challenge-card-bottom{display:flex;flex-direction:row;justify-content:space-between;padding:8px;background-color:#98bd55;border-radius:0 0 8px 8px;overflow-y:none}.challengeCardCompleted{display:flex;flex-direction:row;gap:8px;border-radius:8px;text-decoration:none;padding:.4rem .9rem;color:var(--oatmeal-100);background-color:var(--kale);cursor:pointer}.challengeCardCompleted p{font-weight:var(--font-weight-bold);font-size:var(--body-text-small-size)}.challenge-card-coming{display:flex;flex-direction:row;background-color:var(--lime-25);padding:1rem;gap:2rem;margin-top:.5rem;box-shadow:var(--box-shadow);border-radius:8px;width:auto;height:8rem}.no-challenge-card{display:flex;flex-direction:row;justify-content:center;background-color:var(--lime);padding:1rem;gap:2rem;margin-top:.5rem;box-shadow:var(--box-shadow);border-radius:8px;width:auto;height:8rem;margin-bottom:1.5rem}.no-challenge-card img{height:7rem}.challenge-card-coming .challenge-image,.challenge-card-text{opacity:50%}.challenge-card-coming p{font-weight:var(--font-weight-bold)}.challenge-card-content{display:flex;flex-direction:column;align-items:space-between;justify-content:space-between}.no-challenge-card-content{display:flex;flex-direction:column;justify-content:center;gap:1rem}.counter{display:flex;flex-direction:row;gap:.4rem;font-family:var(--body-font);justify-content:flex-end}.counter p{font-size:.65rem;margin:0;padding:0;line-height:1.2}.counter-box{background-color:var(--lime);width:1.5rem;height:1.5rem;padding:.4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px}.counter-number{font-weight:var(--font-weight-bold);font-size:var(--body-text-size);display:flex;align-content:center;line-height:1.2}.searchBar{display:flex;align-items:center;background:var(--oatmeal-100);border:none;border-radius:8px;padding:10px;box-shadow:var(--box-shadow);color:var(--eggplant-900);flex:1}.searchBarInput{border:none;outline:none;background:url(/assets/searchIcon-040788ac.svg) no-repeat left center;padding-left:32px;width:100%}.searchIcon{position:absolute;right:10px;color:var(--eggplant-900)}.recipesText{margin-bottom:1rem}.recipesGrid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:7rem}.recipesFixed{position:sticky;top:0;background-color:var(--oatmeal-100)}.recipeCardImage{width:11rem;height:6.5rem;object-fit:cover;border-radius:8px 0 0 8px}.recipeCardBoldTitle{font-weight:700;height:2.9rem}.recipeCard{display:flex;flex-direction:row;border-radius:8px}.recipeCardDate{font-family:var(--body-font);font-size:var(--body-text-small-size)}.recipeCardRight{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;gap:.5rem}.recipeCardContainer{box-shadow:var(--box-shadow)}.pinAndChallenge{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.loginHeading{margin-top:4rem}.signupHeading{margin-top:2rem}.loginInputContainer{margin-top:.5rem}.loginInput{width:100%}.loginButton{margin:auto;margin-bottom:1.5rem;margin-top:2rem;border:none}.loginSignupLink{display:flex;gap:.5rem;justify-content:center;font-family:var(--body-font);font-size:var(--body-text-size)}.signUpLink{color:var(--kale)}.postCardAvatarImage{width:1rem;height:1rem;border-radius:50%}.postCardAvatar{display:flex;flex-direction:row;align-items:center;gap:8px}.fullPostAvatarImage{width:2.5rem;height:2.5rem;border-radius:50%}.fullPostUserText{display:flex;flex-direction:column}.fullPostUser{display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem;margin-top:1rem}.updateHeader{position:sticky;top:0;background-color:var(--oatmeal-100);text-align:center;padding:16px}.updateBack{padding:16px;width:30vw;position:absolute;top:.25rem;left:.5rem;text-align:left!important}.fullPostImage{height:392px;width:100%;object-fit:cover;padding-left:0!important;padding-right:0!important}.fullPostButtons{display:flex;gap:1rem;margin:auto;margin-bottom:.5rem}.bottom8{margin-bottom:8px}.fullPostBack{padding:16px;width:91vw;position:sticky;top:0;background-color:var(--oatmeal-100)}.fullPostLower{padding-left:16px;padding-right:16px;color:var(--eggplant-900)}.fullPostDescription{margin-bottom:16px}.fullPostLikes{display:flex;flex-direction:row;gap:.5rem;align-items:center;font-family:var(--body-font);font-size:var(--body-font);margin-bottom:16px}.fullPostHeart{width:1rem}.postCardImage{width:100%;height:136px;object-fit:cover;border-radius:8px 8px 0 0}.postCardBoldTitle{font-weight:700;height:2.9rem}.postCardLikes{display:flex;flex-direction:row;gap:.5rem;align-items:center;margin-bottom:.5rem}.postCard{display:flex;flex-direction:column;border-radius:8px}.postCardLower{display:flex;flex-direction:column;color:var(--eggplant-900);padding:.5rem}.postCardDate,.postCardLikeText{font-family:var(--body-font);font-size:var(--body-text-small-size)}.postCardHeart{width:1rem;margin-left:.5rem}.postCardContainer{box-shadow:var(--box-shadow)}.feed{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:7rem}.feedTabs{width:100%!important;margin-bottom:1rem;padding-top:2.5rem;position:sticky;top:0!important;background-color:var(--oatmeal-100)}.feedTabs .MuiTabs-indicator{background-color:var(--banana)}.MuiButtonBase-root.MuiTab-root.MuiTab-textColorPrimary.Mui-selected.feedTab.css-1h9z7r5-MuiButtonBase-root-MuiTab-root{color:var(--eggplant-900)!important;width:50vw!important;font-family:var(--heading-font);font-size:var(--subheading-size)!important;text-transform:capitalize!important}.css-1ujykiq-MuiButtonBase-root-MuiTab-root.Mui-selected,.css-251er.Mui-selected{color:var(--eggplant-900)!important;font-family:var(--heading-font);font-size:var(--subheading-size)!important}.MuiButtonBase-root,.MuiTab-root,.MuiTab-textColorPrimary,.feedTab,.css-1h9z7r5-MuiButtonBase-root-MuiTab-root{color:#d9d9d9!important;width:50vw!important;font-size:var(--subheading-size)!important;text-transform:capitalize!important}.feedSearch{margin-bottom:1rem;display:flex;gap:.5rem;justify-content:center}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.profile-post-card{box-shadow:var(--box-shadow);height:210px;display:inline-block;vertical-align:top;border-radius:8px;margin-bottom:10px}.profile-post-card-image{width:100%;height:136px;object-fit:cover;border-radius:8px 8px 0 0}.profile-post-card-bold{font-weight:700;line-height:2.9rem;padding:0 6px}.profile-container{margin-top:3rem;text-align:center;padding:20px;box-shadow:0 4px 4px -3px #0000001a}.user-container{margin-top:1.5rem;display:flex;align-items:center}.profile-image-container{width:300px;height:160px;border-radius:50%;margin:0;margin-right:1.5rem;display:flex;justify-content:center;align-items:center;position:relative;width:100%}.edit-button{position:absolute;bottom:-10px;right:0;background:transparent;border:none;padding:0;cursor:pointer;z-index:1}.edit-icon{width:46px;height:46px;z-index:2}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-info{text-align:left;width:100%}.user-name{font-family:var(--body-font);font-weight:var(--font-weight-bold)}.user-username{font-family:var(--body-font);font-weight:300;font-size:var(--body-text-size)}.user-level{font-family:var(--body-font);font-weight:var(--font-weight-regular)}.user-xp{font-family:var(--body-font);font-weight:var(--font-weight-regular);font-size:var(--body-text-size)}.user-upcoming-level{align-self:flex-end;text-align:right;margin-top:.75rem}.progress-bar{width:100%;height:23.2px;border-radius:8px;background-color:var(--lime)}.user-xp-info{display:flex;flex-direction:row;justify-content:space-between;font-family:var(--body-font);font-weight:var(--font-weight-regular)}.user-level-info{display:flex;align-items:center;align-self:flex-end}.info-icon{width:20px;height:20px;margin-left:auto}.my-posts-container{margin-top:1rem;margin-left:16px}.user-posts{padding:1rem 16px}.user-posts h2{padding:1rem 0}.click-outside{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;cursor:pointer;z-index:1}.friends-container{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.friends-heading{text-decoration:none!important;color:#2b242a!important}.friends-content{width:100%;height:100px;background-color:var(--banana-300);border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.settings-container{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.settings-content{width:100%;background-color:var(--banana-300);border-radius:8px;padding:16px;height:36px;display:flex;align-items:center}.settings-content h2{margin:0;color:var(--eggplant-900);font-weight:var(--font-weight-bold);font-size:var(--subheading-size)}.profile-content{margin-bottom:6rem}.friends-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:999}.popup-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:20px}.popup-content{background:#fff;padding:20px;width:100%;border-radius:16px 16px 0 0;box-shadow:0 2px 5px #00000080;position:relative}input.username-input{width:290px;height:30px;border:1px solid #d9d9d9;border-radius:8px;padding:10px}.input-container{display:flex;flex-direction:column;align-items:center;margin-top:20px}.invite-button{width:260px;padding:12px 0;background-color:var(--lime);color:#2b242a;border:none;border-radius:8px;cursor:pointer;margin:20px auto}.close-button{cursor:pointer;position:absolute;top:20px;right:20px}.container-align{display:flex;flex-direction:column;justify-content:center;align-items:center}.button-container{display:flex;justify-content:flex-end}.add-friend-button{width:70px;height:30px;background-color:var(--lime);display:flex;justify-content:space-around;align-items:center;border:none;border-radius:16px;cursor:pointer;color:var(--eggplant-900)!important}.add-friend-button img{width:16px;height:16px}.container-flex{display:flex;flex-direction:row}.friends-user-info{display:flex;align-items:center;justify-content:space-between;padding:6px;border:1px solid rgba(0,0,0,.5);border-radius:16px;margin-top:1rem}.friend-user-image{width:5.5rem;height:5.5rem;border-radius:50%;margin-right:1rem}.friend-user-details{display:flex;flex-direction:column}.friend-user-name{font-family:var(--body-font);font-weight:var(--font-weight-bold)}.friend-user-username{font-family:var(--body-font);font-weight:300;font-size:var(--body-text-size)}.friend-user-level{font-family:var(--body-font);font-weight:var(--font-weight-regular)}.friend-user-xp{font-family:var(--body-font);font-weight:var(--font-weight-regular);font-size:var(--body-text-size)}.more-icon{display:flex;align-items:center;justify-content:center}.more-image{width:24px;height:24px}.settings-container-structure{border:1px solid rgba(0,0,0,.25);border-radius:16px;margin-top:2rem;display:flex;flex-direction:column;padding:0 16px 16px}.inside-structure{display:flex;flex-direction:row;align-items:center;margin-top:16px}.inside-structure img{margin-right:16px}.inside-structure-different{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.inside-structure-different img{margin-right:16px}.together{display:flex;flex-direction:row;align-items:center}.padding-settings-page{padding:0 16px}.settings-button-logout{border:none;background-color:var(--oatmeal-100);color:var(--eggplant-900)!important;margin:2rem auto;display:block;border:1px solid rgba(0,0,0,.25);border-radius:8px;padding:8px;width:120px}.challengePageHeadings{display:flex;flex-direction:column;justify-content:center;align-items:center}.challengePageHeadings img{width:200px;height:auto}.challengePageHeadings>*{margin-bottom:4px}.challengePageDifficulty{display:flex;flex-direction:row;justify-content:space-between;font-family:var(--body-font);align-items:center;margin:8px 0 16px}.boldSpan{font-weight:var(--font-weight-bold)}.challengeXPLabel{padding:4px 20px;background-color:var(--lime);color:var(--eggplant);border-radius:16px}.friendsChallengePage{align-items:center;display:flex;margin-top:8px}.friendsChallengePage img{width:40px;height:auto;border-radius:50%;margin:0 8px 0 0}.buttonsChallengePage{display:flex;flex-direction:row;justify-content:space-around;margin:30px 20px}.buttonsChallengePageColumn{display:flex;flex-direction:column;font-family:var(--body-font);justify-content:center;align-items:center;margin:20px 0 80px}.completeBtn{width:180px;padding:10px 0}.removeBtnTertiary{font-size:12px;padding:14px 0}.modalRemove,.modalFriends{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modalRemoveContent,.modalFriendsContent{background-color:var(--oatmeal-100);margin:70% auto;padding:20px;border-radius:8px;width:260px;align-items:center}.closeModalRemove{display:flex;justify-content:end}.modalRemoveText p{text-align:center;width:220px;margin:10px 0 20px}.modalRemoveText{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px}.modalBtnHorizontal{display:flex;flex-direction:row}.modalBtnHorizontal>*{margin:10px}.btnSmall{width:50px!important}.confirmation{display:none}.bigBtn{width:200px;margin-bottom:10px}.successPostContent{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;margin:40% auto}.successP{width:85%;margin:30px 0}.animatedCircle{stroke-dasharray:565;stroke-dashoffset:565;animation:dash 2s linear forwards;margin-bottom:30px}.btnNewChallenge{padding-top:8px}.pointsXP{font-family:var(--heading-font);margin-top:5px}@keyframes dash{to{stroke-dashoffset:0}}.searchFilterBar{margin-left:0;display:flex;flex-direction:row;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.searchBar{background-color:var(--oatmeal-300);width:16rem;height:(.8+.8+1.5);box-shadow:var(--box-shadow);border-radius:8px}.challengesFilter{background-color:var(--kale);height:1.5rem;width:2.5rem;display:flex;padding:.8rem;border-radius:8px;justify-content:center}.filter-buttons-container{display:flex;flex-direction:column;margin-top:20px;margin-bottom:1rem;gap:1rem}.difficulty-filter::-webkit-scrollbar{width:0;display:none}.filter-button{background-color:#a7c95740;border-radius:20px;color:var(--kale);padding:8px 16px;font-family:var(--body-font);font-weight:var(--font-weight-bold);margin:2px 6px;border:none}.selected-filter{background-color:#a7c957}.updatePostButton{border:none}.content404{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:120px 0}.content404 img{margin-bottom:50px;width:70%}.content404 p{width:75%;text-align:center}.content404>*{margin-bottom:30px}