*{box-sizing:border-box;margin:0;padding:0}body{color:#615551;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);font-family:Nunito Sans,sans-serif;font-weight:400;position:relative}.container{background-color:#fff;border-radius:2rem;grid-template:"head head"10rem"search__results recipe"minmax(80rem,auto)/1fr 2fr;max-width:85vw;height:auto;margin:4vw auto;display:grid;overflow:hidden;box-shadow:0 .3rem .7rem #61555114}@media only screen and (width<=1050px){.container{border-radius:0;max-width:100%;margin:0}}@media only screen and (width<=600px){.container{grid-template-columns:1fr;grid-template-areas:"head""recipe"}}@media only screen and (width<=930px) and (width>=600px){.container{grid-template-rows:8rem minmax(80rem,auto);width:100vw}}.btn{cursor:pointer;border:none;border-radius:10rem;align-items:center;gap:1rem;height:2.5rem;padding:10px;display:flex}.btn__small,.btn__large{background-color:#f9f5f3}.btn__small{border:none;width:1.5rem}.btn__small svg{height:1.2rem}.btn__small:active{opacity:.7}.btn__large{background-image:linear-gradient(to bottom right,#fbdb89,#f48982);border:none;border-radius:50%;justify-content:center;width:3rem;height:3rem;display:flex}.message,.error{text-align:center;text-transform:none;color:#615551;flex-direction:column;align-items:center;gap:1rem;height:10rem;margin-top:4rem;margin-bottom:2rem;font-size:1.2rem;display:flex}.message svg,.error svg{fill:#f38e82;width:3rem;height:3rem}svg{width:1.75rem;height:1.75rem}.spinner{text-align:center;margin-top:4rem}.spinner svg{fill:#f38e82;width:3rem;height:3rem;animation:3s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{background-color:#f9f5f3;grid-area:head;justify-content:space-between;align-items:center;display:flex}.header .logo{height:4rem;margin-left:2rem}@media only screen and (width<=600px){.header{-moz-column-gap:1.1rem;grid-template-columns:2fr 1fr;column-gap:1.1rem;width:100vw;display:grid}.header .logo{grid-column:1/3;height:3rem}}.search__bar{background-color:#fff;border-radius:10rem;justify-content:space-between;align-items:center;padding-left:1rem;transition:all .2s ease-in;display:flex}.search__bar:focus-within{transform:translateY(-2px);box-shadow:0 .7rem 3rem #61555114}.search__bar .search__field{color:#918581;border:none;width:20rem;margin-left:10px;font-size:1.3rem}.search__bar .search__field:focus{outline:none}.search__bar .search__field::placeholder{color:#d3c7c3;font-size:1.1rem}@media only screen and (width<=1050px){.search__bar .search__field{width:10rem}}@media only screen and (width<=600px){.search__bar .search__field{width:8rem}}.search__bar .search__btn{color:#fff;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);font-size:1rem;font-weight:500;transition:all .2s ease-in}.search__bar .search__btn:hover{transform:scale(1.05)}.search__bar .search__btn:active{opacity:.7}.search__bar .search__btn:active+.search__results{transform:translate(100%)}.search__bar .search__btn svg{fill:currentColor}@media only screen and (width<=600px){.search__bar .search__btn span{display:none}}.nav{position:relative}.nav__list{gap:2rem;margin-right:2rem;list-style:none;display:flex}.nav__btn{color:#615551;background-color:inherit;font-size:1.2rem;font-weight:500}.nav__btn svg{fill:#f38e82}@media only screen and (width<=600px){.nav span{display:none}.nav__list{gap:1rem;margin-right:.5rem}}.bookmarks{z-index:100;visibility:hidden;opacity:0;background-color:#fff;transition:all .5s ease-in;position:absolute;right:0;box-shadow:0 .8rem 5rem 2rem #61555133}.bookmarks .message{cursor:pointer;align-items:center;gap:1rem;height:10rem;padding:1rem;display:flex}.bookmarks .message svg{fill:#f38e82}.bookmarks:hover,.nav__btn__bookmarks:hover+.bookmarks{visibility:visible;opacity:1}@media only screen and (width<=600px){.header .logo{height:3rem}.search__bar .search__btn{width:2.5rem}}@media only screen and (width<=930px) and (width>=600px){.header .logo{height:3.2rem;margin-right:1rem}.search__bar .search__field{width:8rem}.search__bar .search__btn{width:2.5rem}.search__bar .search__btn span{display:none}.nav__list{gap:0}.nav__btn{font-size:1rem}}.recipe{text-transform:uppercase;background-color:#f9f5f3}.recipe svg{fill:#f38e82}.recipe__figure{height:25rem;position:relative}.recipe__figure:before{content:"";opacity:.3;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);width:100%;height:100%;position:absolute}.recipe__figure img{width:100%;height:100%}.recipe__info{justify-content:space-evenly;align-items:center;height:8rem;display:flex}.recipe .servings{justify-content:center;align-items:baseline;gap:.5rem;display:flex}.recipe svg{transform:translateY(25%)}.recipe .round__btns{justify-content:center;align-items:baseline;gap:1.5rem;display:flex}.recipe .round__btns .btn__large{cursor:pointer;transition:all .15s ease-in-out}.recipe .round__btns .btn__large svg{fill:#fff}.recipe .round__btns .btn__large:active{transform:scale(1.1)}.recipe .recipe__user__generated{background-color:#eeeae8;border-radius:50%;justify-content:center;width:3rem;height:3rem;display:flex}.recipe .ingredients{background-color:#eeeae8;padding:4rem}.recipe .ingredients .heading{text-align:center;color:#f38e82;padding-bottom:3rem;font-size:1.4rem;font-weight:600}.recipe .ingredients__list{text-transform:none;grid-template-columns:1fr 1fr;gap:1.4rem 1rem;font-size:1.1rem;display:grid}.recipe .ingredients__list .ingredient{word-break:break-word;align-items:baseline;display:flex}.recipe .ingredients__list .ingredient svg{flex:none;margin-right:1rem}.recipe .ingredients__list .ingredient .quantity{min-width:2rem;margin-right:.5rem;font-size:1.2rem}.recipe__direction{text-align:center;flex-direction:column;align-items:center;gap:2rem;padding:4rem;line-height:1.5;display:flex}.recipe__direction .heading{color:#f38e82;font-size:1.5rem;font-weight:600}.recipe__direction__text{text-transform:capitalize;font-size:1.1rem}.recipe__direction__text span{font-weight:bolder}.recipe__direction__btn{text-transform:uppercase;cursor:pointer;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);border:none;border-radius:2rem;justify-content:center;align-items:center;width:10rem;padding:.5rem;font-size:1rem;transition:all .2s ease-in;display:flex}.recipe__direction__btn a{color:#fff;text-decoration:none}.recipe__direction__btn svg{fill:#fff;transform:scale(.75)}.recipe__direction__btn:hover{transform:scale(1.05)}.recipe__direction__btn:active{opacity:.7}@media only screen and (width<=600px){.recipe{max-width:600px}.recipe__figure{height:15rem}.recipe__info{flex-direction:column;align-items:center;gap:2rem;height:auto;margin-top:1rem;margin-bottom:1rem;display:flex}.recipe .recipe__user__generated{display:none}.recipe .round__btns{display:flex}.recipe .ingredients{padding:2rem}.recipe .ingredients .heading{padding-bottom:1rem;font-size:1.2rem}.recipe .ingredients__list{flex-direction:column;gap:1.4rem;display:flex}.recipe__direction{padding:2rem}}@media only screen and (width<=930px) and (width>=600px){.recipe__figure{height:18rem}.recipe__info{font-size:.9rem}.recipe__info .recipe__cooking__time{margin-right:1.2rem}.recipe .ingredients{padding:2rem}.recipe .ingredients .heading{padding-bottom:1rem;font-size:1.3rem}.recipe .ingredients__list{flex-direction:column;gap:1.4rem;display:flex}.recipe__direction{padding:2rem}}.add__recipe__window{text-transform:uppercase;z-index:1000;filter:drop-shadow(0 .7rem 3rem #615551cc);background-color:#fff;border-radius:1rem;width:80%;padding:3rem;transition:all .5s ease-in;position:fixed;left:10%;overflow:hidden}.add__recipe__window .close__btn{cursor:pointer;color:inherit;background:0 0;font-family:inherit;font-size:3.5rem;transition:all .15s ease-in;position:absolute;top:1rem;right:1rem}.add__recipe__window .close__btn:active{opacity:.7}@media only screen and (width<=1050px){.add__recipe__window{font-size:80%;top:20%}}.upload{grid-template-columns:1fr 1fr;gap:3rem 6rem;display:grid}.upload__column{grid-template-columns:1.5fr 2.5fr;align-items:center;gap:1.5rem 0;display:grid}.upload__column input{color:#918581;border:1px solid #ddd;border-radius:10px;padding:.4rem 1rem;font-size:1.2rem}.upload__column input::placeholder{color:#d3c7c3;font-size:1rem}@media only screen and (width<=1050px){.upload__column input::placeholder{font-size:.8rem}}.upload__column input:focus{background-color:#f9f5f3;border:1px solid #f38e82;outline:none}@media only screen and (width<=1050px){.upload__column input{width:10rem;font-size:.8rem}}.upload__heading{text-transform:uppercase;grid-column:1/3;justify-self:center;font-size:2.25rem;font-weight:500}.upload button{color:#fff;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);grid-column:1/3;justify-self:center;font-size:1.5rem;transition:all .15s ease-in}.upload button svg{fill:currentColor}.upload button:active{opacity:.7}.upload button:hover{transform:scale(1.05)}@media only screen and (width<=600px){.add__recipe__window{padding:1rem;position:absolute;top:4%}.add__recipe__window .upload{flex-direction:column;gap:1.5rem;display:flex}.add__recipe__window .upload__column input{width:8rem}.add__recipe__window .upload__heading{text-align:center;text-transform:uppercase;margin-top:1rem;font-size:1.4rem;font-weight:500}.add__recipe__window .upload button{width:8rem;margin:0 auto;font-size:1rem}}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background-color:#0006;width:100%;height:100%;position:fixed;inset:0}.hidden{visibility:hidden;opacity:0}@media only screen and (width>=600px) and (width<=930px){.add__recipe__window{width:95vw;padding-bottom:1rem;top:2%;left:2.5%}}.search__results{flex-direction:column;justify-content:space-between;display:flex}.search__results .pagination{justify-content:space-around;margin-bottom:3rem;display:flex}.search__results .pagination .hidden__btn{visibility:hidden}.search__results .pagination .btn{color:#f38e82;background-color:#f9f5f3;transition:all .1s}.search__results .pagination .btn:active{opacity:.7}.search__results .pagination svg{fill:#f38e82;transform:scale(.7)}.preview{text-overflow:ellipsis;width:28.3333vw;overflow:hidden}.preview__link{text-transform:uppercase;border:1px solid #fff;grid-template-columns:90% 10%;padding:1rem;text-decoration:none;transition:all .2s ease-in;display:grid}.preview__link:hover{background-color:#f9f5f3;transform:translateY(-2px)}.preview .active__link{background-color:#f9f5f3}.preview .fig__data__div{align-items:center;display:flex}.preview__fig{border-radius:50%;flex:none;width:4rem;height:4rem;margin-right:1rem;position:relative;overflow:hidden}.preview__fig:after{content:"";opacity:.3;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);width:100%;height:100%;position:absolute;inset:0}.preview__fig img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.preview__data{flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.preview__data__recipe__title{white-space:nowrap;text-overflow:ellipsis;color:#f38e82;width:100%;margin-bottom:.5rem;font-size:1rem;font-weight:500;overflow:hidden}.preview__data__publisher{color:#918581;font-size:.7rem;font-weight:500}.preview__recipe__user__generated{background-color:#f2efee;border-radius:50%;place-self:center end;align-items:center;width:1.6rem;height:1.6rem;display:flex}.preview__recipe__user__generated svg{fill:#f38e82;transform:scale(.7)}@media only screen and (width<=600px){.search__results{opacity:0;visibility:hidden;z-index:50;background-color:#fff;position:absolute;inset:10rem 0 0;overflow:hidden;transform:translate(-100%)}.preview{width:100vw;max-width:600px}}@media only screen and (width<=930px) and (width>=600px){.search__results{width:40vw}.preview{width:100%}}
/*# sourceMappingURL=index.c070cfe7.css.map */