.div-navigation{justify-content:space-between;align-items:center;margin:0 0 25px;display:flex}.nav-logo{cursor:pointer;margin-top:-1px;margin-left:8px;margin-right:2vw}.div-navigation span{font-size:12px;font-style:italic}.div-navigation a:first-of-type{margin-left:5px}.div-navigation a span,.div-navigation button{cursor:pointer;color:var(--mainTextColor);background:0 0;border:none;border-radius:16px;font-size:.9rem;font-style:normal;transition:all .3s}.div-navigation button,.div-navigation a{padding:10px 15px}.div-navigation a span{position:relative}.div-navigation a:hover,.div-navigation button:hover{background-color:var(--secondaryButtonHover);border-radius:16px}.div-navigation a.onpage span{cursor:default;position:relative}.div-navigation a.onpage{cursor:default}.div-navigation a.onpage span:after{content:"";background:var(--mainButtonColor);width:100%;height:2px;position:absolute;bottom:-4px;left:0}.div-navigation a.onpage:hover{background-color:unset}.navigation-right-side{align-items:center;gap:10px;margin-right:5px;padding:5px 0;display:flex;position:relative}.navigation-right-side div:first-of-type{align-items:center;gap:10px;display:flex}.navigation-right-side button:hover{background-color:var(--secondaryButtonHover)}.navigation-right-side button span{font-size:1em;font-style:normal}.user-image-on-page{background:var(--mainButtonColor);border-radius:50%;padding:1px;display:inline-flex}.div-navigation .navigation-right-side-arrow{height:30px;padding:5px;line-height:10px}.navigation-right-side-arrow-dropdown{z-index:5;background-color:var(--mainBackgroundColor);border-radius:10px;flex-direction:column;justify-content:center;width:135px;padding:5px;display:flex;position:absolute;top:53px;right:5px;box-shadow:0 0 26px 2px #0000001a}.navigation-right-side-arrow-dropdown button{border-radius:10px;height:35px;padding:0 8px}.navigation-left-side{padding:5px 0;display:flex}.navigation-right-side img{object-fit:cover;object-position:center;border-radius:50px}.navigation-arrow-container{width:fit-content;margin-top:-20px;margin-bottom:25px;margin-left:12px}.navigation-arrow-container button{background-color:unset;justify-content:center;align-items:center;height:fit-content;padding:6px;display:flex}.navigation-arrow-container button:hover{background-color:unset}.menu-toggle{cursor:pointer;border:1px solid var(--veryLightGrey);background-color:var(--lighterGreyOpacity);color:var(--white);border-radius:8px;margin:8px 0 0 8px;padding:9px 8px 8px;font-size:1.5rem;display:none}.menu-toggle:hover{background-color:var(--lighterGrey)}button.navigation-signup{background:var(--mainButtonColor);color:var(--lightTextColor)}button.navigation-signup,button.navigation-login{height:35px;padding:0 15px}@media (max-width:665px){.nav-logo{position:absolute;top:14px;left:5px}.menu-toggle{display:flex}.navigation-left-side-backdrop{z-index:49;background-color:#0000;width:100%;height:100vh;position:fixed;inset:0}.navigation-left-side{z-index:50;background-color:var(--mainBackgroundColor);border:1px solid var(--lighterGreyOpacity);flex-direction:column;width:60%;height:100%;padding:0;position:absolute;top:0;left:0;box-shadow:0 0 15px 2px #0000001a}.div-navigation a:first-of-type{margin-left:0}.div-navigation{box-shadow:none;border-bottom:none;margin:0}nav{justify-content:space-between;width:100%;margin-bottom:50px;display:flex}.div-navigation button{border-left:none}.navigation-right-side{margin:8px 8px 0 0}.div-navigation a{text-align:left;box-sizing:border-box;border:none;width:100%;padding:15px 40px;transition:background-color .3s,color .3s}.nav-close-button{cursor:pointer;align-self:flex-end;padding:5px}button.nav-close-button{cursor:pointer;align-self:flex-end;padding:12px}.nav-close-button span{font-size:1.4rem;font-style:normal;font-weight:300}.div-navigation a:hover{background-color:unset}}
.recipe-card-container{background-color:var(--mainBackgroundColor);margin:8px;position:relative}.recipe-card-disabled:hover img,.recipe-card-disabled:hover h2{pointer-events:none;opacity:1}.recipe-card-title-and-menu-wrapper{grid-area:title;grid-template-columns:85% 15%;min-height:30px;display:grid}.recipe-card-title-and-menu-wrapper h2{text-transform:lowercase;text-align:left;z-index:2;align-items:center;margin:auto 0 auto 2px;padding:0 1px;font-size:.9rem}.recipe-card-img-and-title h2:first-letter{text-transform:uppercase}.recipe-card-img-and-title img,.recipe-card-img-placeholder{object-fit:cover;z-index:1;border-radius:8px;padding-top:0;display:block;box-shadow:0 0 15px 5px #0000001a}.recipe-card-after-img{margin-top:10px}.recipe-card-img-placeholder{background:var(--mainButtonColor);color:var(--lightTextColor);box-sizing:border-box;text-overflow:ellipsis;justify-content:center;align-items:center;padding:20px 15px;font-size:1.3rem;display:flex;overflow:hidden}.recipe-card-img-placeholder span{text-align:center;max-height:100%;overflow:hidden}.recipe-img-and-categories{grid-area:image;position:relative}.recipe-publication{z-index:4;position:absolute;top:8px;left:5px}.recipe-publication span{text-shadow:1px 1px 5px #000000b3;color:var(--lightTextColor);font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 50}.recipe-categories{text-align:right;width:100%;position:absolute;top:-30px;right:3px}.recipe-categories span{text-transform:capitalize;white-space:nowrap;border-radius:5px;margin-left:5px;padding:3px 5px;font-size:.9rem;display:inline-block}.categories-number{color:var(--lightTextColor);text-shadow:1px 1px 5px #000000b3}.menu-wrapper{margin:auto 0 auto auto;padding-right:1px}.menu-wrapper span{cursor:pointer;font-size:20px;display:flex}.buttons-container{z-index:5;background-color:var(--mainBackgroundColor);border-radius:10px;flex-direction:column;margin-top:3px;padding:4px;display:flex;position:absolute;right:0;box-shadow:0 0 26px 2px #0000001a}.buttons-container button{color:var(--mainTextColor);cursor:pointer;background:0 0;border:none;border-radius:10px;gap:5px;height:auto;padding:5px 10px;transition:background-color .3s;display:flex}.buttons-container span{margin:auto 0;font-size:.9rem}.buttons-container .material-symbols-outlined{font-size:1.4rem}.buttons-container button:not(:first-child){border-top:1px solid var(--lighterGreyOpacity)}#bookmark-icon{cursor:pointer;margin:auto -2px auto auto;font-size:1.4rem}.recipe-card-container-list:hover img,.recipe-card-container-list .recipe-card-img-placeholder:hover,.recipe-card-container-list:hover h2{opacity:.95;cursor:pointer}.recipe-card-container-list h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe-card-container-page{border:1px solid var(--borderColor);box-sizing:border-box;border-radius:10px;max-width:850px;margin:auto;padding:40px 30px;box-shadow:0 0 26px 2px #0000000a}.recipe-card-container-page h2{padding:0 10px 0 0;font-size:1.5em}.recipe-card-container-page img{box-shadow:none;border-radius:8px;margin:0 auto 10px}.recipe-card-container-page h3{text-transform:uppercase;margin-top:0;font-weight:700}.recipe-card-container-page .recipe-steps-text{font-size:.9rem}.recipe-card-img-and-title.page{grid-template-rows:auto auto;grid-template-areas:"title""image";display:grid}.recipe-card-title-and-menu-wrapper.page{margin-bottom:20px}.recipe-card-title-and-menu-wrapper.page #three-dots{margin-top:-53px;margin-right:-22px;font-size:2rem}.recipe-card-title-and-menu-wrapper.page #bookmark-icon{margin-top:-30px;margin-right:-22px;font-size:2rem}.recipe-card-title-and-menu-wrapper.page #close-modal-btn{margin-top:-30px;margin-right:-22px;font-size:1.2rem}.recipe-card-servings-container{text-align:center;border:3px solid var(--secondaryButtonColor);border-radius:8px;justify-content:center;align-items:center;width:fit-content;margin:auto auto 25px;display:flex}.recipe-card-servings-container p{word-break:break-word;margin:0;padding:5px;font-size:14px}.recipe-card-servings-container p:first-of-type{padding:10px 5px 10px 10px;font-size:1rem}.recipe-card-servings-container p:last-of-type{padding:10px 10px 10px 5px;font-size:1rem}.recipe-card-servings-container span{cursor:pointer;background-color:var(--secondaryButtonColor);justify-content:center;align-items:center;width:10px;height:33px;padding:6px 10px;font-size:1.3rem;line-height:5px;display:inline-flex}.recipe-card-container-page ul{font-size:.9rem;list-style:none}.recipe-card-container-page li{border-bottom:1px solid var(--borderColor);margin:0;padding:8px 0}.recipe-card-container-page li:first-of-type{border-top:1px solid var(--borderColor);padding-top:8px}.ingredient-details{text-transform:lowercase}.recipe-steps{font-size:.9rem}.recipe-steps-text{font-weight:300}.recipe-card-container-page p{margin:0}.recipe-steps{text-transform:uppercase;font-weight:700}.published-by-mention{text-align:end;flex-direction:column;gap:2px;margin-top:50px;font-size:.7rem;display:flex}.recipe-card-container-page .menu-wrapper{margin:auto 0 auto auto}@media (max-width:665px){.recipe-card-container-page{border-radius:0}.recipe-card-container-page h2{font-size:1.5rem}}
.recipe-form-container{border:1px solid var(--borderColor);grid-template-columns:repeat(3,1fr);grid-template-areas:"toggle toggle toggle""serv serv serv""title title title""adddelimg img img""adddelimg img img""ingr ingr ingr""steps steps steps""info info info""catTit catTit catTit""cat cat cat"". .submit";gap:8px;display:grid;box-shadow:0 0 26px 2px #00000008}.recipe-form-container h3{text-transform:uppercase;width:fit-content;margin-bottom:8px;margin-left:2px;font-weight:700;position:relative}.recipe-form-container textarea,.recipe-form-container input,.grocery-list-title-form-input,.recipe-form-container select{resize:none;box-sizing:border-box;border:var(--borderColor) 1px solid;border-radius:8px;width:100%;padding:5px 5px 5px 10px;font-size:1rem;box-shadow:0 0 26px 2px #00000008}.recipe-form-container textarea:hover,.recipe-form-container input:hover,.recipe-form-container select:hover{border:var(--hoverBorderColor) 1px solid}.recipe-form-info{grid-area:info;font-size:.8rem;font-style:italic}.public-toggle-switch-button{grid-area:toggle;justify-content:flex-end;align-items:center;gap:15px;margin:0 2px 15px 0;line-height:1;display:flex}.public-toggle-switch-text{text-transform:uppercase;font-size:.8rem;line-height:1}.recipe-title-input-field{grid-area:title;height:33px;line-height:22px}.recipe-form-container input[type=file]{display:none}.custom-file-upload{border-radius:10px;grid-area:adddelimg;justify-content:center;align-items:center;width:60%;min-width:100px;margin-bottom:15px;font-size:.7rem;display:flex}.loader{object-fit:cover;border:8px solid var(--veryLightGrey);border-top:8px solid var(--lighterGrey);border-radius:50%;grid-area:img;width:60px;height:60px;margin-left:auto;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recipe-image-loaded{object-fit:cover;opacity:.8;box-sizing:border-box;border-radius:5px;grid-area:img;margin:5px 0 5px auto}.delete-recipe-image{background-color:var(--deleteColor);color:var(--lightTextColor);grid-area:adddelimg;width:60%;min-width:100px;margin-bottom:5px;font-size:.7rem}.delete-recipe-image:hover{background-color:var(--deleteColorLighter)}.recipe-servings-container{grid-area:serv;grid-template-columns:repeat(3,1fr);grid-template-areas:"left calc right""info info info";gap:5px;margin-bottom:15px;display:grid}.recipe-servings-left{grid-area:left;display:grid}.recipe-servings-left select{padding:3px}.recipe-servings-left-bottom{gap:3px;height:33px;display:flex}.recipe-servings-container p{align-items:center;margin:0 0 3px 2px;font-size:.9rem;display:flex}.recipe-servings-container input{width:50px;transition:transform .12s}.recipe-servings-container input.bump{transform:scale(1.05)}.recipe-servings-middle{grid-area:calc;align-self:flex-end;gap:5px;display:flex}.recipe-servings-middle button{border-radius:10px;height:auto;padding:7px 12px;font-size:1.2rem}.recipe-servings-right{text-align:center;grid-area:right;justify-content:flex-end;height:100%;display:flex}.recipe-servings-right button{text-transform:uppercase;border-radius:10px;align-self:flex-end;width:60%;min-width:100px;font-size:.7rem}.recipe-servings-info{grid-area:info;font-size:.8rem;font-style:italic}.recipe-form-ingredients-container{grid-area:ingr;grid-template-columns:repeat(3,1fr);grid-template-areas:"title title title""qty msr ing""adding. .""ingarr ingarr ingarr";gap:8px;display:grid}.recipe-form-ingredients-container h3{margin-bottom:0}.ingredient-container{grid-area:ing;position:relative}.recipe-ingredient-quantity-input-field{grid-area:qty}.measure-types-container{grid-area:msr;position:relative}ul.ingredients-dropdown,ul.measure-types-dropdown{z-index:10;background-color:var(--inputBackground);border:1px solid var(--borderColor);box-sizing:border-box;border-radius:10px;width:100%;max-height:150px;margin:3px 0 0;padding:5px 0;position:absolute;overflow:auto;box-shadow:0 0 26px 2px #0000000f}.ingredients-dropdown li,.measure-types-dropdown li{color:var(--mainTextColor);border-radius:10px;padding:1px 0 1px 10px}.ingredients-dropdown li:hover,.measure-types-dropdown li:hover{cursor:pointer;color:var(--lightTextColor)}.btn-add-ingredient{border-radius:10px;grid-area:adding;width:60%;min-width:100px;font-size:.7rem}.recipe-ingredients-array{grid-area:ingarr}.recipe-ingredients-array li{border-radius:10px;grid-area:ingarr;align-items:center;width:fit-content;margin:7px 0 7px 3px;list-style:none;display:flex;box-shadow:0 0 26px 2px #00000008}.recipe-ingredients-array span{opacity:1;border:solid 1px var(--borderColor);border-radius:10px 0 0 10px;padding:3px 15px;transition:opacity .15s ease-in-out}.recipe-ingredients-array span.flash{opacity:0}.recipe-ingredients-array li button{border-radius:0 10px 10px 0;height:26px;margin:0;padding:0;font-size:1rem}.recipe-ingredients-array li button span{border:unset;padding-left:8px;padding-right:10px}.preparation-steps-container{grid-area:steps}.recipe-form-category-container{grid-area:catTit;margin-bottom:25px}.recipe-form-category-container h3{font-size:1rem}.no-category-span{margin-bottom:15px;font-size:.8rem;display:block}.recipe-form-category-list{border-top:solid var(--veryLightGrey) 1px;flex-wrap:wrap;grid-area:cat;gap:6px;padding-top:15px;display:flex}.recipe-form-category-list li{text-transform:capitalize;cursor:pointer;border-radius:5px;padding:3px;font-size:.9rem;list-style:none}.recipe-form-selected-categories{margin-bottom:15px;padding-left:15px}.recipe-form-selected-categories li{margin-bottom:7px;padding-left:10px}.recipe-form-selected-categories span{text-transform:capitalize;border-radius:5px 0 0 5px;padding:3px;font-size:.9rem}.recipe-form-selected-categories button{background-color:var(--secondaryButtonColor);cursor:pointer;border-radius:0 5px 5px 0;height:auto;margin:auto;padding:2px 6px;font-size:1rem;line-height:normal}.btn-save-recipe,.btn-add-recipe,.btn-modify-recipe{background:var(--mainButtonColor);color:var(--lightTextColor);border-radius:10px;grid-area:submit;margin-top:5px;font-size:.7rem;box-shadow:0 0 26px 2px #00000014}
.grocery-card-container{flex-direction:column;align-items:center;max-width:1100px;margin:20px auto;padding:10px;display:flex}.grocery-card-container ul{width:100%;padding:0;list-style-type:none}.grocery-card-container h3:first-letter{text-transform:uppercase}.each-grocery-card-container h3{color:var(--white);text-transform:lowercase;text-overflow:ellipsis;margin:5px 7px;font-size:1em;font-weight:500;overflow:hidden}.each-grocery-card-container{background-color:var(--lighterGreyOpacity);cursor:pointer;border:1px solid var(--borderColor);border-radius:10px;margin-bottom:10px;padding:15px;box-shadow:0 0 26px 2px #00000008}ul.recipes-names-list{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));margin-top:25px;margin-bottom:10px;padding:0 5px;display:grid}.recipes-names-list .recipe-card-img-placeholder,.recipes-names-list li div img{box-shadow:0 0 5px 1px #00000008}.recipes-names-list li div:first-of-type{margin:1px}.recipes-names-list li div:nth-of-type(2){border-radius:8px;overflow:hidden}.grocery-ingredient-list{border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:3px 10px;margin-top:15px;font-weight:700;display:grid}.grocery-ingredient-list li{color:var(--white);background-color:var(--mainBackgroundColor);border:1px solid var(--lighterGreyOpacity);cursor:pointer;box-sizing:border-box;border:1px solid var(--borderColor);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:3px;padding-left:10px;font-size:.95em;transition:all .4s;display:flex;box-shadow:0 0 26px 2px #00000008}.grocery-ingredient-list li:hover{transform:scale(1.01)}.ingredient-label{cursor:pointer;flex-direction:column;justify-content:center;width:100%;height:55px;padding:0 5px;transition:all .3s ease-in-out;display:flex}.ingredient-label.checked{color:#a0a0a0;opacity:.6;font-style:italic;text-decoration:line-through}.grocery-ingredients-names{font-weight:700}.grocery-ingredients-qty{font-size:.8rem}.grocery-ingredients-names:first-letter{text-transform:capitalize}.grocery-card-buttons{background-color:unset;cursor:pointer;border:none;border-radius:10px;height:auto;margin-top:10px;padding:8px 12px;transition:background-color .3s}#grocery-card-arrow{background:var(--mainButtonColor);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grocery-card-details.collapsed{display:none}.grocery-card-details.expanded{display:block}.title-and-dropdown-grocery-card{justify-content:space-between;align-items:center;width:100%;display:flex}.title-and-dropdown-grocery-card button{margin-top:0;padding:5px;display:flex}.title-and-dropdown-grocery-card button span{color:var(--white)}.edit-delete-buttons-grocery-card{justify-content:flex-end;gap:5px;display:flex}.edit-delete-buttons-grocery-card button{background-color:var(--secondaryButtonColor);margin-top:30px;box-shadow:0 0 26px 2px #0000000a}.grocery-cards-ingredients-checkboxes{width:20px;height:20px;color:var(--lightTextColor);margin-right:15px}.check-uncheck-container{justify-content:flex-end;gap:10px;display:flex}.check-uncheck-container button{justify-content:center;align-items:center;height:auto;padding:10px;display:flex;box-shadow:0 0 26px 2px #0000000a}.check-uncheck-container span{font-size:1.3em}
.grocery-form-container{border:1px solid var(--borderColor);box-shadow:0 0 26px 2px #00000008}.grocery-form-container li{list-style:none}.grocery-form-container input{margin:auto}.grocery-list-title-form-input{height:35px;margin:auto}.grocery-form-sort-recipes-button{margin-bottom:15px;padding:5px 10px;box-shadow:0 0 26px 2px #0000000a}.grocery-form-container h4{text-align:center;margin:0;font-style:normal}.grocery-form-recipes{max-height:400px;box-shadow:none;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0;margin-top:15px;padding:10px;display:grid;overflow:hidden scroll}.grocery-form-recipes li img{box-shadow:0 0 15px 2px #00000014}.grocery-form-recipe-checkboxes{width:17px;height:17px;margin-top:10px}input.grocery-form-recipe-checkboxes[type=checkbox]:checked:after{font-size:.68rem}.checkbox-container{z-index:1000;cursor:pointer;width:48px;height:48px;position:absolute;bottom:19px;right:-11px}input.grocery-form-recipe-checkboxes{z-index:100;border:solid 2px var(--borderColor);text-shadow:1px 1px 5px #000c;color:var(--lightTextColor);font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 50;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 7px 2px #0000001a}.expand-icon-container{z-index:1000;cursor:pointer;width:30px;height:30px;position:absolute;top:-3px;left:-3px}.expand-icon-container span{color:var(--lightTextColor);text-shadow:1px 1px 1px #0000004d;background:#282c3480;border-radius:6px;padding:1px;font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grocery-form-buttons{text-align:right}.grocery-form-buttons button{color:var(--lightTextColor);background:var(--mainButtonColor);margin:5px;padding:5px 20px;box-shadow:0 0 26px 2px #0000000a}.grocery-form-sort-recipes-button-container{text-align:end;margin:20px 5px 0}.form-error-messages{margin:0}.form-error-messages li{color:var(--deleteColor);margin:0 20px;font-size:.8rem;font-style:italic;list-style:outside!important}
.modal-overlay{z-index:1500;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{z-index:11;border-radius:8px;width:100%;max-width:650px;max-height:92vh;padding:0;position:relative;overflow:scroll}.modal-content button{width:30px;height:30px;margin:auto 0 auto auto}@media (max-width:665px){.modal-content{border-radius:0;max-height:100%;margin-top:0}.modal-content .recipe-card-container{border-radius:0}}
.search-bar-container{border:1px solid var(--borderColor);border-radius:15px;width:fit-content;height:40px;margin:auto auto 30px;display:flex;box-shadow:0 0 26px 2px #0000000a}.search-bar-input-field{width:220px;color:var(--mainTextColor);border:none;border-radius:15px 0 0 15px}.search-bar-input-field:focus-within{border-radius:15px 0 0 15px;outline:none}.search-bar-input-field-and-cancel-btn{display:flex}#cancel-btn,.search-bar-input-field{height:auto;padding:0 15px}#cancel-btn{background-color:var(--mainBackgroundColor);cursor:pointer}#cancel-btn span{color:var(--mainTextColor);font-size:1.1rem;display:flex}#cancel-btn span:hover{scale:.9}#search-btn{cursor:pointer;background:var(--mainButtonColor);border-radius:0 15px 15px 0;align-items:center;height:auto;display:flex}#search-btn span{color:var(--lightTextColor);font-size:1.3rem}#search-btn span:hover{scale:.9}.all-filters{border-bottom:var(--lighterGreyOpacity) solid 2px;box-sizing:border-box;flex-direction:column;margin:55px 15px 20px;display:flex}.all-filters-components{gap:8px;display:flex}.all-filters-components>*{flex-grow:1;max-width:200px}.all-filters-name{height:100%;color:var(--white);text-transform:uppercase;cursor:pointer;background-color:var(--lighterGreyOpacity);grid-area:name;align-items:center;margin:auto 0;padding-left:10px;font-size:.8rem;display:flex}.all-filters-dropdown-visible-btn{background:0 0;border:none;border-radius:0 5px 5px 0;grid-area:btn;width:100%;height:auto}.all-filters-dropdown-visible-btn span{background-image:var(--mainButtonColor);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;display:flex;position:relative}.category-filter-selection,.ingredients-filter-selection{border:solid 1px var(--borderColor);border-radius:16px;grid-template-columns:80% 20%;grid-template-areas:"name btn""dropd dropd";display:grid;position:relative;box-shadow:0 0 26px 2px #0000000a}.ingredients-filter-dropdown-component{z-index:100;box-sizing:border-box;background-color:var(--mainBackgroundColor);border-radius:16px;grid-area:dropd;grid-template-areas:"input""plus";width:100%;display:grid;position:absolute;top:4px;box-shadow:0 0 26px 2px #0000000f}#ingredients-filter-input{box-sizing:border-box;border-radius:10px;grid-area:input;width:92%;margin:10px auto;position:relative}#ingredients-filter-input input{box-sizing:border-box;border:1px solid var(--borderColor);border-radius:10px;width:100%;height:33px;padding:0 5px;box-shadow:0 0 18px 2px #00000008}#ingredients-filter-input-ul{box-shadow:0 0 26px 2px #0000000f}#filter-ingredients-btn{background:var(--mainButtonColor);box-sizing:border-box;width:92%;height:35px;color:var(--lightTextColor);border-radius:10px;grid-area:plus;margin:0 auto 8px}.selected-ingredients-filter-container{flex-wrap:wrap;gap:10px;min-height:25px;margin-bottom:15px;display:flex}.selected-ingredients-filter-list{border-radius:16px;gap:6px;display:flex;box-shadow:0 0 26px 2px #0000001a}.selected-ingredients-filter-list p{margin:auto;padding-left:10px}.selected-ingredients-filter-list button{border-radius:0 10px 10px 0;justify-content:center;align-items:center;width:25px;height:25px;margin:0;padding:0;display:flex}.category-filter-dropdown-component{box-sizing:border-box;z-index:100;background-color:var(--mainBackgroundColor);border-radius:16px;grid-area:dropd;grid-template-columns:1fr 1fr;grid-template-areas:"list list""ctas ctas";width:100%;display:grid;position:absolute;top:4px;box-shadow:0 0 26px 2px #0000000f}.category-filter-list{text-overflow:ellipsis;white-space:nowrap;grid-area:list;margin:10px 10px 5px;overflow:scroll}.category-filter-checkboxes{text-transform:capitalize;cursor:pointer;gap:5px;margin:5px;font-size:.8rem;display:flex}.category-filter-checkboxes input{border:var(--mainTextColor) solid 1px;width:15px;min-width:15px;height:15px;margin:0}.category-filter-checkboxes input:focus-within{outline:none}.category-filter-ctas{grid-area:ctas;justify-content:center;gap:7px;margin:5px 4px 8px;display:flex}#category-filter-btn-cancel,#category-filter-btn-confirm{letter-spacing:1px;text-transform:capitalize;border:none;border-radius:10px;width:fit-content;height:35px;padding:0 8px;font-size:.8rem}#category-filter-btn-confirm{color:var(--lightTextColor);background:var(--mainButtonColor)}#category-filter-btn-cancel{background:0 0;background-color:var(--secondaryButtonColor)}@media (max-width:450px){.category-filter-ctas{flex-wrap:wrap}#category-filter-btn-cancel,#category-filter-btn-confirm{width:90%}}
.auth-logo{position:absolute;top:8px;left:8px}.auth-component-container{justify-content:center;align-items:center;height:90vh;display:flex}.auth-component{text-align:center;border:var(--borderColor) 1px solid;border-radius:16px;width:100%;max-width:450px;padding:50px 20px 0;box-shadow:0 0 26px 2px #00000008}.auth-component h1{padding-bottom:30px;font-size:1.7rem}.auth-component span{font-size:40px}.auth-component button span{margin:auto 0;font-size:20px}.auth-component button p{margin:auto 0;padding-right:5px;font-size:1.1em}.auth-form-inputs{flex-direction:column;width:80%;margin:auto;display:flex}.auth-form-inputs input{border:1px solid var(--borderColor);border-radius:8px;height:30px;margin-bottom:10px;padding-left:5px;box-shadow:0 0 26px 2px #00000008}.auth-form-inputs label{text-align:start;padding:0 0 5px 3px}.auth-form-inputs button{background:var(--mainButtonColor);width:50%;color:var(--lightTextColor);justify-content:center;margin:10px auto auto;font-size:.8em;display:flex}.auth-switch{justify-content:center;gap:10px;margin-top:30px;margin-bottom:50px;display:flex}.auth-switch p{margin:0}.auth-switch button{text-underline-offset:4px;background:0 0;border:none;height:auto;padding:0;font-size:.9em;text-decoration:underline}.auth-switch button:hover{color:var(--placeholderText);cursor:pointer}.auth-error-message{color:var(--deleteColor);margin:5px}.auth-forgotten-password-info p{margin:0 0 25px;font-size:.7rem;font-style:italic}.auth-forgotten-password button{cursor:pointer;background-color:unset;font-size:.8rem}.auth-forgotten-password button:hover{color:var(--placeholderText)}.auth-password-requirements{text-align:left;margin:-5px 5px 20px;line-height:10px}.auth-password-requirements span{font-size:.68rem;font-style:italic}.auth-password-requirements ul{flex-direction:column;gap:2px;margin:5px;font-size:.68rem;display:flex}.auth-password-requirements ul li{list-style-position:inside}.auth-terms-checkbox-container{text-align:start;align-items:center;margin-top:5px;margin-bottom:10px;display:flex}.auth-terms-checkbox-container span{margin:0;padding-top:2px;padding-left:5px;font-size:.68rem}.auth-terms-checkbox-container input{border:2px solid var(--borderColor);border-radius:6px;width:20px;min-width:20px;height:20px;min-height:20px;margin:0}.auth-terms-checkbox-container input[type=checkbox]:checked{color:var(--lightTextColor);border:none;padding:0;line-height:20px}.auth-terms-footer-container{margin-bottom:25px}.auth-terms-footer-container span{font-size:.65rem}
.popup-container{z-index:4500;text-align:center;background:var(--white);background-color:var(--mainBackgroundColor);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:65%;max-width:450px;height:30%;min-height:150px;padding:30px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000001a}#popup-close-button{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:0;right:10px}.popup-container h6{margin:25px 0;font-size:1.2rem;font-weight:700}.popup-container p{margin:0 0 25px;font-size:14px}.popup-ctas{margin:5px;padding:0 15px;box-shadow:0 0 26px 2px #0000000a}.popup-overlay{z-index:4500;background:#000c;width:100%;height:100%;position:fixed;top:0;left:0}.update-message{text-align:center;z-index:10000;border-radius:5px;padding:8px 12px;font-size:14px;transition:opacity .5s;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0003}
.update-profile-container{flex-direction:column;max-width:700px;margin:15px 15px 100px;display:flex}.update-profile-container label,.update-profile-container h3{margin:30px 0 5px;font-size:1.1rem}.update-profile-img-container{flex-direction:column;width:50%;display:flex}.update-profile-img-container h3{grid-area:title}.update-profile-container img{object-fit:cover;object-position:center;border-radius:50px;grid-area:img}.update-profile-img-container input{display:none}.update-profile-img-ctas{grid-area:btn;margin-top:10px;display:flex}.update-profile-img-container label{cursor:pointer;text-align:center;border-radius:10px;height:auto;margin:auto 10px;padding:4px 12px;font-size:.8rem}.update-profile-img-ctas div{margin:auto 0}.update-profile-img-ctas button{justify-content:center;align-items:center;height:20px;padding:12px;display:flex}.update-profile-container input{box-sizing:border-box;cursor:pointer;border:var(--borderColor) 1px solid;border-radius:8px;height:35px;padding-left:5px;box-shadow:0 0 26px 2px #00000008}.update-profile-container input[type=text]{width:50%}.update-profile-username-error{color:var(--deleteColor);width:fit-content;padding:4px 6px;font-size:.7rem;font-style:italic}.update-profile-email-container{grid-template-columns:50% 50%;grid-template-areas:"title title""email.""pass btn""msg msg";display:grid}.update-profile-email-container input[type=email]{grid-area:email;margin-bottom:5px}.update-profile-email-container input[type=password]{grid-area:pass;margin-bottom:3px}.update-profile-email-container span{color:var(--lighterGrey);grid-area:msg;margin-left:2px;font-size:.7em;font-style:italic}.update-profile-email-container button{grid-area:btn;height:auto;margin:2px 0 3px 5px}.update-profile-password{grid-template-columns:50% 50%;grid-template-areas:"title title""btn msg";display:grid}.update-profile-password h3,.update-profile-delete h3{grid-area:title}.update-profile-password span,.update-profile-delete span:last-of-type{color:var(--lighterGrey);grid-area:msg;align-self:center;margin-left:10px;font-size:.8em}.update-profile-password button,.update-profile-delete button{grid-area:btn;height:40px;margin:auto 0}.update-profile-delete{border:var(--deleteColor) solid 2px;border-radius:15px;grid-template-columns:50% 50%;grid-template-areas:"title title""info info""inpt msg""btn btn";margin:40px 0 10px;padding:15px;display:grid}.update-profile-delete h3{margin:0 0 5px 3px}.update-profile-delete span:first-of-type{grid-area:info;align-self:center;margin:0 0 15px 3px;font-size:.8em}.update-profile-delete button{width:155px;margin-top:5px}.update-profile-save{background-color:var(--mainBackgroundColor);width:100%;height:70px;position:fixed;bottom:0}.update-profile-save button{width:120px;font-size:.9rem;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.update-profile-save button:disabled:hover{background-color:var(--lightTextColor)}.update-profile-terms-container{margin-top:20px;margin-left:5px}.update-profile-terms-container span{font-size:.8rem;list-style:none}
.error-page-container{box-sizing:border-box;flex-direction:column;max-width:1500px;height:100vh;margin:auto;padding:10vh 10vw;display:flex}.error-page-image-container{justify-content:flex-end;align-items:flex-end;height:100%;display:flex}.error-page-image-container img{grid-area:img;width:30vh;height:30vh}.error-page-text-container{flex-direction:column;grid-area:txt;justify-content:center;align-items:flex-start;gap:1.5rem;display:flex}.error-page-title{text-transform:uppercase;font-size:3rem}.error-page-message{font-size:1.25rem}.error-page-button{cursor:pointer;border:none;border-radius:8px;grid-area:btn;width:fit-content;height:fit-content;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s}
.landing-page{background:var(--mainBackgroundColor);isolation:isolate;min-height:calc(100vh - 96px);position:relative;overflow:hidden}.landing-background{background:linear-gradient(141deg, var(--heroRed) 0%, var(--heroOrange) 62%, color-mix(in srgb, var(--heroOrange) 65%, var(--heroRed)) 100%);clip-path:ellipse(105% 100% at 38% 0);z-index:-2;opacity:.98;padding-bottom:100px;position:absolute;inset:0}.landing-wrapper{grid-template-columns:45% 55%;grid-template-areas:"info pic""seo.";align-items:center;gap:90px 100px;max-width:1800px;min-height:calc(98vh - 96px);margin:0 auto;padding-left:8%;display:grid}.landing-info{grid-area:info;padding-top:24px;position:relative}.landing-badge{border:1px solid color-mix(in srgb, var(--borderColor) 80%, white 20%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:36px;color:var(--mainTextColor);background:#ffffffb3;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:0 14px;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #0000000f}.landing-header{margin-bottom:28px}.landing-info h1{text-align:left;letter-spacing:-.06em;text-shadow:0 1px 2px #0000004d;margin:0 0 22px;font-size:clamp(3.5rem,4.5vw,5rem);line-height:.9}.landing-description{margin-right:20px;font-size:1.15rem;line-height:1.72}.landing-features{gap:10px;margin:0 0 34px;padding:0;list-style:none;display:grid}.landing-features li{padding-left:34px;font-size:1rem;line-height:1.55;position:relative}.landing-features li:before{content:"✓";color:var(--lightTextColor);box-shadow:0 8px 18px color-mix(in srgb, var(--mainButtonColor) 34%, transparent);font-size:.9rem;font-weight:800;position:absolute;top:1px;left:7px}.landing-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.landing-cta,.landing-link{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .22s,box-shadow .22s,background-color .22s,border-color .22s,color .22s;display:inline-flex}.landing-cta{color:var(--mainTextColor);-webkit-backdrop-filter:blur(12px)saturate(135%);backdrop-filter:blur(12px)saturate(135%);border:1px solid var(--borderColor);background:#ffffffa7;box-shadow:inset 0 2px 6px #ffffff9f,inset 0 -4px 10px #0000000c,0 10px 22px #00000023}.landing-cta span{-webkit-text-fill-color:transparent;background-image:linear-gradient(141deg,#e64444 0%,#eb7f49 62%);-webkit-background-clip:text;background-clip:text;font-weight:700}.landing-cta:before{content:"";filter:blur(3px);pointer-events:none;background:linear-gradient(#ffffffa9,#ffffff29,#0000);height:55%;position:absolute;top:6%;left:8%;right:8%}.landing-cta:hover{filter:saturate(1.05);background:#fffc;transform:translateY(-2px);box-shadow:0 0 26px 2px #0000001a}.landing-link{color:var(--mainTextColor)}.landing-link:hover{color:var(--lightTextColor);transform:translateY(-1px)}.landing-mockups{grid-area:pic;justify-content:center;align-items:center;width:100%;height:auto;min-height:620px;display:flex;position:relative}.landing-mockups-img{z-index:1;filter:drop-shadow(0 28px 46px #0000002e);z-index:1;width:auto;height:100%;display:block;position:absolute;top:20vh;bottom:0;left:0}.landing-seo{grid-area:seo;max-width:620px;padding-top:6px}.landing-seo h2{letter-spacing:-.04em;color:var(--mainTextColor);margin:0 0 16px;font-size:clamp(1.65rem,2.1vw,2.3rem);line-height:1.08}.landing-seo p{max-width:64ch;margin:0 0 14px;font-size:1rem;line-height:1.72}.landing-page-terms-container{text-align:end;margin-top:40px;margin-right:5px}.landing-page-terms-container span{font-size:.6rem}@media (max-width:1440px){.landing-wrapper{grid-template-columns:48% 52%;padding-top:30px}.landing-background{padding-bottom:90px}}@media (max-width:1024px){.landing-background{padding-bottom:330px}.landing-wrapper{grid-template-columns:1fr;grid-template-areas:"info""pic""seo";gap:30px;padding:55px 50px}.landing-badge{align-items:center;min-height:29px;margin-bottom:22px;font-size:.8rem;display:inline-flex}.landing-mockups-img{width:95%;position:relative;top:-20px}.landing-mockups{min-height:320px}.landing-seo,.landing-seo p{max-width:fit-content}}@media (max-width:700px){.landing-background{clip-path:ellipse(160% 100% at 38% 0);padding-bottom:230px}.landing-wrapper{grid-template-columns:1fr;grid-template-areas:"info""pic""seo";gap:20px;padding:55px 20px 20px 30px}.landing-description{margin-right:0}.landing-wrapper h1{font-size:clamp(3rem,4.5vw,5rem)}.landing-mockups{min-height:200px}.landing-mockups-img{top:-10px}}@media (max-width:425px){.landing-background{clip-path:ellipse(160% 100% at 38% 0);padding-bottom:180px}.landing-wrapper{grid-template-columns:1fr;grid-template-areas:"info""pic""seo";padding:55px 10px 10px 20px}.landing-wrapper h1{font-size:clamp(2.7rem,4.5vw,5rem)}.landing-description{font-size:1rem}.landing-header{margin-bottom:0}.landing-features li{padding-left:34px;font-size:.9rem;line-height:1.55;position:relative}.landing-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:5px;display:flex}.landing-cta,.landing-link{min-height:40px;padding:0 10px;font-size:.9rem}.landing-mockups{min-height:180px}.landing-mockups-img{top:-5px}.landing-seo p{font-size:.8rem}}
:root{--mainBackgroundColor:#fff;--secondaryBackgroundColor:#bbb;--mainTextColor:#282c34;--lightTextColor:#fffffff3;--placeholderText:#282c348d;--borderColor:#d0cece59;--hoverBorderColor:#aaaaaa8f;--heroRed:#ff4d4d;--heroOrange:#ff8a4f;--mainButtonColor:linear-gradient(141deg, var(--heroRed) 0%, var(--heroOrange) 62%);--mainButtonHover:linear-gradient(141deg, #ff4d4dc8 0%, #ff8a4fc5 62%);--secondaryButtonColor:#ededed;--secondaryButtonHover:#edededa7;--deleteColor:#da5454;--deleteColorLighter:#e95b5b;--checkedGreen:#7fd179;--inputBackground:#fff;--dropdownSelected:#bfbfbf}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/fonts/MaterialSymbolsOutlined.woff2)format("woff2")}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}*{font-family:Inter,sans-serif;font-weight:400}html{overflow-x:hidden}body{background-color:var(--mainBackgroundColor);color:var(--mainTextColor);max-width:100vw;margin:0;overflow-x:hidden}ul{padding:0}input,textarea{background-color:var(--inputBackground);color:var(--mainTextColor)}input:focus-within,select:focus-within,textarea:focus-within{outline:var(--borderColor) 2px ridge;border-radius:5px}input::placeholder,textarea::placeholder,select{color:var(--placeholderText);font-size:.9rem}a{text-decoration:none}h1{text-align:center;margin:0 0 10px;font-size:1.8rem;font-weight:600}button,.custom-file-upload{background:var(--secondaryButtonColor);color:var(--mainTextColor);cursor:pointer;text-align:center;box-sizing:border-box;border:none;border-radius:10px;height:45px;padding:5px;font-size:.8rem;line-height:1.2rem}.custom-file-upload:hover,.delete-recipe-image:hover,.btn-add-ingredient:hover,.modal-content button:hover,.check-uncheck-container button:hover,.grocery-form-sort-recipes-button:hover,#filter-ingredients-btn:hover,.auth-form-inputs button:hover,.update-profile-container button:hover,.update-profile-img-container label:hover,#popup-ctas-cancel:hover,.recipe-servings-container button:hover,.navigation-arrow-container button:hover,#category-filter-btn-cancel:hover,.buttons-container button:hover,.edit-delete-buttons-grocery-card button:hover,.update-profile-save button:hover,.error-page-button:hover{background-color:var(--secondaryButtonHover)}#toggle-form-button-default:hover,.btn-add-recipe:hover,.btn-save-recipe:hover,.btn-modify-recipe:hover,#category-filter-btn-confirm:hover,#search-btn:hover,.grocery-form-buttons button:hover,.navigation-signup:hover{background:var(--mainButtonHover)}#delete-user,#popup-ctas-confirm,.selected-ingredients-filter-list button,.edit-delete-buttons-grocery-card button:first-of-type,.recipe-ingredients-array li button,.update-profile-img-ctas button{background-color:var(--deleteColor);color:var(--lightTextColor)}#delete-user:hover,#popup-ctas-confirm:hover,.selected-ingredients-filter-list button:hover,.edit-delete-buttons-grocery-card button:first-of-type:hover,.recipe-ingredients-array li button:hover,.update-profile-img-ctas button:hover{background-color:var(--deleteColorLighter)}button:disabled{cursor:not-allowed;opacity:.5}#toggle-form-button-default{background:var(--mainButtonColor)}.toggle-form-button{color:var(--lightTextColor);cursor:pointer;border:none;border-radius:16px;padding:10px 20px;font-size:.8rem;font-weight:700;box-shadow:0 0 26px 2px #0000001a}.toggle-form-button-add{justify-content:center;align-items:center;gap:5px;display:flex}#toggle-form-button-red{color:var(--mainTextColor);box-shadow:0 0 26px 2px #00000012}.toggle-form-button-add span:last-of-type{padding-top:3px}.toggle-form-button-add .material-symbols-outlined{font-size:1.5rem}input[type=checkbox]{appearance:none;background-color:var(--mainBackgroundColor);border:2px solid var(--borderColor);cursor:pointer;border-radius:4px}input[type=checkbox]:checked{background-color:var(--checkedGreen)}input[type=checkbox]:checked:after{content:"✔";justify-content:center;align-items:center;font-size:12px;display:flex}.recipe-form-header,.grocery-form-header,.homepage-header{text-align:center;margin-bottom:10px}.no-data-span{justify-content:center;margin-top:5px;font-style:italic;display:flex}.recipe-form-container,.grocery-form-container{background-color:var(--lighterGreyOpacity);border-radius:10px;max-width:900px;margin:auto auto 50px;padding:20px;position:relative}.recipe-card-img-and-title.not-modal{background-color:var(--lighterGreyOpacity)}.grocery-form-container .recipe-card-img-and-title.not-modal{background-color:var(--mainBackgroundColor)}.my-masonry-grid{width:auto;margin:0 4px;display:flex}.my-masonry-grid_column{background-clip:padding-box}.my-masonry-grid_column>div{margin:0 3px 8px}.loading-toast{background-color:var(--mainBackgroundColor);color:var(--mainTextColor);z-index:1000;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;animation:.3s ease-out fadeIn;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.end-of-scroll{text-align:center;border-radius:8px;grid-column:1/-1;margin:32px auto 210px;padding:8px 16px;font-size:14px;animation:.4s ease-out scrollFade}@keyframes scrollFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.button-loader{border:2px solid #0003;border-top:2px solid var(--mainBackgroundColor);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.full-page-loader{z-index:5000;text-align:center;background-color:#0000006d;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.full-page-loader-nav{z-index:5000;text-align:center;background:var(--mainBackgroundColor);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.full-page-loader span{text-indent:-9999em;z-index:11000;border-radius:50%;width:1em;height:1em;font-size:10px;animation:1.1s infinite mulShdSpin;position:relative;transform:translateZ(0)}.full-page-loader-nav span{text-indent:-9999em;z-index:11000;border-radius:50%;width:1em;height:1em;font-size:10px;animation:1.1s infinite mulShdSpinNav;position:relative;transform:translateZ(0)}.full-page-loader p{color:var(--lightTextColor);margin-top:40px}.full-page-loader-nav p{color:var(--heroOrange);margin-top:40px}@keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #ffffff80,-1.8em -1.8em 0 0 #ffffffb3}12.5%{box-shadow:0 -2.6em 0 0 #ffffffb3,1.8em -1.8em 0 0 #fff,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #ffffff80}25%{box-shadow:0 -2.6em 0 0 #ffffff80,1.8em -1.8em 0 0 #ffffffb3,2.5em 0 0 0 #fff,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}37.5%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #ffffff80,2.5em 0 0 0 #ffffffb3,1.75em 1.75em 0 0 #fff,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}50%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #ffffff80,1.75em 1.75em 0 0 #ffffffb3,0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}62.5%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #ffffff80,0 2.5em 0 0 #ffffffb3,-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}75%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #ffffff80,-1.8em 1.8em 0 0 #ffffffb3,-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 #fff3}87.5%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #ffffff80,-2.6em 0 0 0 #ffffffb3,-1.8em -1.8em 0 0 #fff}}@keyframes mulShdSpinNav{0%,to{box-shadow:0 -2.6em 0 0 #ff8a4f,1.8em -1.8em 0 0 #ff8a4f33,2.5em 0 0 0 #ff8a4f33,1.75em 1.75em 0 0 #ff8a4f33,0 2.5em 0 0 #ff8a4f33,-1.8em 1.8em 0 0 #ff8a4f33,-2.6em 0 0 0 #ff8a4f80,-1.8em -1.8em 0 0 #ff8a4fb3}12.5%{box-shadow:0 -2.6em 0 0 #ff8a4fb3,1.8em -1.8em 0 0 #ff8a4f,2.5em 0 0 0 #ff8a4f33,1.75em 1.75em 0 0 #ff8a4f33,0 2.5em 0 0 #ff8a4f33,-1.8em 1.8em 0 0 #ff8a4f33,-2.6em 0 0 0 #ff8a4f33,-1.8em -1.8em 0 0 #ff8a4f80}25%{box-shadow:0 -2.6em 0 0 #ff8a4f80,1.8em -1.8em 0 0 #ff8a4fb3,2.5em 0 0 0 #ff8a4f,1.75em 1.75em 0 0 #ff8a4f33,0 2.5em 0 0 #ff8a4f33,-1.8em 1.8em 0 0 #ff8a4f33,-2.6em 0 0 0 #ff8a4f33,-1.8em -1.8em 0 0 #ff8a4f33}37.5%{box-shadow:0 -2.6em 0 0 #ff8a4f33,1.8em -1.8em 0 0 #ff8a4f80,2.5em 0 0 0 #ff8a4fb3,1.75em 1.75em 0 0 #ff8a4f,0 2.5em 0 0 #ff8a4f33,-1.8em 1.8em 0 0 #ff8a4f33,-2.6em 0 0 0 #ff8a4f33,-1.8em -1.8em 0 0 #ff8a4f33}50%{box-shadow:0 -2.6em 0 0 #ff8a4f33,1.8em -1.8em 0 0 #ff8a4f33,2.5em 0 0 0 #ff8a4f80,1.75em 1.75em 0 0 #ff8a4fb3,0 2.5em 0 0 #ff8a4f,-1.8em 1.8em 0 0 #ff8a4f33,-2.6em 0 0 0 #ff8a4f33,-1.8em -1.8em 0 0 #ff8a4f33}62.5%{box-shadow:0 -2.6em 0 0 #ff8a4f33,1.8em -1.8em 0 0 #ff8a4f33,2.5em 0 0 0 #ff8a4f33,1.75em 1.75em 0 0 #ff8a4f80,0 2.5em 0 0 #ff8a4fb3,-1.8em 1.8em 0 0 #ff8a4f,-2.6em 0 0 0 #ff8a4f33,-1.8em -1.8em 0 0 #ff8a4f33}75%{box-shadow:0 -2.6em 0 0 #ff8a4f33,1.8em -1.8em 0 0 #ff8a4f33,2.5em 0 0 0 #ff8a4f33,1.75em 1.75em 0 0 #ff8a4f33,0 2.5em 0 0 #ff8a4f80,-1.8em 1.8em 0 0 #ff8a4fb3,-2.6em 0 0 0 #ff8a4f,-1.8em -1.8em 0 0 #ff8a4f33}87.5%{box-shadow:0 -2.6em 0 0 #ff8a4f33,1.8em -1.8em 0 0 #ff8a4f33,2.5em 0 0 0 #ff8a4f33,1.75em 1.75em 0 0 #ff8a4f33,0 2.5em 0 0 #ff8a4f33,-1.8em 1.8em 0 0 #ff8a4f80,-2.6em 0 0 0 #ff8a4fb3,-1.8em -1.8em 0 0 #ff8a4f}}.warning-banner{z-index:250;background-color:var(--deleteColor);align-items:center;gap:5px;padding:10px 14px;display:flex;top:0}.env-banner-container{z-index:1000;align-items:center;width:100%;height:30px;padding-left:10px;display:flex;position:sticky;top:0}.env-banner-container span{text-transform:uppercase;color:var(--lightTextColor)}.update-message{z-index:10000;color:var(--lightTextColor)}.footer-terms-container{background-color:var(--mainBackgroundColor);z-index:10;border-radius:5px;display:flex;position:fixed;bottom:10px;right:10px}.footer-terms-container span{padding:2px 5px;font-size:.5rem}