:root{--color-primary:#ff6f61;--color-wrapper:#ffd166;--color-grad-2:#ff9f1c;--color-grad-1:#ffd166;--color-background:#fff;--color-primary-variant:#ff922b;--color-grey--1:#fff8e1;--color-grey--2:#ffefcf;--color-grey-light-2:#f5e6c8;--color-text-3:#d3c7c3;--color-text-1:#333;--color-text-2:#555;--color-input-borders:#ddd;--color-on-primary:#fff;--gradient:linear-gradient(to right bottom,var(--color-grad-1),var(--color-grad-2));--wrapper-gradient:linear-gradient(to right bottom,var(--color-wrapper),var(--color-grad-2))}[data-theme=dark]{--color-primary:#ffc078;--color-wrapper:#121212;--color-grad-2:#303030;--color-grad-1:#303030;--color-primary-variant:#ff922b;--color-background:#303030;--color-grey--1:#424242;--color-grey--2:#383838;--color-text--1:#ececec;--color-text-2:#bec5c7;--color-text--3:#989898;--color-input-borders:#121212;--color-on-primary:#000;--gradient:linear-gradient(to right bottom,var(--color-primary-variant),var(--color-primary-variant));--wrapper-gradient:linear-gradient(to right bottom,var(--color-wrapper),var(--color-wrapper))}.features__icon{text-align:center}*,:after,:before{box-sizing:inherit}*{margin:0;padding:0;transition:background-color .3s}.section{text-align:center;margin-bottom:6rem;padding:5rem 8rem 0}*{margin:0;padding:0}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (width<=1128px){html{font-size:50%}}body{color:var(--color-text--1);background-image:var(--wrapper-gradient);background-repeat:no-repeat;background-size:cover;min-height:calc(100vh - 8vw);font-family:Nunito Sans,sans-serif;font-weight:400;line-height:1.6}.container{background-color:var(--color-background);max-width:120rem;min-height:117rem;box-shadow:0 2rem 6rem .5rem rgba(var(--color-text--1),.2);border-radius:9px;grid-template:"head head"10rem"list recipe"minmax(100rem,auto)/1fr 2fr;margin:4vw auto;display:grid;overflow:hidden}@media only screen and (width<=37.5em){.container{border-radius:0;max-width:100%;margin:0;display:block}}.btn--small,.btn--small:link,.btn--small:visited,.btn{background-image:var(--gradient);text-transform:uppercase;color:#fff;cursor:pointer;border:none;border-radius:10rem;align-items:center;transition:all .2s;display:flex}.btn--small:hover,.btn:hover{transform:scale(1.05)}.btn--small:focus,.btn:focus{outline:none}.btn--small>:first-child,.btn>:first-child{margin-right:1rem}.btn{padding:1.5rem 4rem;font-size:1.5rem;font-weight:600}@media only screen and (width<=56.25em){.btn{padding:1.5rem 1rem}}.btn svg{fill:currentColor;width:2.25rem;height:2.25rem}.btn--small,.btn--small:link,.btn--small:visited{padding:1.25rem 2.25rem;font-size:1.4rem;font-weight:600;text-decoration:none}.btn--small svg,.btn--small:link svg,.btn--small:visited svg{fill:currentColor;width:1.75rem;height:1.75rem}.btn--inline{color:var(--color-primary);background-color:var(--color-grey--1);cursor:pointer;border:none;border-radius:10rem;align-items:center;padding:.8rem 1.2rem;font-size:1.3rem;font-weight:600;transition:all .2s;display:flex}.btn--inline svg{fill:currentColor;width:1.6rem;height:1.6rem;margin:0 .2rem}.btn--inline span{margin:0 .4rem}.btn--inline:hover{color:var(--color-grad-2);background-color:var(--color-grey-light-2)}.btn--inline:focus{outline:none}.btn--round{background-image:var(--gradient);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;transition:all .2s;display:flex}.btn--round:hover{transform:scale(1.07)}.btn--round:focus{outline:none}.btn--round svg{fill:#fff;width:2.5rem;height:2.5rem}.btn--tiny{cursor:pointer;background:0 0;border:none;width:2rem;height:2rem;transition:all .2s}.btn--tiny:focus{outline:none}.btn--tiny:hover{fill:var(--color-grad-2);transform:translateY(-1px)}.btn--tiny:active svg{fill:var(--color-grad-2);transform:translateY(0)}.btn--tiny:not(:last-child){margin-right:.3rem}.heading--2{color:var(--color-primary);text-transform:uppercase;text-align:center;margin-bottom:2.5rem;font-size:2rem;font-weight:700}.link:link,.link:visited{color:var(--color-text--2)}.spinner{text-align:center;margin:5rem auto}.spinner i{color:var(--color-primary);font-size:6rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message,.error{margin:0 auto;padding:5rem 4rem}.message i,.error i{color:var(--color-primary);margin-bottom:2rem;font-size:4rem}.message img,.error img{width:5rem;height:5rem;color:var(--color-primary)}.message p,.error p{opacity:.8;margin-left:1.5rem;font-size:1.5rem;font-weight:600}.message .cards,.error .cards{display:flex}.message .card,.error .card{text-align:center;background-color:var(--color-grey--2);border-radius:1rem;flex:50%;margin:3rem 3.5rem;padding:3rem 2.5rem;line-height:2.9rem;transition:all .3s;box-shadow:.8rem 1.5rem 2rem #0000001a}.message .card:hover,.error .card:hover{transform:translateY(-1rem)scale(1.03)}.message .card__header,.error .card__header{padding-bottom:1rem;line-height:2.5rem;opacity:1!important}@media screen and (width<=480px){.cards{flex-direction:column;align-items:center}.card{flex:none;width:90%;margin:1rem auto}}.header{background-color:var(--color-grey--1);grid-area:head;justify-content:space-between;align-items:center;display:flex}.header__logo{height:4.6rem;margin-left:4rem;display:block}@media only screen and (width<=600px){.header__logo{margin-left:.5rem}}.search{background-color:var(--color-grey--2);border-radius:10rem;align-items:center;padding-left:3rem;transition:all .3s;display:flex}.search:focus-within{box-shadow:0 .7rem 3rem rgba(var(--color-text-1),.08);transform:translateY(-2px)}.search__field{color:inherit;background:0 0;border:none;width:30rem;font-family:inherit;font-size:1.7rem}@media only screen and (width<=56.25em){.search__field{width:auto;max-width:11rem}}.search__field:focus{outline:none}.search__field::placeholder{color:var(--color-text-3)}@media only screen and (width<=61.25em){.search__field{width:auto}.search__field::placeholder{color:var(--color-text-3);opacity:0;visibility:none}}.search__btn{color:var(--color-on-primary);font-family:inherit;font-weight:600}.search__btn-menu{color:var(--color-on-primary);padding:2rem;font-family:inherit;font-weight:600;margin-top:2rem!important}.search__btn-menu:hover{background-color:var(--color-grey--3)}.nav{align-self:stretch;margin-right:2.5rem}.nav__list{height:100%;list-style:none;display:flex}.nav__item{position:relative}@media only screen and (width<=600px){.nav__item{margin-bottom:1.4rem}}.nav__btn{height:100%;color:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 1.5rem;font-family:inherit;font-size:1.4rem;font-weight:700;transition:all .3s;display:flex}.nav__btn i{color:var(--color-primary);margin-right:.7rem;font-size:2.4rem;font-weight:400;transform:translateY(-1px)}.nav__btn:focus{outline:none}.nav__btn:hover{background-color:var(--color-grey--2)}.toggle{width:85px;height:43px;margin-top:2.8rem;margin-right:3rem;display:inline-block;position:relative}.toggle i{color:var(--color-text-3);font-size:24px;position:absolute;top:.68rem;right:1.4rem}.toggle .i__right{right:1.4rem}.toggle .i__left{left:1rem!important}.toggle__input{opacity:0;width:0;height:0}.toggle__input:checked+.toggle__slider{background-color:var(--color-grey--2)}.toggle__input:checked+.toggle__slider:before{transform:translate(43px)}.toggle__slider{cursor:pointer;background-color:var(--color-grey--2);border-radius:34px;transition:background-color .3s;position:absolute;inset:0}.toggle__slider:before{content:"";background:var(--gradient);border-radius:50%;width:29px;height:30px;transition:transform .3s;position:absolute;top:.48rem;left:4px}.bookmarks{z-index:10;background-color:var(--color-grey--1);width:40rem;box-shadow:0 .8rem 5rem 2rem rgba(var(--color-text-1),.1);visibility:hidden;opacity:0;padding:1rem 0;transition:all .5s .2s;position:absolute;right:-2.5rem}.bookmarks__list{list-style:none}.bookmarks__field{cursor:pointer;align-items:center;height:100%;padding:0 4rem;transition:all .3s;display:flex}.bookmarks__field:hover{background-color:var(--color-background)}.bookmarks:hover,.nav__btn--bookmarks:hover+.bookmarks{visibility:visible;opacity:1;background-color:var(--color-grey--2)}@media only screen and (width<=600px){.nav__item0{position:absolute;left:2rem;top:7rem!important}}@media only screen and (width<=850px){.nav__item-active1{background-color:var(--color-grey--1);z-index:100;border-radius:3rem;padding:1rem .5rem;position:absolute;top:15rem;right:2rem}}@media only screen and (width<=41.25em){.nav__item-active1{top:10.5rem}}@media only screen and (width<=850px){.nav__item-active2{background-color:var(--color-grey--1);z-index:100;border-radius:3rem;padding:1rem 1rem 1rem .5rem;position:absolute;top:15rem;right:14.98rem}}@media only screen and (width<=41.25em){.nav__item-active2{top:10.5rem}}.preview__link:link,.preview__link:visited{border-right:1px solid #fff;align-items:center;padding:1.5rem 3.25rem;text-decoration:none;transition:all .3s;display:flex}.preview__link:hover{background-color:var(--color-grey--1);transform:translateY(-2px)}.preview__link--active{background-color:var(--color-grey--1)}.preview__fig{backface-visibility:hidden;border-radius:50%;flex:0 0 5.8rem;height:5.8rem;margin-right:2rem;position:relative;overflow:hidden}.preview__fig:before{content:"";background-image:linear-gradient(to right bottom,var(--color-grad-1),var(--color-grad-2));opacity:.4;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.preview__fig img{object-fit:cover;width:100%;height:100%;transition:all .3s;display:block}.preview__data{grid-template-columns:1fr 2rem;align-items:center;row-gap:.1rem;width:100%;display:grid}.preview__title{color:var(--color-primary);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;max-width:25rem;font-size:1.45rem;font-weight:600;overflow:hidden}.preview__publisher{color:var(--color-text-2);text-transform:uppercase;font-size:1.15rem;font-weight:600}.preview__user-generated{border-radius:10rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:auto;margin-right:1.75rem;display:flex}.preview__user-generated svg{width:1.2rem;height:1.2rem;fill:var(--color-primary)}.search-results{flex-direction:column;padding:3rem 0;display:flex}.results{margin-bottom:2rem;list-style:none}@media screen and (width<=784px){.results{width:100%;margin:2rem 0}}.pagination{margin-top:auto;padding:0 3.5rem}.pagination:after{content:"";clear:both;display:table}.pagination__btn--prev{float:left}.pagination__btn--next{float:right}.copyright{color:var(--color-text-2);margin-top:4rem;padding:0 3.5rem;font-size:1.2rem}.copyright .twitter-link:link,.copyright .twitter-link:visited{color:var(--color-text-2)}.recipe{background-color:var(--color-grey--1)}.recipe__fig{transform-origin:top;height:32rem;position:relative}.recipe__fig:before{content:"";background-image:linear-gradient(to right bottom,var(--color-grad-1),var(--color-grad-2));opacity:.6;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.recipe__img{object-fit:cover;width:100%;height:100%;display:block}.recipe__title{color:#fff;text-transform:uppercase;text-align:center;width:50%;font-size:3.25rem;font-weight:700;line-height:1.95;position:absolute;bottom:0;left:50%;transform:translate(-50%,20%)skewY(-6deg)}.recipe__title span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(to right bottom,var(--color-grad-1),var(--color-grad-2));padding:1.3rem 2rem}@media only screen and (width<=61.25em){.recipe__title{width:70%}}.recipe__details{align-items:center;padding:7.5rem 8rem 3.5rem;display:flex}@media only screen and (width<=764px){.recipe__details{padding:7.5rem 4rem 3.5rem}}.recipe__info{text-transform:uppercase;align-items:center;font-size:1.65rem;display:flex}.recipe__info:not(:last-child){margin-right:4.5rem}.recipe__info-icon{color:var(--color-primary);margin-right:1.15rem;font-size:2.2rem!important}@media only screen and (width<=28.12em){.recipe__info-text{display:none}}.recipe__info-data{margin-right:.5rem;font-weight:700}.recipe__info-buttons{margin-left:1.6rem;display:flex;transform:translateY(-1px)}.recipe__user-generated{border-radius:10rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-left:auto;margin-right:1.75rem;display:flex}.recipe__user-generated svg{width:2.25rem;height:2.25rem;fill:var(--color-primary)}.recipe__ingredients{flex-direction:column;align-items:center;padding:5rem 8rem;font-size:1.6rem;line-height:1.4;display:flex}.recipe__ingredient-list{grid-template-columns:1fr 1fr;gap:2.5rem 3rem;list-style:none;display:grid}@media screen and (width<=480px){.recipe__ingredient-list{display:block}}.recipe__ingredient{display:flex}@media screen and (width<=480px){.recipe__ingredient{margin-bottom:2rem}}.recipe__icon{width:2rem;color:var(--color-primary);flex:none;margin-top:.1rem;margin-right:1.1rem;font-size:2rem}.recipe__quantity{flex:none;margin-right:.5rem}.recipe__directions{flex-direction:column;align-items:center;padding:5rem 10rem;display:flex}.recipe__directions-text{text-align:center;color:var(--color-text-2);margin-bottom:3.5rem;font-size:1.7rem}.recipe__publisher{font-weight:700}.add-recipe-window{background-color:var(--color-grey--2);z-index:1000;border-radius:9px;width:100rem;padding:5rem 6rem;transition:all .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4rem 6rem #00000040}@media only screen and (width<=75em){.add-recipe-window{transform:translate(-50%,-50%)scale(.9)}}@media only screen and (width<=56.25em){.add-recipe-window{width:60rem}}@media only screen and (width<=41.25em){.add-recipe-window{width:50rem;transform:translate(-50%,-50%)scale(.8)}}.add-recipe-window .btn--close-modal{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:3.5rem;position:absolute;top:.5rem;right:1.6rem}.overlay{backdrop-filter:blur(4px);z-index:100;background-color:#0006;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0}.hidden{visibility:hidden!important;opacity:0!important}.upload{grid-template-columns:1fr 1fr;gap:4rem 6rem;display:grid}@media only screen and (width<=56.25em){.upload{grid-template-columns:1fr}}.upload__column{grid-template-columns:1fr 2.8fr;align-items:center;gap:1.5rem;display:grid}.upload__column label{color:var(--color-text--1);font-size:1.5rem;font-weight:600;display:block}.upload__column input{background-color:var(--color-grey--1);border:1px solid #ddd;border-radius:.5rem;width:100%;padding:.8rem 1rem;font-size:1.5rem;transition:all .2s}.upload__column input::placeholder{color:var(--color-text--3)}.upload__column input:focus{border:1px solid var(--color-input-borders);background-color:var(--color-grey--1);outline:none}.upload__column button{grid-column:1/span 2;justify-self:center;margin-top:1rem}.upload__heading{text-transform:uppercase;grid-column:1/-1;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.upload__btn{grid-column:1/-1;justify-self:center}.fa-check:hover,.fa-trash-can:hover{cursor:pointer}
/*# sourceMappingURL=path0.123cbe5f.css.map */