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}.add-recipe-form .backdrop{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw}.add-recipe-form .modal{background:#fff;border:1px solid #333;display:block;height:85vh;left:0;margin:5%;overflow-y:scroll;position:fixed;top:0;width:90vw}.add-recipe-form .modal input:not(.auto-size),.add-recipe-form .modal textarea{font-family:Arial;padding:.5rem 1rem;width:calc(100% - 4rem)}.add-recipe-form .modal select{font-family:Arial;padding:.5rem 1rem}.add-recipe-form .modal .close-button{position:absolute;right:2rem;top:2rem}.add-recipe-form .modal .wrapper{height:calc(100% - 4rem);margin:2rem;width:calc(100% - 4rem)}.add-recipe-form .modal .tag-category{align-items:center;display:flex;margin-bottom:10px}.add-recipe-form .modal .tag-category label{display:block;width:70px}.add-recipe-form .modal .ingredient-item{display:flex;margin-bottom:.2rem}.add-recipe-form .modal .instruction-item{display:flex;margin-bottom:.5rem}.add-recipe-form .modal .instruction-item .instruction-input-wrapper{display:flex}.add-recipe-form .modal .instruction-item .instruction-input-wrapper label{margin-right:.5rem;width:5rem}.add-recipe-form .modal .instruction-item .instruction-input-wrapper input,.add-recipe-form .modal .instruction-item .instruction-input-wrapper textarea{margin-bottom:.2rem;width:calc(84vw - 9.5rem)}.add-recipe-form .modal .recipe-type-tabs{border-bottom:1px solid #ccc;display:flex;margin:1rem 0}.add-recipe-form .modal .recipe-type-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;padding:.5rem 1rem}.add-recipe-form .modal .recipe-type-tabs .tab.active{border-bottom-color:#333;font-weight:700}.add-recipe-form .modal .add-item{margin-top:1rem}.add-recipe-form .modal .remove-item{margin-left:1rem}.add-recipe-form .modal .submit{margin:2rem 0}.auth-prompt .backdrop{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw}.auth-prompt .modal{background:#fff;border:1px solid #333;display:block;left:50%;max-width:24rem;position:fixed;top:30%;transform:translate(-50%);width:90vw}.auth-prompt .modal input{font-family:Arial;margin-bottom:1rem;padding:.5rem 1rem;width:calc(100% - 4rem)}.auth-prompt .modal .close-button{position:absolute;right:1rem;top:1rem}.auth-prompt .modal .wrapper{margin:2rem}.auth-prompt .modal .error{color:#c00;margin-bottom:1rem}.auth-prompt .modal .submit{margin-bottom:1rem}.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 button{border:0;font-size:2rem;padding:0;text-transform:none}.app-header .saved-recipes-toggle{margin-left:1rem;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;transform:translateX(calc(240px + 5rem));transition:transform .5s ease;width:240px}.app-header .saved-recipes.open{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:#0000;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.a8ff6ac1.css.map*/