header{background:radial-gradient(#fff 0,#fafafa 100%);grid-row:1;position:-webkit-sticky;position:sticky;top:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 16px;box-shadow:0 -1px 4px rgba(0,0,0,.5);z-index:1}.app-title>h1{font-size:1.6em;font-weight:600;font-family:"Titillium Web",sans-serif}.view-favorites{background-image:url(/static/media/view_favorites.9cc72f2c.svg);width:32px;height:32px;display:block}.active{background-image:url(/static/media/view_favorites_active.79c46bd1.svg)}.primary-btn{background:#fe2c55;padding:8px 16px;border:unset;border-radius:32px;color:#fff}.primary-btn,.secondary-btn{font-size:1em;font-weight:600;cursor:pointer}.secondary-btn{background:unset;-webkit-align-self:center;align-self:center;border:unset}.taco-generator{height:100%;max-width:900px;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;margin:0 auto}.greeting,.taco-display{margin-bottom:24px}.greeting{position:-webkit-sticky;position:sticky;font-size:1.25em;font-weight:700}.taco-display>div{min-height:128px;border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);padding:16px}.display-text,.generation-msg{font-size:1.25em}.display-text{line-height:1.25em;font-weight:lighter}.display-text>span{font-weight:600;font-style:normal}.generator-btns{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:unset}.generator-btns>a>.primary-btn{margin-bottom:8px}@media only screen and (min-width:768px){.taco-generator{-webkit-justify-content:flex-start;justify-content:flex-start}}main.details{padding:unset}.taco-details{max-width:1024px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0 auto}.taco-image{height:160px;position:relative}.taco-image>img{width:100%;height:100%;object-fit:cover;object-position:center}.favorite-btn,.favorite-btn-selected{background-color:unset;background-position:50%;background-repeat:no-repeat;top:16px;left:16px;width:44px;height:44px;position:absolute;border:unset;transition:.25s ease-out;cursor:pointer}.favorite-btn{background-image:url(/static/media/favorite_btn.1b5def3d.svg)}.favorite-btn-selected{background-image:url(/static/media/favorite_btn_selected.fb60f3c9.svg)}.taco-details>.details-text{margin:16px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.15)}.taco-details .primary-toppings{margin-bottom:8px;font-size:1.25em;font-weight:700}.taco-details .secondary-toppings{margin-left:8px;padding-left:8px;border-left:4px solid #fe2c55;font-size:1em;font-weight:lighter}.recipe-list{max-width:900px;margin:0 16px;list-style-type:none}.recipe-list>h1{margin-bottom:8px;font-size:1.25em;font-weight:700}.recipe-list>li{margin:0 0 8px 8px;font-size:1em;font-weight:500}.recipe-list li:before{content:"\2022";color:#fe2c55;font-weight:800;display:inline-block;width:16px;margin-left:0}.recipe-list a{text-decoration:unset;color:inherit}.recipe-list a:hover{border-bottom:2px solid #fe2c55}@media only screen and (min-width:460px){.taco-image{height:256px}}@media only screen and (min-width:768px){.taco-image{height:376px}}.favorites{max-width:900px;margin:0 auto}.favorites-title{width:-webkit-max-content;width:max-content;margin-bottom:24px;font-size:1.25em;font-weight:700}.favorite-display{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-decoration:unset;color:inherit;margin-bottom:16px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.15)}.favorite-display .primary-toppings{margin-bottom:8px;font-size:1.25em;font-weight:600}.favorite-display .secondary-toppings{margin:0 0 16px 8px;padding-left:8px;border-left:4px solid #fe2c55;font-size:1em;font-weight:lighter}.favorite-display-btns{width:-webkit-max-content;width:max-content;-webkit-align-self:flex-end;align-self:flex-end;border:unset}.favorite-display-btns>.secondary-btn{margin-right:16px}footer{background:radial-gradient(#fff 0,#fafafa 100%);grid-row:3;position:-webkit-sticky;position:sticky;bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.5);z-index:1}footer .back-btn{background:unset;border:unset;font-size:1.25em;cursor:pointer}.App{height:100%;position:relative;display:grid;grid-template-rows:3.5rem auto 3.25rem}main{grid-row:2;padding:24px 16px}*{margin:unset;padding:unset;font-family:"Open Sans";text-decoration:unset;color:#000}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}
/*# sourceMappingURL=main.af60d9b6.chunk.css.map */