body,html{height:100%;min-height:100%}body,button{margin:0}body,button,input{font-family:Comfortaa,cursive}button{text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:5px;-webkit-transition-duration:.4s;transition-duration:.4s;cursor:pointer}.app-background{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:-1}.app-background img{height:220px;position:fixed}.bg-image-top-left{left:-50px;top:20px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-top-right{right:-30px;top:0;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.bg-image-bottom-left{left:-50px;bottom:0;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.bg-image-bottom-right{right:-30px;bottom:-20px}.bg-image-1,.bg-image-bottom-right{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-1{left:10%;top:24%}.bg-image-2{left:26%;top:28%}.bg-image-2,.bg-image-3{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-3{left:66%;top:25%}.bg-image-4{left:79%;top:37%}.bg-image-4,.bg-image-5{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-5{left:4%;top:42%}.bg-image-6{left:17%}.bg-image-6,.bg-image-7{top:45%;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-7{left:70%}.bg-image-8{left:90%;top:44%}.bg-image-8,.bg-image-9{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-9{left:7%;top:63%}.bg-image-10{left:30%;top:50%}.bg-image-10,.bg-image-11{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-11{left:66%;top:64%}.bg-image-12{left:93%;top:66%}.bg-image-12,.bg-image-13{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-13{left:12%;top:80%}.bg-image-14{left:29%;top:77%}.bg-image-14,.bg-image-15{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-15{left:73%;top:78%}.bg-image-16{left:85%;top:80%}.bg-image-16,.bg-image-17{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-17{left:21%;top:66%}.bg-image-18{left:79%;top:59%}.bg-image-18,.bg-image-19{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.bg-image-19{left:87%;top:24%}.lang-img{cursor:pointer;height:36px;margin:0 12px}.switch{position:relative;display:inline-block;width:52px;height:26px}.switch input{opacity:0;width:0;height:0}.switch img{position:absolute;display:inline-block;height:18px;bottom:4px}.switch .light-mode-img{left:4px}.switch .dark-mode-img{left:30px}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{z-index:99999;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:rgba(0,0,0,.83)}input:focus+.slider{box-shadow:0 0 1px rgba(0,0,0,.83)}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:26px}.slider.round:before{border-radius:50%}@media only screen and (max-width:600px){.app-background img{height:150px}}.wizard-container{width:100%;position:relative;display:flex;flex:1 1;justify-content:space-between;flex-direction:column;align-items:center}.buttons-spacer-top{height:12px}.buttons-spacer-bottom{height:0}.selection-question{text-align:center;font-weight:700;font-size:28px;padding:10px 20px}.wizard-step-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1}.ingredients-container{display:flex;justify-content:center;flex-wrap:wrap;margin:0 10px}.ingredients-container>div{width:120px;display:flex;flex-direction:column;text-align:center;padding:10px 20px;margin:5px;border-radius:10px;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.ingredients-container img{height:120px}.ingredients-container>div:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.more-main-container{padding-bottom:10px}.more-button-container{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px}.more-options-container{overflow:hidden;text-align:center}.more-options-container .ingredients-container{max-width:800px}.more-options-container .ingredients-container>div{padding:0;width:90px}.more-options-container .option-name{padding-top:10px;font-size:12px}.more-options-container img{height:40px}.more-options-closed{max-height:0}.search-option-input{font-size:16px;padding:6px;margin:8px 0 18px;display:inline-block;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;width:400px}.option-name{font-size:20px;font-weight:700;padding-top:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wizard-step-bottom-buttons-container{display:flex;justify-content:center;padding:0 10px}.wizard-step-bottom-buttons-container button{margin:5px;padding:10px;width:150px}.back-button{font-weight:700;background-color:#c1f3ff;color:#000;border:2px solid #00ceff}.back-button:hover{background-color:#00ceff;color:#fff}.skip-button{font-weight:700;background-color:#e1e1e1;color:#000;border:2px solid #5d6c6d}.skip-button:hover{background-color:#5d6c6d;color:#fff}.choose-option-for-me{font-weight:700;background-color:#e3c0e7;color:#000;border:2px solid #ca54d8}.choose-option-for-me:hover{background-color:#ca54d8;color:#fff}.selections-main-container{width:100%;padding-bottom:10px}.selections-header{font-weight:700;text-decoration:underline;text-align:center}.selections-container{display:flex;justify-content:center;flex-wrap:wrap}.selection-main-container{display:flex;flex-direction:column;align-items:center;margin:8px 2px 0}.selection-category{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:60px;font-size:12px;font-weight:700;text-align:center}.selection-container{display:flex;flex-direction:column;width:60px;text-align:center;border:2px solid #50ff9a;border-radius:10px;padding:5px;margin-top:2px;font-size:14px;background-color:#fff;cursor:pointer}.dark-mode .selection-container{background-color:#292929}.selection-container img{height:30px;padding:0 0 5px}.selection-container:hover{background-color:#d9fae7;color:#000}.selection-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:60px;font-size:10px}.selection-edit-main-container{position:absolute;left:6px;z-index:1}.selection-edit-container{border-radius:10px;background-color:#fff;display:flex;justify-content:space-around;align-items:center;z-index:1}.selection-edit-container img{height:22px;padding:3px;margin:2px 2px 0;border:2px solid #8e8e8e;background-color:#fff;border-radius:5px;cursor:pointer}.selection-edit-container img:first-child:hover{background-color:#fbffc2}.selection-edit-container img:nth-child(2):hover{background-color:#dadada}.start-again-button{min-width:140px;position:absolute;bottom:10px;left:10px;padding:10px;color:#273235;background-color:#fbffc2;border-radius:58px;font-weight:700;border:2px solid #f5ff5e}.start-again-button:hover{background-color:#f5ff5e;color:#283235}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #7d7d7d;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.loader-container{text-align:center;display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-bottom:60px}.loader-container>div{padding:10px 0}.loader-container img{height:200px}.recipe-summary-main-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1;margin:10px}.view-full-recipe-button{font-weight:700;background-color:#d9fae7;color:#000;border:2px solid #50ff9a;padding:15px}.view-full-recipe-button:hover{background-color:#50ff9a;color:#fff}.try-again-container button{font-weight:700;padding:15px;background-color:#e3c0e7;border:2px solid #ca54d8}.try-again-container button:hover{background-color:#ca54d8;color:#fff}.recipe-details-main-container,.recipe-details-root-container{display:flex;flex-direction:column;align-items:center}.recipe-details-main-container{max-width:540px;border-radius:10px;border:2px solid #1efc89;background-color:#fff;margin:10px}.dark-mode .recipe-details-main-container{background-color:#292929}.recipe-summary-container{border-radius:10px;border:2px solid #1efc89;min-width:240px}.error-container,.recipe-summary-container{display:flex;flex-direction:column;align-items:center;padding:10px}.error-container{border-radius:10px;font-weight:700;color:#000;border:2px solid #ff5735;background-color:#ffe9e9;line-height:20px}.corner-icon{display:flex;width:60px;justify-content:flex-end}.corner-icon img{cursor:pointer;padding-left:5px}.recipe-summary-header-container{display:flex;justify-content:space-between;align-items:center;padding:10px}.recipe-first-row{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.recipe-summary-info-container{display:flex;justify-content:space-evenly;padding-top:10px;flex-direction:row}.recipe-summary-info-container>div{display:flex;flex-direction:column;align-items:center;padding:5px 10px;width:74px}.recipe-summary-info-container img{height:30px}.ingregient-info-label{padding-top:5px}.recipe-second-row{margin:0 10px 10px}.recipe-second-row,.recipe-third-row{display:flex;flex-direction:column;justify-content:space-between;padding:0}.recipe-third-row{margin:10px}.recipe-ingredients-container{padding:0 10px 10px;max-width:500px}.recipe-ingredients-header{font-weight:700;padding-bottom:10px;padding-top:10px;text-decoration:underline}.recipe-ingredients{font-size:12px}.recipe-ingredients>div{padding:5px 0;display:flex}.recipe-ingredient-container>div:first-child{min-width:20px}.ingredient-circle{height:10px;width:10px;background-color:#57d08a;border-radius:50%;display:inline-block}.recipe-method-header{font-weight:700;padding-bottom:10px;text-decoration:underline}.recipe-method-steps{font-size:12px}.recipe-method-steps>div{padding:5px 0;display:flex}.recipe-method-step-number{font-weight:700}.recipe-img-container{width:100%;position:relative}.recipe-details-header-container{text-align:center;padding:14px 0;width:100%;position:absolute;background:rgba(0,0,0,.4);border-radius:7px 7px 0 0;color:#fff}.add-to-my-meals-container{position:absolute;right:8px;bottom:12px}.add-to-my-meals-container button{font-size:12px;color:#273235;background-color:#fbffc2;border-radius:58px;font-weight:700;border:2px solid #f5ff5e}.add-to-my-meals-container button:hover{background-color:#f5ff5e;color:#283235}.recipe-img-summary{height:200px;border-radius:4px;box-shadow:0 0 5px 0 rgba(0,0,0,.75)}.recipe-img-details{width:100%;height:300px;object-fit:cover;border-radius:7px 7px 0 0;box-shadow:0 3px 4px -2px grey}.try-again-container{padding:10px}.recipe-name{font-size:20px;font-weight:700;padding:0 10px;text-transform:uppercase}.recipe-header{display:flex;justify-content:space-around}.recipe-header div{padding:10px;width:120px;display:flex;flex-direction:column;align-items:center}.recipe-description{display:flex;justify-content:space-around}.reveal-button-continer{display:flex;flex-direction:column;justify-content:center;flex:1 1;margin:5px 0 15px}.reveal-style{color:#000;font-weight:700;padding:20px;margin:0 5px;border-radius:5px;border:2px solid #1efc89;background-color:#c4ffe0;cursor:pointer}.reveal-style:hover{background-color:#1efc89}.wobble-hor-bottom{-webkit-animation:wobble-hor-bottom .8s both;animation:wobble-hor-bottom .8s both}@-webkit-keyframes wobble-hor-bottom{0%,to{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,to{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@media only screen and (max-width:600px){body{font-size:66%}.start-again-button{padding:6px}.buttons-spacer-top{height:0}.buttons-spacer-bottom{height:52px}.selection-question{font-size:16px}.option-name{font-size:12px}.option-name,.selections-main-container{padding-top:10px}.ingredients-container>div{padding:4px;width:58px;text-align:center}.ingredients-container img{height:40px}.selections-header{font-size:16px}.selection-name{font-size:10px}.view-full-recipe-button{padding:8px;width:100%}.recipe-details-main-container,.recipe-summary-main-container{margin:10px 10px 0}.recipe-name{text-align:center;font-size:16px}.recipe-img-summary{width:100%;object-fit:cover}.recipe-img-details{height:240px}.recipe-summary-info-container>div{width:54px}.recipe-ingredients-header,.recipe-method-header{font-size:14px}.recipe-ingredients,.recipe-method-steps{font-size:12px}.loader-container{font-size:16px;margin-bottom:0}.corner-icon img{height:20px}.error-container{max-width:228px;font-size:12px}.add-to-my-meals-container{font-size:10px;right:4px;bottom:6px}.add-to-my-meals-container button{font-size:10px}.search-option-input{font-size:12px;width:300px}}#root{height:100%}.app-container{display:flex;flex-direction:column;min-height:100%;-webkit-transition-duration:.4s;transition-duration:.4s;background-color:hsla(0,0%,100%,.83)}.dark-mode{background-color:rgba(0,0,0,.83);color:#fff}.app-header{width:100%;background-color:#50ff9a;border-top:3px solid #50ff9a;border-bottom:3px solid #1efc89;display:flex;justify-content:space-between;align-items:center}.app-header div{padding:5px 20px}.auth-container{flex:1 1}.main-container{flex-direction:column;justify-content:center;flex:1 1}.app-footer,.main-container{display:flex;align-items:center}.app-footer{height:40px;width:100%;background-color:#50ff9a;border-bottom:3px solid #50ff9a;border-top:3px solid #1efc89;justify-content:space-between;font-weight:700}.app-footer>div:first-child{padding-left:10px}.app-footer-left-container div{padding-right:10px}.app-footer-left-container{height:100%;font-size:12px}.app-footer-left-container,.app-footer-right-container{display:flex;align-items:center}.app-footer>div:nth-child(2){padding-right:10px}.left-logo a{font-family:Lily Script One,cursive;font-size:40px}.app-footer a,.app-header a{text-decoration:none;color:#273235;cursor:pointer}.app-footer a:hover,.app-header a:hover{color:#6f6f6f}.app-footer a:active,.app-footer a:visited,.app-header a:active,.app-header a:visited{color:#273235}.login-buttons-container{display:flex;font-weight:700}.login-buttons-container a{padding-left:10px;text-decoration:none}.first-screen-container{display:flex;flex-direction:column;justify-content:center;flex:1 1}.logo-description-container{padding-bottom:20px}.big-logo-container{font-family:Lily Script One,cursive;font-size:70px;text-align:center}.site-description-container{text-align:center;font-size:16px}.first-choice-question{padding:10px;text-align:center;font-weight:700;font-size:14px}.first-choice-buttons{display:flex;flex-wrap:wrap;justify-content:center}.first-choice-buttons button{margin:5px;padding:10px;width:150px}.let-me-choose{font-weight:700;background-color:#c1f3ff;color:#000;border:2px solid #00ceff}.let-me-choose:hover{background-color:#00ceff;color:#fff}.surprise-me{font-weight:700;background-color:#e3c0e7;color:#000;border:2px solid #ca54d8}.surprise-me:hover{background-color:#ca54d8;color:#fff}.cookies-consent{color:#000;display:flex;justify-content:center;align-items:center;border-top:2px solid #00ceff;background:#c1f3ff;text-align:center;font-size:14px}.cookies-consent div{margin:10px}.cookies-consent button{background-color:#e3c0e7;border:1px solid #ca54d8;padding:5px 10px;margin:10px 0;font-size:12px}@media only screen and (max-width:600px){.app-footer{height:52px}.app-footer-left-container{align-items:flex-start;justify-content:space-around;flex-direction:column;font-size:10px}.left-logo a{font-size:26px}.big-logo-container{font-size:50px}button{font-size:14px}.site-description-container{font-size:12px}.cookies-consent{flex-direction:column}.cookies-consent div{margin:10px 10px 0}}
/*# sourceMappingURL=main.0fc380c7.chunk.css.map */