*{margin:0;padding:0}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (width<=61.25em){html{font-size:56.25%}}@media only screen and (width<=43.75em){html{font-size:50%}}body{color:#2f3936;background:radial-gradient(circle at 12% 12%,#ffffffd9,#0000 34%),radial-gradient(circle at 86% 5%,#2b7a6f33,#0000 34%),linear-gradient(150deg,#f9f1e7,#efe3d3);min-height:100vh;padding:0 2.4rem 2.4rem;font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.55;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed}body:before{background:radial-gradient(circle,#4f9f9052,#0000 65%);border-radius:50%;width:34rem;height:34rem;top:-10rem;right:-7rem}body:after{background:radial-gradient(circle,#f4ede2f2,#0000 70%);border-radius:50%;width:44rem;height:44rem;bottom:-16rem;left:-12rem}.container{backdrop-filter:blur(8px);background-color:#fffdfae6;border:1px solid #2f393614;border-radius:3rem;grid-template:"head head""list recipe"minmax(70rem,1fr)/minmax(34rem,42rem) minmax(0,1fr);width:min(128rem,100%);min-height:calc(100vh - 4.8rem);margin:2.4rem auto 0;animation:.65s ease-out page-enter;display:grid;overflow:hidden;box-shadow:0 2.4rem 5rem #2433302b}@media only screen and (width<=78.15em){.container{width:100%}}@media only screen and (width<=61.25em){.container{border-radius:0;grid-template:"head""list"minmax(34rem,auto)"recipe"minmax(46rem,1fr)/1fr;min-height:100vh;margin:0}}@keyframes page-enter{0%{opacity:0;transform:translateY(2rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media only screen and (width<=31.25em){body{padding:0}}.btn--small,.btn--small:link,.btn--small:visited,.btn{color:#fff;cursor:pointer;background-image:linear-gradient(135deg,#4f9f90,#1f6c62);border:none;border-radius:10rem;justify-content:center;align-items:center;gap:.8rem;font-family:inherit;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 1.1rem 2.4rem #1f6c6242}.btn--small:hover,.btn:hover{filter:saturate(1.05);transform:translateY(-2px);box-shadow:0 1.6rem 2.8rem #1f6c624d}.btn--small:active,.btn:active{transform:translateY(0)}.btn--small:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffb3,0 0 0 6px #2b7a6f52}.btn--small>:first-child,.btn>:first-child{margin-right:0}.btn{letter-spacing:.01em;padding:1.2rem 2.7rem;font-size:1.45rem;font-weight:600}.btn svg{fill:currentColor;width:1.9rem;height:1.9rem}.btn--small,.btn--small:link,.btn--small:visited{padding:1.05rem 2rem;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.6rem;height:1.6rem}.btn--inline{color:#2b7a6f;cursor:pointer;background-color:#ffffffad;border:1px solid #2b7a6f47;border-radius:10rem;align-items:center;padding:.85rem 1.25rem;font-size:1.35rem;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:#1f6c62;background-color:#fffffff2;border-color:#1f6c6280;transform:translateY(-1px)}.btn--inline:focus-visible{outline:none;box-shadow:0 0 0 3px #2b7a6f2e}.btn--round{cursor:pointer;background-image:linear-gradient(135deg,#4f9f90,#1f6c62);border:none;border-radius:50%;justify-content:center;align-items:center;width:4.8rem;height:4.8rem;transition:all .2s;display:flex;box-shadow:0 1.1rem 2.2rem #1f6c6247}.btn--round:hover{transform:translateY(-2px)scale(1.02)}.btn--round:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffa6,0 0 0 6px #2b7a6f59}.btn--round svg{fill:#fff;width:2.3rem;height:2.3rem}.btn--tiny{cursor:pointer;background:#ffffffbf;border:1px solid #2b7a6f3d;border-radius:50%;place-items:center;width:2.35rem;height:2.35rem;transition:all .2s;display:grid}.btn--tiny svg{fill:#2b7a6f;width:1.9rem;height:1.9rem;transition:all .2s}.btn--tiny:focus-visible{outline:none;box-shadow:0 0 0 2px #2b7a6f33}.btn--tiny:hover svg{fill:#1f6c62}.btn--tiny:hover{background:#fff;border-color:#1f6c6273;transform:translateY(-1px)}.btn--tiny:not(:last-child){margin-right:.4rem}.heading--2{letter-spacing:.01em;color:#2f3936;text-wrap:balance;margin-bottom:2rem;font-family:Newsreader,serif;font-size:3rem;font-weight:700;line-height:1.1}.link:link,.link:visited{color:#5f6b67}.spinner{text-align:center;margin:5rem auto}.spinner svg{fill:#2b7a6f;width:6rem;height:6rem;animation:1.1s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message,.error{background:#ffffffc7;border:1px solid #2f39361a;border-radius:2rem;align-items:flex-start;max-width:52rem;margin:0 auto;padding:3.2rem 2.8rem;display:flex;box-shadow:0 1rem 2.5rem #2f393614}.message svg,.error svg{fill:#2b7a6f;width:2.6rem;height:2.6rem;transform:translateY(.1rem)}.message p,.error p{color:#2f3936;margin-left:1.3rem;font-size:1.65rem;font-weight:500;line-height:1.5}@media only screen and (width<=43.75em){.heading--2{font-size:2.6rem}.message,.error{padding:2.2rem 1.8rem}}.header{background:linear-gradient(#fffdfaf2,#fffdfac7);border-bottom:1px solid #2f393617;grid-area:head;grid-template-columns:auto minmax(30rem,1fr) auto;align-items:center;gap:2.4rem;padding:2rem 2.8rem;display:grid}.header__logo{color:inherit;filter:drop-shadow(0 1rem 1.3rem #5f6b6729);grid-column:1/2;align-items:center;gap:1rem;text-decoration:none;display:inline-flex}.header__logo-icon{border-radius:50%;flex:0 0 4.8rem;width:4.8rem;height:4.8rem}.header__logo-wordmark{letter-spacing:.01em;color:#2f3936;font-family:Newsreader,serif;font-size:4.2rem;font-style:italic;line-height:1}@media only screen and (width<=61.25em){.header{grid-template-columns:auto 1fr;grid-template-areas:"logo nav""search search";row-gap:1.6rem}.header__logo{grid-area:logo;gap:.8rem}.header__logo-icon{flex-basis:4.2rem;width:4.2rem;height:4.2rem}.header__logo-wordmark{font-size:3.6rem}}@media only screen and (width<=43.75em){.header{gap:1.2rem;padding:1.5rem 1.6rem}.header__logo-wordmark{font-size:3.1rem}}@media only screen and (width<=31.25em){.header__logo-wordmark{font-size:2.7rem}}.search{background-color:#ffffffd9;border:1px solid #2f39361f;border-radius:10rem;grid-column:2/3;align-items:center;gap:1.2rem;width:100%;padding:.6rem .7rem .6rem 2rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.search:focus-within{border-color:#2b7a6f80;transform:translateY(-1px);box-shadow:0 1rem 2rem #2f39361f}.search__field{color:inherit;background:0 0;border:none;width:100%;font-family:inherit;font-size:1.6rem}.search__field:focus{outline:none}.search__field::placeholder{color:#a89f93}.search__btn{flex:none}@media only screen and (width<=61.25em){.search{grid-area:search/1/search/-1}}@media only screen and (width<=43.75em){.search{gap:.8rem;padding-left:1.6rem}.search__field{font-size:1.45rem}}.nav{grid-column:3/4;align-self:stretch;margin-right:.4rem}.nav__list{align-items:center;gap:.8rem;height:100%;list-style:none;display:flex}.nav__item{position:relative}.nav__btn{color:#2f3936;letter-spacing:.04em;text-transform:none;cursor:pointer;background:#ffffff73;border:1px solid #2f39361a;border-radius:999px;align-items:center;min-height:4.8rem;padding:0 1.5rem;font-family:inherit;font-size:1.25rem;font-weight:600;transition:all .25s;display:flex}.nav__btn svg{fill:#2b7a6f;width:1.9rem;height:1.9rem;margin-right:.7rem;transform:translateY(-1px)}.nav__btn:focus{outline:none}.nav__btn:hover{background-color:#fffffff2;border-color:#2b7a6f73;transform:translateY(-1px);box-shadow:0 .8rem 1.8rem #2f393624}@media only screen and (width<=61.25em){.nav{grid-area:nav/auto;justify-self:end;margin-right:0}}@media only screen and (width<=43.75em){.nav__btn{min-height:4.2rem;padding:0 1.1rem}.nav__btn span{display:none}.nav__btn svg{margin-right:0}}.bookmarks{z-index:10;backdrop-filter:blur(10px);visibility:hidden;opacity:0;background-color:#fffffff5;border:1px solid #2f39361a;border-radius:1.8rem;width:min(42rem,88vw);padding:1rem 0;transition:all .25s;position:absolute;top:calc(100% + 1.1rem);right:0;transform:translateY(1rem);box-shadow:0 1.2rem 3rem #2f393626}.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:#f4ede2}.bookmarks:hover,.nav__btn--bookmarks:hover+.bookmarks{visibility:visible;opacity:1;transform:translateY(0)}.preview{animation:.3s item-rise}.preview__link:link,.preview__link:visited{background-color:#ffffff8f;border:1px solid #0000;border-radius:1.6rem;align-items:center;margin:0 1rem 1rem;padding:1.25rem 1.6rem;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 .8rem 1.7rem #2f39360f}.preview__link:hover{background-color:#ffffffeb;border-color:#2b7a6f47;transform:translateY(-1px)translate(4px)}.preview__link--active{background-color:#fffffff2;border-color:#2b7a6f61;box-shadow:0 1rem 2.2rem #2f39361a}.preview__fig{backface-visibility:hidden;border-radius:1.4rem;flex:0 0 6rem;height:6rem;margin-right:1.4rem;position:relative;overflow:hidden}.preview__fig:before{content:"";opacity:.2;background-image:linear-gradient(to bottom right,#4f9f90,#1f6c62);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 2.2rem;align-items:center;row-gap:.25rem;width:100%;display:grid}.preview__title{color:#2f3936;text-transform:none;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;max-width:24rem;font-size:1.5rem;font-weight:600;overflow:hidden}.preview__publisher{color:#5f6b67;text-transform:uppercase;letter-spacing:.09em;font-size:1.1rem;font-weight:500}.preview__user-generated{background-color:#2b7a6f1c;border-radius:10rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:auto;margin-right:0;display:flex}.preview__user-generated svg{fill:#2b7a6f;width:1.2rem;height:1.2rem}@keyframes item-rise{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.search-results{background:linear-gradient(#fffdfa8c,#fffdfacc),linear-gradient(150deg,#f9f1e7,#efe3d3);border-right:1px solid #2f393614;flex-direction:column;grid-area:list;min-height:0;padding:2rem 0 0;display:flex}@media only screen and (width<=61.25em){.search-results{border-bottom:1px solid #2f393614;border-right:none;max-height:42rem}}.results{flex:1;min-height:0;margin-bottom:1.4rem;list-style:none;overflow-y:auto}.results::-webkit-scrollbar{width:.8rem}.results::-webkit-scrollbar-thumb{background:#5f6b6740;border-radius:999px}.pagination{border-top:1px solid #2f393614;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding:1.8rem 2.4rem 2.3rem;display:flex}.pagination__btn--prev{margin-right:auto}.pagination__btn--next{margin-left:auto}@media only screen and (width<=43.75em){.pagination{padding:1.4rem 1.6rem 1.8rem}}.copyright{color:#5f6b67;flex-direction:column;gap:.4rem;margin-top:1.8rem;padding:0 2.4rem 2.2rem;font-size:1.15rem;display:flex}.copyright span{opacity:.92}.copyright .twitter-link:link,.copyright .twitter-link:visited,.copyright .linkedin-link:link,.copyright .linkedin-link:visited{color:#2f3936;text-underline-offset:.2rem;font-weight:600;transition:color .2s}.copyright .twitter-link:hover,.copyright .linkedin-link:hover{color:#2b7a6f}@media only screen and (width<=43.75em){.copyright{padding:0 1.6rem 1.8rem}}.recipe{background:linear-gradient(160deg,#fffdfadb,#f4ede2d1);grid-area:recipe;min-height:0;overflow-y:auto}.recipe__fig{height:34rem;position:relative}.recipe__fig:before{content:"";background:linear-gradient(#1f2e2b14 45%,#1f2e2b85);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:none;text-align:left;width:min(70rem,100% - 6.4rem);font-family:Newsreader,serif;font-size:clamp(2.8rem,3.4vw,4.4rem);font-weight:700;line-height:1.08;position:absolute;bottom:2.8rem;left:3.2rem;transform:none}.recipe__title span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#18211f80;border-radius:.7rem;padding:.5rem 1rem}@media only screen and (width<=61.25em){.recipe__title{width:calc(100% - 4.8rem);bottom:2.2rem;left:2.4rem}}.recipe__details{flex-wrap:wrap;align-items:center;gap:1.4rem;padding:3rem 3.2rem;display:flex}.recipe__info{text-transform:uppercase;letter-spacing:.08em;color:#5f6b67;background-color:#ffffffad;border:1px solid #2f39361a;border-radius:999px;align-items:center;padding:.7rem 1.3rem;font-size:1.25rem;display:flex}.recipe__info:not(:last-child){margin-right:0}.recipe__info-icon{fill:#2b7a6f;width:1.8rem;height:1.8rem;margin-right:.7rem}.recipe__info-data{color:#2f3936;margin-right:.45rem;font-weight:700}.recipe__info-buttons{margin-left:1rem;display:flex;transform:translateY(0)}.recipe__user-generated{background-color:#2b7a6f24;border-radius:10rem;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;margin-left:auto;margin-right:.2rem;display:flex}.recipe__user-generated svg{fill:#2b7a6f;width:2rem;height:2rem}.recipe__ingredients{background-color:#f4ede2;border:1px solid #2f393614;border-radius:2.2rem;flex-direction:column;align-items:stretch;margin:0 3.2rem 3.2rem;padding:2.8rem;font-size:1.55rem;line-height:1.4;display:flex}.recipe__ingredient-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2.4rem;list-style:none;display:grid}.recipe__ingredient{grid-template-columns:2rem auto 1fr;align-items:start;gap:.9rem;display:grid}.recipe__icon{fill:#2b7a6f;flex:none;width:1.8rem;height:1.8rem;margin-top:.2rem}.recipe__quantity{color:#2f3936;flex:none;margin-right:0;font-weight:600}.recipe__directions{text-align:center;flex-direction:column;align-items:center;padding:0 3.2rem 4rem;display:flex}.recipe__directions-text{text-align:center;color:#5f6b67;max-width:66rem;margin-bottom:2.4rem;font-size:1.62rem}.recipe__publisher{font-weight:700}@media only screen and (width<=61.25em){.recipe__fig{height:30rem}.recipe__details{padding:2.2rem 2.4rem}.recipe__ingredients{margin:0 2.4rem 2.4rem}.recipe__directions{padding:0 2.4rem 3.2rem}}@media only screen and (width<=43.75em){.recipe__title{width:calc(100% - 3.6rem);bottom:1.8rem;left:1.8rem}.recipe__details{gap:1rem;padding:1.8rem 1.6rem}.recipe__info{justify-content:flex-start;width:100%;font-size:1.15rem}.recipe__user-generated{order:3;margin-left:0}.recipe__ingredients{margin:0 1.6rem 1.8rem;padding:2rem 1.6rem}.recipe__ingredient-list{grid-template-columns:1fr;gap:1.2rem}.recipe__directions{padding:0 1.6rem 2.6rem}.recipe__directions-text{font-size:1.48rem}}.add-recipe-window{z-index:1000;background-color:#fffdfa;border:1px solid #2f39361f;border-radius:2.4rem;width:min(98rem,100vw - 3.2rem);max-height:90vh;padding:4.4rem 4.8rem;transition:all .35s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 2.6rem 6rem #19252347}.add-recipe-window .btn--close-modal{cursor:pointer;color:#5f6b67;background:0 0;border:none;font-size:3.5rem;line-height:1;transition:color .2s;position:absolute;top:1.2rem;right:1.6rem}.add-recipe-window .btn--close-modal:hover{color:#2b7a6f}.overlay{backdrop-filter:blur(8px);z-index:100;background-color:#141c1b61;width:100%;height:100%;transition:all .35s;position:fixed;top:0;left:0}.hidden{visibility:hidden;opacity:0;pointer-events:none}.upload{grid-template-columns:1fr 1fr;gap:2.8rem 3.8rem;display:grid}.upload__column{grid-template-columns:1fr 2.35fr;align-items:center;gap:1.2rem 1.4rem;display:grid}.upload__column label{letter-spacing:.02em;color:#5f6b67;font-size:1.3rem;font-weight:600}.upload__column input{background-color:#ffffffd6;border:1px solid #2f393638;border-radius:1rem;padding:1rem 1.1rem;font-size:1.5rem;transition:all .2s}.upload__column input::placeholder{color:#a89f93}.upload__column input:focus{background-color:#fff;border-color:#2b7a6fbf;outline:none;box-shadow:0 0 0 3px #2b7a6f24}.upload__column button{grid-column:1/span 2;justify-self:center;margin-top:1rem}.upload__heading{color:#2f3936;grid-column:1/-1;margin-bottom:.8rem;font-family:Newsreader,serif;font-size:2.6rem;font-weight:700}.upload__btn{grid-column:1/-1;justify-self:center;margin-top:.8rem}@media only screen and (width<=61.25em){.add-recipe-window{width:min(70rem,100vw - 2.4rem);padding:3.6rem 2.4rem}.upload{grid-template-columns:1fr;gap:2rem}}@media only screen and (width<=43.75em){.add-recipe-window{border-radius:1.8rem;width:calc(100vw - 1.6rem);padding:3.2rem 1.4rem}.upload__column{grid-template-columns:1fr}.upload__column label{margin-top:.3rem}.upload__heading{font-size:2.3rem}.upload__btn{width:100%}}
/*# sourceMappingURL=repo.3fddd82d.css.map */