.lp__header{display:flex;justify-content:space-between;align-items:center;height:min-content;color:#fff;background-color:#dd2323;padding:20px}.lp__header>h1{margin:0;font-size:2em}.lp__body h1{color:#000;font-size:clamp(1.4em,5vw,2em)}.lp__body p{font-size:clamp(.75em,2vw,1.5em)}.lp__hero{max-width:100%}.lp__hero>h1{position:relative;z-index:2;width:50%;margin-left:clamp(20px,1em,50px);margin-bottom:clamp(-150px,5em,-200px);margin-top:clamp(50px,3em,100px)}.lp__hero>img{width:100%;position:relative;z-index:1}.lp__feature{display:flex;padding:10px 40px 0;background-color:#f8f7f7}.lp__feature>img{width:50%;margin:0}.lp__feature__details{display:flex;flex-direction:column}.lp__feature__details>h1{text-align:right;margin-bottom:0}.lp__feature__details>p{text-align:right;margin-top:8px;font-size:clamp(.75em,3vw,1.4em)}.lp__recipes{display:flex;justify-content:space-between;align-items:center;height:min-content;margin:clamp(20px,1em,40px) clamp(30px,2em,60px)}.lp__recipes__card{display:flex;flex-direction:column;align-items:center;background-color:#f8f7f7;border-radius:clamp(9px,2vw,15px);width:25%;padding:clamp(5px,2vw,10px);box-shadow:3px 8px 15px -4px #a9a9a9;height:minmax(min-content,135px)}.lp__recipes__card--spotlight{padding:clamp(15px,3vw,25px) clamp(10px,2vw,15px)}.lp__recipes__card>p{text-align:center;font-weight:500;font-size:clamp(.75em,3vw,1.4em)}.lp__recipes__card>.svg-inline--fa{height:clamp(1.75em,6vw,3.5em);color:var(--primary-color)}.lp__recipes__card--spotlight>p{font-weight:500}.lp__recipes__card--spotlight>.svg-inline--fa{height:clamp(2em,7vw,4em)}.lp__cta{display:flex;flex-direction:column;justify-content:center;align-items:center;height:min-content;padding:40px;background-color:var(--primary-color)}.lp__cta>h1{text-align:center;color:#fff}.lp__cta>button{width:max-content;color:var(--gray-main)}.lp__cp{display:flex;justify-content:center;height:min-content}.lp__cp>p{margin:5px}.sign-in{position:absolute;display:flex;flex-direction:column;height:inherit;width:inherit;align-items:center;justify-content:center}.sign-in__foreground{z-index:1}.sign-in__foreground>h1{color:#fff;font-size:clamp(2em,5vw,2.5em);margin:0}.sign-in__foreground>p{color:#fff;font-size:clamp(1em,3vw,1.25em);margin-top:5px;margin-bottom:25px}.sign-in__background{position:fixed;z-index:0;width:500px;height:2000px;transform:rotate(33deg);background-color:var(--primary-color)}.sign-in__with-google{display:flex;align-items:center;justify-content:center;width:100%;border:solid 1px var(--gray-main);color:var(--gray-main);background-color:#fff;font-size:1.25em}.sign-in__with-google img{margin-right:20px;height:2em}.categories-card{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;border:solid 1px var(--gray-main);padding:50px 10px}.categories-card>p{margin:10px 0 0;font-size:1.5em;text-align:center;overflow-wrap:anywhere;color:var(--primary-color)}.categories-card>.svg-inline--fa{height:2em;color:var(--primary-color)}:root{--primary-color: #DD2323;--gray-main: #707070;--gray-med: #B5B5B5;--gray-light: #EBEBEB}body{display:flex;justify-content:center;margin:0;width:100vw;min-height:100vh;font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color:#333333de;background-color:#fff}#root{display:flex;flex-direction:column;margin:0 clamp(20px,5vw,50px);width:clamp(300px,600px,100vw)}.outlet-body{height:100%;width:inherit}nav{display:flex;justify-content:space-around;position:sticky;bottom:0;background-color:#fff;border:solid 1px var(--gray-light);padding:clamp(5px,5vw,20px) 0}.nav__btn{display:flex;flex-direction:column;width:clamp(7em,30%,10em);padding:10px 0;border-radius:15px}.nav__btn:hover,.nav__btn.active{background-color:var(--primary-color)}.nav__btn>p{text-align:center;margin:5px 0 0}.nav__btn>.svg-inline--fa{height:clamp(1.25em,5vw,2em);color:#999}.nav__btn:hover>p,.nav__btn:hover>.svg-inline--fa,.nav__btn.active>p,.nav__btn.active>.svg-inline--fa{color:#fff}.primary-header{display:flex;align-items:center;justify-content:space-between;height:75px;padding:10px 20px;background-color:var(--primary-color)}.primary-header>h1{color:#fff;font-size:clamp(2.5em,4vw,3em);font-weight:400;margin-left:10px}.primary-header__action{width:max-content}.primary-header__action>a>button{padding:0 5px}.primary-header__action>a>button>.svg-inline--fa{height:clamp(2em,4vw,2.75em);color:#fff;margin:0 clamp(4px,1vw,20px)}.secondary-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:min-content;padding:10px 20px;background-color:var(--primary-color);border-radius:0 0 40px 40px}.secondary-header__action{width:100%}.secondary-header__action>a>button{display:grid;padding:12px 10px;align-content:center;border-radius:50px;background-color:#fff}.secondary-header__action>a>button>.svg-inline--fa{height:clamp(2em,4vw,2.75em);color:var(--gray-main);margin:0 clamp(4px,1vw,20px)}.secondary-header__title{display:flex;align-items:center}.secondary-header__title>.svg-inline--fa{height:clamp(2em,4vw,3em);color:#fff}.secondary-header__title>h1{color:#fff;font-size:clamp(2.5em,4vw,3em);font-weight:400;margin-left:20px}a{font-weight:500;text-decoration:inherit}h1{font-size:3.2em;line-height:1.1}button{border-radius:13px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;color:#fff;background-color:var(--primary-color)}.btn--secondary{color:var(--primary-color);background-color:#fff;border:solid 1px var(--primary-color)}.btn--tertiary{color:var(--primary-color);background-color:#fff}.create-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:15px;margin:20px 0}p{color:var(--gray-main);font-weight:400}.page-body{padding:10px 20px 30px}input[type=text],textarea,select{font-family:inherit;padding:10px 15px;width:calc(100% - 30px);border-radius:10px;border:solid 1px var(--gray-med);color:var(--gray-main)}input::placeholder,textarea::placeholder{color:var(--gray-med)}select{width:100%}.card-grid--v{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));grid-auto-rows:1fr;grid-column-gap:20px;grid-row-gap:20px}.vertical-card{display:flex;flex-direction:column;align-items:center;border-radius:20px;border:solid 1px var(--gray-main);height:inherit;width:inherit}.vertical-card__text{display:flex;align-items:center;height:calc(100% - 175px);width:inherit;padding:10px;text-align:center;text-overflow:ellipsis}.vertical-card__text>p{margin:0;font-size:clamp(1em,3vw,1.5em);overflow-wrap:anywhere;color:var(--primary-color)}.vertical-card__text-only{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;width:inherit;font-size:1.5em}.vertical-card__text-only>p{padding-bottom:40px;color:var(--primary-color)}.vertical-card>.svg-inline--fa{height:2em;color:var(--primary-color)}.card-grid--v__img{position:relative;border-radius:19px 19px 0 0;width:100%;aspect-ratio:1/1;overflow:hidden}.card-grid--v__img-wrapper{width:inherit;height:100%}.img-wrapper--v__foreground{position:relative;object-fit:contain;height:inherit;width:inherit}.img-wrapper--v__background{position:absolute;top:0;left:0;width:105%;height:105%;margin:-5px;object-fit:cover;filter:blur(5px)}.card-grid--h__img{position:relative;border-radius:19px 0 0 19px;height:130px;width:130px;aspect-ratio:1/1;overflow:hidden}.card-grid--h__img-wrapper{width:inherit;height:inherit}.img-wrapper--h__foreground{position:relative;object-fit:contain;height:inherit;width:inherit}.img-wrapper--h__background{position:absolute;top:0;left:0;bottom:0;width:105%;height:105%;margin:-5px;object-fit:cover;filter:blur(5px)}.card-grid--h{display:grid;grid-auto-rows:1fr}.horizontal-card{display:flex;flex-direction:row;align-items:center;border-radius:20px;border:solid 1px var(--gray-main);height:inherit;width:inherit;margin-bottom:20px}.horizontal-card__text{display:flex;flex-direction:column;justify-content:left;width:55%;height:inherit;padding:10px;text-align:left;text-overflow:ellipsis}.horizontal-card__text>p{margin:0;font-size:clamp(1.25em,3vw,1.75em);overflow-wrap:anywhere;color:var(--primary-color)}.horizontal-card__text-only{display:flex;flex-direction:column;align-items:left;justify-content:center;text-align:left;height:100%;width:100%;padding:20px}.horizontal-card__text-only>p{font-size:1.5em;margin:0;color:var(--primary-color)}.horizontal-card__text>.horizontal-card__author,.horizontal-card__text-only>.horizontal-card__author{font-size:clamp(.75em,3vw,1.25em)}.horizontal-card__author{color:var(--gray-main);font-size:clamp(.75em,3vw,1.25em)}.horizontal-card>.svg-inline--fa{height:2em;color:var(--primary-color)}.category-section-heading{margin:25px 0 10px;border-bottom:solid 1px var(--gray-light)}.category-section-heading>h2{font-size:1.75em;margin:0;font-weight:300}.tabs{display:flex;justify-content:space-between;margin:15px 0 20px}.tabs>button{width:calc(100% / 3);background-color:#fff;color:var(--gray-main);font-size:clamp(1em,3vw,1.75em);border-radius:0;padding:0;border-bottom:solid 1px var(--gray-light);font-weight:400}.tabs>.tabs__single--selected{color:var(--primary-color);border-bottom:solid 4px var(--primary-color);font-weight:600}.btn__add-new{display:flex;justify-content:space-between;align-items:center;font-size:1.5em;color:var(--primary-color);background-color:#fff;border:solid 1px var(--gray-main);border-radius:12px;margin-top:20px;padding:10px 20px;width:100%}.single-header{position:relative}.single-header__action{position:absolute;top:0;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center}.single-header__action>button{border-radius:50px;aspect-ratio:1/1}.single-header__action>button#single-header--go-back{background-color:#fff}.single-header__action>button#single-header--favorite{background-color:transparent}.single-header__action>button#single-header--go-back>.svg-inline--fa{color:var(--gray-main)}.single-header__action>button#single-header--favorite>.svg-inline--fa{color:#fff;height:3em}.single-header__action .svg-inline--fa{height:2em}.single-header__img-wrapper{position:relative;border-radius:0 0 20px 20px;height:100vw;width:100%;aspect-ratio:1/1;overflow:hidden}.single-header__img-foreground{position:relative;object-fit:contain;height:inherit;width:inherit}.single-header__img-background{position:absolute;top:0;left:0;bottom:0;width:105%;height:105%;margin:-5px;object-fit:cover;filter:blur(5px)}.add-recipe-options{display:flex;flex-direction:column;height:90%;align-items:center;justify-content:center}.add-recipe-options>a>button{margin:10px 0;font-size:1.5em}.from-scratch{margin:25px}.from-scratch__identifiers{display:grid;grid-template-columns:100px 1fr;grid-column-gap:20px}.from-scratch__name-author{display:flex;width:100%;flex-direction:column;justify-content:space-around}.from-scratch__stats{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:15px;grid-row-gap:15px;margin:10px 0}.from-scratch__divider{border-bottom:solid 1px var(--gray-med);margin-bottom:10px}.from-scratch__divider>h2{margin-bottom:0;color:var(--gray-main);font-weight:300}.from-scratch__add-note-wrapper{display:flex;flex-direction:column;align-items:flex-end;width:100%}.from-scratch__add-note{display:flex;color:var(--gray-med);padding:10px 0;justify-content:right}input.from-scratch__optional-note{margin-bottom:20px;width:75%}.remove-form-group{text-align:right;color:var(--primary-color);margin:5px 0;font-size:.75em}.from-scratch__ingr-headers,.ingr-form-group__fields{display:grid;grid-template-columns:1fr 2fr 4fr;grid-column-gap:5px}.from-scratch__ingr-headers>p{margin:5px}.add-field-group{display:flex;justify-content:right}.add-field-group>button{font-size:.75em;border-radius:10px}.add-field-group>button>.svg-inline--fa{margin-right:10px}.dir-form-group__fields{display:flex}.dir-form-group__step-change{display:grid;grid-template-rows:repeat(2,1fr);grid-row-gap:5px;width:min-content;margin-right:10px}.dir-form-group__step-change>button{padding:5px 10px}.list-selector__heading{font-size:24px}.list-selector__scroll-box{display:flex;flex-direction:column;height:400px;position:relative;overflow-y:auto}.list-selector__item{display:flex;align-items:center;padding:15px 0}.list-selector__item__checkbox{height:3em;width:3em}.list-selector__item__label{font-size:25px;padding-left:20px}.group-body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70%;margin:25px;position:relative}.group__choose-icon{display:flex;position:relative;border-radius:20px;height:200px;width:200px;aspect-ratio:1/1;overflow:hidden;margin-bottom:25px}.group__choose-icon>button{width:100%;color:var(--gray-main);background-color:var(--gray-light)}.group__choose-icon>button>label{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.group__choose-icon>button>.svg-inline--fa{height:4em}.group-popup{position:absolute;z-index:2;height:80%;width:100%;padding:25px;background-color:#fff;border:solid 1px var(--gray-light);border-radius:24px;box-shadow:2px 2px 5px 5px var(--gray-light)}.group-popup--close{display:flex;justify-content:flex-end;border-bottom:solid 1px var(--gray-light)}.group-popup--close>button{padding:0 0 5px;background-color:#fff}.group-popup--close>button>.svg-inline--fa{color:var(--gray-main);height:2em}.group-popup__icons{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;grid-row-gap:40px;padding:30px 15px;height:80%;overflow-y:auto}.group-popup__icon-single{display:flex;justify-content:center}.group-popup__icons .svg-inline--fa{height:3em}.upload-img-wrapper{position:relative;border-radius:20px;height:100px;width:100px;aspect-ratio:1/1;overflow:hidden}.upload-img-wrapper--lg{height:200px;width:200px;margin-bottom:25px}.upload-img-wrapper>button{padding:0}.upload-img--incomplete>label{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.upload-img--complete>label,.upload-img--incomplete{display:flex;position:relative;width:100px;height:100px}.upload-img-wrapper--lg>.upload-img--complete>label,.upload-img-wrapper--lg>.upload-img--incomplete{width:200px;height:200px}img.img-upload--foreground{position:relative;object-fit:contain;height:inherit;width:inherit}img.img-upload--background{position:absolute;top:0;left:0;bottom:0;width:105%;height:105%;margin:-5px;object-fit:cover;filter:blur(5px)}.upload-img--incomplete{color:var(--gray-main);background-color:var(--gray-light)}.upload-img--incomplete>button>label>.svg-inline--fa{height:2em}.upload-img-wrapper--lg>button>label>.svg-inline--fa{height:4em}