*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}.App{display:flex;flex-direction:column;min-height:100%;text-align:center}.container{align-items:center;background-color:#000;color:#fff;justify-content:center}.container,.wrapper{display:flex;width:100%}.wrapper{justify-content:space-between;max-width:1500px;padding:1.5rem 2rem}.logo{font-size:2rem;font-weight:600}.logo,.scanner{cursor:pointer;letter-spacing:2px}.scanner{align-items:center;display:flex;font-size:1.4rem;font-weight:500}.button-31{background-color:#222;color:#fff;width:auto}.button-31,.search{border-radius:4px;border-style:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:Farfetch Basis,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.5;margin:0;max-width:none;min-height:44px;min-width:10px;outline:none;overflow:hidden;padding:9px 20px 8px;position:relative;text-align:center;text-transform:none;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none}.search{background-color:#f6f2f2;color:#030303;width:90%}.button-31:focus,.button-31:hover{opacity:.75}@media (max-width:600px){.logo{font-size:1.5rem;letter-spacing:1px}.wrapper{padding:1.5rem}.scanner{font-size:1rem;letter-spacing:1px}}.divsearch{display:inline-block}a:link{color:#f7faf7}a:link,a:visited{background-color:transparent;text-decoration:none}a:visited{color:#f7f2f3}.container-footer{align-items:center;background-color:#000;color:#fff;margin-top:auto}.container-footer,.wrapper-footer{display:flex;justify-content:center;width:100%}.wrapper-footer{flex-direction:column;flex-wrap:wrap;font-weight:500;gap:1.5rem;max-width:1500px;padding:2rem}.copyright{align-items:center;font-size:1.2rem;letter-spacing:2.5px}.copyright,.wrapper-footer ul{display:flex;justify-content:center}.wrapper-footer ul{flex-wrap:wrap;gap:1rem;letter-spacing:.75px;list-style-type:none;text-decoration:none}.wrapper-footer ul li{cursor:pointer;padding:1px 0}.wrapper-footer ul li:focus,.wrapper-footer ul li:hover{border-bottom:.5px solid #fff;padding-bottom:.5px}.footer-dot{background-color:#fff;border:1px solid #fff;border-radius:100px;cursor:none;height:2px;margin:auto 0;width:4px}@media (max-width:620px){.copyright{font-size:1rem}.wrapper-footer ul li{font-size:.9rem}.wrapper-footer ul{gap:.6rem}}.popup-wrapper{overflow-y:auto;padding-bottom:10px;z-index:2}.popup-wrapper,.popup-wrapper-dark{bottom:0;left:0;position:fixed;right:0;top:0}.popup-wrapper-dark{background-color:rgba(0,0,0,.817);color:#fff;z-index:3}.popup-container{align-items:center;background-color:#e8e8e8;border-radius:.55rem;color:#000;display:flex;flex-direction:column;justify-content:center;left:50%;margin-bottom:20px;max-width:55rem;padding:3rem;position:relative;top:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%;z-index:5}.ingredient-heading{font-size:1.2rem;font-weight:500;letter-spacing:2px}.legend-dot{background-color:#000;border:1px solid #000;border-radius:100px;display:flex;height:10px;width:10px}.legend-text{font-size:1.1rem;font-weight:500;letter-spacing:1px;text-shadow:1px 1px #000}.legend{display:flex;gap:2rem;justify-content:space-between;list-style:none;list-style-type:none}.legend li{align-items:center;display:flex;gap:.7rem}.color-average{color:#ff5902}.color-poor{color:#edad9d}.color-good{color:#73cdb2}.color-best{color:#94d879}.color-na{color:#9c86ff}.bg-average{background-color:#ff5902}.bg-poor{background-color:#edad9d}.bg-good{background-color:#73cdb2}.bg-best{background-color:#94d879}.bg-na{background-color:#9c86ff}.popup-heading{font-size:2.5rem;font-weight:500;letter-spacing:2px;margin-bottom:2rem}.close-section{display:flex;justify-content:flex-end;margin-top:6rem;width:100%}.close-btn{border:3px solid #4f4f4f;border-radius:8px;color:#4f4f4f;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem}.close-btn:focus,.close-btn:hover{background-color:#4f4f4f;color:#fff}.popup-header{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.cross-close{background-color:#ff4500;border:3px solid #ff4500;border-radius:5px;color:#fff;cursor:pointer;font-size:1.25rem;padding:3px 8px;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.piechart-section{align-items:center;display:flex;flex-direction:column}@media (max-width:660px){.popup-container{margin-bottom:20px;padding:2rem}.legend{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;list-style:none;list-style-type:none}.legend-dot{display:none}.close-btn{font-size:1rem;padding:.75rem 1.5rem}.popup-container{margin-bottom:20px;padding:1.5rem}.popup-heading{font-size:2rem;font-weight:500;letter-spacing:2px;margin-bottom:2rem}.cross-close{visibility:hidden}}.container-table{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1500px;min-width:320px;padding:5rem;width:100%}.wrapper-table{word-wrap:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}.table{width:100%}.table-data{font-weight:500}.table-data,.table-head{padding:2rem;text-align:justify}.table-head{font-size:1.2rem;font-weight:700}.border{border:1px solid #000}.chart-btn{border:3px solid #4f4f4f;border-radius:8px;color:#4f4f4f;cursor:pointer;font-size:1.4rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;padding:1rem 2rem}.chart-btn:focus,.chart-btn:hover{background-color:#4f4f4f;color:#fff}.chart-btn-wrapper{display:flex;justify-content:flex-end}.invisible{color:transparent}@media (max-width:1350px){.container-table{padding:5rem}.table-data,.table-head{padding:1rem}}@media (max-width:1055px){.container-table{padding:1rem}.wrapper-table{word-wrap:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}.table{width:100%}}@media (max-width:845px){.wrapper-table{word-wrap:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}.table-data,.table-head{padding:.5rem}.table thead{display:none}.table,.table tbody,.table td,.table tr{display:block;width:100%}.table tr{margin-bottom:1rem}.table td{border:1px solid #fff;font-size:.95rem;padding-left:35%;position:relative}.table td:before{content:attr(data-label);font-weight:700;left:0;padding-left:.5rem;position:absolute;width:30%}.chart-btn{border:2px solid #4f4f4f;border-radius:8px;color:#4f4f4f;cursor:pointer;font-size:1.1rem;font-weight:500;letter-spacing:1px;padding:.6rem 1.2rem}}.container-scanner{align-items:center;display:flex;justify-content:center;padding:6rem 0}.wrapper-scanner{align-items:center;background:linear-gradient(90deg,#9d5cf8,#7e62fd);border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:2rem;max-width:50rem;min-width:10rem;padding:2.5rem 10rem 5rem;width:90%}.imgUpload{font-size:6rem}.scanner-heading{font-size:3rem;font-weight:500}.submit-btn{background-color:#fff;border-radius:5px;color:#7e62fd;cursor:pointer;font-size:1.5rem;font-weight:500;padding:1.5rem 3rem}.submit-btn:focus,.submit-btn:hover{background-color:#f2f2f2}.image-select-section{align-items:center;display:flex;flex-direction:column;gap:2rem}.image-input{align-items:center;display:flex;justify-content:center}.btn-select{background-color:#fff;border-radius:5px;color:#7e62fd;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem}.btn-select:focus,.btn-select:hover{background-color:#f2f1f1}.filename{font-size:1.4rem;font-weight:500;letter-spacing:1px}.invisible{color:red;visibility:hidden}.invalid-file-error{color:#fff;font-size:1rem;font-weight:500}.opacity-0{opacity:0}.animate-tick,.opacity-0{position:absolute;-webkit-transform:translateX(-200%);transform:translateX(-200%)}.animate-tick{-webkit-animation:spintickin .5s linear forwards;animation:spintickin .5s linear forwards}.animate-tick-out{-webkit-animation:spintickout.5s linear forwards;animation:spintickout.5s linear forwards;position:absolute}@-webkit-keyframes spintickin{0%{opacity:0}25%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes spintickin{0%{opacity:0}25%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes spintickout{0%{opacity:1}25%{opacity:0;-webkit-transform:translate(-200%);transform:translate(-200%)}to{display:none;opacity:0;-webkit-transform:translate(-200%);transform:translate(-200%)}}@keyframes spintickout{0%{opacity:1}25%{opacity:0;-webkit-transform:translate(-200%);transform:translate(-200%)}to{display:none;opacity:0;-webkit-transform:translate(-200%);transform:translate(-200%)}}.animate-on-file-select-out{-webkit-animation:spinin .4s linear forwards;animation:spinin .4s linear forwards;position:relative}.animate-on-file-select-in{-webkit-animation:spining .4s linear forwards;animation:spining .4s linear forwards;position:relative}@-webkit-keyframes spinin{0%{display:block;opacity:1}25%{display:none;opacity:0;-webkit-transform:translateX(150%);transform:translateX(150%)}to{display:none;opacity:0;-webkit-transform:translateX(150%);transform:translateX(150%)}}@keyframes spinin{0%{display:block;opacity:1}25%{display:none;opacity:0;-webkit-transform:translateX(150%);transform:translateX(150%)}to{display:none;opacity:0;-webkit-transform:translateX(150%);transform:translateX(150%)}}@-webkit-keyframes spining{0%{opacity:0;-webkit-transform:translateX(150%);transform:translateX(150%)}25%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes spining{0%{opacity:0;-webkit-transform:translateX(150%);transform:translateX(150%)}25%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:620px){.scanner-heading{font-size:2.1rem}.wrapper-scanner{gap:1rem;padding:2rem 3rem 5rem}.container-scanner{padding:3rem 0}.btn-select{font-size:1rem;padding:.6rem 1.4rem}.submit-btn{background-color:#fff;border-radius:5px;color:#7e62fd;cursor:pointer;font-size:1.5rem;font-weight:500;padding:1rem 2.2rem}}
/*# sourceMappingURL=main.49646153.css.map*/