@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}.App{align-items:center;background-color:#f9f9f9;flex-direction:column;font-family:Roboto,Arial,sans-serif;padding:0 10px}.App,.App-header{display:flex;width:100%}.App-header{background-color:#fff;border-bottom:1px solid #ccc;font-family:Helvetica,Arial,sans-serif;font-size:clamp(14px,1.5vw,20px);justify-content:space-between;padding:1%}.right-controls{align-items:center;display:flex;gap:20px}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:3vh;justify-content:space-around;margin-left:1vw;margin-right:2vw;padding:.5%;width:2vw}.hamburger-line{background-color:#000;height:clamp(2px,.3vw,4px);width:100%}.user-info{align-items:center;display:flex;gap:8px}.login-id{color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(14px,1.5vw,20px);font-weight:200;letter-spacing:.5px;padding-right:10px}.logout-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .2s ease}.logout-button:hover{background-color:#333}.menu{background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;padding:15px;position:absolute;right:10px;top:9.5vh;width:25vw;z-index:1000}.menu h3{font-size:clamp(14px,1.6vw,22px);font-weight:700;margin-bottom:10px;margin-top:0;text-align:center}.menu label{display:block;font-size:clamp(12px,1.2vw,18px);font-weight:700;margin-bottom:8px}.menu input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:clamp(12px,1vw,16px);margin-top:10px;padding:8px;width:100%}.menu-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 16px;transition:background-color .3s ease;width:100%}.menu-button:hover:not(:disabled){background-color:#1d4ed8}.logo{align-items:center;display:flex;justify-content:center}.logo img{height:auto;margin-left:10px;width:clamp(100px,10vw,150px)}.logo h1{font-family:Helvetica,Arial,sans-serif;margin:0}.url-bar p{color:#555;font-family:Roboto,sans-serif;font-size:clamp(12px,1vw,16px);margin:0}.main-container{display:flex;flex-direction:row;font-family:Helvetica,Arial,sans-serif;justify-content:space-between;padding:10px 0;width:100vw}.image-description-box{margin-bottom:2rem;width:100%}.custom-card{align-items:stretch;border-radius:12px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:row;margin-left:2rem;width:96%}.card-image{object-fit:cover!important;width:100%!important}.image-description-box .MuiPaper-root-MuiCard-root{border-radius:0!important}.card-image-wrapper{cursor:pointer;overflow:hidden;position:relative;width:40%}.image-actions{background:#00000080;gap:12px;left:0;opacity:0;padding:6px 12px;transition:opacity .3s ease}.card-image-wrapper:hover .image-actions{cursor:pointer;opacity:1}.action-button{background:#0000!important;box-shadow:none!important;color:#fff!important;flex-grow:1!important;font-size:14px!important;font-weight:500!important;min-width:auto!important;padding:6px!important;text-transform:none!important}.action-button:hover{text-decoration:underline}.card-description{display:flex;flex-direction:column;justify-content:flex-start;padding:0 16px;width:60%!important}.card-description::-webkit-scrollbar{width:8px}.card-description::-webkit-scrollbar-track{background:#0000}.card-description::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.card-description::-webkit-scrollbar-thumb:hover{background-color:#00000080}.extracted-text-section,.ingredients-section,.objects-section,.recommendation-section{margin-top:1rem}.extracted-text-section ul,.ingredients-section ul,.objects-section ul,.recognized-names-section ul,.recommendation-section ul{margin:0;padding-left:1rem}.recognized-names-section{background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-height:200px}.recognized-names-section>.MuiTypography-root{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;font-weight:600;padding-bottom:8px}.recognized-name-input{align-items:center;background-color:#0046ad;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;gap:.75rem;padding:10px 14px;transition:all .2s ease-in-out}.recognized-name-input input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:.95rem;outline:none;padding:8px 12px;transition:border .2s ease-in-out}.recognized-name-input input:focus{border-color:#fff;box-shadow:0 0 0 2px #1976d233}.recognized-name-index{color:#fff;font-weight:500;min-width:28px}.recognized-names-section button{align-self:flex-end;border:1px solid #0046ad;border-radius:8px;color:#0046ad!important;font-weight:600;margin-top:8px;padding:8px 18px;text-transform:none}.carousel-container{margin:auto;padding:10px 0;width:96%}.carousel-title{font-size:18px!important;padding-left:10px!important;text-align:left}.carousel-slide{box-sizing:border-box;padding:12px}.carousel-slide .carousel-card{border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 3px 6px #00000029;cursor:pointer;margin:0 auto;max-width:300px;overflow:hidden;padding:12px;position:relative;transition:border .2s,box-shadow .2s}.carousel-card .delete-icon{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;opacity:0;padding:4px;position:absolute;right:8px;top:8px;z-index:2}.carousel-slide .carousel-card.selected{border:3px solid #0046ad;box-shadow:0 0 10px #0046ad}.carousel-slide .MuiCardContent-root{padding:12px}.carousel-slide .MuiCardContent-root:last-child{padding-bottom:12px!important}.carousel-slide img{border-radius:12px;display:block;height:100%;object-fit:cover;width:100%}.slick-next,.slick-prev{height:40px;width:40px;z-index:2}.slick-prev{left:-24px!important}.slick-next{right:-24px!important}.slick-next:before,.slick-prev:before{color:#333!important;font-size:30px!important}.slick-next:hover:before,.slick-prev:hover:before{color:#000!important;opacity:1}.history-aside{flex:0 0 30%;margin-left:12px}.history-aside .MuiBox-root{padding:0!important}.history-scroll{display:flex;flex-direction:column;overflow:hidden}.history-date-label{margin-bottom:.5rem;padding:4px 0 4px 4px;position:sticky;top:0;z-index:10}.history-grid{grid-gap:6px;align-content:stretch;display:grid;flex:1 1;gap:6px;grid-auto-rows:1.5fr;grid-template-columns:repeat(auto-fill,minmax(68px,1.5fr));margin:4px 0!important}.history-card{align-items:center;aspect-ratio:1/1;background-color:#fff;border:1px solid #0000;border-radius:6px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:flex;height:72px!important;justify-content:center;overflow:hidden;padding:8px;transition:transform .15s ease;width:72px!important}.history-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.history-card.selected{background-color:#f0f7ff;background-color:var(--mui-palette-action-selected,#f0f7ff);border:2px solid #0046ad;border:2px solid var(--mui-palette-primary-main,#0046ad);box-shadow:0 4px 10px #00000029}.history-card-media{border-radius:4px;height:60px!important;object-fit:cover;width:60px!important}.navbar-appbar{background-color:#0046ad!important;box-shadow:0 4px 6px #0003!important}.navbar-logo-container{align-items:center;display:flex;margin-right:16px}.navbar-logo{height:60px;object-fit:contain;width:clamp(100px,10vw,150px)}.navbar-spacer{flex-grow:1}.navbar-user-container{align-items:center;display:flex}.navbar-user-icon{height:30px!important;width:30px!important}.navbar-username{margin-left:8px}.navbar-menu-paper{margin-right:12px;margin-top:4px}.history-section{padding:8px 16px}.history-header{font-size:16px;font-weight:400;margin-bottom:8px}.history-option{align-items:center;display:flex}.history-label{min-width:70px}.history-options{display:flex;flex-direction:column;gap:8px}.history-layout-preview{border:1px solid #ccc;border-radius:4px;display:flex;height:30px;margin-left:8px;padding:4px;width:60px}.history-layout-left{flex-direction:row;justify-content:space-between}.history-layout-bottom{flex-direction:column;justify-content:flex-end}.history-block{background-color:#f5f5f5;border-radius:4px;flex:1 1}.history-block-small{background-color:#e0e0e0;border-radius:4px;flex-shrink:0;height:6px;margin-top:2px}.history-block-half{border-radius:4px;width:40%}.history-block-half.dark{background-color:#e0e0e0}.history-block-half.light{background-color:#f5f5f5}@media (max-width:768px){.history-aside{flex:1 1 100%;margin-left:0}.history-title{font-size:1rem}.history-scroll{overflow:hidden;padding-right:4px}.history-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));margin:4px 0!important}.history-card{border-radius:4px;padding:4px}.history-card-media{height:64px;width:64px}}.nutrition-analysis{display:flex}.caloriee-details{flex:0 0 60%}.caloriee-details,.detailed-analysis{align-items:flex-start;display:flex;justify-content:flex-start}.detailed-analysis{flex:0 0 40%}.multi-image-carousel-wrapper{margin-top:8px;width:100%}.control-panel{border-right:1px solid #ccc;flex:0 0 15vw;padding-left:1%;padding-right:3%;padding-top:1%}.control-panel,.control-panel h2{font-family:Helvetica,Arial,sans-serif}.control-panel h2{font-size:clamp(14px,2vw,22px);font-weight:700;margin-top:0}.input-group{margin-right:2vw;margin-top:3vh}.input-group label{display:block;font-family:Helvetica,Arial,sans-serif;font-size:clamp(12px,1.2vw,18px);font-weight:700;margin-bottom:1vh}.input-group input[type=file]{display:none}.analysis-section,.recall-section{margin-top:30px}.analysis-section label,.recall-section label{display:block;font-family:Helvetica,Arial,sans-serif;font-size:clamp(12px,1.2vw,18px);font-weight:700;margin-bottom:1vh}.analysis-section input,.recall-section input{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:clamp(8px,1.4vw,12px);margin-right:10px;margin-top:3px;padding:6px;width:80%}.analysis-section button,.manual-upload button,.recall-section button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:clamp(10px,1.4vw,14px);margin:10px 10px 0 0;padding:6px 16px}.analysis-section button:hover,.manual-upload button:hover,.recall-section button:hover{background-color:#1d4ed8}.input-group input,.input-group select{box-sizing:border-box;padding:8px;width:100%}.buttons{margin-top:20px}.assist,.recall{background-color:#000;border:none;color:#fff;cursor:pointer;display:block;font-family:Helvetica,Arial,sans-serif;font-size:clamp(12px,1.5vw,18px);font-weight:400;margin-bottom:10px;padding:10px;width:100%}.section-title{font-size:1.2rem;font-weight:700;margin-bottom:8px}.section-subtitle{color:#34495e;font-size:18px;font-weight:600;margin:12px 0 8px 16px}.section-card{margin-bottom:16px}.meal-id{background:#f3f6fa;border-radius:6px;box-shadow:inset 0 1px 3px #00582014;color:#000;display:flex;font-size:16px;justify-content:flex-start;padding:6px 6px 6px 16px}.meal-id-label{font-weight:600;padding-right:4px}.meal-id-value{color:#019901;font-weight:500}.label{color:#2c3e50;font-weight:600}.value{color:#7f8c8d;font-weight:500}.food-items{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.meal-context,.nutrition-breakdown,.overview-row{grid-gap:8px;display:grid;font-size:14px;gap:8px;grid-template-columns:1fr 1fr;padding:4px 16px 16px}.calories-card{border-radius:8px}.calories-content{align-items:center;display:flex;justify-content:space-between}.calories-title{color:#34495e;font-size:18px;font-weight:600}.calories-value{color:#e74c3c;font-size:18px;font-weight:600}.image-and-history{display:flex;flex-direction:row;gap:20px;width:100%}.image-section{flex:3 1;padding-left:30px;padding-right:20px;padding-top:10px}.latest-image{align-items:flex-start;display:flex;flex-direction:row;gap:20px;padding:0 23px}.image-container{height:min(70vw,70vh);max-height:min(70vw,92vh);max-width:min(70vw,92vh);position:relative;width:min(70vw,70vh)}.image-box{align-items:center;background-color:#f8f8f8;border-radius:8px;display:flex;height:100%;justify-content:center;object-fit:contain;overflow:hidden;width:100%}.image-box img{height:100%;object-fit:cover;width:100%}.bounding-boxes-overlay{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.bounding-box{box-sizing:border-box}.corner-bbox .corner{transition:border-color .2s ease,border-width .2s ease}.bounding-box-label{font-family:Helvetica,Arial,sans-serif;font-weight:600;text-shadow:1px 1px 2px #00000080;transition:background-color .2s ease}.image-container:hover .corner-bbox .corner{border-color:#15c}.image-container:hover .corner-bbox .corner-top-left{border-left-color:#15c;border-top-color:#15c}.image-container:hover .corner-bbox .corner-top-right{border-right-color:#15c;border-top-color:#15c}.image-container:hover .corner-bbox .corner-bottom-left{border-bottom-color:#15c;border-left-color:#15c}.image-container:hover .corner-bbox .corner-bottom-right{border-bottom-color:#15c;border-right-color:#15c}.image-container:hover .bounding-box-label{background-color:#15c}.image-description{display:flex;flex:1 1;flex-direction:column;font-family:Helvetica,Arial,sans-serif;justify-content:flex-start}.image-description h3{margin:0 5px 5px 40px;padding-top:0}.image-description h3,.image-description h4{font-size:clamp(14px,1.6vw,19px);font-weight:700}.image-description h4{margin:5px 5px 5px 0;padding-top:5vh}.image-description p{font-size:clamp(12px,1.4vw,17px);font-weight:300;line-height:1.5;margin:5px 5px 5px 40px}.history{display:flex;flex:2 1;flex-direction:column;font-family:Helvetica,Arial,sans-serif;margin-top:40px}.history h3{font-size:clamp(14px,1.6vw,19px);margin-bottom:10px;margin-top:10px}.history-thumbnails{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(9%,1fr));justify-content:space-between;max-width:80vw;width:100%}.thumbnail-wrapper{aspect-ratio:1/1;max-width:10vw;overflow:visible;position:relative}.thumbnail{border-radius:8px;cursor:pointer;height:100%;overflow:hidden;width:100%}.carousel-card:hover .delete-icon{opacity:1}.thumbnail>img:first-of-type{height:100%;object-fit:cover;width:100%}.thumbnail.selected{border:3px solid gray}.add-photo-icon{height:128px;opacity:.7;width:128px}.no-data-message{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:center}.no-data-message h2{color:#777;font-size:13px;font-weight:300;margin-top:10px;text-align:left}.upload-image{margin-left:3.5vw;margin-top:10vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.recognized-names{color:#333;display:flex;flex:1 1;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:flex-start;margin:5px 5px 5px 40px}.recognized-names h4{font-size:clamp(14px,1.6vw,19px);font-weight:600;letter-spacing:.5px;margin:5px 5px 5px 0;padding-top:5vh;text-transform:uppercase}.recognized-name-item{align-items:center;display:flex;margin-bottom:5px;margin-top:10px}.recognized-index{font-size:14px;font-weight:400;letter-spacing:.5px;margin-right:10px;text-align:right;width:20px}.recognized-names input{border:none;border-radius:3px;box-sizing:border-box;color:#333;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:16px;font-weight:300;padding:4px 6px;width:9vw}.recognized-names input:focus,.recognized-names input:hover{border:1px solid #ccc}.recognized-names input.changed{border:1px solid #007bff}.hide{display:none}.left-thumbnail{background-color:#f9f9f9;display:grid;grid-template-columns:repeat(4,1fr);margin-top:2vh;max-height:50vh;max-width:30vw;overflow-y:auto}.left-thumbnail::-webkit-scrollbar{background-color:#fff;width:3px}.left-thumbnail::-webkit-scrollbar-track{background-color:#fff}.left-thumbnail::-webkit-scrollbar-thumb{background-color:#ccc;border:1px solid #fff;border-radius:1px}.left-thumbnail img{aspect-ratio:1/1;background-color:#fff;box-shadow:0 1px 4px #0003;object-fit:cover;transition:transform .2s ease;width:100%}.left-thumbnail img:hover{cursor:pointer;transform:scale(1.01)}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-content{background:#fff;border-radius:8px;padding:20px}.modal-image{border-radius:8px;max-height:70vh;max-width:90vw;object-fit:contain!important}.food-recall-bubble{background:#7c88d229;border-radius:16px;font-size:clamp(14px,1.4vw,18px);height:60vh;line-height:1.5;margin:16px 25px 20px 24px;max-width:60vw;padding:16px 24px;position:sticky;top:0;z-index:10}.food-recall-bubble p{margin:0}.food-recall-gallery{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;height:60vh;overflow-y:auto;padding:16px}.food-recall-gallery::-webkit-scrollbar{height:8px}.food-recall-gallery::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.food-recall-thumb{border-radius:8px;cursor:pointer;flex:0 0 auto;padding-bottom:8px;scroll-snap-align:start;text-align:center;transition:transform .2s;width:200px}.food-recall-thumb.selected{transform:scale(1.05)}.food-recall-thumb img{aspect-ratio:1/1;border-radius:8px;display:block;height:90%;object-fit:cover;width:90%}.food-recall-label{color:#333;display:block;margin-top:8px}.caption,.food-recall-label{font-size:clamp(12px,1vw,14px)}.caption{color:#444;margin-top:6px;text-align:center;word-break:keep-all}.enroll-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;height:3vh;margin-top:8px;min-width:100px;padding:.5em 1.5em;transition:background-color .3s ease,opacity .3s ease;width:12vw}.enroll-button:hover:not(:disabled){background-color:#1d4ed8}.enroll-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.left-thumbnail{display:none!important}.main-container{flex-direction:row}.history-thumbnail{height:48px;padding:4px;width:48px}.history-left-panel .grid{gap:.4rem;grid-template-columns:repeat(3,1fr)}.nutrition-analysis{display:flex;flex-direction:column;gap:6px;height:100%;margin:8px;width:100%}.caloriee-details,.detailed-analysis{align-items:flex-start;flex:0 0 100%;justify-content:flex-start;padding:8px}.detailed-analysis{justify-content:flex-start}.control-panel{border-bottom:1px solid #ccc;border-right:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding:10px 5px;width:100%}.control-panel h2{font-size:1.1rem;margin-bottom:10px;width:100%}.input-group{flex:1 1 40%;margin-right:0;margin-top:0}.analysis-section,.recall-section{flex:1 1 45%;margin-top:0}.analysis-section button,.analysis-section input,.recall-section button,.recall-section input{width:100%}.carousel-container{padding-top:10px;width:100%}.carousel-title{font-size:18px;margin-left:16px!important;padding-left:16px!important}.carousel-slide .carousel-card{border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;max-width:200px;transition:border .2s,box-shadow .2s}.carousel-slide .carousel-card.selected{border:3px solid #0046ad;box-shadow:0 0 10px #0046ad}.carousel-slide img{border-radius:10px;height:150px;object-fit:cover;width:100%}.slick-next,.slick-prev{height:48px;width:48px}.slick-prev{left:-8px!important}.slick-next{right:-8px!important}.slick-next:before,.slick-prev:before{color:#333!important;font-size:22px!important}}.image-actions{bottom:0;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.action-button{border-radius:8px;color:#fff;display:flex;flex-grow:1;font-size:12px;justify-content:flex-start;padding:12px 16px;width:50%}.with-separator{border-left:1px solid #fff9}.eyeglass-loader{-webkit-text-fill-color:#0000;-webkit-text-stroke:1px #000;animation:blue-white-sweep 3s linear infinite;background:linear-gradient(90deg,#fff,#0357d4);-webkit-background-clip:text;background-size:400% 100%;font-size:64px}@keyframes blue-white-sweep{0%{background-position:400% 0}to{background-position:0 0}}.gray-text-color{color:#7f8c8d}.black-text-md{color:#2c3e50;font-weight:500}.custom-scrollbar{max-height:85vh;overflow-y:auto;scrollbar-color:#0000 #0000;scrollbar-width:thin}
/*# sourceMappingURL=main.abb73fc5.css.map*/