@import url(https://fonts.googleapis.com/css2?family=Besley:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600;1,700;1,900&display=swap);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.app{background-color:#f0f0f2;min-height:100vh;width:100%}.main-recipes{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-recipes a{text-decoration:none}.main-recipes a:visited{color:currentColor}.recipes-filter{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-evenly;margin:calc(8vh + 5vmin) 0;width:100%}.recipes-filter button{background-image:linear-gradient(to top right,rgba(166,79,3,.8549019607843137),#a64f03,rgba(64,34,8,.8549019607843137));border:none;border-radius:5px;box-shadow:.3px .5px 3px .7px #000;color:#fffcee;font-weight:600;letter-spacing:1px;margin:1em .5em 0;padding:8px 16px}.recipes-section{display:grid;grid-gap:32px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:calc(8vh + 5vmin);width:95%}.recipe-card{align-items:center;border-radius:15px;box-shadow:.3px .7px 5px #0d0d0d;contain:content;display:grid;grid-template-rows:80% 5% 15%;position:relative;text-align:center}.recipe-card .img-recipe{grid-row:1/4;width:100%}.recipe-card .title-recipe{background-image:linear-gradient(0deg,#fffcee,transparent);bottom:0;color:rgba(13,13,13,.8784313725490196);font-weight:600;grid-row:3;padding:16px;position:absolute;text-align:left;width:100%}.btn-click:active{opacity:.9;-webkit-transform:scale(.97);transform:scale(.97)}.loading{align-items:center;display:flex;justify-content:center;margin:auto;padding:18px;position:absolute;top:45%;width:100%}.loading .loading-dot{background-image:linear-gradient(to top left,#a64f03,rgba(64,34,8,.8549019607843137));border-radius:50%;height:15px;margin:0 8px;width:15px}.loading .dot-one{-webkit-animation:Loading-dot-one 1s linear infinite;animation:Loading-dot-one 1s linear infinite}.loading .dot-two{-webkit-animation:Loading-dot-two 1s linear infinite;animation:Loading-dot-two 1s linear infinite}.loading .dot-three{-webkit-animation:Loading-dot-three 1s linear infinite;animation:Loading-dot-three 1s linear infinite}@-webkit-keyframes Loading-dot-one{0%{-webkit-transform:none;transform:none}25%{-webkit-transform:translateY(-12px) scale(.9,1.1);transform:translateY(-12px) scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.95);transform:scale(1.1,.95)}}@keyframes Loading-dot-one{0%{-webkit-transform:none;transform:none}25%{-webkit-transform:translateY(-12px) scale(.9,1.1);transform:translateY(-12px) scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.95);transform:scale(1.1,.95)}}@-webkit-keyframes Loading-dot-two{25%{-webkit-transform:none;transform:none}50%{-webkit-transform:translateY(-12px) scale(.9,1.1);transform:translateY(-12px) scale(.9,1.1)}75%{-webkit-transform:scale(1.1,.95);transform:scale(1.1,.95)}}@keyframes Loading-dot-two{25%{-webkit-transform:none;transform:none}50%{-webkit-transform:translateY(-12px) scale(.9,1.1);transform:translateY(-12px) scale(.9,1.1)}75%{-webkit-transform:scale(1.1,.95);transform:scale(1.1,.95)}}@-webkit-keyframes Loading-dot-three{50%{-webkit-transform:none;transform:none}75%{-webkit-transform:translateY(-12px) scale(.9,1.1);transform:translateY(-12px) scale(.9,1.1)}to{-webkit-transform:scale(1.1,.95);transform:scale(1.1,.95)}}@keyframes Loading-dot-three{50%{-webkit-transform:none;transform:none}75%{-webkit-transform:translateY(-12px) scale(.9,1.1);transform:translateY(-12px) scale(.9,1.1)}to{-webkit-transform:scale(1.1,.95);transform:scale(1.1,.95)}}.login{align-items:center;background-image:url(https://thumbs.dreamstime.com/b/black-cooking-background-black-cooking-background-vegetables-ingredients-top-view-free-space-your-text-168099295.jpg);background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-page-name{color:#402208;font:italic 700 2.5em Besley,serif;letter-spacing:3px;margin-bottom:2em;text-shadow:.5px .8px 3px #fffcee,-.5px -.8px 3px #a64f03}.login-form{align-items:center;background-color:rgba(240,240,242,.8823529411764706);border-radius:10%;box-shadow:0 0 5px #000;display:flex;flex-direction:column;justify-content:center;padding:15px}.UilHome{margin-bottom:10px}.login-input{padding:3px;position:relative}.login-input input{border:none;border-radius:3px;box-shadow:0 0 1.3px .7px #0d0d0d;padding:3px 5px}.login-input input:focus{outline-color:orange}.login-check input:focus{outline-color:#90ee90}.login-form .button{background-color:#3f6473;border:none;box-shadow:.3px .5px 2px 1px #0d0d0d;margin-bottom:10px}.login-modal-box{padding:16px;display:grid;justify-items:center}.login-modal-divider{width:100%;height:1px;margin-block:16px;background-color:rgba(240,240,242,.8823529411764706)}.footer{align-items:center;background-image:linear-gradient(#1f3741,#3f6473);bottom:0;display:flex;flex-flow:row nowrap;justify-content:space-around;padding:8px 0;position:fixed;width:100%}.footer-icons,.header{color:#fffcee}.header{align-items:center;background-image:linear-gradient(#1f3741,#3f6473);box-shadow:0 .5px 3px #0d0d0d;display:grid;flex-flow:row wrap;font-weight:700;grid-template-columns:15% 5% 60% 5% 15%;padding:5px .5em;position:fixed;top:0;width:100%;z-index:3}.header-btns{background-color:initial;border:none;border-radius:8px;box-shadow:0 0 1.5px #f0f0f2;color:#fffcee;padding:5px 3px}.profile-btn{grid-column:1}.header h1{font:italic 700 calc(1em + 2vmin),Besley,serif;grid-column:3;letter-spacing:1px;text-align:center;text-shadow:.3px .5px 3px #402208}.show-search-btn{grid-column:5}.header .search-input{grid-column:1/4;padding:8px 3px}.header .search-input label{margin:5px 8px}.header .search-input label input{margin-left:5px}.search-btn{border:none;border-radius:5px;box-shadow:.5px .7px 3px .7px #0d0d0d;color:#0d0d0d;font-weight:600;padding:3px 5px}.details{background-color:#f0f0f2}.details-banner{box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);contain:content;display:grid;grid-template-rows:70% 5% 25%;position:relative}.back-btn{background-color:initial;background-image:linear-gradient(to bottom right,rgba(240,240,242,.25882352941176473),transparent);border:none;border-radius:0 0 75%;box-shadow:.3px .5px 8px rgba(240,240,242,.1568627450980392);left:0;padding:16px;position:absolute;top:0}.details-banner-img{grid-row:1/4;width:100%}.banner-content{align-items:center;background-image:linear-gradient(0deg,#fffcee,transparent);bottom:0;display:flex;grid-row:3;justify-content:space-between;position:absolute;width:100%}.details-banner:hover .banner-content{background-image:linear-gradient(0deg,rgba(255,252,238,.8549019607843137) 50%,transparent)}.favorite-btn,.share-btn{background-color:initial;border:none;margin-top:10px;outline:none;width:60px}.empty-heart{color:#7f7f7f}.full-heart{color:#dc143c}.title-container{padding:10px 0 0 15px}.details-title{padding:10px 0 0 10px}.details-category{color:#686868;font-size:1.3em;padding-left:16px}.ingredients-box{align-items:left;background-color:#fffcee;border-radius:8px;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);display:flex;flex-direction:column;margin:0 auto 40px;max-width:500px;padding:32px;width:95%}.video-frame{align-items:center;display:flex;justify-content:center}.video{border-radius:8px}.instructions-box{background-color:#fffcee;border-radius:8px;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);font-size:1.1em;margin:0 auto 40px;max-width:600px;padding:32px;width:95%}.carousel-container{margin-bottom:15px;width:100%}.container-cards{align-items:center;display:flex;flex-flow:row;height:200px;overflow:scroll;width:100%}.recipe-card-recommended{box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);margin:0 1em;width:10em}.details footer{display:grid;grid-template-columns:repeat(5,1fr);padding:32px}.details footer a{grid-column:2/4}.details-footer-btn{background-color:#2ca503;border:none;border-radius:8px;bottom:0;box-shadow:0 0 5px rgba(0,0,0,.2),.5px 5px 5px 0 rgba(0,0,0,.3);color:#f0f0f2;font-size:1.1em;font-weight:600;letter-spacing:1px;margin:8px;padding:8px 16px;position:fixed}.ingredients-checklist{display:grid;font-size:1.3em;padding:16px}.ingredients-checklist label input{margin:0 5px;visibility:hidden;width:0}.not-checked-ingredient{color:#3f6473}.checked-ingredient{color:#2ca503}.dashed-ingredient{-webkit-text-decoration:solid line-through rgba(63,100,115,.8549019607843137);text-decoration:solid line-through rgba(63,100,115,.8549019607843137)}.finish-btn{background-color:#a50303}.finish-btn:disabled{background-color:#9b5a5a;opacity:.9}@media screen and (min-width:450px){.details-banner{grid-template-columns:minmax(300px,500px) 1fr}.details-banner-img{box-shadow:3px 0 10px 3px rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24)}.banner-content{align-items:flex-start;flex-flow:column;grid-column:2/3;grid-row:1/4;justify-content:space-around;padding:calc(2rem + 5vw);top:0}.ingredients-box,.ingredients-checklist,.instructions-box{margin-left:2.25rem}.instructions-box{max-width:750px}}.recipes-explorer{align-items:center;display:flex;flex-flow:column;justify-content:center;padding-top:16vh}.recipes-explorer select{background-image:linear-gradient(0deg,#1f3741,#3f6473 50%);border:none;border-radius:5px;box-shadow:.3px .5px 3px 1px #402208;color:#fffcee;font-weight:600;margin:calc(1em + 3vmin) 0 calc(1em + 1vmin);padding:5px 8px}.recipes-explorer select:focus{outline:thin solid rgba(13,13,13,.8549019607843137)}.recipes-explorer select option{background-color:#f0f0f2;color:#0d0d0d;font-weight:600;padding:3px 5px}.explorer-btn{background-image:linear-gradient(0deg,#a64f03,#402208 25%,#a64f03);border:none;border-radius:5px;box-shadow:.5px .7px 3px .7px #000;color:#fff;font-size:calc(1em + 2vmin);font-weight:600;margin:5% 0 15%;padding:16px}.ingredients-container{display:grid;grid-gap:32px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:calc(15vh + 5vmin) 0 calc(8vh + 5vmin);width:95%}.ingredients-container button{border:none;margin:.5em}.ingredients-container .recipe-card{max-width:none}.profile-content{align-items:center;display:flex;flex-flow:column;justify-content:center;padding:calc(5em + 5vmin) 0 calc(3em + 5vmin)}.profile-content h5{color:#1f3741;font-weight:600}.links-container{align-items:center;display:flex;flex-flow:column;margin-top:calc(1em + 5vmin)}.links-container button{background-image:linear-gradient(0deg,#a64f03,rgba(64,34,8,.8549019607843137) 25%,#a64f03);border:none;border-radius:5px;box-shadow:.5px .7px 3px .7px #000;color:#fff;font-size:calc(1em + 1vmin);font-weight:600;margin:8% 0;padding:12px}.links-container .logout{background-image:linear-gradient(0deg,rgba(166,55,3,.8549019607843137),rgba(64,21,8,.8549019607843137) 25%,#a63703);margin-top:calc(3em + 15%)}.done-recipes-section{padding:calc(20vh - 10vmin) 16px 5vh}.done-recipes-container{display:grid;grid-gap:32px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:95%}.container-buttons-filter{align-items:center;display:flex;justify-content:space-evenly}.container-buttons-filter button{background-image:linear-gradient(to top right,rgba(166,79,3,.8549019607843137),#a64f03,rgba(64,34,8,.8549019607843137));border:none;border-radius:5px;box-shadow:.3px .5px 3px .7px #000;color:#fffcee;font-weight:600;letter-spacing:1px;margin:1em .5em 0;padding:8px 16px}.done-recipe-card{background-color:rgba(255,252,238,.8549019607843137);border-radius:8px;box-shadow:0 .5px 3px rgba(13,13,13,.8549019607843137);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:80% 20%;margin:5% auto auto;padding:8px 12px}.done-recipe-card .done-recipe-img{align-items:center;contain:content;display:flex;grid-column:1;grid-row:1;margin:8px 8px 0 0}.done-recipe-card .done-recipe-img img{border-radius:8px;width:100%}.done-recipe-card .done-recipe-content{grid-column:2;text-align:center}.done-recipe-card .done-recipe-content h4{color:#3f6473;font-weight:600}.done-recipe-card .done-recipe-content span{background-color:rgba(166,79,3,.5019607843137255);border-radius:12px;margin-right:8px;padding:3px 7px}.done-recipe-btns{align-items:center;display:flex;grid-column:1/3;grid-row:2;justify-content:space-around}.done-recipes-section .favorite-btn img{width:0}.favorite-recipes-section{padding:calc(20vh - 10vmin) 16px 5vh}.favorite-recipes-container{display:grid;grid-gap:32px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:95%}.favorite-recipe-card{background-color:rgba(255,252,238,.8549019607843137);border-radius:8px;box-shadow:0 .5px 3px rgba(13,13,13,.8549019607843137);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:80% 20%;margin:5% auto auto;padding:8px 12px}.favorite-recipe-card .favorite-recipe-img{align-items:center;contain:content;display:flex;grid-column:1;grid-row:1;margin:8px 8px 0 0}.favorite-recipe-card .favorite-recipe-img img{border-radius:8px;width:100%}.favorite-recipe-card .favorite-recipe-info{grid-column:2;text-align:center}.favorite-recipe-card .favorite-recipe-info h4{color:#3f6473;font-weight:600}.favorite-recipes-btns{align-items:center;display:flex;grid-column:1/3;grid-row:2;justify-content:space-around}.favorite-recipes-btns .hidden-heart{width:0}
/*# sourceMappingURL=main.b18337cc.chunk.css.map */