@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800&display=swap";body,html{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.slide-menu-overlay{position:fixed;top:52px;right:0;bottom:0;left:0;z-index:999}.slide-menu{display:flex;flex-direction:row;width:100%;height:100%}.slide-menu__panel{display:flex;flex-direction:column;gap:24px;flex-shrink:0;width:min(80vw,320px);height:100%;padding:16px 16px 24px;background-color:#202124;border-right:1px solid #404143;animation:slide-menu-panel-in .25s ease}.slide-menu__section{display:flex;flex-direction:column;gap:4px}.slide-menu__section-title{margin:0 0 6px;padding:0 12px;color:#b3b4b6;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.slide-menu__link{display:flex;align-items:center;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;color:#b3b4b6;font-size:.875rem;font-weight:500;letter-spacing:.04em;line-height:1.2;text-align:left;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,color .15s ease}.slide-menu__link:hover{background-color:#404143a6;color:#fff}.slide-menu__link--active{background-color:#28292b;box-shadow:inset 0 0 0 1px #404143;color:#fff}.slide-menu__backdrop{flex:1;min-width:0;padding:0;border:none;background-color:#0000008c;cursor:pointer;animation:slide-menu-backdrop-in .25s ease;transition:background-color .15s ease}.slide-menu__backdrop:hover{background-color:#000000a6}@keyframes slide-menu-panel-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-menu-backdrop-in{0%{opacity:0}to{opacity:1}}.app-header{position:sticky;top:0;z-index:998;box-sizing:border-box;width:100%;height:52px;background-color:#202124;border-bottom:1px solid #404143}.app-header--menu-open{z-index:1001}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(95%,720px);height:100%;margin:0 auto;padding:8px 16px}.app-header__brand{display:inline-flex;flex-shrink:0;align-items:center;gap:10px;color:#fff;text-decoration:none}.app-header__mark{display:block;width:auto;height:32px;flex-shrink:0}.app-header__wordmark{font-size:1.125rem;font-weight:600;letter-spacing:.12em;line-height:1;text-transform:uppercase}.app-header__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px}.app-header__link{display:inline-flex;align-items:center;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#b3b4b6;font-size:.8125rem;font-weight:500;letter-spacing:.04em;line-height:1.2;text-decoration:none;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.app-header__link:hover{background-color:#404143a6;color:#fff}.app-header__link--active{background-color:#28292b;box-shadow:inset 0 0 0 1px #404143;color:#fff}.app-header__link--action{font:inherit}.app-header__menu-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid #404143;border-radius:6px;background-color:#28292b;color:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.app-header__menu-btn:hover{background-color:#404143a6;border-color:#b3b4b673}.footer{background-color:#202124;height:80px;display:flex;justify-content:space-evenly;align-items:center;width:100%;color:#fff;text-align:center;margin-top:30px}.footer .social-section{align-items:stretch;display:flex;justify-content:space-evenly;list-style-type:none;text-align:center;padding:0;margin:0}.footer .social-section .social{width:40px}.footer .social-section .footer__credit{display:flex;align-items:center}.footer .social>a>img{border-radius:50%;transition:all,.5s;border:none;object-fit:cover;width:30px}.footer .social>a>img:hover{background-color:#b3b4b6;transform:scale(1.2)}.app{background-image:url(./background-dark-BJ526svH.png);background-color:#202124;background-repeat:repeat;background-size:40vmin;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}a{color:#fff;text-decoration:none}.error{color:#b90000}*{box-sizing:border-box}.body{flex-grow:1}.fade-in{animation:fadeIn ease .8s;-webkit-animation:fadeIn ease .8s;-moz-animation:fadeIn ease .8s;-o-animation:fadeIn ease .8s;-ms-animation:fadeIn ease .8s;transition:all .8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;width:100%}.page>.card{width:min(95%,720px);max-width:none;margin:0 auto}.page .recipes-empty{align-items:center;background-color:#202124;border-radius:4px;box-shadow:4px 4px 8px #0003;display:flex;flex-direction:column;margin:20px}.page .new-recipe-title{font-weight:600;letter-spacing:.07em;text-transform:uppercase}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:none;-webkit-text-fill-color:#ffffff;-webkit-box-shadow:0 0 0px 1000px #202124 inset;transition:background-color 5000s ease-in-out 0s}.ingredient-list{display:flex;flex-direction:column;justify-content:space-between;align-content:space-between;padding:0;width:100%}.ingredient-list .ingredient{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #28292b;border-top:1px solid #28292b;padding:2px 0;width:100%}.ingredient-list .ingredient:last-child{border-bottom:none}.ingredient-list .ingredient--purchased .ingredient-text{text-decoration:line-through;opacity:.45}.ingredient-list .ingredient .ingredient-count-total{color:#b3b4b6;font-size:.85em;font-weight:lighter}.ingredient-list .ingredient .ingredient-button{background-color:transparent;border-radius:.5rem;border:none;color:#b3b4b6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:lighter;transition:.4s}.ingredient-list .ingredient .ingredient-button:hover{background-color:#28292b}.ingredient-list .ingredient .ingredient-meta{display:flex;align-items:center;margin-right:4px}.ingredient-list .ingredient .ingredient-meta select{max-width:110px;background-color:#202124;border:1px solid #404143;border-radius:4px;color:#b3b4b6;font-size:12px;padding:4px}.ingredient-list .ingredient .ingredient-text{flex-grow:1;text-align:left;padding:0 10px;font-size:18px;cursor:pointer;background:none;border:none;color:inherit;font-size:inherit}.ingredient-list .ingredient .ingredient-sources{margin-top:5px;font-size:14px;color:#b3b4b6}.ingredient-list .ingredient .ingredient-sources ul{margin:5px 0 0 15px;padding:0}.ingredient-list .ingredient .ingredient-sources li{list-style-type:"- "}.shopping-got-it-divider{width:100%;display:flex;align-items:center;gap:10px;margin:18px 0 6px;color:#b3b4b6;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.shopping-got-it-divider:before,.shopping-got-it-divider:after{content:"";flex:1;height:1px;background:#404143}.shopping-got-it-divider-label{display:flex;align-items:center;gap:6px;white-space:nowrap}.shopping-got-it-reset{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:.5rem;color:#b3b4b6;cursor:pointer;line-height:1;padding:2px 4px;text-transform:none}.shopping-got-it-reset:hover,.shopping-got-it-reset:focus{background-color:#28292b;outline:none}.shopping-got-it{width:100%;opacity:.85}.card{align-items:center;color:#fff;background-color:#202124;border:1.5px solid #404143;border-radius:6px;box-shadow:4px 4px 8px #0006;display:flex;flex-direction:column;justify-content:center;margin:10px 0;width:100%;max-width:500px;overflow:hidden}.card--editing{border-color:#b3b4b6;box-shadow:4px 4px 12px #0000008c}.card .card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:90%;max-width:500px;padding:0;margin:10px 0;color:#fff}.card .card-header .card-title{margin:0;flex:1;min-width:0;border-radius:.5rem;font-size:14px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,text-decoration-color .15s ease}.card .card-header .card-title:hover{text-decoration:underline;text-decoration-color:#b3b4b6;text-decoration-thickness:1px;text-underline-offset:4px}.card .card-header .card-title:focus-visible{outline:2px solid #b3b4b6;outline-offset:2px}.card .card-header .card-title--static{cursor:default}.card .card-header .card-title--static:hover{text-decoration:none}.card .card-header .card-title--static:focus-visible{outline:none}.card .card-header .card-editing-indicator{display:inline-block;margin-left:8px;color:#b3b4b6;font-size:10px;letter-spacing:.12em;text-transform:lowercase;font-weight:400}.card .card-header .title-link{font-size:20px;border-radius:.5rem;text-decoration:none;color:#b3b4b6;cursor:pointer;border:none;background-color:transparent;transition:all .5s;box-sizing:border-box;flex-shrink:0;padding:0 7px}@media screen and (max-width: 450px){.card .card-header .title-link{font-size:14px}}.card .card-header .title-link--icon{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:0 4px;line-height:1}.card .card-header .title-link:hover{background-color:#28292b;transform:scale(1.1)}.card .card-header .title-link:disabled{cursor:not-allowed;opacity:.45}.card .card-header .title-link:disabled:hover{background-color:transparent;transform:none}.card .card-header .rotate{transform:rotate(45deg)}.card .card-header .rotate:hover{transform:rotate(45deg) scale(1.1)}.card .card-header .card-header-buttons{display:flex;flex-shrink:0;flex-wrap:nowrap;justify-content:flex-end}.card .card-body{color:#fff;display:flex;flex-direction:column;width:90%;align-items:center;justify-content:space-between;text-transform:capitalize}@media screen and (max-width: 450px){.card .card-body{font-size:12px}}.card .card-empty-section{width:100%;padding:12px 0;text-align:center;color:#b3b4b6;font-style:italic}.card .new-recipe-button-group{width:98%;display:flex;gap:1%}.card--compact{background:transparent;border:none;border-radius:0;box-shadow:none;margin:0;max-width:none;width:100%}.card--compact:not(:last-child){border-bottom:1px solid #404143}.card--compact .card-header{width:100%;max-width:none;margin:0;padding:12px 16px;transition:background-color .2s}.card--compact .card-title:hover{text-decoration:none}.card--compact:not(.card--expanded):not(.card--editing) .card-header:hover{background-color:#28292b}.card--compact.card--expanded,.card--compact.card--editing{background-color:#28292b}.card--compact.card--expanded .card-header,.card--compact.card--editing .card-header{padding:12px 16px 0}.card--compact.card--expanded .card-body,.card--compact.card--editing .card-body{width:100%;padding:10px 16px 16px;align-items:stretch}.card--compact.card--expanded .title-link--primary,.card--compact.card--editing .title-link--primary{color:#fff;background-color:#202124;border:1px solid #404143}.card--compact.card--expanded .title-link--primary:hover,.card--compact.card--editing .title-link--primary:hover{background-color:#404143;transform:none}.card--compact.card--editing{box-shadow:inset 3px 0 #b3b4b6}.card--compact.card--editing .ingredient-list{background-color:#202124}.custom-button{width:100%;cursor:pointer;background-color:#28292b;color:#fff;border:none;border-radius:4px;box-shadow:4px 4px 8px #0003;text-align:center;padding:20px 0;margin:10px 0;font-size:1rem;transition:.3s}.custom-button:hover{background-color:#404143}.custom-button.google-sign-in{background-color:#4285f4;color:#fff}.custom-button.google-sign-in:hover{background-color:#357ae8;border:none}.field,.group{display:flex;flex-direction:column;gap:6px;width:100%;margin:0 0 14px}.field__label,.form-input-label{color:#b3b4b6;font-size:.8125rem;font-weight:500;letter-spacing:.01em}.field__control,.form-input{width:100%;padding:11px 13px;background-color:#202124;border:1px solid #404143;border-radius:8px;color:#fff;font-size:.9375rem;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease}.field__control::placeholder,.form-input::placeholder{color:#b3b4b6a6}.field__control:focus,.form-input:focus{outline:none;border-color:#b3b4b6d9;box-shadow:0 0 0 3px #b3b4b61f}.field__control--textarea{min-height:112px;resize:vertical}.field--compact{margin-bottom:0}.ingredient-list{background-color:#202124;border:1px solid #404143;border-radius:8px;overflow:hidden}.ingredient-list .ingredient-input-group{margin:0;padding:10px 8px 10px 14px;border-bottom:1px solid #404143;transition:background-color .15s ease}.ingredient-list .ingredient-input-group:last-child{border-bottom:none}.ingredient-list .ingredient-input-group:focus-within{background-color:#40414359}.ingredient-list .ingredient-input-group .field{margin:0}.ingredient-list .ingredient-input-group .field__control{padding:4px 0;min-height:2.25rem;border:none;border-radius:0;background:transparent;box-shadow:none}.ingredient-list .ingredient-input-group .field__control:focus{outline:none;box-shadow:none}.ingredient-list .ingredient-button{height:2rem;width:2rem;border-radius:6px;opacity:.85}.ingredient-list .ingredient-button:hover{opacity:1}.ingredient-input-group{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%}.ingredient-input-group .field{flex:1;min-width:0}.ingredient-input-group .button-group{display:flex;flex-shrink:0;align-items:center;gap:2px}.ingredient-input-group .ingredient-button{background-color:transparent;border:none;border-radius:6px;color:#b3b4b6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:2rem;width:2rem;padding:0;transition:background-color .15s ease,color .15s ease}.ingredient-input-group .ingredient-button:hover{background-color:#404143a6;color:#fff}.recipe-form{display:flex;flex-direction:column;gap:14px;width:100%}.recipe-form__section{display:flex;flex-direction:column;gap:8px}.recipe-form__section-title{margin:0;color:#b3b4b6;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.recipe-form__card{background-color:#202124;border:1px solid #404143;border-radius:8px;overflow:hidden}.recipe-form__card .field{margin:0;padding:10px 14px;gap:4px;transition:background-color .15s ease}.recipe-form__card .field:not(:last-child){border-bottom:1px solid #404143}.recipe-form__card .field:focus-within{background-color:#40414359}.recipe-form__card .field__label{font-size:.6875rem;font-weight:500;letter-spacing:.04em;text-transform:none;color:#b3b4b6e6}.recipe-form__card .field__control{padding:2px 0 0;border:none;border-radius:0;background:transparent;font-size:.9375rem}.recipe-form__card .field__control:focus{outline:none;box-shadow:none}.recipe-form .custom-button{flex:1;margin:0;padding:10px 16px;border-radius:8px;box-shadow:none;font-size:.875rem;font-weight:500}.recipe-form-error{margin:-6px 0 0;padding:0 2px;color:#ff6b6b;font-size:.8125rem}.recipe-form-actions{display:flex;gap:8px;margin-top:2px}.card-list{width:95%}.card-list--compact{width:min(95%,720px);margin:0 auto;background-color:#202124;border:1px solid #404143;border-radius:6px;overflow:hidden}.page-header{width:min(95%,720px);margin:16px auto 0;background-color:#202124;border:1px solid #404143;border-radius:6px;overflow:hidden;color:#b3b4b6}.page-header__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;min-height:48px}.page-header__title{margin:0;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}.page-header__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.page-header__body{border-top:1px solid #404143}.page-header__body:not(:has(.page-header__section)){padding:12px 16px 16px}.page-header__section{padding:12px 16px 16px}.page-header__section:not(:last-child){border-bottom:1px solid #404143}.page-header__section-title{margin:0 0 10px;color:#b3b4b6;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.page-header__section .ingredient-list{background-color:#28292b}.page-header .custom-button.page-header__btn{width:auto;margin:0;padding:8px 14px;font-size:.8125rem;box-shadow:none;white-space:nowrap}.page-header .searchbox{width:auto;padding:0;background:transparent;box-shadow:none;border-radius:0}.page-header .searchbox .custom-button{width:auto;margin:0;padding:8px 14px;font-size:.8125rem;box-shadow:none;white-space:nowrap}.searchbox{display:flex;justify-content:flex-end;width:auto}.home-swiper{width:100%}.home-swiper .swiper-wrapper{align-items:flex-start}.home-swiper .swiper-slide{height:auto}.home-swiper .home-slide-content{width:100%}