body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.recipe-list-container{margin-top:2rem}.recipe-list-container .filters-container{display:flex;flex-wrap:wrap}.recipe-list-container .clear-filters-button{margin-top:.5rem}.recipe-list-container .grid{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2rem}.recipe-list-container .grid .empty-message{font-weight:700}.filter{margin-right:5rem}.filter .filter-title{font-weight:700;text-transform:uppercase}.filter .filter-option{display:block;margin:.5rem 0}.recipe-list-item{align-items:stretch;border:1px solid #333;display:flex;flex-direction:column;justify-content:stretch;margin:0 2rem 2rem 0;width:300px}.recipe-list-item.saved{box-shadow:0 0 1rem #333}.recipe-list-item .image{width:100%}.recipe-list-item .details{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:.2rem .5rem .5rem}.recipe-list-item .title{font-weight:700;text-transform:uppercase}.recipe-list-item .action-container{align-items:center;display:flex;justify-content:flex-end;margin-top:.5rem}.recipe-list-item .action-container .action button{margin-left:.5rem}.recipe-details{margin:2rem 0;width:100%}.recipe-details .buttons{display:flex;justify-content:space-between;width:100%}.recipe-details .back-button{margin-bottom:2rem}.recipe-details .details-wrapper{display:flex;flex-direction:column}.recipe-details .details-wrapper .details,.recipe-details .details-wrapper .image-wrapper{margin-bottom:1rem;width:100%}.recipe-details .details-wrapper .image{width:100%}.recipe-details .title{font-weight:700;margin:0;text-transform:uppercase}.recipe-details .button{display:inline-block;margin:1rem}.recipe-details .ingredients-wrapper{margin:1rem 0 0 1rem}@media only screen and (min-width:600px){.recipe-details .details-wrapper{flex-direction:row-reverse}.recipe-details .details-wrapper .details,.recipe-details .details-wrapper .image-wrapper{width:50%}}.app{color:#333;padding-top:5rem;position:relative}.app-header{align-items:center;background:#fff;border-bottom:1px solid #333;display:flex;height:5rem;justify-content:space-between;left:0;padding:0 2rem;position:fixed;top:0;width:calc(100% - 4rem)}.app-header .app-title{font-size:2rem}.app-header .saved-recipes-toggle{width:7rem}.app-header .saved-recipes{background:#fff;border-left:1px solid #333;border-top:1px solid #333;height:calc(100vh - 7rem);overflow-y:scroll;padding:1rem 1.5rem;position:fixed;right:0;top:5rem;-webkit-transform:translateX(calc(240px + 5rem));transform:translateX(calc(240px + 5rem));transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:240px}.app-header .saved-recipes.open{-webkit-transform:translateX(0);transform:translateX(0)}.app-header .saved-recipes .saved-recipes-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem;text-align:center;text-transform:uppercase;width:100%}.app-header .saved-recipes .recipe-list-item{width:240px}.app-header .saved-recipes .recipe-list-item.saved{box-shadow:none}.app-header .saved-recipes .clear-saved-recipes{margin-bottom:.5rem;width:100%}.app-content{padding:0 2rem}a,button{background:transparent;border:1px solid #333;color:#333;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.2px;line-height:1.2rem;padding:.2rem .5rem;text-decoration:none;text-transform:uppercase}a.primary,button.primary{background:#555;color:#fff}
/*# sourceMappingURL=main.fcdc8ada.css.map*/