.recipeSuccess{max-width:75vh;margin:1rem auto;text-align:center}.recipeSuccess .checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:stroke .6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.recipeSuccess .checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0px 0px 0px #7ac142;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.recipeSuccess .checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%,100%{transform:none}50%{transform:scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow:inset 0px 0px 0px 30px #7ac142}}
.featuresPage{margin:0 5rem}.featuresPage h1{font-size:2rem;display:flex;justify-content:center;margin:2rem}.featuresPage .features{display:flex;justify-content:space-around;margin-bottom:2rem}.featuresPage .features .coolFeatures,.featuresPage .features .newFeatures{flex:1;margin:0 4rem}.featuresPage .features .coolFeatures h1,.featuresPage .features .newFeatures h1{margin-top:0}.featuresPage .features .coolFeatures .coolFeature{color:#000}.featuresPage .features .newFeatures .newFeature{color:#000}
.scheduled-recipe{padding:2%;background-color:#e0ffff;display:flex;font-size:85%}.scheduled-recipe>p{margin:0px;width:90%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;white-space:pre-wrap}.scheduled-recipe .delete{visibility:hidden;width:10%;margin-top:-1%}.scheduled-recipe:hover .delete{visibility:visible}.scheduledRecipeModal .scheduledRecipeModalContent{min-width:25rem;overflow-y:scroll !important}.scheduledRecipeModal .recipeNotes,.scheduledRecipeModal .recipeIngredients,.scheduledRecipeModal .recipeInstructions{white-space:pre-line;margin-bottom:2rem}@media(max-width: 48rem){.scheduledRecipeModalContent{min-width:15rem}}
.day{width:14.28%;border:1px solid #000}.day-number{width:14%;text-align:center;padding-top:2%}.today .day-number{font-weight:bold}.today.day{background-color:#add8e6}
.week{display:flex}
.weekdayNameShort{display:none}.weekdayNameFull{display:inline}.month{border:1px solid #000;height:75vh}.month.four-week .week{height:25%}.month.five-week .week{height:20%}.month.six-week .week{height:16.67%}.weekday-labels{display:flex;justify-content:space-around}@media(max-width: 48rem){.weekdayNameShort{display:inline}.weekdayNameFull{display:none}}
.calendar-header{display:flex;justify-content:space-between;align-items:center}.calendar-header .calendarTitleShort{display:none}.calendar-header .calendarTitleLong{display:inline}.calendar-header .month-change{display:flex;align-items:center}.calendar-header .calendarTypeAndTodayActions{display:flex}.calendar-header .calendarTypeAndTodayActions>*{margin-left:1rem}@media(max-width: 48rem){.calendar-header .calendarTitleShort{display:inline}.calendar-header .calendarTitleLong{display:none}.calendar-header .month-change .monthChangeButton{width:1.5rem}.calendar-header .calendarTypeAndTodayActions>*{margin-left:.5rem}}
.calendar{flex:3}.calendar .weekLayoutWrapper{display:flex;justify-content:space-evenly}.calendar .weekLayoutWrapper>*{width:100%}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDayHeader{display:flex;align-items:center;justify-content:center}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDayHeader .weekdayName{padding-right:.5rem;padding-left:.5rem}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDayHeader .weekdayNumber{font-size:200%}.calendar .weekLayoutWrapper .weekdayDayWrapper:last-child .weekdayDay{border-right:2px solid #000}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDay{display:flex;flex-direction:column;height:73vh;justify-content:space-evenly}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDay>:first-child{border-top:2px solid #000}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDay>div{height:100%;border-bottom:2px solid #000;border-left:2px solid #000}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDay .weekdayBreakfast,.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDay .weekdayLunch,.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDay .weekdayDinner{display:flex;justify-content:center;align-items:center}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDay .weekdayBreakfast.containsRecipes,.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDay .weekdayLunch.containsRecipes,.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDay .weekdayDinner.containsRecipes{display:block}@media(max-width: 48rem){.calendar{flex:4}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDayHeader{flex-direction:column}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDayHeader .weekdayName{padding:0}.calendar .weekLayoutWrapper .weekdayDayWrapper .weekdayDayHeader .weekdayNumber{font-size:150%}}
.customPopover .customPopoverBadge{top:9px;right:9px}
.categories .avatar{display:none !important}.categories .chipAvatar{margin-right:-0.7rem}
.recipeListComponent{flex:1;margin-left:1rem}.recipeListComponent .recipeListHeader{display:flex;justify-content:space-between;margin:.5rem 0 .5rem;align-items:center}.recipeListComponent .recipeList{height:75vh;border:2px solid #000;overflow:scroll}.recipeListComponent .recipeList .recipesEmptySlate,.recipeListComponent .recipeList .loadingIndicator,.recipeListComponent .recipeList .emptyRecipesFiltered{padding:1rem}.recipeListComponent .recipeList .recipesEmptySlate>*,.recipeListComponent .recipeList .loadingIndicator>*,.recipeListComponent .recipeList .emptyRecipesFiltered>*{display:flex;width:fit-content;margin:auto}.recipeListComponent .recipeList .recipesEmptySlate p,.recipeListComponent .recipeList .loadingIndicator p,.recipeListComponent .recipeList .emptyRecipesFiltered p{margin-bottom:1rem}.recipeListComponent .recipeList .recipe{padding:.5rem}.recipeListComponent .recipeList .recipe.selectedRecipe{background-color:#d3d3d3}.recipeListComponent .recipeList .recipe:hover{background-color:#d3d3d3}.customPopoverContent.searchPopover{padding:1rem;border:2px solid #000;box-shadow:rgba(0,0,0,.52) .25rem .5rem .5rem !important;width:19rem}.customPopoverContent.searchPopover .searchComponent{display:flex;justify-content:left;align-items:center;margin-top:-0.65rem;width:15rem}.customPopoverContent.searchPopover .searchComponent .searchComponentIcon{display:flex;margin-right:1rem;width:auto !important}.customPopoverContent.searchPopover .searchComponent .searchComponentClear{margin-left:.5rem;width:auto !important}.customPopoverContent.searchPopover .categories{flex-wrap:wrap}.customPopoverContent.searchPopover .categories>*{margin-bottom:.25rem !important}@media(max-width: 48rem){.recipeListComponent{flex:1;margin-left:.5rem}.recipeListComponent .recipeListHeader{margin:0}}
.landingPage{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 3rem}.landingHero{text-align:center;margin:2.5rem 0 2rem}.landingTitle{font-weight:700 !important;letter-spacing:-1px;color:#3f51b5}.landingSubtitle{margin-top:.75rem !important;color:#555}.loginWidgetPaper{margin:.5rem auto 2.5rem;padding:1.5rem 0 1rem;width:30rem}.loginTitle{text-align:center;margin-bottom:.5rem !important;color:#333}.featureList{display:flex;flex-direction:row;justify-content:center;gap:2rem;max-width:56rem;width:100%;margin-bottom:2.5rem}.featureItem{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;border-radius:8px;background:#f5f5f5}.featureIcon{font-size:2.5rem !important;color:#3f51b5;margin-bottom:.75rem}.featureTitle{font-weight:600 !important;margin-bottom:.5rem !important}.featureDescription{color:#666;line-height:1.5 !important}.termsOfServiceLink{text-align:center;color:#999;font-size:.85rem}.termsOfServiceLink a{color:#999}.firebaseLogin{display:flex;justify-content:center}@media(max-width: 48rem){.loginWidgetPaper{width:20rem}.featureList{flex-direction:column;gap:1rem}}
.termsOfService{width:60%;margin:2rem auto}.termsOfService h1{margin-top:0;text-align:center;font-size:170%;font-weight:600}
.categoryCreatorContent>*:first-child{margin-bottom:2rem !important}.categoryCreatorContent>*{display:block}
.categories{display:flex;align-items:center;flex-wrap:wrap}.categories .white span{color:#fff !important}.categories .white svg{fill:hsla(0,0%,100%,.5) !important}.categories .white svg:hover{fill:hsla(0,0%,100%,.7) !important}
.recipeBoxComponent{display:flex;justify-content:space-between;padding:1rem 1rem}.recipeBoxComponent .recipeBoxHeader,.recipeBoxComponent .recipeActionButtons{display:flex;justify-content:space-between;align-items:center}.recipeBoxComponent .recipeList,.recipeBoxComponent .recipeBoxHeader{padding:0 1rem}.recipeBoxComponent .recipeList{flex:2;height:80vh;max-width:30vw;overflow:scroll}.recipeBoxComponent .recipeList .recipe{padding:.5rem}.recipeBoxComponent .recipeList .recipe.selectedRecipe{background-color:#d3d3d3}.recipeBoxComponent .recipeList .recipe:hover{background-color:#d3d3d3}.recipeBoxComponent .recipeDetails{flex:3;padding:2rem}.recipeBoxComponent .recipeDetails .recipeForm .buttonGroup{margin:1rem 0}.recipeBoxComponent .recipeDetails .recipeForm .buttonGroup>*{margin-right:1rem}.recipeBoxComponent .recipeDetails a{text-decoration:none}.recipeBoxComponent .recipeDetails .recipeDetailsHeader{display:flex;justify-content:center;align-items:baseline}.recipeBoxComponent .recipeDetails .recipeNotes,.recipeBoxComponent .recipeDetails .recipeIngredients,.recipeBoxComponent .recipeDetails .recipeInstructions{white-space:pre-line;margin-bottom:2rem}@media(max-width: 48rem){.recipeBoxHeader{padding:.5rem .75rem}.recipeBoxHeader button>div>div>span{font-size:12px}.recipeBoxComponent{padding:0 1rem 0 0}.recipeBoxComponent .recipeList{flex:1}.recipeBoxComponent .recipeDetails{padding:0 1rem}.recipeBoxComponent .recipeDetails .recipeForm>div>div{font-size:12px !important}.recipeBoxComponent .recipeDetails button>div>div>span{font-size:12px !important}}
.accountDetails{margin:3rem}.accountDetails h2{text-align:center}.accountDetails .addOrJoinPaper{display:flex;justify-content:center}.accountDetails .addOrJoinPaper>*{padding:1rem;margin:2rem}.accountDetails .addOrJoinPaper>* h3{text-align:center}.accountDetails .addOrJoinPaper>* .paperContent,.accountDetails .addOrJoinPaper>* .paperWarning{padding:1rem;text-align:center;margin:auto}.accountDetails .addOrJoinPaper>* .paperContent.invites,.accountDetails .addOrJoinPaper>* .paperWarning.invites{text-align:left}.accountDetails .addOrJoinPaper>* .callToAction{display:flex;justify-content:center;align-items:baseline}
.groceryLists{display:flex;flex-wrap:wrap}.groceryLists .groceryListPaper{width:25rem;padding:1rem;margin:1rem;cursor:pointer}.groceryLists .groceryListPaper .groceryListLabel{display:flex;align-items:center}.groceryChecklist{padding:1rem}.groceryChecklist .groceryListHeader{margin-bottom:1rem;font-size:150%;display:flex;justify-content:space-between}.groceryChecklist .groceryItems{display:inline-block;width:100%}.groceryChecklist .groceryItems .actionButtons>*{margin:1rem}.groceryChecklist .groceryItems .groceryItem{display:flex;align-items:center}.groceryChecklist .groceryItems .groceryItem>*{cursor:pointer}.groceryListEditor .editIngredients{white-space:pre-line}@media(max-width: 62rem){.groceryItem>*{flex:9}.groceryItem :first-child{flex:1}}@media(max-width: 48rem){.groceryItems{font-size:120%}}
.notificationDialog{text-align:center}.notificationDialog .paperWarning{color:red;font-size:80%;display:flex;align-items:center;justify-content:center;padding:1rem}.notificationDialog .feedbackComments{margin:1rem}
.feedbackForm{width:90%;margin:auto}.feedbackForm.thanks{text-align:center;margin-top:3rem;font-size:120%}.feedbackForm .contactInfo{display:flex}.feedbackForm .contactInfo>*{padding-right:5rem}.feedbackForm .submitFeedbackButton{margin-top:1rem}
*{font-family:"yuanti tc"}body{font-size:16px;margin:0}body a{text-decoration:none}body h2{margin-top:0;text-align:center;font-size:150%;font-weight:600}body h3{font-size:120%;font-weight:600;line-height:2}body .appBar .headerTitle a{color:#fff !important;margin-left:1rem}body .appBar .appHeaderRight{display:flex;align-items:center;justify-content:flex-end;flex:1}body .appBar .appHeaderRight .customPopover{margin-right:1rem}body .recipeHeaderTitle,body .calendarHeaderTitle{font-size:150%}body .navigationDrawerList{width:15rem}body .navigationDrawerList li svg{padding-right:1rem}body .navigationGroup{display:flex;justify-content:center;flex:10;align-items:center}body .navigationGroup a{color:#fff !important}body .navigationGroup>*{margin:0 1rem}body .navigationGroup.smallScreen{display:none}body .calendarPageLayout{display:flex;justify-content:space-between;margin:.5rem 3rem}.aboutPage{max-width:60rem;margin:1rem auto 5rem}.aboutPage h1{font-size:2rem;display:flex;justify-content:center;margin:2rem}.aboutPage ul{margin-top:2rem}.aboutPage ul li{list-style-type:disc;margin:1rem 4rem}.aboutPage .about{margin:2rem}.aboutPage .imageCards{display:flex;justify-content:space-evenly;flex-wrap:wrap}.aboutPage .imageCards img{width:15rem}@media(max-width: 48rem){body .navigationGroup.smallScreen{display:flex}body .navigationGroup.smallScreen>*{margin:0}body .navigationGroup.fullScreen{display:none}body .appHeaderRight .userEmail{display:none}body .appContentContainer{font-size:12px}body .calendarPageLayout{margin:.1rem .5rem .5rem}}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:"Roboto",sans-serif}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}

/*# sourceMappingURL=app.1494ee6a9c89e414df23.css.map*/