.Layout{display:flex;flex-direction:column;text-align:center}p{font-size:24px;&.small-text{font-size:16px}}label{font-size:24px}*{max-width:100%}.Layout-header{align-items:flex-start;background-color:light-dark(#c2b5a8,#3d4a57);color:light-dark(#3d4a57,#c2b5a8);display:flex;flex-direction:column;font-size:calc(10px + 1vmin);height:6.2vh;justify-content:left;min-height:6.35vh;min-width:8vw;position:fixed;width:100vw}.Layout-link{color:#61dafb}.page-layout{height:calc(93.65vh - 20px);margin-top:6.35vh;overflow:auto;padding:10px;width:calc(100vw - 20px)}#navigation-bar,.nav-list{height:100%}.nav-list{display:flex;flex-direction:row;width:99vw;.gap-div{flex-grow:1}}.nav-element{color:light-dark(#3d4a57,#c2b5a8);cursor:pointer;min-width:8vw;&.active{background-color:light-dark(#817467,#a6aeb5);color:light-dark(#a6aeb5,#817467)}&:hover{background-color:light-dark(#a09181,#5f6e7e);color:light-dark(#5f6e7e,#a09181)}&.right-justified{float:right}@media only screen and (max-width:700px){height:calc(100% - 2vh);padding-bottom:1vh;padding-left:2vw;padding-right:2vw;padding-top:1vh;.nav-bar-large-text{display:none}.nav-bar-icon{display:block;height:100%;@media (prefers-color-scheme:dark){filter:invert(26%) sepia(14%) saturate(874%) hue-rotate(169deg) brightness(90%) contrast(83%)}@media (prefers-color-scheme:light){filter:invert(83%) sepia(5%) saturate(662%) hue-rotate(349deg) brightness(87%) contrast(94%)}}}@media only screen and (min-width:700px){height:calc(100% - 4vh);padding-bottom:2vh;padding-left:2vw;padding-right:2vw;padding-top:2vh;.nav-bar-large-text{display:block}.nav-bar-icon{display:none}}}.page-layout{.hoverable-element{background-color:light-dark(#e6e0d4,#191f2b);border-radius:10px;color:light-dark(#191f2b,#e6e0d4);margin:5px;padding:10px;transition:background-color .3s linear;&:hover{background-color:light-dark(#bdb5ad,#424a52)}}.visible-element{background-color:light-dark(#e6e0d4,#191f2b);border-radius:10px;color:light-dark(#191f2b,#e6e0d4);margin:5px;padding:10px}.selected-element{border:1px solid light-dark(#191f2b,#e6e0d4);padding:9px}.replacable-element{transition:height .1s linear;&.visible{height:100%;transition-delay:1s;transition-property:height}&.invisible{height:0;overflow:hidden}}ul{list-style-type:none;padding:0;&.rows{display:flex;flex-direction:row;flex-wrap:wrap;&.three{>li{flex:1 1 auto;width:calc(33.33333% - 30px)}}&.seven{>li{flex:1 1 auto;width:calc(14.28571% - 30px)}}}}.column{align-items:center;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;>{flex:1 1 auto}}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;text-align:center}.button .loginpage{font-size:16px;height:100%;width:40%}.button-container{align-items:center;display:flex;justify-content:center;text-align:center}p{margin:0}.container{padding:5px}.hide-button{min-width:90px}.frozen.list-element.ingredient-element{background-color:#008b8b}.warning.list-element.ingredient-element{background-color:#ff4500}.danger.list-element.ingredient-element{background-color:maroon}.list-element.ingredient-element{flex:1 1 auto;min-width:450px;transition:opacity,.3s,linear;transition:width,.3s,linear,.3s;width:calc(33.33333% - 30px)}.edit-required{border:2px solid red;border-radius:5px}.ing-recipe-container{&.hidden{height:0;opacity:0;transition:height .2s linear .2s,opacity .2s linear}&.visible{height:10vh;opacity:100%;transition:height .2s linear,opacity .2s linear .2s}}.ingredient-page-header{padding:10px}.ingredient-element{background-color:light-dark(#e6e0d4,#191f2b);border-radius:10px;color:light-dark(#191f2b,#e6e0d4);display:flex;flex-direction:column;margin:10px 0;padding:10px}.search-container{width:calc(100% - 30px)}.ing-list-container{display:flex;flex-flow:row wrap;height:100%;margin:0;padding:0;transition:height 1s linear,display .3s linear;width:100%;.hidden{display:none}.visible{display:block}}.recipe-ingredient-element{margin:3px}.recipe-ingredient-form-container:hover{background-color:light-dark(#7c746c,838b93)}.form-element{padding:5px}.form-container,.form-element.recipe.text-area{display:flex;flex-direction:column}.instruction-container{flex-grow:1;max-width:80%;overflow-wrap:break-word;position:relative;.top-right{opacity:0;position:absolute;right:5px;top:5px;transition:opacity .3s linear}&:hover{.top-right{opacity:1}}}.instruction-container,.instruction-form-container{display:flex;flex-direction:column;margin:10px;min-height:80px}.instruction-array-container{width:auto}.instruction-array-container,.instruction-text-container{display:flex;flex-direction:column;margin:10px;max-width:100%;min-height:80px}.instruction-form-element{margin:10px}.instruction-form-element.text-area{display:flex;flex-direction:column}.instruction-container-container{align-items:center;border:1px solid light-dark(#bdb5ad,#424a52);justify-content:space-between;max-width:100%;.instruction-array-container{display:flex;flex-direction:column;margin:10px;min-height:80px;width:auto;&.filled{flex-grow:1}.button{width:10%}}}.recipe-navigator-container{ul{list-style-type:none;margin:0;padding:0;width:100%}.recipes-list{display:flex;flex-direction:row;flex-flow:row wrap}.active-recipe-container{display:flex;overflow-x:hidden;overflow-y:auto;transition:all .3s linear;&.empty{height:0}&.filled{height:100%}}.recipe-list-element-container{align-content:stretch;flex:1 1 auto;overflow:auto}li.recipe-list-element{flex:1 1 auto;height:100%;margin:5px;min-width:450px;width:calc(33.33333% - 30px);p{overflow:hidden;text-overflow:ellipsis}}}.recipe-form-switcher{display:flex;flex-direction:column;transition:height .2s linear .2s;&.form-hidden{align-content:stretch;height:5%;overflow:hidden;.add-button-container{height:100%;opacity:100%;transition:opacity .2s linear .2s}.recipe-form-container{height:0;margin:0;opacity:0;padding:0}}&.form-visible{height:calc(100% - 10px);.add-button-container{height:0;margin:0;opacity:0;padding:0}.recipe-form-container{height:100%;opacity:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}}.recipe-form-container{flex-direction:column;.show-instructions{max-width:30%}}}.recipe-page{display:flex;flex-direction:column;height:100%;.recipes-search-container{display:flex;flex-direction:column;height:5%;.recipes-search{flex:auto}}.navigator-container{overflow:scroll;overflow-x:hidden;scrollbar-width:none;&.visible{height:calc(95% - 15px);opacity:100%;transition:height .2s linear,opacity .2s linear .2s}&.hidden{height:0;opacity:0;transition:height .2s linear .2s,opacity .2s linear}}}.active-date-container{display:flex;flex-direction:column;height:calc(100% - 32px);.recipe-plan-wrapper{display:flex;flex-direction:column;max-height:100%;transition:all .3s linear;&.active{opacity:100%;width:100%}&.inactive{opacity:0;width:0}.recipe-plan-names-container{display:flex;flex-direction:column;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.recipes-list-container{flex-grow:1}}.plan-ingredients-container{display:flex;transition:all .3s linear;&.active{opacity:100%;width:100%}&.inactive{opacity:0;width:0}>div{height:100%;overflow-y:auto;scrollbar-width:thin;width:40%}.recipe-ingredients-container{flex-grow:1;input.ingredient-accounted-for{accent-color:green;color:#fff;padding:20px;transform:scale(2);&:hover{filter:brightness(1.75)}}.info-text-gap{flex-grow:1}p{margin:0 10px}.info-text{align-self:center;opacity:0;transition:opacity .2s linear}.hoverable-element:not(.selected-element):hover{.info-text{opacity:1}}}.ingredients-list-container{flex-grow:1;transition:width .3s linear;.ing-list-container{flex-wrap:nowrap;overflow-wrap:break-word;overflow-y:auto;scrollbar-width:none}&.hidden{width:0}&.visible{width:75%}}}>.row{height:100%;width:100%}}.recipes-list-container{min-height:40%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;.recipe-list-element.recipe-element{height:50%;margin:5px;width:calc(33.33333% - 30px);p{overflow:hidden;text-overflow:ellipsis}}.recipes-list{display:flex;flex-direction:row;flex-flow:row wrap}}.fillable-element{max-height:40%;overflow:scroll;overflow-x:hidden;overflow-y:hidden;transition:all .5s linear;&.empty{height:0;margin:0;padding:0}&.filled{height:100%;margin:5px;padding:10px}}.button{margin:10px}.recipe-plan-name{margin:5px;.button{margin:0 0 0 10px}span{padding:0 0 0 129.9px}}.planner-page-container{display:flex;flex-direction:column;height:100%;.planner-calendar-container{display:flex;flex-direction:column;flex-grow:1;.month-navigator{align-items:center;display:flex;flex-direction:row;height:55px;justify-content:center;.month-string{width:30%}.button{padding:10px}}.calendar-container-element{border-radius:10px;display:flex;flex-direction:row;flex-flow:row wrap;flex-grow:1;margin:10px 0;&.min-height{height:calc(55% - 80px);.calendar-date-element{height:calc(15.83333% - 12px);margin:2px;padding:4px}.calendar-day-element{height:calc(5% - 12px);margin:2px;padding:4px}}&.max-height{height:calc(95% - 50px)}}.calendar-date-element{flex:1 1 auto;height:calc(15.83333% - 30px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;width:calc(14.28571% - 30px);li{overflow:hidden;text-overflow:ellipsis}}.calendar-day-element{background-color:light-dark(#e6e0d4,#191f2b);border-radius:10px;color:light-dark(#191f2b,#e6e0d4);flex:1 1 auto;height:calc(5% - 30px);margin:5px;overflow-wrap:break-word;padding:10px;width:calc(14.28571% - 30px)}}.planner-page-container .recipes-list{display:flex;height:auto;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.grey-out{border-radius:10px;margin:5px;opacity:.5;padding:10px}ul{list-style-type:none;margin:0;padding:0;width:100%}}.shopping-list-container{display:flex;flex-direction:column;height:100%;.form-container{background-color:light-dark(#e6e0d4,#191f2b);border-radius:10px;color:light-dark(#191f2b,#e6e0d4);display:flex;flex-direction:column;height:15%;margin:5px;padding:10px}.shopping-list-list-container{margin:0}p{overflow:hidden;text-overflow:ellipsis}&.accessed{.shopping-list-accessed{display:block}.shopping-list-error,.shopping-list-loading{display:none}}&.error{.shopping-list-accessed{display:none}.shopping-list-error{display:block}.shopping-list-loading{display:none}}&.loading{cursor:wait;.shopping-list-accessed,.shopping-list-error{display:none}.shopping-list-loading{display:block}}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:light-dark(#e6e2de,#191d21);color:light-dark(#191d21,#e6e2de);display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:16px;overflow-x:hidden;overflow-y:hidden;.loading{cursor:wait!important;*{cursor:wait!important}}}input,textarea{background-color:light-dark(#eee,#191919);border:1px dotted #000;font-family:Arial,sans-serif;font-size:20px}.button,button{background-color:light-dark(#ddd,#333);border:1px dotted light-dark(#eee,#111);border-radius:5px;font-size:16px;margin:2px;padding:5px;transition:background-color .3s linear;&:hover{background-color:light-dark(#ccc,#444)}}
/*# sourceMappingURL=main.0bcc1b2a.css.map*/