@font-face{font-family:defaultRegular;src:url(/fonts/Raleway-Regular.ttf)}@font-face{font-family:defaultMedium;src:url(/fonts/Raleway-Medium.ttf)}@font-face{font-family:defaultBold;src:url(/fonts/Raleway-Bold.ttf)}@font-face{font-family:defaultBlack;src:url(/fonts/Raleway-ExtraBold.ttf)}:root{--color-black: #333333;--color-black-light: #666666;--color-grey: #dddddd;--color-grey-light: #eeeeee;--color-turquoise: #a1c1bd;--color-blue: #87bcdb;--color-pink: #f28f8d;--color-red: #f37174;--color-orange: #f39e3a;--color-yellow: #f8d656;--color-purple: #884e91;--color-brown: #5e433f;--color-turquoise-hover: #6bbfb5;--color-blue-hover: #69bbeb;--color-pink-hover: #f3605e;--color-red-hover: #f0484b;--color-orange-hover: #f58d16;--color-yellow-hover: #e4ba21;--color-purple-hover: #763c82;--color-brown-hover: #51302d;--color-turquoise-light: #edf8f7;--padding-card: 30px 40px 40px;--radius-card: 10px;--shadow-card: 0px 5px 10px var(--color-grey);--header-height: 80px;--footer-height: 30px;--mobile-menu-height: 70px;--max-width: 1280px}@media (width > 640px){:root{--main-min-height: calc(100vh - var(--footer-height) - var(--header-height))}}@media (width < 640px){:root{--main-min-height: calc(100vh - var(--footer-height) - var(--header-height) - var(--mobile-menu-height))}}*{box-sizing:border-box;color:var(--color-black);line-height:1.4}body{margin:0;font-family:defaultRegular;overflow-x:hidden}input{font-family:defaultRegular}select{padding:10px;border-radius:5px;border:1px solid var(--color-grey);width:100%;font-family:defaultRegular}a{text-decoration:none;color:var(--color-blue-hover)}h1,h2,h3,h4,h5,h6{font-family:defaultBold;font-weight:400;margin:0}strong{font-family:defaultBold;font-weight:400}.container{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.content{width:100%;padding:0 2rem;max-width:1280px}.text-turquoise{color:var(--color-turquoise)}.text-blue{color:var(--color-blue)}.text-pink{color:var(--color-pink)}.text-red{color:var(--color-red)}.text-orange{color:var(--color-orange)}.text-yellow{color:var(--color-yellow)}.text-purple{color:var(--color-purple)}.text-brown{color:var(--color-brown)}.button-turquoise{color:#fff;background-color:var(--color-turquoise)}.button-blue{color:#fff;background-color:var(--color-blue)}.button-pink{color:#fff;background-color:var(--color-pink)}.button-red{color:#fff;background-color:var(--color-red)}.button-orange{color:#fff;background-color:var(--color-orange)}.button-yellow{color:#fff;background-color:var(--color-yellow)}.button-purple{color:#fff;background-color:var(--color-purple)}.button-brown{color:#fff;background-color:var(--color-brown)}.button-white{color:var(--color-black-light);background-color:#fff}.button-turquoise:hover{background-color:var(--color-turquoise-hover)}.button-blue:hover{background-color:var(--color-blue-hover)}.button-pink:hover{background-color:var(--color-pink-hover)}.button-red:hover{background-color:var(--color-red-hover)}.button-orange:hover{background-color:var(--color-orange-hover)}.button-yellow:hover{background-color:var(--color-yellow-hover)}.button-purple:hover{background-color:var(--color-purple-hover)}.button-brown:hover{background-color:var(--color-brown-hover)}@media (width > 1007px){.root{background-image:url(/assets/bg_right-36a12491.jpg);background-size:contain;background-position:right;background-repeat:no-repeat}}.main{min-height:var(--main-min-height);display:flex;align-items:center}.header{height:var(--header-height)}.header .content{display:flex;width:100%;justify-content:space-between;align-items:center}.header .header-logo{font-family:defaultBlack}.header .header-logo .header-logo-link{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:20px;color:var(--color-black)}.header .header-logo .header-logo-link .header-logo-link-ico{width:20px;height:20px;color:var(--color-red)}.header .header-menu>svg{cursor:pointer;width:32px;height:32px}.side-nav-menu{background-color:#fff;min-width:300px;position:fixed;top:0;right:-315px;height:100%;padding:20px;box-shadow:var(--shadow-card);transition:right ease-in-out .3s;z-index:2}.side-nav-menu.visible{right:0;transition:right ease-in-out .3s}.side-nav-menu .side-nav-menu-close{text-align:right}.side-nav-menu .side-nav-menu-close .side-nav-menu-close-button{cursor:pointer}.side-nav-menu .side-nav-menu-welcome{font-size:80%;padding:10px}.side-nav-menu>ul{list-style:none;margin:0;padding:0}.side-nav-menu>ul>li{padding:10px}.side-nav-menu>ul>li>a{color:var(--color-black);font-family:defaultMedium;display:flex;align-items:center;gap:6px}.side-nav-menu>ul>li>a>svg{width:18px;height:18px;position:relative;bottom:1px;transition:stroke linear .15s}.side-nav-menu>ul>li:hover>a>svg{transition:stroke linear .15s;stroke:var(--color-red-hover)}.side-nav-menu>ul .side-nav-menu-logout{cursor:pointer;display:flex;align-items:center;gap:5px;background-color:var(--color-red);transition:background-color linear .15s;border-radius:15px;color:#fff;margin-top:10px}.side-nav-menu>ul .side-nav-menu-logout:hover{background-color:var(--color-red-hover);transition:background-color linear .15s}.side-nav-menu>ul .side-nav-menu-logout>svg{stroke:#fff;width:18px;height:18px}.side-nav-menu-backdrop{cursor:auto;z-index:1;position:fixed;left:100%;top:0;width:100%;height:100%;background-color:#0000;-webkit-backdrop-filter:blur(2px) opacity(0);backdrop-filter:blur(2px) opacity(0);transition:backdrop-filter linear .3s,background-color linear .3s,left linear 0ms .3s}.side-nav-menu-backdrop.visible{left:0;background-color:#00000050;-webkit-backdrop-filter:blur(2px) opacity(1);backdrop-filter:blur(2px) opacity(1);transition:backdrop-filter linear .3s,background-color linear .3s}.footer{height:var(--footer-height);background-color:var(--color-grey-light);display:flex;justify-content:center;align-items:center;gap:10px}.footer>a{color:var(--color-black-light);font-family:defaultMEdium;font-size:10px;transition:color linear .15s}.footer>a:hover{color:var(--color-blue);transition:color linear .15s}.top-notification{position:fixed;width:100%;left:0;top:-200px;background-color:var(--color-blue-hover);text-align:center;padding:20px;color:#fff;z-index:1;transition:top .5s ease-in-out}.top-notification.error{background-color:var(--color-red-hover)}.top-notification.visible{transition:top .5s ease-in-out;top:0}.top-notification .close{position:absolute;color:#fff;top:5px;right:10px;cursor:pointer}@media (width > 640px){.mobile-menu{display:none}}.mobile-menu{background-color:#fff;width:100%;padding:10px 0;box-shadow:0 -5px 5px var(--color-grey)}.mobile-menu>ul{list-style:none;margin:0;padding:0;display:flex;width:100%}.mobile-menu-button{width:25%}.mobile-menu-button .mobile-menu-button-link{display:flex;flex-direction:column;align-items:center}.mobile-menu-button .mobile-menu-button-link .mobile-menu-button-link-icon>svg{stroke:var(--color-black-light)}.mobile-menu-button .mobile-menu-button-link .mobile-menu-button-link-title{font-size:80%;color:var(--color-black-light)}.content-header{display:flex;flex-direction:column;margin-bottom:25px;text-align:center}.content-header>h1{font-size:40px;font-family:defaultBlack}.content-header>svg{width:80px;height:80px;stroke:var(--color-pink)}@media (width < 640px){.content-header{text-align:left}.content-header>h1{font-size:30px}}.content-notification{display:flex;justify-content:center}.content-notification .content-notification-card{width:100%;max-width:360px;box-shadow:var(--shadow-card);border-radius:10px;padding:30px;text-align:center;background-color:#fff}.content-notification .content-notification-card>svg{stroke:var(--color-red)}.content-notification .content-notification-card .content-notification-card-title{font-size:20px;margin:0 0 10px}.content-notification .content-notification-card .content-notification-card-text{margin:0 0 10px}@media (width < 640px){.content-notification .content-notification-card{max-width:100%;text-align:left}}.linkButton{text-decoration:none;display:inline-block;padding:10px 25px;border-radius:20px;transition:background-color linear .15s}.linkButton:hover{transition:background-color linear .15s}.button-component{cursor:pointer;font-family:defaultRegular;text-decoration:none;display:inline-block;padding:10px 25px;border-radius:20px;border:0px;transition:background-color linear .15s}.button-component:hover{transition:background-color linear .15s}.form-button{cursor:pointer;width:100%;border:0;padding:10px 25px;border-radius:20px;font-family:defaultRegular;color:#fff;background-color:var(--color-orange)}.form-button:hover{background-color:var(--color-orange-hover)}.error-page{min-height:100vh}.home{width:100%;height:100%;display:flex;background-color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px 0}.home-welcome{display:flex;justify-content:center;width:100%;height:100%;gap:30px}.home-welcome .home-welcome-text{text-align:left;display:flex;width:37%;justify-content:center;flex-direction:column;flex-shrink:0}.home-welcome .home-welcome-text .home-welcome-title{font-size:60px;line-height:1.4;font-family:defaultBlack}.home-welcome .home-welcome-text .home-welcome-copy{font-size:34px;line-height:1.2;margin-bottom:10px}.home-welcome .home-welcome-text .home-welcome-copy .home-welcome-copy-top{margin-bottom:-10px}.home-welcome .home-welcome-text .home-welcome-description{margin-bottom:20px}.home-welcome .home-welcome-text .home-welcome-description-test{border:1px solid var(--color-turquoise);background-color:var(--color-turquoise-light);border-radius:var(--radius-card);padding:1rem}.home-welcome .home-welcome-text .home-welcome-description-test-title{font-size:100%;margin-bottom:10px;line-height:1.2}.home-welcome .home-welcome-text .home-welcome-buttons{display:flex;gap:10px}.home-welcome .home-welcome-graphics{width:63%;display:flex;align-items:center}.home-welcome .home-welcome-graphics .home-welcome-steps{display:flex;align-items:flex-start;width:100%;gap:3%}@media (width <= 1007px){.home-welcome{flex-direction:column;gap:40px}.home-welcome .home-welcome-text,.home-welcome .home-welcome-graphics{width:100%}}.step{max-width:33%;width:100%}.step .step-image{border-radius:20px;margin-bottom:10px;aspect-ratio:1;line-height:0}.step .step-image img{width:100%;border-radius:10px}.step.step-1 .step-text-number,.step.step-1 .step-dot{color:var(--color-orange)}.step.step-2 .step-text-number,.step.step-2 .step-dot{color:var(--color-turquoise)}.step.step-3 .step-text-number,.step.step-3 .step-dot{color:var(--color-blue)}@media (width <= 640px){.home-welcome-steps{flex-direction:column}.home-welcome-steps .step{display:flex;max-width:100%;flex-direction:row;gap:20px}.home-welcome-steps .step .step-image{width:40%;border-width:10px}.home-welcome-steps .step .step-text{width:60%;display:flex;flex-direction:column;justify-content:center}.home-welcome-steps .step .step-text .step-text-number{font-size:200%}.home-welcome-steps .step .step-text .step-text-text{display:block}}.home-logged .home-logged-buttons{display:flex;flex-direction:row;gap:30px}.home-logged .home-logged-buttons .home-logged-button{width:calc(100% / 3)}@media (width <= 1070px){.home-logged .home-logged-buttons{flex-direction:column}.home-logged .home-logged-buttons .home-logged-button{width:100%}}.card-link{border-radius:15px;padding:20px 30px;display:flex;position:relative;flex-direction:column;transition:background-color linear .15s;background-size:cover;background-position:50%}.card-link .card-link-gradient{flex:none;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:15px;background:rgb(0,0,0);transition:opacity linear .15s;opacity:.75;background:linear-gradient(90deg,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%)}.card-link:hover{transition:background-color linear .15s}.card-link:hover .card-link-gradient{transition:opacity linear .15s;opacity:1;background:linear-gradient(90deg,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%)}.card-link .card-link-title{font-size:20px;line-height:1.2;color:#fff;margin-bottom:10px;z-index:1}.card-link .card-link-title>svg{display:inline-block;stroke:#fff;width:22px;height:22px;margin-right:5px;position:relative;top:4px}.card-link .card-link-description{color:#fff;z-index:1;max-width:75%}.card-link:nth-child(3n+1){background-color:var(--color-orange)}.card-link:nth-child(3n+1):hover{background-color:var(--color-orange-hover)}.card-link:nth-child(3n+2){background-color:var(--color-blue)}.card-link:nth-child(3n+2):hover{background-color:var(--color-blue-hover)}.card-link:nth-child(3n+3){background-color:var(--color-pink)}.card-link:nth-child(3n+3):hover{background-color:var(--color-pink-hover)}.card-link .card-link-button-button{margin-top:auto;text-align:center}.auth .content{display:flex;justify-content:center}.auth .content>div{padding:30px 40px 40px;border-radius:10px;width:100%;max-width:380px;border:1px solid var(--color-yellow);box-shadow:var(--shadow-card)}@media (width < 640px){.auth .content>div{max-width:100%}}.input-container{margin-bottom:15px}input{padding:10px;border-radius:5px;border:1px solid var(--color-grey);width:100%}input:focus{outline:1px solid var(--color-blue);border-color:#fff}label{font-family:defaultMedium}label:not([for=show-password]){display:block;margin-left:10px;margin-bottom:5px;font-size:90%}input[type=checkbox]{width:auto;margin:0 5px 2px 0;border:0;outline:0}input[type=checkbox]+label{display:inline-block;font-size:80%}input.has-bullet{padding-right:3rem}.input-info-container{display:inline-block;position:relative}.input-info-bullet{display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:-2rem;width:20px;height:20px;border-radius:50%;background-color:var(--color-pink);color:#fff;line-height:1.2}.input-info-text{display:none;position:absolute;min-width:300px;right:0;margin-top:1rem;background-color:var(--color-pink);color:#fff;padding:1rem 1.2rem;border-radius:7px;font-size:90%}.input-info-bullet:hover+.input-info-text{display:block}.input-onfocus-info{display:none}input:focus~.input-onfocus-info{display:block}.show-password-container{margin-top:10px;display:flex;align-items:center}.validation-message{font-size:80%;margin-top:5px;color:var(--color-red)}.auth-header{border-bottom:1px solid var(--color-pink);margin-bottom:20px}.auth-header.has-description{padding-bottom:20px}.auth-header h1{display:flex;align-items:center;gap:5px;margin-bottom:15px;font-size:125%}.auth-header h1 svg{stroke:var(--color-red)}.auth-header .auth-header-description{color:var(--color-black-light);font-size:85%}.forgot-password{display:inline-block;font-size:80%;margin-top:10px}.loading-component{display:flex;justify-content:center;padding:20px}.loading-component .loading-component-animation{display:flex;justify-content:center}.loading-component .loading-component-title{text-align:center}.loading-component .loading-component-text{text-align:center;color:var(--color-black-light);font-size:80%}.pantry{--cell-padding: 10px 20px}.pantry .pantry-container{display:flex;justify-content:center;width:100%}.pantry .pantry-container .pantry-list{list-style:none;width:100%;max-width:640px;margin:0;padding:0;border-bottom:1px solid var(--color-grey);border-radius:0 0 10px 10px;box-shadow:var(--shadow-card)}.pantry .pantry-container .pantry-list .pantry-list-item{display:flex;align-items:center;justify-content:space-between;border-left:1px solid var(--color-grey);border-right:1px solid var(--color-grey)}.pantry .pantry-container .pantry-list .pantry-list-item:last-child{border-radius:0 0 10px 10px}.pantry .pantry-container .pantry-list .pantry-list-item:nth-child(2n+2){background-color:var(--color-grey-light)}.pantry .pantry-container .pantry-list .pantry-list-item:nth-child(odd){background-color:#fff}.pantry .pantry-container .pantry-list .pantry-list-item>*{padding:var(--cell-padding)}.pantry .pantry-container .pantry-list .pantry-list-item .pantry-list-item-data{width:calc(100% - 90px)}.pantry .pantry-container .pantry-list .pantry-list-item .pantry-list-item-data-name{font-size:90%;margin:0;font-family:defaultMedium;font-weight:400}.pantry .pantry-container .pantry-list .pantry-list-item .pantry-list-item-data-brand{font-size:80%;text-transform:capitalize;color:var(--color-black-light)}.pantry .pantry-container .pantry-list .pantry-list-item .pantry-list-item-remove{width:90px;text-align:right}.pantry .pantry-container .pantry-list .pantry-list-item .pantry-list-item-remove button{padding:0;width:30px;height:30px;font-size:18px;line-height:0}.pantry .pantry-container .pantry-list-heading{display:flex;justify-content:space-between;border-radius:10px 10px 0 0;background-color:var(--color-black-light)}.pantry .pantry-container .pantry-list-heading>h2{padding:var(--cell-padding);font-size:90%;font-family:defaultMedium;margin:0;color:#fff;font-weight:400}.pantry .pantry-container .pantry-list-heading .pantry-list-heading-name{width:calc(100% - 90px)}.pantry .pantry-container .pantry-list-heading .pantry-list-heading-remove{width:90px}.controls{display:flex;justify-content:center;padding:10px 0}.controls .controls-content{display:flex;flex-direction:column;padding:10px 0;gap:10px}.controls .controls-content>*{width:100%;text-align:center}@media (width < 640px){.controls .controls-content{width:100%}}.scan .scan-content{text-align:center}.scan .scan-content .scan-content-camera-controls{margin:20px 0}.scan .scan-content .scan-content-camera-controls .scan-content-camera-controls-select{max-width:640px}.scan .scan-content .scan-content-buttons{display:flex;justify-content:center;gap:10px}.scan .video{width:100%;height:auto;max-width:640px;max-height:480px;border-radius:15px}.scan .video.off{display:none}@media (width < 640px){.scan .scan-content .scan-content-camera-controls>label{text-align:left}}.result .result-product .result-product-name{font-family:defaultBold;font-size:18px;font-weight:400;margin:0 0 5px}.result .result-product .result-product-code{background-color:var(--color-grey-light);display:inline-block;border-radius:2px;padding:2px 5px;font-size:12px;margin-bottom:5px}.result .result-product .result-product-brand{font-size:14px;text-transform:capitalize}.add .add-buttons{display:flex;flex-direction:row;gap:30px}.add .add-buttons .add-buttons-button{width:50%}@media (width <= 1070px){.add .add-buttons{flex-direction:column}.add .add-buttons .add-buttons-button{width:100%}}.add-manually-form-container{display:flex;justify-content:center}.add-manually-form-container>form{max-width:640px;width:100%}.formCard{padding:30px 40px 40px;border-radius:10px;max-width:380px;width:100%;border:1px solid var(--color-yellow);box-shadow:var(--shadow-card);background-color:#fff}@media (width < 640px){.formCard{max-width:640px}}.get-recipe .get-recipe-form-container{display:flex;justify-content:center;margin-bottom:40px}.get-recipe .recipe{white-space:pre-line;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.get-recipe .get-recipe-no-credits{margin-bottom:20px}.select-component{margin-bottom:15px}.recipe-card{padding:var(--padding-card);border-radius:var(--radius-card);border:1px solid var(--color-orange);box-shadow:var(--shadow-card);max-width:640px;margin-bottom:20px}.recipe-card .recipe-card-title{margin:0 0 20px;font-size:120%}.image-credits .image-credits-list-wrapper{width:100%;display:flex;justify-content:center}.image-credits .image-credits-list-wrapper .image-credits-list{background-color:#fff;max-width:360px;text-align:center;list-style:none;margin:0 0 50px;padding:20px;box-shadow:var(--shadow-card)}.image-credits .image-credits-list-wrapper .image-credits-list .image-credits-list-item{margin-bottom:20px}.image-credits .image-credits-list-wrapper .image-credits-list .image-credits-list-item .image-credits-list-item-link{display:block;line-height:0}.image-credits .image-credits-list-wrapper .image-credits-list .image-credits-list-item .image-credits-list-item-link>img{width:100%;height:auto}.image-credits .image-credits-list-wrapper .image-credits-list .image-credits-list-item .image-credits-list-item-link .image-credits-list-item-text{font-size:12px;background-color:var(--color-black);color:#fff;padding:5px 0}