body{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#f5f6fb;color:#2f3f56;font:100% Roboto,sans-serif;font-size:16px;margin:0;padding:0}.site-nav-bar{background-color:#fff;box-shadow:0 2px 4px #d4d5d9;height:60px;position:fixed;width:100%;z-index:1}.site-nav-bar .desktop-nav-bar-links{border:3px solid #fff;color:#8592a3;cursor:pointer;padding:1em;text-decoration:none}.site-nav-bar .desktop-nav-bar-links:hover{background-color:#d6dcfa;border-radius:16px;color:#657ef8}.site-nav-bar .nav-bar-link-selected{color:#657ef8!important}.site-nav-bar .nav-bar-link-default{color:#8592a3}.site-nav-bar .mobile-logo-link-container{display:inline}.site-nav-bar .logo{position:relative;top:10px}.site-nav-bar .logo-link{border:3px solid #d6dcfa;border-radius:0;cursor:pointer;padding:.9em}.site-nav-bar .inner-nav-bar{padding:5px}.site-nav-bar .inventory-icon{float:right}.site-nav-bar .side-menu{color:#8592a3;display:none;padding:1em}.sub-page-body{padding-top:60px}.cooking-page-display{display:grid;grid-template-areas:"cards sidebar";grid-template-columns:auto 375px;min-height:90vh}.sidebar-display{grid-area:sidebar;margin-left:auto;margin-right:8px;margin-top:15px;padding-bottom:10px;width:375px}.sidebar-display .add-recipe-button-div{margin-bottom:10px;padding-bottom:.5em;padding-top:.5em}.sidebar-display .add-recipe-button-div,.sidebar-display .grocery-div{background-color:#fff;border-radius:16px}.sidebar-display .grocery-div .sidebar-card-display{margin-bottom:10px}.sidebar-display .grocery-div .header-text{border-bottom:1px solid #8592a3;padding:1em;text-align:center}.sidebar-display .grocery-div .header-text-container{border-bottom:1px solid #8592a3;display:flex;padding:1em}.sidebar-display .grocery-div .header-text-container .title{text-align:center;width:100%}.sidebar-display .grocery-div .header-text-container .settings-container{float:right;margin-right:10px}.sidebar-display .grocery-div .top-bar{border-top-left-radius:16px;border-top-right-radius:16px;color:#2f3f56}.sidebar-display .grocery-div .grocery-list-top-bar{margin-left:15%;margin-right:15%}.sidebar-display .grocery-div .grocery-list-cards-div{flex-wrap:wrap;margin-left:15%;margin-right:15%;margin-top:15px;min-height:20px;padding-bottom:15px;padding-left:5px;padding-right:5px}.sidebar-display .grocery-div .cooking-pot-ingredient-container{padding:4px}.sidebar-display .grocery-div .cooking-pot-ingredient-container .cooking-pot-ingredient-img{border-radius:16px;height:50px;width:50px}.sidebar-display .modal-button{margin:0 .5em}.sidebar-display .dropdown-display-none{display:none}.recipe-card-display{flex-wrap:wrap;grid-area:cards}.recipe-card-display .recipe-card-grid{background-color:#fff;border-radius:16px;display:grid;grid-template-areas:"top-bar top-bar" "main-img recipe-progress" "ingredients ingredients";height:265px;margin-right:8px;width:350px}.recipe-card-display .recipe-card-grid .recipe-top-bar{border-bottom:1px solid #d4d5d9;grid-area:top-bar;margin-left:.5em;margin-right:.5em;padding:1em 1em .25em}.recipe-card-display .recipe-card-grid .recipe-top-bar .recipe-name{color:#2f3f56;margin-left:1em;margin-top:.2em;text-align:center;width:80%}.recipe-card-display .recipe-card-grid .recipe-top-bar .power-button-margin{margin-right:3px}.recipe-card-display .recipe-card-grid .recipe-top-bar .power-button{margin-right:10px}.recipe-card-display .recipe-card-grid .recipe-progress{color:#8592a3;font-size:14px;grid-area:recipe-progress}.recipe-card-display .recipe-card-grid .recipe-progress .recipe-progress-fields{font-size:14px;min-width:70px;padding-right:.5em;padding-top:1em}.recipe-card-display .recipe-card-grid .recipe-progress .progress-field{margin-right:1.5em}.recipe-card-display .recipe-card-grid .recipe-progress .prof-field{height:1.25em}.recipe-card-display .recipe-card-grid .recipe-progress .recipe-data-field{font-size:14px}.recipe-card-display .recipe-card-grid .recipe-progress .cook-button-div{margin-bottom:1em;margin-top:10px;width:90%}.recipe-card-display .recipe-card-grid .recipe-progress .modal-button{font-size:14px}.recipe-card-display .recipe-card-grid .recipe-progress .checkmark-overlay{padding-top:.5em}.recipe-card-display .recipe-card-grid .recipe-img{background-repeat:no-repeat;background-size:cover;border-radius:35px;grid-area:main-img;margin:10px 0;max-height:125px;width:125px}.recipe-card-display .recipe-card-grid .recipe-ingredient-div{border-top:1px solid #d4d5d9;grid-area:ingredients;margin:0 .5em 5px;padding-top:.5em}.recipe-card-display .recipe-card-grid .message-modal .edit-popup .top-bar{color:#2f3f56}.modal{background-color:rgba(0,0,0,.5);box-sizing:border-box;height:100%;left:0;overflow:auto;padding:1em;position:fixed;top:0;width:100%;z-index:1}.modal .modal-card{background-color:#fff;border-radius:16px;max-width:1000px;overflow-y:scroll;width:100%}.modal .modal-content{max-width:700px;padding:1em 0}.modal .modal-nav-bar{border-bottom:3px solid #d4d5d9;display:flex;justify-content:space-between}.modal .modal-nav-bar-icon{height:50px;width:50px}.modal .modal-nav-bar-tab-default{opacity:.5}.modal .modal-nav-bar-tab-selected{color:#657ef8;opacity:.8}.modal .modal-nav-bar-tab-default:hover,.modal .modal-nav-bar-tab-selected,.modal .modal-nav-bar-tab-selected:hover{background-color:#d6dcfa;border-radius:8px}.modal .modal-legend-icon{color:#aed848;padding:10px}.modal .modal-legend-icon .modal-legend-meaning{display:inline-block;vertical-align:super}.modal .modal-content{background-color:#fff;margin:auto;padding:20px}.modal .save-cancel-buttons{display:flex}.modal .save-cancel-buttons .modal-button{margin-right:.5em}.message-modal-body{padding:2em 2em 3em}.card{margin:15px}.card-icon{font-size:10px;width:85%}.recipe-label-field{cursor:pointer;display:block;padding-top:.5em}.ingredient-card{border-radius:5px;height:86px;margin:6px 6px 1em;width:60px}.ingredient-card .card-img{background-repeat:no-repeat;border-radius:10px}.ingredient-card .card-text-field{-webkit-appearance:none;appearance:none;margin-top:.5em;width:46px!important}.cards{flex-wrap:wrap;padding-top:5px}.flex-center,.vertical-center{display:flex;justify-content:center}.vertical-center{flex-direction:column}.cookbook-card{background-repeat:no-repeat;background-size:100px;border:2px solid #d4d5d9;border-radius:10px;cursor:pointer;font-size:14px;margin:6px;min-height:130px;padding:.5em;position:relative;transition:all .2s ease-in-out;width:100px}.cookbook-card .card-img{border-radius:10px}.cookbook-card .checkmark-overlay{position:absolute}.modal-button{background-color:#d6dcfa;border:none;border-radius:16px;color:#657ef8;cursor:pointer;font-size:16px;padding:1em;transition:all .1s ease-in-out}.modal-button:hover{background-color:#657ef8;color:#fff}.small-button{background-color:#d6dcfa;border:none;border-radius:4px;color:#657ef8;cursor:pointer;font-size:14px;padding:.25em;transition:all .1s ease-in-out;width:50px}.small-button:hover{background-color:#657ef8;color:#fff}.message-modal{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}.message-modal .popup{background-color:#fff;border-radius:16px;padding:1em}.message-modal .delete-popup{padding:1em 2em}.message-modal .delete-popup .top-bar{float:right;padding-top:15px}.message-modal .edit-popup .ingredients-border{border-right:1px solid #d4d5d9}.message-modal .edit-popup .top-bar{border-bottom:1px solid #d4d5d9;padding:15px}.message-modal .edit-popup .input-label{inline-size:10em;text-align:center}.message-modal .edit-popup .text-label{padding-left:.3em}.message-modal .edit-popup .input-field-div{display:flex;flex-direction:column;margin:15px 32px 0}.message-modal .edit-popup .input-field-div .inner-field-div{margin-bottom:.4em}.message-modal .edit-popup .modal-button{margin-top:5px;width:100%}.message-modal .cooking-popup{display:flex;flex-direction:column;min-width:650px}.message-modal .cooking-popup .top-bar{border-bottom:1px solid #d4d5d9;padding:15px}.message-modal .cooking-popup .top-bar .cook-recipe-name-text{font-size:14px}.message-modal .cooking-popup .cooking-field-title{font-size:14px;margin-top:2em;text-align:center}.message-modal .cooking-popup .cooking-parent{display:flex;flex-direction:column}.message-modal .cooking-popup .cooking-body{margin:0 2em 1em 4em}.message-modal .cooking-popup .cooking-body .cooking-field-div .text-field{height:2em;margin-top:.4em;width:3em}.message-modal .cooking-popup .cooking-body .info-icon{color:#657ef8;height:20px;opacity:.7;width:20px}.message-modal .cooking-popup .cooking-body .info-icon:hover{opacity:1}.message-modal .cooking-popup .progress-display-div{color:#8592a3;display:flex;flex-direction:column;font-size:14px;margin-bottom:2em;text-align:center}.message-modal .cooking-popup .ingredients-div{display:flex;justify-content:center}.message-modal .cooking-popup .ingredients-div .ingredients-border{border-right:1px solid #d4d5d9}.message-modal .cooking-popup .ingredients-div .ingredients-wrapper{border-top:1px solid #d4d5d9;padding:1em 2em;text-align:center}.message-modal .cooking-popup .ingredients-div .ingredients-wrapper .ingredient-cards-title{font-size:14px}.message-modal .cooking-popup .ingredient-warning-text{background-color:rgba(0,0,0,.4);color:#ff4f4f}.message-modal .cooking-popup .modal-button{padding:1em 2em}.message-modal .edit-mini-ingredient-popup{color:#2f3f56;display:flex;flex-direction:column;max-height:310px;width:275px}.message-modal .edit-mini-ingredient-popup .edit-mini-ingredient-top-bar{border-bottom:1px solid #d4d5d9;padding:15px}.message-modal .edit-mini-ingredient-popup .input-field-div{display:flex;flex-direction:column;margin:15px 32px 0;text-align:center}.message-modal .edit-mini-ingredient-popup .ingredient-img{border-radius:16px;margin-top:1em;width:50px}.message-modal .settings-popup .top-bar{border-bottom:1px solid #d4d5d9;padding:15px}.message-modal .close{color:#8592a3;cursor:pointer;float:right;height:35px;margin-top:-10px;width:35px}.message-modal .close:hover{background-color:#fff;color:#8592a3}.mini-ingredient-container{color:#fff;margin-left:2px;padding:4px;position:relative}.mini-ingredient-container .mini-ingredient-card{border-radius:16px;cursor:pointer;height:50px;width:50px}.mini-ingredient-container .ingredient-count-overlay{background-color:rgba(0,0,0,.2);border-bottom-left-radius:15px;border-bottom-right-radius:15px;bottom:0;cursor:pointer;font-size:14px;margin-bottom:8px;position:absolute;text-align:center;width:50px}.text-field{background-color:#f5f6fb;border:1px solid #d4d5d9;border-radius:4px;height:2em;padding:0 5px;width:3em}.kofi-icon-div,.text-field{cursor:pointer;text-align:center}.kofi-icon-div{background-color:#d6dcfa;border:5px solid #fff;border-radius:12px;bottom:1em;box-shadow:0 2px 4px #d4d5d9;color:#657ef8;display:flex;padding-right:.5em;position:fixed;right:1em;transition:all .2s ease-in-out;z-index:99}.kofi-icon-div .kofi-icon{height:70px;width:70px}.kofi-icon-div:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.donate-popup{border:10px solid #d6dcfa;display:flex;flex-direction:column;max-height:270px}.donate-popup .top-bar{border-bottom:1px solid #d4d5d9;padding:15px}.donate-popup .sub-title{font-size:15px;margin-top:1em;padding:.5em;text-align:center}.donate-icon-div{margin:1em}.donate-icon-div .donate-icon{cursor:pointer;height:50px;padding-bottom:1em;transition:all .2s ease-in-out;width:50px}.donate-icon-div .donate-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.donate-icon-div .patreon-icon{cursor:pointer;transition:all .2s ease-in-out;width:50px}.donate-icon-div .patreon-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.disabled-button{cursor:auto;opacity:.6}.disabled-button:hover{background-color:#d6dcfa;color:#657ef8}.toggle-text{color:#8592a3;font-size:14px}.toggle{color:#b6c2fc}.disabled-card{opacity:.6}.large-font{font-size:20px}.xlarge-font{font-size:50px}.placeholder-div{height:90vh;text-align:center}.help-container{height:90vh;width:100%}.help-container .help-text-container{margin:.5em;text-align:center}.help-container .tutorial-character{height:200px;width:200px}.help-container .modal-button{margin:.5em}.svg-icon{border-radius:5px;color:#8592a3;cursor:pointer}.svg-icon:hover{background-color:#d6dcfa;color:#657ef8}.text-align-center{text-align:center}.column-flex{flex-direction:column}.padding{padding:1em}.reduced-font-size{font-size:14px}.padding-right{padding-right:.5em}.padding-left{padding-left:.5em}.padding-top{margin-top:.5em}.paimon{height:200px;width:200px}.default-color{color:#8592a3}.checkmark-overlay{color:#aed848}.home-page-container{min-height:calc(100vh - 100px)}.home-page-container .welcome-banner{padding-bottom:20px}.home-page-container .message-body{padding-bottom:60px}.home-page-container .image-container{display:flex;justify-content:center}.home-page-container .sparkling-icon{height:30px;width:30px}.footer{align-items:center;background-color:#dde3ec;height:60px;width:100%}.footer .footer-icons{cursor:pointer;height:35px;width:35px}.footer .discord-icon{cursor:pointer;height:30px;width:35px}.home-page-img{cursor:pointer;height:200px;width:200px}.cookie-png{height:35px;width:35px}.offside-font{font-family:Offside,sans-serif}.top-bar{border-bottom:1px solid #d4d5d9}.font-bold{font-weight:700}.close{border-radius:5px;color:#8592a3;cursor:pointer;float:right;height:35px!important;margin-top:-10px;width:35px!important}.close:hover{background-color:#d6dcfa;color:#657ef8}.cookie-popup-close{border-radius:5px;color:#8592a3;cursor:pointer;height:35px!important;width:35px!important}.cookie-popup-close:hover{background-color:#d6dcfa;color:#657ef8}.border-bottom{border-bottom:1px solid #8592a3}.donate-bottom-padding{padding-bottom:70px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#dde3ec;border:4px solid transparent;border-radius:9px}::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background-color:transparent}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}@media only screen and (max-width:768px){.site-nav-bar .mobile-nav-bar-links{-webkit-tap-highlight-color:rgba(0,0,0,0);clear:both;color:#8592a3;cursor:pointer;display:block;margin:1em;padding:1em;text-decoration:none}.site-nav-bar .mobile-nav-bar-links:hover{background-color:#d6dcfa;border-radius:16px;color:#657ef8}.site-nav-bar .inventory-icon{position:absolute;right:0}.site-nav-bar .inventory-icon .modal-button{margin-right:5px}.site-nav-bar .mobile-logo-link-container{text-align:center;width:100%}.site-nav-bar .inner-nav-bar{display:flex}.site-nav-bar .vertical-center{margin:0}.site-nav-bar .desktop-nav-bar-links{display:none}.site-nav-bar .side-menu{display:inline;margin-left:10px;padding:0;position:absolute}.site-nav-bar .side-panel-container{background-color:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.site-nav-bar .side-panel{background-color:#fff;height:100vh;left:0;overflow-x:hidden;position:fixed;top:0;transition:.5s;width:250px;z-index:1}.site-nav-bar .side-panel .side-panel-top-bar{clear:both;float:left}.message-modal .cooking-popup{min-width:80vw}.cooking-page-display{display:flex;flex-wrap:wrap}.cooking-page-display .sidebar-display,.cooking-page-display .sidebar-display .recipe-popup-button{width:100%}.add-recipe-button-div,.grocery-div{margin-left:10px}.qty-edit-popup-container{flex-wrap:wrap}.qty-edit-popup-container .ingredients-border{display:none}.inventory-icon .modal-button{padding:.9em}.message-modal .cooking-popup .ingredients-div{display:block}.image-container{align-items:center;display:flex;flex-wrap:wrap}.home-page-img{height:100px;width:100px}}@media only screen and (max-width:768px)and (max-width:480px){.kofi-icon-div{display:none}}@media only screen and (max-width:768px)and (max-height:320px){.help-container,.placeholder-div{height:auto}}
/*# sourceMappingURL=main.cc530972.css.map*/