@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{font-family:Roboto,sans-serif;box-sizing:border-box}:root{--main-color: rgb(255, 191, 41);--hover-color: rgba(255, 209, 73, .083);--main-color-hover: rgb(235, 172, 25);--button-secondary-color: rgb(232, 169, 22);--background-color: rgb(244, 241, 221);--placeholder: rgb(198, 198, 198);--grey-text: rgb(173, 173, 173);--text-color2: rgb(89, 89, 89);--dropdown-active-color: rgb(255, 242, 198);--background-color2: white;--light: 300;--normal: 400;--bold: 500;--hover-color: rgb(255, 248, 229);--padding: 10px;--button-padding: 0px 18px 0px 18px;--dropdown-button: 4px 6px 4px 6px;--dropdown-active-shadow: 0px 0px 7px rgba(252, 195, 6, .652);--dropdown-radius: 5px;--border-radius-input: 5px;--button-height: 36px;--button-radius: 40px;--button-text-weight: 600;--button-shadow: 2px 2px 5px rgba(170, 170, 170, .2);--main-color-hover: rgb(255, 191, 41);--button-secondary-color-hover: rgb(220, 160, 19);--text: 13px;--button-text: 14px;--box-radius: 15px;--box-shadow: 0px 0px 5px rgba(186, 186, 186, .5);--box-shadow-hover: 0px 0px 5px rgba(174, 174, 174, .596);--dropdown-option-height: 35px;--dropdown-option-hover: rgba(252, 193, 43, .154);--input-height: 36px;--input-border: 1px solid rgb(234, 234, 234);--input-border-radius: 5px;--input-padding: 0px 10px 0px 10px;--input-border-inset: inset 3px 3px 5px rgba(196, 196, 196, .087);--input-hover-border: 1px solid rgb(254, 191, 45);--input-hover-shadow: 0px 0px 5px rgb(254, 191, 45)}h1{font-size:25px}h2{font-size:20px}body{margin:0}h1,h2,h3,h4,h5,h6,p,input,img,button{-webkit-user-select:none;user-select:none;padding:0;margin:0}img{object-fit:cover}p{-webkit-user-select:none;user-select:none;font-size:var(--text)}a{text-decoration:none;color:#000}.small-text{color:var(--grey-text)}input:focus{outline:none}.HOME,.ADD_RECIPE,.SETTINGS,.NEWS_FEED,.ACCOUNT,.NEWS-FEED{padding-top:100px;display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:80px;width:80%;max-width:1300px}@media (max-width: 600px){.HOME,.ADD_RECIPE,.SETTINGS,.NEWS_FEED,.ACCOUNT,.nav-bar_container,.NEWS-FEED{width:90%}}.ADD_RECIPE h1,.SETTINGS h1,.NEWS_FEED h1{text-align:center}.container{border:1px solid rgb(231,231,231);width:100%;display:grid;gap:12px;padding:15px;border-radius:10px;box-shadow:0 0 5px #9a9a9a1c}svg{color:var(--main-color)}.BODY{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;overflow-x:hidden}.BODY.home{background-color:var(--background-color)}.BODY .notHome{background-color:var(--background-color2)}.NAV_BAR{width:100vw;justify-content:center;background-color:#f4f1dd;position:fixed;top:0;height:70px;z-index:100}.nav-bar_container{max-width:1300px;display:flex;align-items:center;justify-content:space-between}@media (min-width: 600px){.nav-bar_container{width:80%}}.NAV_BAR,.nb_controls{display:flex;align-items:center}.NAV_BAR.notHome{box-shadow:5px 5px 5px #eeeeee80}.NAV_BAR.notHome.hide{box-shadow:none}.nb_controls{gap:10px}.nb_controls.hide{visibility:hidden}.nb_controls p{cursor:pointer}.LOGO{display:flex;align-items:center}.LOGO img{width:55px;height:55px;object-fit:cover}.LOGO p{font-family:Caveat Brush,cursive;font-size:25px}.BUTTON{font-size:var(--button-text);height:var(--button-height);padding:var(--button-padding);border-radius:var(--button-radius);font-weight:var(--bold);background:linear-gradient(to top,var(--button-secondary-color),var(--main-color));border:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:.4s ease;cursor:pointer}.BUTTON:hover{background:linear-gradient(to top,var(--button-secondary-color-hover),var(--main-color-hover))}.CLEAR-ALL{background-color:#fff;border:1px solid rgba(185,185,185,.302);color:var(--main-color);cursor:pointer;transition:.4s ease}.CLEAR-ALL:hover{border:1px solid rgba(185,185,185,.474)}.BUTTON.invalid{opacity:.4;cursor:not-allowed}.BUTTON.nothing-selected{background:#fff;color:var(--main-color);border:1px solid var(--main-color);opacity:.4;cursor:not-allowed}.BUTTON.clear{background:#fff;color:var(--main-color);border:1px solid rgba(253,195,5,.659)}.BUTTON.clear:hover{border:1px solid var(--main-color)}.BUTTON.Unfollow{background:#ededed}.ACCOUNT_LOGEDIN{display:flex;align-items:center;gap:15px}.USER_PROFILE{position:relative}.account-dropdown{position:absolute;right:0;top:40px;padding:var(--padding);box-shadow:var(--box-shadow);border-radius:var(--box-radius);background-color:var(--background-color2)}.account-dropdown div{padding:var(--dropdown-button);border-radius:var(--dropdown-radius)}.account-dropdown div:hover{background:var(--hover-color)}.account-dropdown p{font-weight:var(--normal);color:var(--text-color2)}.PROFILE-PICTURE{display:flex;align-items:center;justify-content:center;height:36px;width:36px;border:none;border-radius:50%;cursor:pointer;background-color:var(--main-color);overflow:hidden}.PROFILE-PICTURE.active{box-shadow:0 0 10px #fdc505}.PROFILE-PICTURE img{height:36px;width:36px;object-fit:cover}.PROFILE-PICTURE p{font-size:20px}.NAV-BAR-BUTTON{display:flex;align-items:center;justify-content:center;gap:5px;border:none;height:var(--button-height);border-radius:var(--button-radius);cursor:pointer;transition:.3s ease;background-color:#fff;box-shadow:2px 2px 5px #8c8c8c37}.NAV-BAR-BUTTON.add-recipe{padding:var(--button-padding);font-weight:var(--bold)}.NAV-BAR-BUTTON.news-feed{width:var(--button-height)}.NAV-BAR-BUTTON:hover{background-color:#f7f7f7}.NAV-BAR-BUTTON svg{height:15px}.hero{display:grid;justify-items:center;gap:15px;padding:40px 0 10px;position:relative;width:100%}.hero img:nth-of-type(1){width:clamp(160px,30%,300px);position:absolute;top:50px;left:clamp(-90px,0px,-140px)}.hero img:nth-of-type(2){width:clamp(120px,30%,300px);position:absolute;z-index:1;right:clamp(-140px,-120px,90px)}.HOME{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.HOME h1{font-family:Caveat Brush,cursive;font-size:clamp(24px,5vw,40px)}.HOME h2{font-size:15px;font-weight:400}.SEARCH-BAR{display:grid;width:100%;max-width:600px;gap:10px;z-index:99}.search-bar-and-filters{display:flex;align-items:center;gap:10px}.SEARCH-BAR.pc{flex-direction:column}.search-bar_container{width:100%;height:45px;max-width:600px;box-shadow:0 5px 5px #0000000f;z-index:6;background-color:#fff;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.search-bar_container.active{border-radius:10px 10px 0 0}.search-bar{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;height:40px;width:100%;padding:0 15px 0 35px}.search-bar button svg{font-size:14px}.search-bar input{border:none;width:100%}.search-bar input:focus{outline:none}@media (max-width: 1200px){.srch{width:90%}.SEARCH_BAR{height:40px}}.SEARCH-BAR_FILTERS{width:100%;display:grid;gap:10px}.search-bar_filters{max-height:50px;overflow:auto;width:100%;display:flex;gap:5px;width:90%;flex-wrap:wrap}.remove-filters{cursor:pointer}.SEARCH-BAR_FILTER{display:flex;align-items:center;gap:5px;height:20px;background-color:#ffc30d71;border-radius:5px;padding:5px;text-wrap:nowrap}.SEARCH-BAR_FILTERS button{border:none;cursor:pointer;background-color:#ffc30d71}.BUTTON2{border:none;height:35px!important;width:35px!important;border-radius:50%;position:relative;cursor:pointer;background-color:#80808000;transition:.3s ease;display:flex;align-items:center;justify-content:center}.BUTTON2.not-valid{opacity:.4;cursor:not-allowed}.BUTTON2 svg{font-size:17px}.BUTTON2 button{border:none}.BUTTON2:hover{background-color:#ffbc211c}.BUTTON2:hover .HOVER-BOX{display:flex}.HOVER-BOX{position:absolute;top:110%;left:50%;transform:translate(-50%);display:none;align-items:center;justify-content:center;background-color:#4e4e4e;box-shadow:0 0 5px #00000080;padding:7px 10px;border-radius:10px;cursor:default;z-index:120}.HOVER-BOX p{white-space:nowrap;color:#fff;font-size:13px}.search-bar_dropdown_container{max-height:300px;background-color:#fff;width:90%;position:absolute;top:40px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;border-radius:0 0 10px 10px;padding:0 10px 10px}.filtered-ingredients_dropdown{border-top:1px solid rgba(228,228,228,.499);width:95%;background-color:#fff;overflow:auto}.filtered-ingredients_dropdown img{width:30px}.filtered-ingredients_dropdown div{display:flex;align-items:center;gap:10px;height:35px;cursor:pointer;border-radius:5px;padding:0 10px}.filtered-ingredients_dropdown div:hover{background-color:var(--dropdown-option-hover)}.ALL_RECIPES{width:100%;display:grid;gap:30px}.all-recipes_container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:30px}.all-recipes_container.empty{display:flex;align-items:center;justify-content:center}.all-recipes_container.empty p{font-size:18px}@media (max-width: 600px){.all-recipes_container{grid-template-columns:1fr}}@media (min-width: 1000px){.all-recipes_container{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 1300px){.all-recipes_container{grid-template-columns:1fr 1fr 1fr 1fr}}.ALL_RECIPES button{justify-self:center}.ALL_RECIPES.empty{display:flex;align-items:center;justify-content:center;min-height:150px}.RECIPE_BOX{display:grid;grid-template-rows:1fr 70px;border-radius:5px;background-color:#fff;box-shadow:0 0 5px #00000041;cursor:pointer;max-height:400px}.recipe-box_headline{display:flex;align-items:flex-start;justify-content:space-between}.recipe-box_recipe-name{font-size:18px;color:#000;font-weight:700;white-space:nowrap}.remove-from-favorites{border:1px solid black;display:flex;position:relative}.remove-from-favorites:hover .HOVER-BOX{display:flex}.RECIPE_BOX:hover{box-shadow:0 0 5px #0000005f}.RECIPE_BOX img{width:100%;object-fit:cover}.recipe-box_content{display:grid;padding:10px}.recipe-box_content div{align-items:center;gap:5px;color:gray}.recipe-type_container{display:flex}.ADD-TO-FAVOURITES{height:var(--button-height);padding:0 10px;border-radius:5px;display:flex;align-items:center;gap:5px;cursor:pointer;position:relative}.ADD-TO-FAVOURITES:hover{background-color:var(--dropdown-option-hover)}.ADD-TO-FAVOURITES:hover .HOVER-BOX{display:flex}.filter_container{width:100%;display:flex;flex-direction:column;gap:10px}.filter-section{display:flex;justify-content:space-between;gap:10px}.dropdowns{display:flex;gap:15px}.DROPDOWN{position:relative;z-index:98}.dropdown-selector{display:flex;align-items:center;gap:10px;height:25px;padding:var(--button-padding);border-radius:var(--button-radius);cursor:pointer;justify-self:flex-start;text-wrap:nowrap}.dropdown-selector.not-active,.dropdown-options.notactive{box-shadow:var(--box-shadow)}.dropdown-selector.not-active{background-color:#fff}.dropdown-selector.active,.dropdown-options.active{box-shadow:0 0 5px #ffbf1da2}.dropdown-selector.active{background-color:var(--dropdown-active-color)}.dropdown-selector svg{color:var(--main-color)}.dropdown-options{padding:10px;box-shadow:var(--box-shadow);border-radius:10px;position:absolute;top:30px;background-color:var(--background-color2);width:160px;max-height:200px;overflow:auto}.dropdown-options div{display:flex;align-items:center;justify-content:space-between;padding:var(--dropdown-button);border-radius:var(--dropdown-radius);cursor:pointer}.dropdown-options div:hover{background-color:var(--hover-color);border-radius:var(--dropdown-radius)}.dropdown-options div p{font-weight:var(--normal);color:var(--text-color2)}.dropdown-options div svg{color:var(--main-color)}.FILTER-DROPDOWN-OPTION{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-radius:5px;cursor:pointer}.FILTER-DROPDOWN-OPTION:hover{background-color:var(--hover-color)}.FILTER-DROPDOWN-OPTION p{font-weight:var(--normal);color:var(--text-color2)}.FILTER{position:relative;z-index:5}.FILTER svg{color:var(--main-color)}.filter-selector{display:flex;align-items:center;gap:10px;height:25px;padding:var(--button-padding);border-radius:var(--button-radius);cursor:pointer;justify-self:flex-start}.filter-selector svg{color:var(--main-color)}.filter-selector.not-active,.filter-options.not-active{box-shadow:var(--box-shadow);background-color:#fff}.filter-selector.active,.filter-options{box-shadow:0 0 5px #ffbf1da2}.filter-selector.active{background-color:var(--dropdown-active-color)}.filter-options{padding:10px;box-shadow:var(--box-shadow);border-radius:10px;position:absolute;top:38px;right:0;background-color:var(--background-color2);width:160px;max-height:200px;overflow:auto}.filter-options.mobile{left:0}.sorting-options_container div{display:flex;align-items:center;justify-content:space-between;padding:var(--dropdown-button);border-radius:var(--dropdown-radius);cursor:pointer}.sorting-options_container div:hover{background-color:var(--hover-color);border-radius:var(--dropdown-radius)}.line{border-bottom:1px solid rgba(232,232,232,.649);margin:10px 0}.sort-by div{display:flex;align-items:center;justify-content:space-between;padding:var(--dropdown-button);border-radius:var(--dropdown-radius);cursor:pointer}.sorting-option.active{background-color:#ffe893}.filter-options p{font-weight:var(--normal);color:var(--text-color2)}.MOBILE-FILTERS{background-color:#fff;box-shadow:0 0 5px #00000080;min-width:80%;max-width:300px;max-height:70%;position:fixed;top:50;left:50;padding:20px;border-radius:10px;z-index:200;display:flex;flex-direction:column;gap:10px}.MOBILE-FILTERS h2{font-size:20px;font-weight:700;text-align:middle}.mobile-filters_headline{position:relative;display:flex;align-items:center;justify-content:flex-end}.mobile-filters_headline h2{position:absolute;left:50%;transform:translate(-50%)}.mobile-filters_body{max-height:90%;overflow-y:auto}.mobile-filters_controls{display:flex;gap:10px}.mobile-filters_controls button{border-radius:5px;width:100%}.MOBILE-DROPDOWN{display:grid}.mobile-dropdown_headline{display:flex;align-items:center;justify-content:space-between;height:36px;padding:10px;border-radius:5px;cursor:pointer}.ACCOUNT{padding-top:70px}.ACCOUNT.false{display:flex;align-items:center;justify-content:center}.ACCOUNT h1{font-size:35px}.user-not-found{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.NAV_MENU{display:flex;align-items:center;justify-content:flex-start;gap:10px;max-width:100%;width:100%;overflow-y:auto;border-bottom:1px solid rgb(234,234,234);scrollbar-width:none;-ms-overflow-style:none}.NAV_MENU div p{font-weight:var(--bold)}.nav-button{cursor:pointer;position:relative;padding:10px;border-radius:5px;margin-bottom:10px;transition:.4s ease;white-space:nowrap}.nav-button p{font-size:16px}.nav-button div{height:5px;border-radius:7px 7px 0 0;width:100%;background-color:var(--main-color);position:absolute;bottom:-10px;left:0}.nav-button:hover{background-color:#fcc12b26}.FOLLOWING-USERS{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:10px;row-gap:20px}@media (max-width: 600px){.FOLLOWING-USERS{grid-template-columns:1fr 1fr;gap:50px}}@media (max-width: 1000px){.FOLLOWING-USERS{grid-template-columns:1fr 1fr 1fr;gap:50px}}@media (max-width: 1300px){.FOLLOWING-USERS{grid-template-columns:1fr 1fr 1fr 1fr;gap:50px}}.FOLLOWING-USERS.empty{display:flex;align-items:center;justify-content:center;min-height:150px}.FOLLOWING-USERS.empty p{font-size:18px}.FOLLOWING-USER{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:15px;box-shadow:0 0 5px #c1c1c180;padding:20px;cursor:pointer;border-radius:10px}.FOLLOWING-USER:hover{box-shadow:0 0 5px #bcbcbc80}.FOLLOWING-USER p{font-size:20px;font-weight:700;text-align:center}.FOLLOWING-USER img{width:100px;height:100px;border-radius:50%}.ALL-POSTS{display:grid;gap:10px}.ALL-POSTS.account{width:100%;display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px}.ALL-POSTS.account .POST{flex:0 0 calc(33.333% - 13.333px);box-sizing:border-box}.ALL-POSTS.account.empty{display:flex;align-items:center;justify-content:center;min-height:150px}.ALL-POSTS.account.empty p{font-size:18px}@media (max-width: 1000px){.ALL-POSTS.account .POST{flex:0 0 100%}}.CONTENT-BOX{display:grid;gap:15px;box-shadow:0 0 5px #bbbbbb80;padding:15px;border-radius:10px}.content-box_text{white-space:normal;overflow-wrap:break-word;word-break:break-word}.CONTENT-BOX .CLICKABLE-TEXT{padding:10px 0 0 10px}.WRITE-REPLY{display:grid;gap:10px}.write-reply_profile-pic-input{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px}.write-reply_controls{display:flex;align-items:center;justify-content:flex-end;gap:10px}.write-reply_controls p{cursor:pointer}.INPUT2{border:none;width:100%;border-bottom:1px solid rgb(218,218,218);padding:5px}.INPUT2:focus{outline:none;border-bottom:1px solid rgb(168,168,168)}.SHOW_MORE{display:flex;align-items:center;gap:10px;cursor:pointer;background-color:#fff8e7;padding:var(--button-padding);height:25px;border-radius:10px;justify-self:flex-start;width:fit-content}.SHOW_MORE svg{color:var(--main-color)}.REPLY{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px}.reply_headline{display:flex;align-items:center;gap:10px}.reply_headline p:nth-of-type(1){font-weight:700;font-size:12px;color:#000}.reply_headline p:nth-of-type(2){font-size:10px;color:var(--grey-text)}.reply_body{display:grid}.CONTENT-BOX_HEADLINE{display:flex;justify-content:space-between;gap:10px}.content-box_author{display:flex;align-items:center;gap:10px}.content-box_headline{display:flex;flex-direction:column;gap:5px}.content-box_name-date.review{display:flex;align-items:center;gap:10px}.content-box_name-date p:nth-of-type(1){font-weight:700}.content-box_name-date p:nth-of-type(2){color:var(--grey-text);font-size:10px}.STAR.grey{color:#e5e5e5}.CONTENT-BOX_CONTROLS{display:flex}.CONTENT-BOX_BUTTONS{display:flex;gap:10px}.COMMENT{display:flex;align-items:center;justify-self:flex-start;box-shadow:0 0 5px #00000032;height:25px;padding:0 10px;border-radius:30px;gap:5px;background-color:#fff;cursor:pointer;transition:.3s ease}.COMMENT.active,.COMMENT:hover{display:flex;background-color:var(--dropdown-active-color);box-shadow:0 0 5px #ffbf1da2}.LIKE{display:flex;align-items:center;justify-self:flex-start;box-shadow:0 0 5px #00000032;height:25px;padding:0 10px;border-radius:30px;gap:5px;background-color:#fff;cursor:pointer;transition:.3s ease}.LIKE.liked,.LIKE:hover{background-color:#ffbb2954;box-shadow:0 0 5px #ffbb29}.CLICKABLE-TEXT{font-weight:700;cursor:pointer}.CLICKABLE-TEXT:hover{text-decoration:underline}.UPLOAD-PICTURE{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:15px;width:350px;padding:20px;border-radius:5px;background-color:#fff;z-index:120}.upload-picture_headline{display:flex;align-items:center;justify-content:space-between}.UPLOAD-IMAGES,.uploading-images_container{display:grid;gap:10px}.EACH-UPLOADED-IMAGE{display:flex;align-items:center;gap:10px}.EACH-UPLOADED-IMAGE img{width:40px;height:40px;object-fit:cover;border-radius:5px}.content{display:grid;width:80%;gap:3px}.content p:nth-of-type(1){font-weight:700}.content p:nth-of-type(2){font-size:12px;color:gray}.progress-bar_container{height:7px;width:100%;background-color:#d8d8d8;border-radius:10px}.progress-bar_container div{height:7px;border-radius:10px;background-color:var(--main-color)}.DROPZONE{display:grid;gap:10px}.dropzone-container{height:200px;border-radius:10px;background-color:#ffc94b10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:.5s ease;border:4px dashed rgba(255,229,169,.737)}.dropzone-container.drag-over{background-color:#ffc94b36;border:4px dashed rgba(243,215,151,.822)}.dropzone-container p{font-size:18px}.dropzone-container svg{font-size:50px;color:#ffd778}.dropzone-container span{font-weight:900;cursor:pointer}.DROPZONE-INFORMATION{display:grid;color:gray}.cover-image_container{width:100%;position:relative}.cover-image_container img{width:100%;height:250px;border-radius:0 0 20px 20px}.cover-image{height:250px;width:100%;background-color:#f6f6f6;border-radius:0 0 20px 20px;transition:.4s ease;cursor:pointer}.cover-image:hover{background-color:#eee}.utensils{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:100px;opacity:.1;color:gray}.cover-image_container button svg{color:#fff}.cover-photo_controls{position:absolute;bottom:20px;right:20px;z-index:99}.REMOVE-CHANGE-COVER-PHOTO{width:150px;background-color:#fff;box-shadow:0 0 5px #00000080;display:grid;gap:5px;padding:5px;border-radius:5px;z-index:120;position:absolute;top:100%}.REMOVE-CHANGE-COVER-PHOTO div{padding:7px 5px;border-radius:var(--dropdown-radius);cursor:pointer;display:flex;align-items:center;gap:10px}.REMOVE-CHANGE-COVER-PHOTO div:hover{background:var(--hover-color)}.USER-PROFILE{display:flex;gap:30px;width:100%;margin-top:-20px}.user-info{display:flex;justify-content:flex-start}.name-and-description{display:flex;flex-direction:column;gap:10px}.user_headline{display:flex;align-items:center;gap:10px}.bio{white-space:normal;overflow-wrap:break-word;word-break:break-word;color:gray}.name-and-description button{max-width:100px}@media (max-width: 600px){.USER-PROFILE{display:grid;grid-template-columns:1fr;justify-items:center}.name-and-description{justify-items:center}.name-and-description p{text-align:center}.name-and-description{display:flex;align-items:center;justify-content:center}.user_headline{display:grid;justify-items:center}}.ACCOUNT-PROFILE-PICTURE{display:flex;align-items:center;justify-content:center;width:175px;height:175px;border-radius:50%;margin-top:-20px;background-color:#fff;position:relative;z-index:5}.ACCOUNT-PROFILE-PICTURE img{width:160px;height:160px;border-radius:50%;object-fit:cover}.ACCOUNT-PROFILE-PICTURE button{position:absolute;bottom:10px;right:10px;padding:10px}.ACCOUNT-PROFILE-PICTURE button:hover{transform:scale(1.05)}.ACCOUNT-PROFILE-PICTURE button svg{color:#fff}.SOCIAL-ICONS{display:flex;justify-items:center}.SETTINGS{display:grid;justify-content:center}.SETTINGS button{justify-self:flex-start}.cancel-changes{display:flex;gap:10px}.input{width:100%;height:var(--input-height);border:var(--input-border);border-radius:var(--input-border-radius);padding:var(--input-padding);box-shadow:var(--input-border-inset)}.input:focus{outline:none}.input:hover{border:var(--input-hover-border);box-shadow:var(--input-hover-shadow)}.TEXTAREA textarea{width:100%;border-radius:var(--input-border-radius);border:var(--input-border);resize:none;max-height:200px;overflow:auto;min-height:100px;padding:10px}.TEXTAREA textarea:focus{outline:none;border:var(--input-hover-border);box-shadow:var(--input-hover-shadow)}.TEXTAREA p{text-align:right;color:#9b9b9b}.social-media_container{display:grid;gap:10px}.social-media_container div{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px}.social-media_container svg{font-size:25px;width:25px;color:var(--main-color)}.personal-information_container,.contact-information_container{display:grid;grid-template-columns:1fr 1fr;gap:10px;row-gap:20px}.COUNTRY_SELECTOR{height:var(--input-height);border:var(--input-border);height:36px;border-radius:5px;display:flex;align-items:center;position:relative}.COUNTRY_SELECTOR:hover,.COUNTRY_SELECTOR.active{border:var(--input-hover-border);box-shadow:var(--input-hover-shadow)}.COUNTRY_SELECTOR img{width:30px;height:20px;object-fit:cover;border-radius:5px}.country-selector_dropdown{display:flex;align-items:center;gap:10px;width:100%;height:100%;padding:0 10px;cursor:pointer}.country-selector_dropdown svg{position:absolute;right:10px;color:var(--main-color)}.country-dropdown_container{background-color:#fff;box-shadow:0 0 10px #9c9c9c80;border:1px solid rgba(210,210,210,.558);position:absolute;top:40px;border-radius:5px;padding:5px;z-index:2}.country-dropdown_search{display:grid;grid-template-columns:35px 1fr;align-items:center;padding:7px}.country-dropdown_search input{border:none;height:20px;padding-left:5px;box-shadow:none}.country-dropdown_search svg{color:var(--main-color);padding-left:5px}.country-dropdown_options{max-height:150px;overflow:auto}.country-dropdown_options div{display:grid;grid-template-columns:35px 1fr;padding:7px;align-items:center;gap:5px;cursor:pointer;border-radius:5px;height:var(--dropdown-option-height)}.country-dropdown_options div:hover{background-color:#fcc12b27}.DROPDOWN2{position:relative}.dropdown2{height:var(--button-height);min-width:120px;border:var(--input-border);padding:var(--input-padding);border-radius:var(--input-border-radius);display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;box-shadow:inset -5px -5px 10px #d8d8d85a}.dropdown2:hover,.dropdown2.active{border:var(--input-hover-border);box-shadow:var(--input-hover-shadow)}.dropdown2-options{position:absolute;top:100%;width:100%;background-color:#fff;padding:7px;box-shadow:0 0 5px #7f7f7f80;border-radius:5px;z-index:100}.dropdown2-options div{display:flex;align-items:center;gap:5px;height:var(--dropdown-option-height);position:relative;padding:7px;cursor:pointer}.dropdown2-options div:hover{background-color:var(--hover-color);border-radius:var(--dropdown-radius)}.contact-information_container{display:grid;grid-template-columns:50% 50%}.PHONE-NUMBER_SELECTOR{display:grid;grid-template-columns:70px 1fr;position:relative;border:var(--input-border);border-radius:5px;height:36px}.PHONE-NUMBER_SELECTOR:hover,.PHONE-NUMBER_SELECTOR.active{border:var(--input-hover-border);box-shadow:var(--input-hover-shadow)}.country-code_dropdown{display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:5px;cursor:pointer;border-radius:5px 0 0 5px;background-color:#fcc12b27;height:36px}.country-code_dropdown svg{color:var(--main-color)}.country-code_dropdown img{width:30px;height:20px;object-fit:cover;border-radius:5px}.phone-number-input_container{display:flex;align-items:center;position:relative;gap:5px;padding-left:10px}.phone-number-input_container p{top:10px;color:#808080b1;left:10px}.phone-number-input_container input{border:none;box-shadow:none;height:30px;width:100%}.phone-number-input_container input:hover{border:none;box-shadow:none}.phone-number-dropdown_container{background-color:#fff;box-shadow:0 0 10px #9c9c9c80;border:1px solid rgba(210,210,210,.558);position:absolute;top:40px;border-radius:5px;padding:5px}.border{width:100%;height:1px;background-color:#94949417}.phone-number-dropdown_search{display:grid;grid-template-columns:35px 1fr;align-items:center;padding:7px}.phone-number-dropdown_search svg{color:var(--main-color);padding-left:5px}.phone-number-dropdown_search input{border:none;height:20px;padding-left:5px;box-shadow:none}.phone-number-dropdown_options{max-height:150px;overflow:auto}.phone-number-dropdown_options div{display:grid;grid-template-columns:35px 1fr;padding:7px;align-items:center;gap:5px;cursor:pointer;border-radius:5px;height:var(--dropdown-option-height)}.phone-number-dropdown_options div:hover{background-color:#fcc12b27}.phone-number-dropdown_options img{width:30px;height:20px;border-radius:5px;object-fit:cover}.two-factor-authentication_container{display:flex;flex-direction:column;gap:10px}.two-fa_container{display:flex;align-items:center;gap:10px}.two-factor-authentication_container p:nth-of-type(2){text-decoration:underline;cursor:pointer;font-weight:700}.security_container{display:flex;flex-direction:column;gap:10px}.security_container p:nth-of-type(2){font-weight:700;text-decoration:underline;cursor:pointer}.pre-written-questions{display:grid;gap:10px}.pre-made-questions_container{display:grid;gap:5px}.select-security-question{display:grid;gap:10px}.selected-questions_container{display:grid;padding:10px;gap:10px}.SECURITY-QUESTION{display:flex;align-items:center;justify-content:space-between;gap:10px}.security-question{justify-content:space-between;align-items:center}.security-question_text.active{color:#000;font-weight:700}.security-question_text.not-active{color:gray}.security-question_text.text{text-decoration:line-through}.security-question_controls,.security-questions_controls{display:flex;align-items:center}.DELETE-ACCOUNT{position:fixed;min-width:350px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:103;background-color:#fff;padding:20px;border-radius:10px;display:grid;gap:15px}.checked{display:flex;align-items:center;gap:10px;cursor:pointer}.delete-account_headline{display:flex;align-items:center}.ICON-BUTTON{height:33px;width:33px;border-radius:50%;border:none;cursor:pointer;background-color:#fff;transition:.3s ease;display:flex;align-items:center;justify-content:center}.delete-account_headline{display:flex;justify-content:space-between}.ICON-BUTTON svg{font-size:20px}.ICON-BUTTON:hover{background-color:#f7c6001d}.ADD_RECIPE h1{text-align:center}.add-recipe_form{display:flex;flex-direction:column;align-items:center;max-width:600px;gap:20px}.add-recipe_form span{color:red}.add-recipe_form button{width:100%}.recipe-name{border:1px solid red}.all-macronutrients{display:grid;gap:10px}.add-macronutrient{display:grid;grid-template-columns:1fr 70px;gap:10px}.add-macronutrient_inputs{display:flex;gap:10px}@media (max-width: 600px){.add-macronutrient{grid-template-columns:1fr}.add-macronutrient div{display:grid;grid-template-columns:1fr 1fr;gap:10px}}.add-macronutrient button{border-radius:5px}.macro-box{position:relative;display:grid;grid-template-columns:1fr 80px;align-items:center;justify-content:space-between;height:var(--button-height);border:var(--input-border);border-radius:var(--input-border-radius);padding:0 0 0 10px}.macro-box input{border:none;height:100%;border-left:var(--input-border);border-radius:0 5px 5px 0;box-shadow:var(--input-border-inset)}.macro-box div{position:absolute;right:-5px;top:-5px;background-color:var(--main-color);height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s ease;cursor:pointer}.macro-box div svg{color:#000}.macro-box div:hover{transform:scale(1.1)}.DIFFICULTY_LEVEL{display:grid;gap:10px}.difficulty-level_options{display:flex;border-radius:30px;border:1px solid rgb(241,241,241);overflow:hidden;justify-self:flex-start}.difficulty-level_options div{height:var(--button-height);display:flex;align-items:center;justify-content:center;padding:var(--button-padding);cursor:pointer;font-weight:var(--bold)}@media (max-width: 600px){.difficulty-level_options div{padding:10px}}.difficulty-button.active{background:linear-gradient(to top,var(--button-secondary-color),var(--main-color))}.difficulty-button.not-active{background-color:#fff}.difficulty-level_options{border:1.5px solid rgb(254,191,45)}.difficulty-level_options:hover{box-shadow:0 0 5px #febf2d}.difficulty-level_options div:nth-child(2){border-left:1px solid var(--main-color);border-right:1px solid var(--main-color)}.OPTIONS_SELECTOR{display:flex;flex-direction:column}.options_container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;row-gap:0px}.options_container div{display:flex;align-items:center;justify-content:space-between;height:30px;padding:10px;border-radius:5px}.options_container div:hover{cursor:pointer;background-color:#ffedc370}.options_container div svg{color:var(--main-color)}@media (max-width: 700px){.options_container{grid-template-columns:1fr 1fr}}@media (max-width: 450px){.options_container{grid-template-columns:1fr}}.add-cooking-step{display:grid;grid-template-columns:1fr 70px;align-items:center;gap:10px}@media (max-width: 600px){.add-cooking-step{grid-template-columns:1fr}}.add-cooking-step button{border-radius:5px}.COOKING_STEP{display:flex;align-items:center;justify-content:space-between;gap:5px;height:var(--dropdown-option-height);position:relative;padding:7px}.COOKING_STEP input{height:25px}.COOKING_STEP div svg{color:var(--main-color);cursor:pointer}.cooking-step_controls{display:flex}.portion-size_container{display:flex;gap:20px}.add-ingredient_container{display:flex;gap:10px}.add-ingredient_container button{border-radius:5px}.SEARCH_INGREDIENT{height:36px;border-radius:5px;position:relative}.ingredients-dropdown_options{position:absolute;background-color:#fff;width:100%;z-index:2;max-height:150px;overflow:auto;padding:5px;border-radius:5px;box-shadow:0 0 5px #c5c5c580}.ingredients-dropdown_options div{display:flex;align-items:center;gap:5px;cursor:pointer;height:var(--dropdown-option-height);padding:7px;border-radius:5px}.ingredients-dropdown_options div:hover{background-color:var(--dropdown-option-hover)}.ingredients-dropdown_options img{height:25px;width:25px;object-fit:cover}.ADD_RECIPE_INGREDIENT{display:flex;align-items:center;justify-content:space-between;gap:5px;height:var(--dropdown-option-height);padding:7px}.ingredient_information{display:flex;gap:10px}.ADD_RECIPE_INGREDIENT div{align-items:center}.ADD_RECIPE_INGREDIENT input{width:100%;height:30px}.ADD_RECIPE_INGREDIENT svg{right:0;color:var(--main-color);cursor:pointer}.ADD_RECIPE_INGREDIENT img{width:30px;height:30px;object-fit:cover}.edit-ingredient{display:flex;align-items:center;justify-content:space-between;gap:10px}.ingredient_controls{display:flex;align-items:center}.OPTION_PICKER{display:flex}.OPTION_PICKER button{width:40px}.OPTION_PICKER button{border:none;height:30px;border:1px solid var(--main-color);background-color:#fff;cursor:pointer}.OPTION_PICKER button:first-child{border-radius:14px 0 0 14px}.OPTION_PICKER button:last-child{border-radius:0 14px 14px 0}.OPTION_PICKER button.active{background-color:var(--main-color)}.RECIPE{padding-top:100px;display:flex;flex-direction:column;align-items:center;gap:50px;padding-bottom:80px;width:80%;max-width:1300px}.recipe_headline{display:flex;justify-content:space-between;align-items:center}.recipe_controls{width:100%;display:flex;align-items:center;gap:15px;margin-bottom:-30px}.recipe-hero,.QUESTIONS,.REVIEWS,.ingredients-and-instructions{display:grid;grid-template-columns:1fr 1fr;gap:60px;width:100%}@media (max-width: 900px){.recipe-hero,.QUESTIONS,.REVIEWS,.ingredients-and-instructions{grid-template-columns:1fr}}.INGREDIENTS,.COOKING_INSTRUCTIONS,.header-information{display:flex;flex-direction:column;gap:20px}.nutrition-information{font-weight:700;cursor:pointer}.nutrition-information:hover{text-decoration:underline}.GO-BACK{height:var(--button-height);padding:0 10px;border-radius:5px;display:flex;align-items:center;gap:5px;cursor:pointer;position:relative}.GO-BACK:hover{background-color:var(--dropdown-option-hover)}.GO-BACK:hover .HOVER-BOX{display:flex}.INGREDIENTS{width:100%}.serving-size{display:flex;align-items:center;gap:10px}@media (max-width: 600px){.serving-size_text{display:none}}.ingredients_headline{display:flex;align-items:center;justify-content:space-between;height:24px}.ingredients_container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.INGREDIENT,.ingredient-picture{display:flex;align-items:center}.INGREDIENT{display:grid;grid-template-columns:50px 1fr;height:50px;gap:10px}.ingredient-picture{justify-content:center;height:50px;width:50px;border-radius:50%;background-color:#ffbb2934;box-shadow:0 0 5px #ffbb29}.INGREDIENT img{height:40px;width:40px;object-fit:cover}.ingredient-content{display:flex;flex-direction:column}.ingredient-content p:nth-of-type(2){color:gray}.cooking-instructions_container{display:flex;flex-direction:column;gap:10px}.questions_container{display:grid;gap:20px}.sort-questions{display:flex;align-items:center;gap:10px;width:60%}.sort-questions p{text-wrap:nowrap}.all-questions{display:grid;gap:10px}.questions_controls{display:flex;justify-content:space-between}.questions_controls.maximum{justify-content:flex-end}.CONTENT-SUBMISSION-BOX{padding:10px;box-shadow:0 0 5px #bbbbbb80;border-radius:10px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px}.content-submitter{border:1px solid rgb(235,235,235);width:100%;height:36px;display:flex;align-items:center;padding-left:15px;border-radius:60px;cursor:pointer;transition:.3s ease}.content-submitter:hover{background-color:#efefef4e}.content-submitter p{color:#a7a7a7}.CONTENT-SUBMITTER{width:400px;background-color:#fff;z-index:200;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:10px;display:grid;gap:15px}.content-submitter_headline{display:flex;align-items:center;justify-content:space-between}.SUBMIT-RATING{display:flex;align-items:center;gap:10px}.SUBMIT-RATING svg{color:#f1f1f1;transition:.4s ease;cursor:pointer}.SUBMIT-RATING svg.active{color:#f7c700}.ATTACH-PHOTOS{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border-radius:5px;box-shadow:0 0 5px #c8c8c880}.ATTACH-PHOTOS:hover{box-shadow:0 0 5px #aeaeae80}.SORT-CONTENT{display:flex;align-items:center;gap:10px}.USER_INFORMATION img{width:40px;height:40px;object-fit:cover}.user-information{display:flex;align-items:center;gap:10px}.author-name{font-weight:700}.user-information button{height:25px;width:25px}.user-information button p{font-size:17px}.USER_INFORMATION div:nth-of-type(1){display:flex;align-items:center}.user-description{max-height:50px;overflow:auto}.NUTRITION_INFORMATION{position:fixed;background-color:#fff;width:250px;z-index:5;box-shadow:0 0 5px #9a9a9a1c;padding:15px;display:grid;gap:12px;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:110}.NUTRITION_INFORMATION svg{cursor:pointer}.nutrition-information_headline,.all-nutrients div{display:flex;align-items:center;justify-content:space-between}.nutrient{height:30px;padding:0 10px}.nutrient.odd{background-color:#f2f2f25d}.RECIPE_INFORMATION{display:grid;box-shadow:0 0 5px #acacac80;padding:10px;border-radius:10px}.information{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:5px}.information.odd{background-color:#e6e6e63c}.information div{display:flex;gap:10px}.information-content{display:flex;gap:10px;max-width:40%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.information-content{white-space:nowrap}.RATING{display:flex;align-items:center;gap:10px}.rating{height:20px;width:120px;position:relative}.rating img{height:20px;width:100%;object-fit:cover;position:absolute;top:0;z-index:4}.rating div:nth-of-type(1){height:100%;z-index:3;background-color:var(--main-color);left:0;position:absolute;top:0}.second-div{position:absolute;background-color:#eee;width:100%;z-index:2;height:20px;top:0;left:0}.IMAGES{display:grid;grid-template-rows:1fr 120px;gap:20px}.IMAGES img{border-radius:10px}.active-img{height:100%;width:100%}.images{display:flex;gap:10px;overflow:auto}.images img{width:calc(100% / 3.5);cursor:pointer;object-fit:cover}@media (max-width: 500px){.images img{width:calc(100% / 2.7)}}.images img.not-active{opacity:.4}.images img.active{opacity:1}.NEWS-FEED{display:grid;grid-template-columns:250px 1fr;gap:50px;align-items:flex-start}@media (max-width: 1000px){.NEWS-FEED{display:grid;grid-template-columns:1fr}}@media (min-width: 1000px){.NEWS-FEED .NAV_MENU{display:none}}.news-feed_middle{display:flex;flex-direction:column;gap:10px}@media (max-width: 1000px){.SIDEBAR-MENU{display:none}}.sidebar-item{display:grid;grid-template-columns:30px 1fr;align-items:center;padding:10px;cursor:pointer;border-radius:5px;transition:.4s ease}.sidebar-item.active{background-color:#fff8e2}.LOGIN_PAGE{display:grid;grid-template-columns:1fr 400px;height:calc(100vh - 70px)}.login_img{position:fixed;top:0;right:0;height:100vh;width:25%;object-fit:cover;z-index:101}@media (max-width: 1100px){.LOGIN_PAGE{grid-template-columns:1fr}.login_img{display:none}}.LOGIN{display:grid;width:300px;gap:20px;margin:auto}.LOGIN button,.LOGIN form button{border-radius:5px}.forgot-password{font-weight:var(--bold);color:var(--main-color);cursor:pointer}.LOGIN h1,.sign-up{text-align:center}.sign-up span{text-decoration:underline;font-weight:var(--bold)}.LOGIN_INPUT{display:grid;width:100%;gap:5px}.LOGIN_INPUT div{display:flex;align-items:center;justify-content:space-between}.LOGIN_INPUT input{height:var(--input-height);border:var(--input-border);border-radius:var(--input-border-radius);padding:var(--input-padding);box-shadow:var(--input-border-inset)}.LOGIN_INPUT input:focus{outline:none}.FORGOT-PASSWORD{color:var(--main-color);font-weight:700;cursor:pointer;text-align:left}.SHOW-HIDE-PASSWORD{display:flex;align-items:center;gap:5px;cursor:pointer}.SHOW-HIDE-PASSWORD svg{width:14px}.SHOW-HIDE-PASSWORD p{font-size:12px;color:#646464}.SIGN_UP_PAGE{display:grid;grid-template-columns:1fr 400px;height:calc(100vh - 70px)}.sign-up_img{position:fixed;top:0;right:0;height:100vh;width:25%;object-fit:cover;z-index:101}@media (max-width: 1100px){.SIGN_UP_PAGE{grid-template-columns:1fr}.sign-up_img{display:none}}.SIGN-UP{display:grid;width:300px;gap:20px;margin:auto}.SIGN-UP form{width:300px;display:grid;gap:10px}.INPUT{display:grid;gap:5px}.SIGN-UP button{border-radius:5px}.input-headline,.input-headline div{display:flex;align-items:center}.input-headline{justify-content:space-between}.input-headline div{gap:5px}.input-headline p{color:var(--text-color2)}.have-account{justify-content:center}.have-account span{text-decoration:underline;font-weight:var(--bold);cursor:pointer}.SIGN-UP h1,.have-account{text-align:center}.INPUT{position:relative}.INPUT input{height:var(--input-height);border:var(--input-border);border-radius:var(--input-border-radius);padding:var(--input-padding);box-shadow:var(--input-border-inset)}.INPUT input:focus{outline:none}.toggle-type_container{cursor:pointer}.error_message{color:red;display:none}.INPUT input:invalid[focused=true]~.error_message{display:block}.INPUT input:focus{border:1px solid var(--main-color);box-shadow:0 0 5px #f2c21a}.INPUT input:valid[focused=true]:focus{box-shadow:0 0 5px #f2c21a}.INPUT input:invalid[focused=true]{border:1.5px solid red}.INPUT input:invalid[focused=true]:focus{box-shadow:0 0 5px red}.toggle-type_container svg,.check-mark{width:14px;color:var(--main-color)}.check-mark{display:none;position:absolute;right:10px;top:32px}.INPUT input:valid+.check-mark{display:flex}.VERIFY-OTP{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;width:300px;text-align:center}.VERIFY-OTP button{border-radius:5px}.VERIFY-OTP span{font-weight:700}.verify-otp-form{width:100%;display:grid;gap:15px}.verify-otp-form div{display:flex;gap:5px}.verify-otp-form input{width:45px;height:40px;border-radius:5px;border:var(--input-border);text-align:center;font-size:15px}.verify-otp-form input:focus,.verify-otp-form input:hover{border:var(--input-hover-border);box-shadow:var(--input-hover-shadow)}.otp-controls{display:grid;gap:5px;color:#3a3a3a;justify-items:center;cursor:pointer}.otp-controls p:hover{color:#000;text-decoration:underline}.FOOTER{margin-top:auto;text-align:center;justify-self:flex-end;height:30px;width:80%;max-width:1300px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgb(211,211,211)}.FOOTER p{font-weight:700}.BLACK-SCREEN{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:#0000004d;z-index:102}.CHANGE-PASSWORD{display:grid;width:300px;gap:20px;margin:auto}.CHANGE-PASSWORD form{display:grid;gap:15px}.CHANGE-PASSWORD button{border-radius:5px}.TWO-FACTOR-AUTHENTICATION form{display:grid;gap:15px}.TWO-FACTOR-AUTHENTICATION form button{border-radius:5px}.CONFIRM-PASSWORD{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;width:300px;text-align:center}.CONFIRM-PASSWORD button{border-radius:5px;width:100%}.check-password{display:grid;width:100%;gap:7px}.check-password div{display:flex;justify-content:flex-end}.SECURITY-QUESTIONS{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;width:300px;text-align:center}.SECURITY-QUESTIONS form{display:grid;width:100%;gap:15px}.SECURITY-QUESTIONS form div{display:grid;justify-items:flex-start;gap:10px}.SECURITY-QUESTIONS form button{border-radius:5px}.SET-NEW-PASSWORD{display:grid;width:300px;gap:20px;margin:auto;text-align:center}.SET-NEW-PASSWORD form{display:grid;gap:15px;text-align:left}.SET-NEW-PASSWORD form button{border-radius:5px}.LOADING-SPINNER{position:fixed;z-index:101;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#70707031;cursor:wait}.LOADING-SPINNER img{width:100px;animation:spin 1.3s ease infinite}@keyframes spin{to{transform:rotate(360deg)}}.SERVER-LOADING{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:350px;width:100%;z-index:200;background-color:#fff;padding:20px 50px 20px 20px;border-radius:5px}.SERVER-LOADING button{position:absolute;top:5px;right:5px}