.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--color-background-hue:0;--color-background:hsla(var(--color-background-hue),0%,97%,1);--color-elevation-1:hsla(var(--color-background-hue),0%,92%,1);--color-elevation-2:hsla(var(--color-background-hue),0%,87%,1);--color-grey-dark:#4f5064;--color-grey-light:#d1cbdc;--color-text-light:#b3b3b3;--color-text-dark:#32373e;--color-text-default:var(--color-text-dark);--color-text-sub:rgba(0,0,0,0.6);--color-primary-hue:0;--color-primary-s:0%;--color-primary-l:26%;--color-primary-text:var(--color-text-light);--color-secondary-hue:206;--color-secondary-s:76%;--color-secondary-l:41%;--color-secondary-text:#fff;--color-tertiary-hue:179;--color-tertiary-s:47%;--color-tertiary-l:47%;--color-tertiary-text:var(--color-text-light);--color-success-hue:0;--color-success-s:47%;--color-success-l:47%;--color-success-text:var(--color-text-light);--color-warning-hue:43;--color-warning-s:47%;--color-warning-l:47%;--color-warning-text:var(--color-text-light);--color-error-hue:43;--color-error-s:47%;--color-error-l:47%;--color-error-text:var(--color-text-light);--color-primary:hsl(var(--color-primary-hue),var(--color-primary-s),var(--color-primary-l));--color-primary-light:hsl(var(--color-primary-hue),var(--color-primary-s),calc(var(--color-primary-s) + 8%));--color-primary-dark:hsl(var(--color-primary-hue),var(--color-primary-l),calc(var(--color-primary-s) - 12%));--color-secondary:hsl(var(--color-secondary-hue),var(--color-secondary-s),var(--color-secondary-l));--color-secondary-light:hsl(var(--color-secondary-hue),var(--color-secondary-s),calc(var(--color-secondary-s) + 8%));--color-secondary-dark:hsl(var(--color-secondary-hue),var(--color-secondary-l),calc(var(--color-secondary-s) - 12%));--color-tertiary:hsl(var(--color-tertiary-hue),var(--color-tertiary-s),var(--color-tertiary-l));--color-tertiary-light:hsl(var(--color-tertiary-hue),var(--color-tertiary-s),calc(var(--color-tertiary-s) + 8%));--color-tertiary-dark:hsl(var(--color-tertiary-hue),var(--color-tertiary-l),calc(var(--color-tertiary-s) - 12%));--color-success:hsl(var(--color-success-hue),var(--color-success-s),var(--color-success-l));--color-success-light:hsl(var(--color-success-hue),var(--color-success-s),calc(var(--color-success-s) + 8%));--color-success-dark:hsl(var(--color-success-hue),var(--color-success-l),calc(var(--color-success-s) - 12%));--color-warning:hsl(var(--color-warning-hue),var(--color-warning-s),var(--color-warning-l));--color-warning-light:hsl(var(--color-warning-hue),var(--color-warning-s),calc(var(--color-warning-s) + 8%));--color-warning-dark:hsl(var(--color-warning-hue),var(--color-warning-l),calc(var(--color-warning-s) - 12%));--color-error:hsl(var(--color-error-hue),var(--color-error-s),var(--color-error-l));--color-error-light:hsl(var(--color-error-hue),var(--color-error-s),calc(var(--color-error-s) + 8%));--color-error-dark:hsl(var(--color-error-hue),var(--color-error-l),calc(var(--color-error-s) - 12%));--gradient-top:linear-gradient(0deg,var(--color-primary),var(--color-secondary),var(--color-grey-dark),var(--color-tertiary),var(--color-grey-light));--gradient-right:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-grey-dark),var(--color-tertiary),var(--color-grey-light));--gradient-bottom:linear-gradient(180deg,var(--color-primary),var(--color-secondary),var(--color-grey-dark),var(--color-tertiary),var(--color-grey-light));--gradient-left:linear-gradient(270deg,var(--color-primary),var(--color-secondary),var(--color-grey-dark),var(--color-tertiary),var(--color-grey-light));--gradient-top-right:linear-gradient(45deg,var(--color-primary),var(--color-secondary),var(--color-grey-dark),var(--color-tertiary),var(--color-grey-light));--gradient-bottom-right:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-grey-dark),var(--color-tertiary),var(--color-grey-light));--gradient-top-left:linear-gradient(225deg,var(--color-primary),var(--color-secondary),var(--color-grey-dark),var(--color-tertiary),var(--color-grey-light));--gradient-bottom-left:linear-gradient(315deg,var(--color-primary),var(--color-secondary),var(--color-grey-dark),var(--color-tertiary),var(--color-grey-light));--gradient-radial:radial-gradient(var(--color-primary),var(--color-secondary),var(--color-grey-dark),var(--color-tertiary),var(--color-grey-light));--color-hover:var(--color-secondary-light);--color-hover-text:var(--color-text-default);--box-shadow:0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);--box-shadow-bold:1px 3px 2px -2px rgba(0,0,0,0.2),1px 2px 2px 1px rgba(0,0,0,0.14),1px 2px 4px 1px rgba(0,0,0,0.12);--size-content-width:1000px}.ease-transition{transition:all .2s ease-out}html{background-color:var(--color-background);color:var(--color-text-default)}body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:800px){html{font-size:.9em}}@media (max-width:750px){html{-webkit-animation-duration:.6s;animation-duration:.6s;font-size:1em}}.header_header__3W_Vl{box-shadow:var(--box-shadow);background:var(--color-primary)}.header_menu__13khZ{display:flex;justify-content:center;align-items:center;max-width:var(--size-content-width);margin:0 auto;padding:.5em;box-shadow:0 1px 1px rgba(0,0,0,.1);z-index:4}.header_menu__13khZ *{color:var(--color-primary-text);min-width:1rem;text-decoration:none;white-space:nowrap}.header_menu__13khZ a{padding:.5em 1em .5em 0}.header_menu__13khZ li>a.header_active__1kd5g{color:var(--color-text-light)}.header_menu__13khZ li :focus,.header_menu__13khZ li :hover{background:none;border:none;color:var(--color-secondary-light)}.header_brandLink__1fUTo{text-transform:uppercase;text-decoration:none;white-space:nowrap;color:#fff!important;font-weight:400;font-size:120%}.header_actionArea__lbgHj{float:right}.header_actionArea__lbgHj,.header_actionItem__XKKli{display:inline-block;list-style:none;margin:0;padding:0;position:relative;box-sizing:border-box}.header_actionItem__XKKli{vertical-align:middle;height:100%}@media (min-width:48em){.header_menu__13khZ{justify-content:space-between}.header_menu__13khZ ul{float:right}}#layout{position:relative;left:0;padding-left:0;width:auto}.content{padding:0 2em;max-width:var(--size-content-width);margin:0 auto 50px;line-height:1.6em}.content-subhead{margin:50px 0 20px;font-weight:300;color:#888}.card_card__3kj6y{padding:1rem;border-radius:4px;box-shadow:var(--box-shadow)}.card_clickable__1bYsD:hover{cursor:pointer}.chip_chip__2mjmH{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4;margin-bottom:5px;margin-right:5px}.chip_close__2kncm{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chip_icon__x2BvK{font-family:"Material Icons";font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.grid_grid__vpXqF{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1rem}.r-text-field{--uiTextFieldPlaceholderColor:var(--color-grey-light);font-family:inherit;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;border-radius:0;border-style:solid}.r-text-field::-webkit-input-placeholder{color:var(--uiTextFieldPlaceholderColor)}.r-text-field::-moz-placeholder{opacity:1;color:var(--uiTextFieldPlaceholderColor)}.r-text-field:invalid{outline:none;box-shadow:none}.r-button{background-color:transparent;padding:0;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.r-button::-moz-focus-inner,.r-button[type=button]::-moz-focus-inner,.r-button[type=reset]::-moz-focus-inner,.r-button[type=submit]::-moz-focus-inner{border-style:none;padding:0}.a-field{--uiaFieldHeight:var(--aFieldHeight);--uiaFieldHintFinalCoordinate:var(--aFieldHintFinalCoordinate,var(--uiaFieldHeight));--uiaFieldPaddingLeft:var(--aFieldPaddingLeft);position:relative;padding-top:calc(var(--uiaFieldHintFinalCoordinate) - var(--uiaFieldHeight))}.a-field__input{box-sizing:border-box;height:var(--uiaFieldHeight);padding-top:0;padding-bottom:0;padding-left:var(--uiaFieldPaddingLeft)}.a-field__input::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.a-field__input::-moz-placeholder{opacity:0}.a-field__input:focus::-webkit-input-placeholder{opacity:1;transition-delay:.2s}.a-field__input:focus::-moz-placeholder{opacity:1}.a-field__label-wrap{box-sizing:border-box;width:100%;height:var(--uiaFieldHeight);cursor:text;bottom:0;left:0}.a-field__label,.a-field__label-wrap{pointer-events:none;position:absolute}.a-field__label{left:var(--uiaFieldPaddingLeft);bottom:calc(50% - .5em);line-height:1}@supports (-webkit-appearance:none){.a-field__label{transition:bottom .2s cubic-bezier(.9,-.15,.1,1.15),opacity .2s ease-out;will-change:bottom,opacity}}.a-field__input:not(:-ms-input-placeholder)~.a-field__label-wrap .a-field__label{opacity:0;bottom:85%}.a-field__input:not(:placeholder-shown)~.a-field__label-wrap .a-field__label{opacity:0;bottom:85%}.a-field__input:focus~.a-field__label-wrap .a-field__label{opacity:1;bottom:var(--uiaFieldHintFinalCoordinate)}.search{--searchFieldHeight:50px;--searchButtonSize:var(--searchFieldHeight);--textFieldPlaceholderColor:var(--color-text-default);--aFieldHeight:var(--searchFieldHeight);--aFieldHintFinalCoordinate:calc(var(--searchFieldHeight) + 10px);--aFieldPaddingLeft:30px;color:var(--color-text-default);position:relative}.search__input{width:100%;border-width:3px;border-color:currentColor;border-radius:25px;background-color:transparent;font-size:18px;color:currentColor}.search__input:focus{outline:none}.search__hint{font-size:16px}.search__button{color:currentColor}.search__button:focus{outline:none}.search__clear{width:1em;height:1em;font-size:var(--searchButtonSize);position:absolute;bottom:0;display:none}.search__input:not(:-ms-input-placeholder)~.search__clear{display:block}.search__input:not(:placeholder-shown)~.search__clear{display:block}.search__clear:focus~.a-field__label-wrap .a-field__label{opacity:1;bottom:var(--aFieldHintFinalCoordinate)}.search__clear-label{position:absolute;clip:rect(0 0 0 0);overflow:hidden;width:1px;height:1px;margin:-1px}.search__icon{fill:currentColor;display:block;box-sizing:border-box;width:1.5em;height:1.5em;padding:.25em;position:absolute;top:calc(50% - .75em);left:calc(50% - .75em)}.search__button:focus .search__icon{box-shadow:0 0 0 3px currentColor}.search__icon-clear{font-size:18px}@media (max-width:640px){.search__input{padding-right:50px}.search__clear{right:10px}.search__submit{display:block;width:100%;padding:12px 15px;background-color:#fff;text-transform:uppercase;color:#5f27cd;border-radius:25px;margin-top:25px}.search__submit:focus{box-shadow:0 0 0 3px currentColor;color:#422380}.search__icon-search{display:none}}@media (min-width:641px){.search__input{padding-right:115px}.search__clear{right:var(--searchButtonSize)}.search__submit{width:1em;height:1em;font-size:var(--searchButtonSize);position:absolute;bottom:0;right:10px}.search__submit-label{position:absolute;clip:rect(0 0 0 0);overflow:hidden;width:1px;height:1px;margin:-1px}.search__icon-search{font-size:22px}}.details-panel_detailsPanel__1xcBg summary{display:flex;align-items:center}.details-panel_detailsPanel__1xcBg summary:focus{outline:none}@media (min-width:48em){.details-panel_detailsPanel__1xcBg summary::-webkit-details-marker{display:none}}:root{--media-size:8em}.recipe-card_card__2maQY{padding:0;display:flex;overflow:visible;overflow:initial;position:relative;max-width:500px;background:#fff;transition:.3s;align-items:flex-start;margin:auto;border-radius:16px;flex-direction:column;box-shadow:var(--box-shadow);background-color:var(--color-elevation-1)}.recipe-card_media__2vmQ0{display:block;background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:16px 16px 0 0;background-color:#d6d6d6;position:relative;justify-content:center;width:100%;height:8em;height:var(--media-size);margin-top:0}.recipe-card_content__3VgAF{padding:1em;margin-bottom:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:var(--color-grey-dark);width:-webkit-fill-available;display:flex;flex-direction:column;flex:1 1}.recipe-card_content__3VgAF h3{font-size:1em}@media (min-width:48em){.recipe-card_card__2maQY{padding:0;align-items:center;flex-direction:row}.recipe-card_media__2vmQ0{width:25%;justify-content:start;border-radius:16px 0 0 16px}.recipe-card_content__3VgAF{padding:0 1em}}.filter-form_form__16sKT{padding:2rem}*{margin:0;padding:0;outline:none}.hero_widget__51OtA{padding:1em}.hero_content__1K8ER{display:flex;flex-direction:column-reverse;justify-content:space-between;text-align:center}.hero_content__1K8ER>:last-child{margin-bottom:1em}.hero_previewImage__1wlnO{height:5em;background-color:rgba(0,0,0,.3);background-size:cover;background-repeat:no-repeat;box-shadow:var(--box-shadow);background-position:50%}@media (min-width:48em){.hero_content__1K8ER{flex-direction:row}.hero_content__1K8ER>:last-child{margin:0}.hero_content__1K8ER>:first-child{padding-right:1em}.hero_previewImage__1wlnO{height:10em;width:66%;max-width:36em}}.recipe-details_recipeWrapper__1GgzI{display:grid;grid-template-areas:"header" "ingredients" "method"}.recipe-details_recipeWrapper__1GgzI>*{margin-bottom:1em}.recipe-details_recipeHeader__3cAcP{grid-area:header;margin-bottom:1em}.recipe-details_recipeHeader__3cAcP h1{font-size:2em;margin:0 0 1em}.recipe-details_recipeHeader__3cAcP h2{font-size:1.5em}.recipe-details_recipeHeader__3cAcP ul{display:flex;flex-flow:row;justify-content:space-between;align-items:center;padding:1em;list-style:none}.recipe-details_recipeHeader__3cAcP li{text-align:center;display:flex;flex-direction:column}.recipe-details_recipeIngredients__3ON81{grid-area:ingredients;padding:1em;box-shadow:var(--box-shadow-bold)}.recipe-details_recipeIngredients__3ON81 summary{display:flex;align-items:center}.recipe-details_recipeIngredients__3ON81 table{border-collapse:collapse;text-align:left;width:100%}.recipe-details_recipeIngredients__3ON81 tbody td{border-bottom:1px inset var(--color-elevation-2)}.recipe-details_recipeIngredients__3ON81 td,.recipe-details_recipeIngredients__3ON81 th{padding:.5em}.recipe-details_recipeMethod__1kBTd{grid-area:method}.recipe-details_recipeMethod__1kBTd h1>span:hover{cursor:help}.recipe-details_recipeMethod__1kBTd table{width:100%}.recipe-details_recipeMethod__1kBTd td:not(:first-child){padding:1em 0}.recipe-details_recipeMethod__1kBTd tr td:first-child{padding-left:1em;width:2em}.recipe-details_recipeStep__1R2M2{padding:1em}.recipe-details_recipeStep__1R2M2 td{vertical-align:baseline}.recipe-details_recipeStep__1R2M2:hover td:first-child{border-left:thin solid var(--color-secondary)}.recipe-details_recipeStep__1R2M2 p{padding:.5em 0}.recipe-details_recipeStep__1R2M2 aside{display:flex;flex-flow:column;color:var(--color-text-sub)}.recipe-details_recipeStep__1R2M2 aside>*{padding-right:1em}.recipe-details_ingredientTooltip__3TkQB{border-bottom:thin dashed;cursor:default}@media (min-width:48em){.recipe-details_recipeWrapper__1GgzI *{--col-spacing:1em}.recipe-details_recipeHeader__3cAcP ul{border-bottom:2px ridge var(--color-text-light)}.recipe-details_recipeWrapper__1GgzI{grid-template-areas:"header header header" "ingredients method method"}.recipe-details_recipeIngredients__3ON81{padding-right:var(--col-spacing);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.recipe-details_recipeMethod__1kBTd{padding-left:var(--col-spacing)}.recipe-details_recipeStep__1R2M2 aside{flex-flow:row}}[data-tooltip]{position:relative;display:inline-block;z-index:10}[data-tooltip]:after,[data-tooltip]:before{position:absolute;visibility:hidden;opacity:0;left:50%;bottom:calc(100% + 5px);pointer-events:none;transition:.2s;will-change:transform}[data-tooltip]:before{content:attr(data-tooltip);padding:10px 18px;min-width:50px;max-width:200px;width:-webkit-max-content;width:max-content;width:-moz-max-content;border-radius:6px;font-size:14px;background-color:rgba(59,72,80,.9);background-image:linear-gradient(30deg,rgba(59,72,80,.44),rgba(59,68,75,.44),rgba(60,82,88,.44));box-shadow:0 0 24px rgba(0,0,0,.2);color:#fff;text-align:center;white-space:pre-wrap;transform:translate(-50%,-5px) scale(.5)}[data-tooltip]:after{content:"";border-color:rgba(55,64,70,.9) transparent transparent;border-style:solid;border-width:5px 5px 0;transition-duration:0s;transform-origin:top;transform:translateX(-50%) scaleY(0)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:1}[data-tooltip]:hover:before{transition-delay:.3s;transform:translate(-50%,-5px) scale(1)}[data-tooltip]:hover:after{transition-delay:.5s;transition-duration:.2s;transform:translateX(-50%) scaleY(1)}[data-tooltip-location=left]:after,[data-tooltip-location=left]:before{left:auto;right:calc(100% + 5px);bottom:50%}[data-tooltip-location=left]:before{transform:translate(-5px,50%) scale(.5)}[data-tooltip-location=left]:hover:before{transform:translate(-5px,50%) scale(1)}[data-tooltip-location=left]:after{border-width:5px 0 5px 5px;border-color:transparent transparent transparent rgba(55,64,70,.9);transform-origin:left;transform:translateY(50%) scaleX(0)}[data-tooltip-location=left]:hover:after{transform:translateY(50%) scaleX(1)}[data-tooltip-location=right]:after,[data-tooltip-location=right]:before{left:calc(100% + 5px);bottom:50%}[data-tooltip-location=right]:before{transform:translate(5px,50%) scale(.5)}[data-tooltip-location=right]:hover:before{transform:translate(5px,50%) scale(1)}[data-tooltip-location=right]:after{border-width:5px 5px 5px 0;border-color:transparent rgba(55,64,70,.9) transparent transparent;transform-origin:right;transform:translateY(50%) scaleX(0)}[data-tooltip-location=right]:hover:after{transform:translateY(50%) scaleX(1)}[data-tooltip-location=bottom]:after,[data-tooltip-location=bottom]:before{top:calc(100% + 5px);bottom:auto}[data-tooltip-location=bottom]:before{transform:translate(-50%,5px) scale(.5)}[data-tooltip-location=bottom]:hover:before{transform:translate(-50%,5px) scale(1)}[data-tooltip-location=bottom]:after{border-width:0 5px 5px;border-color:transparent transparent rgba(55,64,70,.9);transform-origin:bottom}@media (max-width:750px){[data-tooltip]:after{bottom:calc(100% + 3px);border-width:7px 7px 0}}
/*# sourceMappingURL=main.dac3e836.chunk.css.map */