*{margin:0;padding:0}* ::-webkit-scrollbar{display:none}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}.nav{background-color:#010515;background-color:#2993e7;box-sizing:border-box;display:flex;flex-direction:column;padding:2rem 1rem;position:sticky;position:-webkit-sticky;top:0;width:100%;z-index:1;z-index:3}@media(min-width:768px){.nav{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.nav{padding-left:8.125rem;padding-right:8.125rem}}@media(min-width:768px){.nav{align-items:center;flex-direction:row;justify-content:center;margin-left:auto;margin-right:auto;padding-left:4rem;padding-left:2rem;padding-right:4rem}}.nav__logo{text-align:left;width:20%}.nav__link,.nav__logo{display:flex;text-decoration:none}.nav__link{align-items:center;justify-content:center;text-align:center;width:100%}.nav__searchbar{border:none;border-radius:15px;border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.18);color:#2993e7;font-family:Outfit Bold;height:2rem;padding-left:1rem;transition:1s;width:20rem}.nav__searchbar:focus{outline:none;width:15rem}@media(min-width:768px){.nav__searchbar:focus{outline:none;width:20rem}}.nav__form{display:flex;justify-content:center;width:60%}@media(min-width:768px){.nav__form{margin-left:4rem}}.nav__categories{border:none;border-radius:15px;border-bottom-left-radius:0;border-left:2px solid #2993e7;border-top-left-radius:0;color:#2993e7;font-family:Outfit Bold;height:2rem;padding-left:.5rem;text-align:center;width:6rem}.nav__categories:focus{outline:none}@media(min-width:768px){.nav__categories{width:10rem}}.nav__actions{display:none}@media(min-width:768px){.nav__actions{align-items:center;display:flex;justify-content:space-between;margin-right:1rem;width:7rem;width:10rem}}.nav__logout{color:#fff;cursor:pointer;font-family:Outfit;font-size:1.5rem;font-weight:600}.nav__logout:hover{color:#ebebeb}.nav__item{border-bottom:1px solid #fff;color:#fff;font-family:Outfit;font-size:1.5rem;font-weight:600;padding-bottom:1rem;padding-top:1rem;transition:.5s;width:100%}.nav__item:after{content:"➞";display:inline-block;padding-left:8px;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.nav__item:hover{color:#fff}.nav__item:hover:after{-webkit-transform:translateX(4px);transform:translateX(4px)}.nav__item:hover{color:#ebebeb}.nav__item--logout{cursor:pointer;text-align:center;width:100%}.nav__titles{align-items:center;display:flex;justify-content:space-between;width:100%}@media(min-width:768px){.nav__titles{flex-direction:row;flex-wrap:nowrap}}.nav__title{color:#fff;font-family:Outfit Extra Bold;font-size:1.15rem;line-height:100%;margin:0;padding-top:.25rem;width:1rem}@media(min-width:768px){.nav__title{display:flex;flex-wrap:wrap;font-size:2rem;width:8rem}}.nav__actions--mobile{align-items:center;display:flex;flex-direction:column;width:100%}@media(min-width:768px){.nav__actions--mobile{display:none}}.nav__hamburger{background-color:transparent;border:none;border-radius:15px;box-shadow:0 2px 4px rgba(0,0,0,.18);margin-left:1rem;padding:.3rem}@media(min-width:768px){.nav__hamburger{display:none}}.categories{align-items:center;background-color:#f4ece2;box-sizing:border-box;display:flex;flex-direction:column;flex-direction:row;flex-wrap:wrap;height:100%;padding:1.5rem 0 0;width:100%}@media(min-width:768px){.categories{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.categories{padding-left:8.125rem;padding-right:8.125rem}}@media(min-width:768px){.categories{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0;padding-top:0;width:100%}}.categories__section{align-items:center;justify-content:center;max-width:40rem}.categories__list,.categories__section{display:flex;flex-direction:row;flex-wrap:wrap}.categories__list{box-sizing:border-box;margin:0;padding:0}@media(min-width:768px){.categories__list{justify-content:center;padding:0}}.categories__link{display:flex;flex:0 0 auto;justify-content:center}.categories__card{height:4rem;margin-top:1rem;position:relative;width:4rem}.categories__title{color:#000;font-size:1.5rem;font-size:.3rem;text-decoration:none}.categories__poster{width:100%}@media(min-width:768px){.categories__poster{width:100%}}.guide{-webkit-animation:slide-mobile .2s;animation:slide-mobile .2s;background-color:#eee;flex-grow:1;height:100%;margin-top:105px;overflow-y:scroll;position:fixed;right:0;top:0;width:100%;z-index:2}@media(min-width:768px){.guide{-webkit-animation:slide .4s;animation:slide .4s;box-shadow:0 2px 4px rgba(0,0,0,.18);margin-top:0;position:static;width:40rem}}.guide__intro{align-items:center;background-color:#dff1ff;border:2px solid #2993e7;display:flex;justify-content:center;margin:1rem;text-align:center}.guide__ingredients,.guide__list{margin:1rem 0}.guide__item{list-style-type:none}.guide__bin{margin:1rem 0}.guide__actions{border:1px solid orange;display:flex;flex-direction:row;justify-content:space-around;margin:1rem 0}.guide__details{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;width:100%}.guide__title{font-size:1.5rem;margin-bottom:0;padding-top:1rem}.guide__info{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.guide__credentials{display:flex;padding-bottom:.5rem}.guide__author{font-family:Outfit Light;margin-left:.25rem}.guide__stats{display:flex}.guide__likes{font-family:Outfit Light;margin-left:.25rem}.guide__social{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:2rem;width:25rem}.guide__cta{color:#343539;font-family:Outfit;font-size:1.3rem}.guide__share{display:flex;justify-content:space-around;width:12rem}.guide__cards{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;width:95%}@media(min-width:768px){.guide__cards{width:100%}}.guide__scroll{height:2rem;width:6rem}.guide__close{cursor:pointer;font-size:2rem;position:fixed;right:2rem;top:125px;z-index:5}.guide__close:hover{color:red}@media(min-width:768px){.guide__close{right:2rem;top:140px}}@-webkit-keyframes slide-mobile{0%{top:100vh}to{top:0}}@keyframes slide-mobile{0%{top:100vh}to{top:0}}@-webkit-keyframes slide{0%{width:0}to{width:100%}}@keyframes slide{0%{width:0}to{width:100%}}.step-card{align-items:center;background-color:#dff1ff;border:2px solid #2993e7;display:flex;flex-direction:column;justify-content:center;justify-content:flex-end;margin-bottom:3rem;position:relative}.step-card--completed{background-color:#c4e3c1;border:2px solid #37d128}@media(min-width:768px){.step-card{align-items:center;flex-direction:row;justify-content:flex-end;max-width:80%;padding:2rem 0}}.step-card--wrapper{display:flex;flex-direction:column;width:90%}@media(min-width:768px){.step-card--wrapper{align-items:center;width:100%}}.step-card__number{color:#343539;font-family:Outfit;font-weight:900;margin:0;padding-top:1rem}.step-card__gif{margin:1rem;width:90%}@media(min-width:768px){.step-card__gif{order:2;width:50%}}.step-card__steps{align-items:center;display:flex;flex-direction:column;justify-content:center;width:20rem}@media(min-width:768px){.step-card__steps{padding-right:1rem}}.step-card__step{font-family:Outfit;font-weight:400;margin:1rem 0;max-width:18rem}@media(min-width:768px){.step-card__step{margin-left:1rem}}.step-card__checkmark{background-color:#fff;border:2px solid #2993e7;border-radius:25px;bottom:-25px;color:#2993e7;cursor:pointer;height:50px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:50px}.step-card__checkmark:hover{background-color:#2993e7;border:2px solid #1185e4;color:#fff}.step-card__checkmark--completed{background-color:#c4e3c1;border:2px solid #37d128}.step-card__checkmark--completed:hover{background-color:#37d128;border:2px solid #37d128;color:#fff}.guide-options{align-items:center;display:flex;font-size:.8rem;justify-content:flex-start;margin:.25rem .25rem .25rem 0;width:100%}.guide-options__likes{align-items:center;display:flex;justify-content:center;margin:0 1rem 0 0}.guide-options__like,.guide-options__unlike{margin:.25rem;width:1.25rem}.guide-options__bold{font-weight:900}.guide-options__comments{align-items:center;color:gray;display:flex;justify-content:center;margin:0 1rem}.guide-options__icon{margin-right:.5rem;width:1.15rem}.guide-options__share{color:gray;display:flex;margin:0 .25rem}.guide-options__arrow{margin-right:.25rem;width:1rem}.guide-options__more{margin-left:1rem}.homepage{background-color:#fff;display:flex;height:100vh}.homepage__main{display:flex;justify-content:center;text-align:center;width:100%}@media(min-width:768px){.homepage__main{background-color:#fff;border-bottom:3px solid #2993e7;padding-bottom:1rem;padding-top:2.4rem}}.homepage__searchbar{border:2px solid #2993e7;box-sizing:border-box;height:36px;padding-left:1rem;width:18rem}@media(min-width:768px){.homepage__searchbar{border:3px solid #2993e7;margin-bottom:1rem;width:26rem}}.homepage__searchbar:hover{border:3px solid #010515}.homepage__button{background-color:#2993e7;border:3px solid #2993e7;color:#fff;cursor:pointer;height:36px;padding:0 .5rem}.homepage__button:hover{background-color:#1185e4;border:3px solid #1185e4}.homepage__categories{box-sizing:border-box;display:flex;width:100%}.homepage__guides{align-items:center;background-color:#e6edf3;box-sizing:border-box;flex-direction:column;flex-grow:2}@media(min-width:768px){.homepage__guides{background-color:#fff}}.homepage__section{align-items:space-evenly;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;max-width:86rem}@media(min-width:768px){.homepage__section{flex-direction:row}}.homepage__link{display:flex;flex-direction:column;justify-content:center;text-decoration:none}@media(min-width:768px){.homepage__link{max-width:24rem}}.homepage__stepcount{color:#2993e7;font-size:.9rem;font-size:.7rem;font-weight:700}.homepage__cardcat{font-size:.75rem;left:16rem;margin:0;opacity:.5;padding-bottom:1rem;position:absolute;top:10rem}.guide-card{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:.75rem 0;width:100%}.guide-card .guide-card:first-child(){margin-top:0}@media(min-width:768px){.guide-card{border:1px solid #cdcccc;box-shadow:0 2px 4px rgba(0,0,0,.18);height:20rem;margin-right:1rem;max-width:26rem}}.guide-card--category{border:1px solid blue;width:100%}@media(min-width:768px){.guide-card--category{width:100%}}.guide-card__details{align-items:center;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.165);border-top:1px solid rgba(0,0,0,.165);justify-content:space-between}@media(min-width:768px){.guide-card__details{background-color:#e6edf3}}.guide-card__author{color:#2993e7;font-size:.7rem;font-weight:500;margin:.25rem 0 0 .25rem;padding-left:.25rem}.guide-card__details{display:flex;width:100%}.guide-card__info{width:100%}.guide-card__bin{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}.guide-card__bookmark{cursor:pointer;height:10px;margin:.25rem;width:10px}@media(min-width:768px){.guide-card__bookmark{height:40px;margin:.5rem;width:40px}}.guide-card__send{cursor:pointer;height:40px;margin:.5rem;width:40px}.guide-card__title{color:#000;font-size:1.5rem;font-size:1.2rem;font-weight:600;margin:.25rem;overflow:hidden;padding-left:.25rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:15rem}@media(min-width:768px){.guide-card__title{font-size:1.25rem;max-width:20rem}}.guide-card__howto{font-size:.75rem;font-weight:0;margin:.25rem;opacity:.5;padding-left:.25rem}.guide-card__poster{height:14rem;object-fit:cover;width:100%}@media(min-width:768px){.guide-card__poster{height:14rem;padding-bottom:.35rem}}.guide-card__link{display:flex;flex-direction:column;justify-content:center;text-decoration:none;width:100%}@media(min-width:768px){.guide-card__link{max-width:20rem}}.cat-row{align-items:center;background-color:#e6edf3;box-sizing:border-box;display:flex;flex-direction:column;margin:0;overflow:hidden;width:100%;z-index:1}@media(min-width:768px){.cat-row{background-color:#fff;margin:2rem auto;max-width:70rem}}.cat-row__scroll{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-top:0;position:relative;width:100%}@media(min-width:768px){.cat-row__scroll{flex-direction:row;width:95%}}.cat-row--title{display:none}@media(min-width:768px){.cat-row--title{box-sizing:border-box;color:#2993e7;display:flex;font-family:Heebo,"sans-serif";font-family:Outfit;font-weight:700;margin:1rem;text-decoration:none;width:100%}}.cat-row__back{display:none}@media(min-width:768px){.cat-row__back{display:flex;position:absolute}}.cat-row__next{display:none}@media(min-width:768px){.cat-row__next{display:flex;position:absolute;right:0}}.upload{background-color:#fff;flex-direction:column;padding-left:5rem;padding-right:5rem}.upload,.upload__section{display:flex;justify-content:center}.upload__section{background-color:#f6f6f6;flex-direction:row;height:100vh}.upload__cards{width:100%}.upload__card,.upload__cards{background-color:#2993e7;color:#fff}.upload__card{box-sizing:border-box;display:flex;flex-direction:column;height:30rem;margin:1rem;width:40rem}@media(min-width:768px){.upload__card{padding-left:.5rem;padding-right:.5rem}}.upload__card--info{width:25rem}.upload__card--steps{justify-content:space-between;width:30rem}.upload__info{display:flex;flex-direction:column;margin:1rem}.upload__steps{align-items:center;display:flex}.upload__step{border-radius:50px;color:#e4e4e4;cursor:pointer;display:flex;justify-content:center;margin:.5rem;width:1rem}.upload__step:hover{color:#fff}.upload__step--active{background-color:none;color:#fff}.upload__addstep,.upload__step--active{border:1px solid #fff;border-radius:50px}.upload__addstep{cursor:pointer;font-size:.8rem;height:1.5rem;margin-left:auto;padding-top:.5rem;text-align:center;width:5rem}.upload__dropzone{align-items:center;display:flex;justify-content:center}.upload__title{color:#fff;font-family:Outfit;font-size:1.2rem}.upload__gif{max-height:15rem;max-width:40rem;object-fit:cover}.upload__form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.upload__inputs{display:flex;flex-direction:column;padding-top:1rem}.upload__label{color:#fff;font-family:Outfit;font-size:.9rem;margin-bottom:.25rem}.upload__input{word-wrap:break-word;border:none;border-radius:30px;height:36px;outline:none;padding-left:1rem;width:100%;width:20rem}.upload__input--step{margin:1rem}.upload__input--large{height:4rem}.upload__input--category{width:10rem}.upload__add{align-items:center;background-color:#fff;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);color:#010515;display:flex;font-family:Outfit;font-size:.9rem;font-weight:700;height:2rem;justify-content:center;margin-right:1rem;width:7rem}.upload__add:hover{background-color:#010515;color:#fff}.upload__steptext{margin:0;width:100%}.upload__steptext,.upload__submit{align-items:center;display:flex;justify-content:center}.upload__submit{color:#010515;font-family:Outfit;font-size:.9rem;font-weight:700;height:2rem;width:7rem}.upload__submit:hover{background-color:#010515;color:#fff}.upload__submit:disabled{background-color:red;cursor:not-allowed}.upload__submit{background-color:#fff;border:none;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);cursor:pointer;margin:1rem 1rem 1rem auto}.signup{display:flex;flex-direction:column;font-family:Outfit;justify-content:center;justify-items:center;margin:0;max-width:25rem;padding-left:1rem;padding-right:1rem}.signup__title{font-size:1.9rem}.signup__section{display:flex;flex-direction:column;margin-bottom:1rem}.signup__label{color:#2993e7;font-size:.9rem}.signup__input{background-color:#fff;border:2px solid #dff1ff;border-radius:50px;box-sizing:border-box;height:1.7rem;padding-left:1rem}.signup__input--error{border:2px solid red}.signup__input:focus{background-color:#fff;border:2px solid #2993e7;transition:.5s}.signup__button{border:2px solid #dff1ff;border-radius:50px;box-sizing:border-box;color:#000;height:2.5rem;padding-left:1rem;width:7rem}.signup__button:hover{background-color:#2993e7;color:#fff}.login{box-sizing:border-box;display:flex;flex-direction:column;font-family:Outfit;justify-content:center;justify-items:center;margin:auto;padding:1rem;width:100%}@media(min-width:768px){.login{box-shadow:0 2px 4px rgba(0,0,0,.18);margin-top:1rem;width:30rem}}.login__title{font-size:1.9rem;text-align:center}.login__section{display:flex;flex-direction:column;margin-bottom:1rem}.login__label{color:#2993e7;font-size:.9rem}.login__input{border:none;box-sizing:border-box;height:1.7rem;padding-left:1rem}.login__input--error{border:2px solid red}.login__input:focus{border:1px solid #2993e7;transition:.5s}.login__text{font-size:1rem;margin-bottom:0;padding-top:.5rem}@media(min-width:768px){.login__text{font-size:1.25rem}}.login__button{border:2px solid #dff1ff;border-radius:50px;box-sizing:border-box;color:#000;height:2.5rem;width:7rem}.login__button:hover{background-color:#2993e7;border:none;color:#fff}.bookmarks{border:1px solid red}.ais-Hits-list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style-type:none;margin-bottom:1rem}.ais-Hits-item{margin-bottom:2rem}.ais-SearchBox-input{border:2px solid #000;box-sizing:border-box;height:36px;margin-bottom:1rem;padding-left:1rem;width:18rem}@media(min-width:768px){.ais-SearchBox-input{border:3px solid #2993e7;width:26rem}}.ais-SearchBox-input:hover{border:3px solid #010515}.ais-SearchBox-submit{background-color:#2993e7;border:3px solid #2993e7;color:#fff;cursor:pointer;height:36px;padding:0 .5rem}.ais-SearchBox-submit:hover{background-color:#1185e4;border:3px solid #1185e4}@font-face{font-family:Heebo;font-weight:400;src:url(/static/media/Heebo-Regular.67c7a66ace9512aea9f8.ttf)}@font-face{font-family:Heebo;font-weight:500;src:url(/static/media/Heebo-Medium.d0da85fd26c7b8d33305.ttf)}@font-face{font-family:Heebo;font-weight:500;src:url(/static/media/Heebo-Bold.9115faac9b18d2e6e71d.ttf)}@font-face{font-family:Outfit Extra Bold;font-weight:900;src:url(/static/media/Outfit-ExtraBold.1249dc1958de41c8f55e.ttf)}@font-face{font-family:Outfit Bold;font-weight:700;src:url(/static/media/Outfit-Bold.ad38dbc307742e89dcba.ttf)}@font-face{font-family:Outfit Regular;font-weight:300;src:url(/static/media/Outfit-Regular.8422587fbc9bbf235e30.ttf)}@font-face{font-family:Outfit Light;font-weight:200;src:url(/static/media/Outfit-Light.ad7b6650c095079e24e8.ttf)}.cat-page,.search-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.cat-page{background-color:#f4ece2;box-sizing:border-box;box-sizing:content-box;height:100%;padding-left:1rem;padding-right:1rem}@media(min-width:768px){.cat-page{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.cat-page{padding-left:8.125rem;padding-right:8.125rem}}.cat-page__rows{display:flex}.cat-page__title{color:#2993e7;font-size:3rem;margin:1rem 0;text-align:center}.cat-page__guide{align-items:center;display:flex;flex-direction:column;justify-content:space-around;margin:2rem 1rem;width:100%}
/*# sourceMappingURL=main.6c439664.css.map*/