:root{--white-color:white;--text-black-color:black;--green-color:#8AC926;--green-color-light:rgba(138,201,38,.7);--dark-green-color:#76AB21;--light-green-color:#c3e789;--red-color:#ff6200;--dark-red-color:#d45404;--light-red-color:#ffa8ab;--yellow-color:#F5B400;--dark-yellow-color:#eba422;--light-yellow-color:#fde6a8;--blue-color:#44aae9;--dark-blue-color:#055f96;--charcoal-grey-color:#262624;--light-blue-color:#9bd0f0;--notification-background-color:rgba(24,21,17,.5);--rgb-grey-color:230,230,230;--light-grey-color:#f4f4f6;--grey-color:#E9E9ED;--medium-grey-color:#D7D2BF;--dark-grey-color:#A5A08D;--border-grey-color:#B8B4A4;--placeholder-color:#74726e;--header-height:86.75px;--default-nav-toolbar-width:75px;--itemDrawer-current-width:0px;--itemDrawer-default-width:250px;--current-nav-width:calc(var(--default-nav-toolbar-width) + var(--itemDrawer-current-width))}html{scroll-behavior:smooth;overflow-y:auto}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.dark-mode{--white-color:#262624;--text-black-color:white;--light-grey-color:#3a3a37;--grey-color:#333331;--charcoal-grey-color:white;--medium-grey-color:#333331;--placeholder-color:#b9b9b1;--notification-background-color:rgba(82,82,82,0.5);background-color:var(--white-color);color:#F7F6F0}.dark-mode .shadow{filter:drop-shadow(0 0 30px black)}.version-bubble{border:solid;border-width:3px;border-color:var(--green-color)}@font-face{font-family:Alexandria;src:url(/fonts/Alexandria.woff2) format("woff2"),url(/fonts/Alexandria.woff) format("woff"),}@font-face{font-family:Geist;src:url(/fonts/Geist.woff2) format("woff2"),url(/fonts/Geist.woff) format("woff"),}@font-face{font-family:Sen;src:url(/fonts/Sen.woff2) format("woff2"),url(/fonts/Sen.woff) format("woff"),}@font-face{font-family:Outfit;src:url(/fonts/Outfit.woff2) format("woff2"),url(/fonts/Outfit.woff) format("woff"),}@font-face{font-family:Mulish;src:url(/fonts/Mulish.woff2) format("woff2"),url(/fonts/Mulish.woff) format("woff"),url(/fonts/Mulish.ttf) format("truetype")}@font-face{font-family:Material Symbols Outlined;src:url(/fonts/MaterialSymbolsOutlined.woff2) format("woff2"),url(/fonts/MaterialSymbolsOutlined.ttf) format("truetype");font-display:block}::placeholder{color:var(--placeholder-color);opacity:1}#header{position:fixed;top:0;left:0;width:100%;background:white}#page-content{margin-left:var(--current-nav-width);flex:1 1}#nav{height:100%}#nav-bg,#navtoolbar-bg{position:fixed;display:inline-flex;bottom:0;height:100lvh;background:var(--white-color)}#default-nav-toolbar{z-index:300;height:100%}#nav-toolbar{position:fixed;left:0;width:var(--navtoolbar-current-width);height:calc(100vh - var(--header-height));background:var(--white-color);z-index:300}input:focus,textarea:focus{outline:none}.layout{display:flex;flex-direction:column;min-height:100vh}.logo{width:150px;height:auto}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;-webkit-tap-highlight-color:transparent}.nav-bar{position:relative;padding:1.3rem}.outline-none{outline:none}.nav-toolbar :focus{outline:none}.nav-toolbar *{-webkit-tap-highlight-color:transparent}.nav-toolbar-bg{display:none;background:var(--notification-background-color)}.anchor{display:inline-block;line-height:0}.search-bar-parent{width:50%}.search-bar{padding:.5rem;box-sizing:border-box}.sticky-form{position:-webkit-sticky;position:sticky;bottom:0}.center-text{text-align:center}.text-color-white{color:var(--white-color)}.text-color-green{color:var(--green-color)}.text-color-light-green{color:var(--light-green-color)}.text-color-yellow{color:var(--yellow-color)}.text-color-red{color:var(--red-color)}.text-color-blue{color:var(--blue-color)}.text-color-light-grey{color:var(--light-grey-color)}.text-color-grey{color:var(--grey-color)}.text-color-dark-grey{color:var(--dark-grey-color)}.text-color-medium-grey{color:var(--medium-grey-color)}.text-color-placeholder{color:var(--placeholder-color)}.text-color-black{color:var(--text-black-color)}.margin-none{margin:0}.display-none{display:none}.flex,.flex-responsive{display:flex}.flex-1{flex:1 1}.flex-align{align-items:center}.flex-justify{justify-content:center}.flex-grow{flex-grow:1}.flex-center{justify-content:center}.flex-center,.flex-space{display:flex;align-items:center}.flex-space{justify-content:space-between}.flex-end{display:flex;justify-content:flex-end;align-items:center}.flex-start{display:flex;justify-content:flex-start}.flex-column{flex-direction:column}.ingredient-nums-input{max-width:100%;min-width:20px;width:100px}.ingredient-name-input{flex:1 1 auto;width:100px}.no-top-bottom-padding{padding-top:0!important;padding-bottom:0!important}.p-button{padding:.5rem 1rem;box-sizing:border-box}.p-nav-button{padding:.25rem;box-sizing:border-box}.p-tenth{padding:.5rem}.p-quarter,.p-tenth{box-sizing:border-box}.p-quarter{padding:1rem}.p-third{padding:1.3rem}.p-half,.p-third{box-sizing:border-box}.p-half{padding:1.5rem}.p-3{padding:3rem}.p-2,.p-3{box-sizing:border-box}.p-2{padding:2.25rem}.p-1{padding:1.75rem}.p-1,.py-10{box-sizing:border-box}.py-10{padding:0 1rem}.p-top-third{padding-top:1.3rem}.p-none,.p-top-third{box-sizing:border-box}.p-none{padding:0}.margin-top-1{margin-top:1rem}.py-1{padding:1rem 0;box-sizing:border-box}.nav-link{color:black;text-decoration:none}.nav-link:hover{color:var(--green-color)}.max-width-100{max-width:100%}.width-100{width:100%}.height-100{height:100%}.ai-prompt{background:var(--light-grey-color);padding:.5rem}.margin-auto{margin-left:auto;margin-right:auto}.max-width{max-width:1200px;padding-left:1.3rem;padding-right:1.3rem;box-sizing:border-box}.grid,.grid-col-1{display:grid}.grid-col-1{grid-template-columns:1fr}.grid-col-2{display:grid;grid-template-columns:1fr 1fr}.grid-item-center{place-items:center}.intro-grid-col-2{display:grid;grid-template-columns:1fr .7fr}.grid-row-height{grid-template-rows:400px}.grid-stagger-1{display:grid;grid-template-columns:.7fr 1fr}.grid-stagger-2{display:grid;grid-template-columns:1fr .7fr}.gap-tenth{gap:.5rem}.gap-quarter{gap:1rem}.gap-third{gap:1.3rem}.gap-half{gap:1.75rem;box-sizing:border-box}.gap-1{gap:2rem}.gap-2{gap:4rem}.section-gap{gap:50px}.btn{border:none;padding:.5rem}.send-btn{display:flex;justify-content:center;align-items:center;border:none;padding:.1rem;transition:background-color .25s ease}.pointer{cursor:pointer}.cursor-text{cursor:text}.send-svg{width:1.25em;height:1.25em}.bg-green{background:var(--green-color)}.bg-green-light{background:var(--green-color-light)}.bg-dark-green{background:var(--dark-green-color)}.bg-light-green{background:var(--light-green-color)}.bg-red{background:var(--red-color)}.bg-dark-red{background:var(--dark-red-color)}.bg-light-red{background:var(--light-red-color)}.bg-yellow{background:var(--yellow-color)}.bg-light-yellow{background:var(--light-yellow-color)}.bg-dark-yellow{background:var(--dark-yellow-color)}.bg-blue{background:var(--blue-color)}.bg-light-blue{background:var(--light-blue-color)}.bg-dark-blue{background:var(--dark-blue-color)}.bg-white{background:var(--white-color)}.bg-charcoal-grey{background:var(--charcoal-grey-color)}.bg-black{background:var(--text-black-color)}.bg-none{background:transparent}.bg-grey{background:var(--grey-color)}.bg-light-grey{background:var(--light-grey-color)}.bg-placeholder{background:var(--placeholder-color)}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.circular{border-radius:36px}.rounded{border-radius:12px}.rounded-left{border-radius:12px 0 0 12px}.rounded-right{border-radius:0 12px 12px 0}.all-round{border-radius:30px}button{transition:transform .2s ease}button:active{transform:scale(.85)}.border-grey{border:solid;border-width:3px;border-color:var(--grey-color)}.border-green{border:solid;border-width:3px;border-color:var(--green-color)}.border-light-green{border:solid;border-width:3px;border-color:var(--light-green-color)}.outline-green{outline:solid 3px var(--green-color)}.outline-yellow{outline:solid 3px var(--yellow-color)}.outline-black{outline:3px solid black}.recipe-drop-target{padding:2px 0;margin:2px 0}.border-green-top{border-top:3px solid var(--green-color);box-sizing:border-box}.border-green-bottom{border-bottom:3px solid var(--green-color);box-sizing:border-box}.border-yellow{border:solid;border-width:3px;border-color:var(--yellow-color)}.border-light-yellow{border:solid;border-width:3px;border-color:var(--light-yellow-color)}.border-red{border:solid;border-width:3px;border-color:var(--red-color)}.border-blue{border:solid;border-width:3px;border-color:var(--blue-color)}.border-transparent{border:solid;border-width:3px;border-color:transparent}.border-width{border-width:1px}.border-light-grey{border:solid;border-width:3px;border-color:var(--light-grey-color)}.border-black{border:solid;border-width:3px;border-color:black}.border-none{border:none}.ingredient-delete:hover{color:var(--red-color)}.alexandria-light{font-family:Alexandria,sans-serif;font-weight:300}.alexandria-semi-light{font-family:Alexandria,sans-serif;font-weight:400}.alexandria-reg{font-family:Alexandria,sans-serif;font-weight:500}.alexandria-semi-bold{font-family:Alexandria,sans-serif;font-weight:600}.alexandria-bold{font-family:Alexandria,sans-serif;font-weight:700}.geist-light{font-family:Geist,sans-serif;font-weight:300}.geist-semi-light{font-family:Geist,sans-serif;font-weight:400}.geist-reg{font-weight:500}.geist-reg,.geist-semi-bold{font-family:Geist,sans-serif}.geist-semi-bold{font-weight:600}.geist-bold{font-family:Geist,sans-serif;font-weight:700}.sen-light{font-family:Sen,sans-serif;font-weight:300}.sen-semi-light{font-weight:400}.sen-reg,.sen-semi-light{font-family:Sen,sans-serif}.sen-reg{font-weight:500}.sen-semi-bold{font-weight:600}.sen-bold,.sen-semi-bold{font-family:Sen,sans-serif}.sen-bold{font-weight:700}.outfit-light{font-family:Outfit,sans-serif;font-weight:300}.outfit-semi-light{font-family:Outfit,sans-serif;font-weight:400}.outfit-reg{font-family:Outfit,sans-serif;font-weight:500}.outfit-semi-bold{font-family:Outfit,sans-serif;font-weight:600}.outfit-bold{font-family:Outfit,sans-serif;font-weight:700}.mulish-bold{font-weight:800}.mulish-bold,.mulish-reg{font-family:Mulish,sans-serif}.mulish-reg{font-weight:600}.mulish-light{font-family:Mulish,sans-serif;font-weight:400}.gradient-text{background:linear-gradient(90deg,var(--green-color) 10%,var(--yellow-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.intro-title{font-size:4rem;line-height:6rem;font-weight:700}.page-title{font-size:4rem;line-height:5rem}.h1{font-size:3rem;line-height:4rem}.h2{font-size:2rem;line-height:2.75rem}.h3{font-size:1.5rem;line-height:2.25rem}.h4{font-size:1.25rem;line-height:1.875rem}.p{font-size:1rem!important;line-height:1.5rem!important}.small-p{font-size:.7rem!important;line-height:1.2rem!important}.pos-abs{position:absolute}.pos-sticky{position:-webkit-sticky;position:sticky;top:0}.homepage-button-parent{width:120px}.homepage-button{width:60px;aspect-ratio:1/1}.homepage-button-padding{padding:1rem;box-sizing:border-box}.homepage-button-icon{max-width:28px;width:100%;aspect-ratio:1/1}.homepage-button-text{font-size:1rem!important;line-height:1.5rem!important}.bookshelf-interaction-button{position:absolute;top:0;left:100%;padding:.5rem;border-radius:0 0 12px 0}.form-parent:hover{cursor:text}.header-width{margin:0 auto;max-width:100%;box-sizing:border-box}.instruction-image-container{height:300px}.instruction-image-card{object-fit:cover;height:100%;width:100%}.svg-container{width:100%;height:100%}.svg-icon{width:24px;height:24px}.recipe-name-svg-icon,.small-icon{width:18px;height:18px}.darken{filter:brightness(.5)}.recipe-output-div{padding-left:1rem}.user-img-container{position:relative}.user-img{height:36px;width:36px}.user-options-menu{position:absolute;top:100%;right:0}.underline-none{text-decoration:none}.shadow{filter:drop-shadow(0 0 30px var(--grey-color))}.signin-page{height:90vh}.login-icon{height:20px;width:20px}.text-editor{position:relative;border-radius:12px 12px 0 0;width:100%;overflow-wrap:break-word;word-wrap:break-word;white-space:pre-wrap}.ql-container{font-size:unset!important;font-family:unset!important}.ql-container.ql-snow,.ql-toolbar.ql-snow{border:none!important;background:white}.ql-toolbar.ql-snow{position:sticky;position:-webkit-sticky;top:10vh;display:flex;justify-content:flex-start;border-radius:12px 12px 0 0;z-index:100}.ql-container.ql-snow{border-radius:0 0 12px 12px}.ql-editor ol,.ql-editor ul{-webkit-margin-before:1em!important;margin-block-start:1em!important;-webkit-margin-after:1em!important;margin-block-end:1em!important}.quill h1,.quill h2,.quill h3,.quill li,.quill p,.recipe-content h1,.recipe-content h2,.recipe-content h3,.recipe-content li,.recipe-content p{font-family:geist,sans-serif;font-weight:500;margin:0}.ai-recipe-content h1,.quill h1{font-size:3rem!important;line-height:4rem!important}.ai-recipe-content h2,.quill h2{font-size:1.75rem!important}.ai-recipe-content h3,.quill h3{font-size:1.25rem!important}.ai-recipe-content li,.quill li,.quill p .ai-recipe-content p{font-size:1rem!important}.recipe-content h1{font-size:3em!important;line-height:4em!important}.recipe-content h2{font-size:2em!important;line-height:2.75em!important}.recipe-content h3{font-size:1.5em!important;line-height:2.25em!important}.recipe-content p{font-size:1em!important;line-height:1.5em!important}.recipe-content li{font-size:1em!important;padding-bottom:1rem}.recipe-content ol,.recipe-content ul{margin:0;padding:0;list-style-position:inside}.ql-editor{min-height:250px;background:var(--light-grey-color);border-radius:24px;overflow-y:visible!important}.relative{position:relative}.fieldset{border:none;margin:0}.recipe-name-input{align-self:flex-end}.popup-parent{position:absolute;top:0;width:100%}.popup-container{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.move-up{transform:translateY(0);transition:transform 1s ease-out}.start-down{transform:translateY(50%)}.move-up .popup-module{transform:translateY(0);transform:scaleY(1)}.start-down .popup-module{transform:translateY(50%);transform:scaleY(0)}.popup-module{cursor:pointer;position:relative;top:-20%;transition:transform 1s ease-out,top .25s ease-in-out}.popup-module:hover{top:-25%}.popup-module.active{top:-100%}.popup-module.transitioning{pointer-events:none}.popup-module:nth-child(2){transition-delay:.2s,0s}.popup-module:nth-child(3){transition-delay:.4s,0s}.popup-module:nth-child(4){transition-delay:.6s,0s}.recipe-name-container{display:grid;grid-template-columns:.33fr 1fr}.popup-module-spacer{height:200px}.popup-module-content{height:175px;overflow-y:scroll;transition:max-height .25s ease-in-out}.popup-module-content.active{max-height:250px}.recipe-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.kitchen-toolbar-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.nook-user{width:100px;height:100px;aspect-ratio:1/1}.notification-popup-container{display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100lvh;top:0;left:0}.notification-popup-container-bg{background:var(--notification-background-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notification-popup-container.no-bg{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.create-username{position:absolute;width:100%;height:100%}.drop-shadow{filter:drop-shadow(5px 0 0 var(--green-color))}.notification-popup{max-width:600px;max-height:90vh}.fade-in{opacity:1;transition:all .5s ease-out}.fade-out{opacity:0}.z-1000{z-index:1000}.z-900{z-index:900}.z-800{z-index:800}.z-700{z-index:700}.z-600{z-index:600}.z-500{z-index:500}.z-400{z-index:400}.z-300{z-index:300}.z-200{z-index:200}.z-100{z-index:100}.pointer-events-none{pointer-events:none}@keyframes cursorAnimation{0%{opacity:1}to{opacity:0}}@keyframes searchResultGradientAnimation{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes pulseAnimation{0%{transform:scale(.5);opacity:1}50%{opacity:.7}to{transform:scale(1.5);opacity:0}}.gradient-animation-bg{background:linear-gradient(90deg,var(--green-color) 35%,var(--yellow-color),var(--green-color) 85%);background-size:200% 50%;background-position:0 50%}.gradient-animation{animation:searchResultGradientAnimation 3s infinite}.cursor-animation{animation:cursorAnimation .7s ease-in-out infinite alternate}.pulse-animation{animation:pulseAnimation 1.5s ease-in-out infinite alternate;animation:pulseAnimation 2s ease-in-out infinite}.slide-item{position:relative;transition:transform 1s ease-out;will-change:transform}.slide-from-down-to-up .slide-item,.slide-from-left-to-right .slide-item{transform:translateX(0)}.start-slide-down .slide-item{transform:translateY(110vh)}.start-slide-left .slide-item{transform:translateX(-100vw)}.slide-from-down-to-up .slide-item:first-child,.slide-from-left-to-right .slide-item:first-child{transition-delay:0s;z-index:40}.slide-from-down-to-up .slide-item:nth-child(2),.slide-from-left-to-right .slide-item:nth-child(2){transition-delay:.2s;z-index:30}.slide-from-down-to-up .slide-item:nth-child(3),.slide-from-left-to-right .slide-item:nth-child(3){transition-delay:.4s;z-index:20}.slide-from-down-to-up .slide-item:nth-child(4),.slide-from-left-to-right .slide-item:nth-child(4){transition-delay:.6s;z-index:10}.slide-from-down-to-up .slide-item:nth-child(5),.slide-from-left-to-right .slide-item:nth-child(5){transition-delay:.8s;z-index:5}.bookshelf-nav{width:300px}.bookshelf-nav-container{padding-top:0;padding-bottom:0;align-items:stretch}.bookshelf-parent::-webkit-scrollbar,.substitute-container::-webkit-scrollbar{width:19px;background-color:var(--white-color)}.bookshelf-parent::-webkit-scrollbar-track,.substitute-container::-webkit-scrollbar-track{background-color:transparent}.bookshelf-parent::-webkit-scrollbar-thumb,.substitute-container::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:8px;border:3px solid transparent;background-clip:content-box}.bookshelf-parent::-webkit-scrollbar-thumb:hover,.substitute-container::-webkit-scrollbar-thumb:hover{background-color:#ccc;border:3px solid transparent;background-clip:content-box}.bookshelf-parent::-webkit-scrollbar-button,.substitute-container::-webkit-scrollbar-button{display:block;height:16px;background-color:transparent}.bookshelf-parent::-webkit-scrollbar-button:vertical:decrement,.bookshelf-parent::-webkit-scrollbar-button:vertical:increment,.substitute-container::-webkit-scrollbar-button:vertical:decrement,.substitute-container::-webkit-scrollbar-button:vertical:increment{background-color:transparent}.recipe-file{background-color:transparent;transition:background-color .25s ease-in-out}.recipe-file:hover{background-color:var(--blue-color-recipe-hover)}.recipe-file:hover .recipe-name{color:white}.recipe-icon{width:150px;height:150px;background:var(--green-color)}.recipe-name{color:black;transition:color .25s ease-in-out}.overflow-hidden,.recipe-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.overflowX-hidden{overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.svg-bypass-overflow{clip-path:none!important;-webkit-clip-path:none!important}.h-full{height:100%}.w-full{max-width:100%}.overflow-y-scroll{overflow-y:scroll}.bookshelf-section{min-height:90vh}.max-width-80{max-width:80%}.icon-filled.material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48}.icon-outline.material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 0,"opsz" 48}.material-symbols-outlined{font-family:Material Symbols Outlined;font-size:24px;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48}.bookmark,.radio-button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.opacity-none{opacity:0}.section-height{height:90vh}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:20px;height:20px;border:2px solid var(--placeholder-color);border-radius:4px;background-color:var(--light-grey-color);cursor:pointer;position:relative;display:inline-block}input[type=checkbox]:checked{background-color:var(--green-color);border-color:var(--green-color)}.recipe-padding-third>*{padding-left:1.3rem;padding-right:1.3rem;box-sizing:border-box}.word-break{word-break:break-word}.create-recipe-width,.recipe-width{max-width:1200px;width:100%;box-sizing:border-box}.recipe-image-info-container{flex-direction:column}.recipe-action-container{position:-webkit-sticky;position:sticky;bottom:0;left:0;width:100%;text-align:center}.login-button-text{display:inline}.login-button-icon{display:none!important}.create-recipe-ingredients-container-web{display:block}.create-recipe-ingredients-container-mobile{display:none!important}.create-recipe-ingredients-container-mobile-grid{display:grid;grid-template-columns:1fr 1fr}.create-recipe-ingredients-container-mobile-grid-child{align-self:flex-start}.directions-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.flex-wrap{flex-wrap:wrap}.dark-yellow{color:var(--dark-yellow-color)}.dark-blue{color:var(--dark-blue-color)}.dark-red{color:var(--dark-red-color)}.hero-title-mobile{display:none}.hero-ingredient{flex-direction:row}.mobile-only{display:none}.user-options-menu-container{padding:.5rem;box-sizing:border-box;border:none}.trapezoid{width:150px;height:25px;background:white;-webkit-clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.account-settings-container{display:grid;grid-template-columns:.25fr 1fr}.ingredient-inputs{display:flex}.user-recipe-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}#user-page-profile-pic{max-width:140px;max-height:140px}.featured-recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(33%,1fr))}.recipe-card-tab{width:50%;-webkit-clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.recipe-card{display:flex}.recipe-card-info{display:flex;flex-direction:column}.floating-shadow{-webkit-clip-path:ellipse(50% 40% at center);clip-path:ellipse(50% 40% at center)}.swiper-button-next,.swiper-button-prev{top:25%!important;color:var(--blue-color)!important;background:white!important;border-radius:18px!important;opacity:.75!important}.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:1rem!important;font-weight:1000}.recipe-search-bar-input{width:35vw}.intro-section{container-type:inline-size;container-name:introContainer;width:100%}.intro-grid{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:end}@container introContainer (max-width: 768px){.intro-grid{display:grid;grid-template-columns:1fr;grid-gap:60px;gap:60px}}.flex-responsive-parent,.grid-responsive-parent{container-type:inline-size;container-name:responsiveContainer;width:100%}.flex-responsive-container{display:flex;flex-direction:row}.grid-responsive-container{display:grid;grid-template-columns:.7fr 1fr}@container responsiveContainer (max-width: 768px){.flex-responsive-container{flex-direction:column}.grid-responsive-container{grid-template-columns:1fr}.intro-container{flex-direction:column-reverse;text-align:center}.intro-button-container{justify-content:center;align-items:center}}.premium-section{container-type:inline-size;container-name:premiumContainer;width:100%}.premium-grid{display:flex;flex-direction:row-reverse}.premium-animation-slides{display:none;width:100%}.swiper{width:100%}@container premiumContainer (max-width: 768px){.premium-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.premium-animation-rotation{display:none}.premium-animation-slides{display:block;width:100%}}@keyframes loadingAnimation{0%{background-color:var(--light-yellow-color)}50%{background-color:var(--yellow-color)}to{background-color:var(--light-yellow-color)}}.bg-light-yellow-loading{background-color:var(--light-yellow-color);animation:loadingAnimation 3s infinite}.recipe-search-bar-position{justify-content:center}.login-button{padding:.5rem;box-sizing:border-box}@media (max-width:1280px){.user-recipe-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.popup-container.gap-third{gap:0}.kitchen-toolbar{display:flex}.kitchen-toolbar .flex{display:flex;flex-wrap:wrap}.intro-grid-col-2{grid-template-columns:1fr}.grid-stagger-1,.grid-stagger-2{grid-template-columns:1fr 1fr}.recipe-card{flex-direction:column}.recipe-card-info{flex-direction:row}}@media (max-width:1024px){.user-recipe-grid{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--header-height:77.63px}.homepage-button-parent{width:60px}.recipe-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.homepage-button{width:45px;aspect-ratio:1/1}.homepage-button-padding{padding:.5rem;box-sizing:border-box}.homepage-button-text{font-size:.7rem!important;line-height:1.2rem!important}#default-nav-toolbar{min-width:100%}.flex-responsive{flex-direction:column}.nook-user{width:50px;height:50px;aspect-ratio:1/1}.options-button{width:20px;aspect-ratio:1/1}.mobile-only{display:block}.login-button{width:36px;height:36px}.recipe-search-bar-input{min-width:0;width:100%}.recipe-card{flex-direction:column}.recipe-card-info{flex-direction:row}.featured-recipe-grid-container{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-snap-align:start;-ms-overflow-style:none;scrollbar-width:none}.featured-recipe-grid-container::-webkit-scrollbar{display:none}.featured-recipe-grid{display:flex}#user-page-profile-pic{max-width:75px;max-height:75px}.recipe-image-info-container{flex-direction:row}.ingredient-inputs{flex-direction:column}#page-content{margin-left:0;flex:1 1}.nav-toolbar-bg{display:block}.username-text{display:none}.h1{font-size:2.5rem;line-height:3.25rem}.h2{font-size:1.75rem;line-height:2.25rem}.h3{font-size:1.25rem;line-height:1.75rem}.hero-ingredient{flex-direction:column}.hero-card,.hero-labels{flex-direction:row}.hero-facts,.hero-title{display:none}.hero-title-mobile{display:block}.intro-section .animation{display:none}.grid-col-2,.grid-stagger-1,.grid-stagger-2,.intro-grid-col-2{grid-template-columns:1fr}.nav-bar,.nav-bar .gap-1{gap:1rem}.logo{width:125px}.login-button-text{display:none}.login-button-icon{display:inline!important}.sign-in .intro-grid-col-2{display:flex;flex-direction:column-reverse}.notification-popup{max-width:90vw;max-height:80vh}.kitchen-toolbar{display:flex}.create-recipe-ingredients-container-web,.popup-module-spacer{display:none}.create-recipe-ingredients-container-mobile{display:block!important}.ql-snow.ql-toolbar{gap:.5rem;justify-content:flex-start;flex-wrap:wrap}.ql-formats{display:flex!important;margin-right:0!important}.ql-picker-label{padding-left:0!important}.ql-formats button>*{width:16px!important;height:16px!important}.meal-type{flex-wrap:wrap;justify-content:flex-start}.meal-type .btn{border-radius:0}}@media (hover:hover) and (pointer:fine){.btn-hoverable-dark-green:hover,.btn-hoverable:hover{background:var(--dark-green-color)}.btn-hoverable-dark-yellow:hover{background:var(--dark-yellow-color)}.btn-hoverable-dark-red:hover{background:var(--dark-red-color)}.btn-hoverable-dark-blue:hover{background:var(--dark-blue-color)}.btn-hoverable-light-grey:hover{background:var(--light-grey-color)}.btn-hoverable-grey:hover{background:var(--grey-color)}}@media (max-width:640px){.recipe-search-bar-position{justify-content:flex-end}.recipe-search-bar-input{width:0;padding:0}}