@import url(https://fonts.googleapis.com/css2?family=Epilogue&display=swap);@import url(https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Epilogue:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}.purple-bg{align-items:flex-start;background-color:#41197f;height:432px;padding:92px 0 0;width:100%}.form-container,.purple-bg{display:flex;justify-content:center}.form-container{align-items:flex-end;height:222px}.login{color:#41197f;font-family:Epilogue,sans-serif;font-size:20px;font-style:italic;font-weight:500;letter-spacing:.165em;line-height:20px;position:absolute;text-align:center;text-transform:uppercase;top:522px}.main-form{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;top:557px;width:276px}.input{border:.5px solid #41197f;border-radius:5px;color:#41197f;font-family:Epilogue,sans-serif;font-weight:400;height:40px;margin:0 0 5px;padding:0 10px;width:276px}input:hover{background-color:#f0f8ff}::-webkit-input-placeholder{color:#41197f}::placeholder{color:#41197f}.button{background-color:#fcc436;border:none;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,.3);color:#fff;font-size:14px;font-weight:700;height:40px;letter-spacing:.1em;line-height:14px;text-align:center;text-transform:uppercase;width:100%}button:disabled{opacity:50%}.tomate{position:absolute;top:244px}.recipes{margin:52px 0 62px;overflow-y:auto}.lower-margin{margin:10px 0 0}.title-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:20px 0;width:360px}.recipes-title{color:#41197f;font-family:Epilogue,sans-serif;font-size:20px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.categories-container{align-items:center;display:flex;flex-direction:row;height:70px;justify-content:center;padding:0 15px;width:360px}.category-button{background-color:#fff;border:none;cursor:pointer;margin:0 5px;width:60px}.cards-container{align-items:center;display:flex;flex-flow:row wrap;gap:20px;justify-content:center;margin:20px 0 45px;width:360px}.recipes-card{border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:190px;margin:0;padding:0;width:150px}.card-title-container{align-items:center;border:.5px solid #b1b1b1;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;display:flex;height:40px;overflow-y:auto;padding:0 15px;width:150px}.card-title{color:#1a1b1c;font-family:Epilogue,sans-serif;font-size:12px;text-decoration:none;-webkit-text-decoration-color:#1a1b1c;text-decoration-color:#1a1b1c}.drink-img,.meal-img{border-top-left-radius:5px;border-top-right-radius:5px;height:150px;width:150px}.header{display:flex;flex-direction:column}.header-items{align-items:flex-end;background-color:#fcdc36;display:flex;flex-direction:row;height:52px;justify-content:space-between;padding:10px;position:fixed;top:0;width:360px}.button-logo{background-color:rgba(240,248,255,0);border:none;cursor:pointer}.logo{width:30px}.app-logo{left:12px;position:absolute;top:5px;width:40px}.buttons-container{display:flex;gap:10px;position:absolute;right:10px;top:15px}.page-title{align-items:flex-end;color:#41197f;display:flex;flex-direction:row;font-family:Epilogue,sans-serif;gap:3px;justify-content:center;left:80px;margin:15px auto 0;position:absolute;top:5px}.couple{font-size:24px;font-style:italic;font-weight:300;text-transform:uppercase}.food{font-size:20px;font-weight:900;text-transform:lowercase}.search-bar{align-items:center;background-color:#41197f;border-radius:5px 5px 10px 10px;color:#fff;display:flex;flex-direction:column;gap:10px;height:108px;justify-content:space-between;margin:62px auto 0;padding:0 0 10px}.search-bar,.search-input{font-family:Epilogue,sans-serif;width:338px}.search-input{background:#fff;border:1px solid #b1b1b1;border-radius:5px;color:#b1b1b1;height:40px;margin:0}.input:hover{background-color:#f0f8ff}::-webkit-input-placeholder{color:#b1b1b1}::placeholder{color:#b1b1b1}.checkbox-btn-container{display:flex;flex-direction:column;gap:10px;width:220px}.checkbox-container{align-items:center;display:flex;flex-direction:row;font-size:10px;font-weight:400;gap:15px;justify-content:space-between}.checkbox{margin:0 5px 0 0}.search-button{background:#fcc436;border:none;border-radius:5px;color:#fff;font-family:Epilogue,sans-serif;font-size:12px;font-style:normal;font-weight:700;height:25px;letter-spacing:.1em;line-height:12px;text-align:center;text-transform:uppercase;width:220px}.footer{align-items:center;background-color:#41197f;bottom:0;display:flex;height:40px;justify-content:space-between;padding:0 50px;position:fixed;width:360px}.img-container{contain:content;height:200px;width:360px}.recipe-img{-webkit-filter:brightness(60%);filter:brightness(60%);position:absolute;top:-80px;width:360px}.recipe-title-container{align-items:center;display:flex;height:80px;justify-content:flex-start;left:60px;position:absolute;top:90px;width:240px;z-index:10}.recipe-title{color:#fff;font-family:Epilogue,sans-serif;font-size:20px;font-style:normal;font-weight:900;letter-spacing:.1em;margin:auto;text-align:center;text-transform:uppercase}.img-buttons{justify-content:space-between;padding:0 20px;position:absolute;top:20px;width:360px}.img-buttons,.recipe-category{align-items:center;display:flex;flex-direction:row;height:40px}.recipe-category{color:#fcc436;contain:content;font-family:Epilogue,sans-serif;font-size:12px;font-style:normal;font-weight:700;gap:10px;justify-content:center}.recipe-category img{height:45px;margin:8px 0 0;top:25px}.category-alcoholic{display:flex;flex-direction:column;gap:5px}.buttons-container button{background-color:rgba(240,248,255,0);border:none;cursor:pointer}.buttons-container button img{width:24px}.pop-up-copied{border-radius:5px;border-top:none;box-shadow:5px 5px 10px rgba(0,0,0,.3);color:#fcc436;display:inline-block;font-family:Epilogue,sans-serif;font-size:12px;font-weight:600;line-height:14px;margin:0 0 0 10px;padding:7px 5px 5px;right:-5px;text-align:right;text-transform:uppercase;top:35px;width:60px}.pop-up-copied,.pop-up-copied:after{background-color:#f0f8ff;position:absolute}.pop-up-copied:after{content:"";height:10px;left:40px;top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}.ingredients-container,.instructions-container,.recommended-container,.video-container{color:#1a1b1c;display:flex;flex-direction:column;font-family:Epilogue,sans-serif;gap:15px;padding:20px;width:360px}.ingredients-title,.instructions-title,.recommended-title,.video-title{font-size:20px;font-weight:700;margin:0 0 0 15px}.ul-ingredients{border:1px solid #b1b1b1;border-radius:5px;padding:15px}.li-ingredient{font-size:14px;line-height:20px;list-style:square;margin:0 0 0 20px}.instructions{border:1px solid #b1b1b1;border-radius:5px;font-size:14px;line-height:22px;padding:20px;text-align:justify}.video-yt{border:none;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,.3);height:180px;width:320px}.recomended-recipes{display:flex;flex-flow:nowrap;flex-direction:row;gap:15px;margin:0 0 52px;overflow-x:auto;width:330px}.start-recipe-button{background-color:#fcc436;border:none;border-radius:5px;bottom:0;box-shadow:2px 2px 5px rgba(0,0,0,.3);color:#fff;cursor:pointer;font-family:Epilogue,sans-serif;font-size:15px;font-weight:700;height:40px;letter-spacing:.1em;margin:0 12px 12px;position:fixed;text-align:center;text-transform:uppercase;width:336px}.start-recipe-button:hover{background-color:#d49c0e}import check 0%

.recipeInProgressChecked{background-color:red;text-decoration:line-through}.ingredient-li{list-style-type:none;margin:0 0 8px}.ingredient-checkbox{display:none}.ingredient-checkbox+label:before{background-color:#fff;border:2px solid #fcc436;border-radius:4px;content:"";display:inline-block;height:12px;margin:0 10px 4px 0;vertical-align:middle;width:12px}.ingredient-checkbox:checked+label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 507.506 507.506' style='enable-background:new 0 0 507.506 507.506' xml:space='preserve' width='12' height='12'%3E%3Cpath d='M163.865 436.934a54.228 54.228 0 0 1-38.4-15.915L9.369 304.966c-12.492-12.496-12.492-32.752 0-45.248 12.496-12.492 32.752-12.492 45.248 0l109.248 109.248L452.889 79.942c12.496-12.492 32.752-12.492 45.248 0 12.492 12.496 12.492 32.752 0 45.248L202.265 421.019a54.228 54.228 0 0 1-38.4 15.915z'/%3E%3C/svg%3E")}.finish-recipe-button{background-color:#fcc436;border:none;border-radius:5px;bottom:0;box-shadow:2px 2px 5px rgba(0,0,0,.3);color:#fff;cursor:pointer;font-family:Epilogue,sans-serif;font-size:15px;font-weight:700;height:40px;letter-spacing:.1em;margin:0 12px 12px;position:fixed;text-align:center;text-transform:uppercase;width:336px}.finish-recipe-button:disabled{-webkit-filter:brightness(80%);filter:brightness(80%);opacity:80%}.profile-page{font-family:Epilogue,sans-serif;margin:80px 0}.profile-title-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;margin:0 0 60px;width:360px}.profile-title{color:#41197f;font-size:20px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.profile-email{color:#1a1b1c;font-size:16px;font-weight:700;margin:20px 0 0}.profile-buttons-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:360px}.profile-buttons{align-items:center;background-color:#fff;border:none;cursor:pointer;display:flex;flex-direction:row;justify-content:left;padding:20px;width:290px}.title-button{color:#797d86;font-family:Epilogue,sans-serif;font-size:16px;font-weight:500;margin:0 0 0 40px;text-transform:capitalize}.border-bottom{border-bottom:1px solid hsla(222,5%,50%,.4)}.done-recipes{font-family:Epilogue,sans-serif;margin:62px 0 0}.done-recipes-title{color:#41197f;font-size:20px;font-weight:900;letter-spacing:.1em;text-align:center;text-transform:uppercase}.filters-container{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:center;margin:0 0 25px;width:360px}.filter-button{background-color:transparent;border:none;cursor:pointer}.recipes-container{padding:20px;width:360px}.link{color:#1a1b1c;text-decoration:none}.card-done-recipe{border-radius:5px;display:flex;margin:0 0 20px;width:320px}.card-img-container{height:160px;width:160px}.card-img{border-bottom-left-radius:5px;border-top-left-radius:5px;width:160px}.infos-container{border:1px solid #b1b1b1;border-bottom-right-radius:5px;border-left:none;border-top-right-radius:5px;flex-direction:column;height:160px;padding:20px;width:160px}.infos-container,.title-share-container{align-items:center;display:flex;justify-content:space-between}.title-share-container{position:relative;width:100%}.share-button{background-color:rgba(240,248,255,0);border:none;cursor:pointer;padding:0 0 10px;position:relative;top:-3px}.title-category-container{display:flex;flex-direction:column;gap:2px}.done-recipe-title{font-size:12px;font-weight:700}.done-recipe-category{color:#797d86;font-size:9px;font-weight:300}.done-date{font-size:11px;font-weight:400;width:100%}.tags-container{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:flex-start;width:100%}.tags{background-color:#d9d9d9;border-radius:10px;color:#797d86;font-size:9px;font-weight:400;padding:3px}.no-items-done-recipes{color:#41197f;font-weight:600;left:-20px;position:absolute;text-align:center;top:0;width:100%}.share-done-recipes{background-color:#fcc436;border-radius:5px;border-top:none;box-shadow:5px 5px 10px rgba(0,0,0,.3);color:#fff;display:inline-block;font-size:12px;font-weight:600;line-height:14px;margin:0 0 0 10px;padding:7px 5px 5px;position:absolute;right:-10px;text-align:left;text-transform:uppercase;top:-55px;width:60px}.share-done-recipes:after{background-color:#fcc436;content:"";height:10px;left:35px;position:absolute;top:35px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}.favorite-recipes{font-family:Epilogue,sans-serif;margin:62px 0 0;width:360px}.card-favorite{display:flex;margin:20px}.img-favorite{border-bottom-left-radius:5px;border-top-left-radius:5px;width:160px}.title-category-container{width:100%}.buttons-fav-container{align-items:center;display:flex;flex-direction:row;gap:20px;height:60px;justify-content:flex-start;position:relative;width:100%}.like-fav,.share-fav{background-color:rgba(240,248,255,0);border:none;cursor:pointer}.no-items{color:#41197f;margin:50px 0;text-align:center;top:250px;width:100%}.fav-copied,.no-items{font-weight:600;position:absolute}.fav-copied{background-color:#fcc436;border-radius:5px;border-top:none;box-shadow:5px 5px 10px rgba(0,0,0,.3);color:#fff;display:inline-block;font-size:12px;line-height:14px;margin:0 0 0 10px;padding:7px 5px 5px;right:65px;text-align:left;text-transform:uppercase;top:55px;width:60px}.fav-copied:after{background-color:#fcc436;content:"";height:10px;left:10px;position:absolute;top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}
/*# sourceMappingURL=main.10c62fbf.css.map*/