#uploader-container{width:48%;box-sizing:border-box;height:max-content;border:5px solid var(--site-accent-color-2);border-radius:1%}#image-container{aspect-ratio:1 / 1;display:flex;place-items:center;background-color:var(--container-color)}#selected-image-shown{width:100%;height:100%;object-fit:cover}#selected-image.hidden{display:none}#upload-button{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:300;color:#828282;cursor:pointer}#image-buttons{display:flex;height:100%}.buttons{border-radius:0;height:54px;width:100%;background-color:var(--container-color);color:var(--site-accent-color-2);border:5px solid var(--site-accent-color-2);border-bottom:0;font-weight:800}.buttons.left{border-left:0;border-right:2.5px solid var(--site-accent-color-2)}.buttons.right{border-left:2.5px solid var(--site-accent-color-2);border-right:0}.buttons:disabled{cursor:not-allowed;background-color:#e5e5e5;color:gray}.buttons:hover{border-top:5px solid var(--site-accent-color-2)}.buttons:hover:enabled,.buttons:focus{background-color:var(--site-accent-color-2);color:var(--container-color)}.buttons:focus{outline:none}@media (max-width: 801px){#uploader-container{width:100%}}#navbar{height:100%;display:flex;justify-content:space-around;align-items:center;background-color:var(--site-bg-color)}#logo-container,ul,#toggle-container,a{height:100%;display:flex;align-items:center}#logo-container{width:60%}#logo,#toggle-icon{height:45%}ul,#toggle-container{width:40%;justify-content:end}ul{margin:0;padding:0;flex-direction:row;column-gap:50px;flex-wrap:wrap}li{list-style:none}@media (min-width: 800px){#toggle-container{display:none}}@media (max-width: 801px){header,#navbar{background-color:#fff}.hidden{display:none}.visible{position:fixed;top:56px;width:100%;height:max-content;flex-direction:column;justify-content:flex-start;background-color:var(--navigation-color);padding:6px 0 8px}.nav-link{padding:5px 0}}#prediction-container{width:38%;box-sizing:border-box;border:5px solid var(--site-accent-color-2);border-radius:1%;background-color:var(--container-color);padding:0 1%}h1,h2,h3{margin:0;padding:0}h1{font-size:1.8em;margin-top:.1em}h2{font-size:1.4em;margin-top:-.3em;margin-bottom:.18em}h3{margin-top:.2em;margin-bottom:.2em}#uncertain-indicator{font-size:.95em}.dish-li-item:first-of-type{margin-top:-.2em}.dish-li-item:before{content:"-";margin:0 .1em;font-weight:500;color:var(--site-accent-color-1)}.dish{color:var(--site-accent-color-1);text-decoration:underline}.dish:hover{cursor:pointer}.divider{border-bottom:1px solid var(--site-accent-color-2);margin:2px 0}.thick{height:3px;background-color:var(--site-accent-color-2)}.dish-info{margin-top:.5em}@media (max-width: 801px){#prediction-container{width:100%}}#loading{height:100%;width:100vw;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center}#loading-text{position:relative;left:-5px;top:-4px;margin-top:0;display:flex;align-items:center;justify-content:center}#ellipsis{position:relative;left:14px;top:4px;width:4px;height:4px;border-radius:3px;background-color:#000;color:#000;animation:loading-ellipsis .25s infinite linear alternate;animation-delay:.125s}#ellipsis:before,#ellipsis:after{content:"";display:inline-block;position:absolute;top:0}#ellipsis:before{left:-8px;width:4px;height:4px;border-radius:3px;background-color:#000;color:#000;animation:loading-ellipsis .25s infinite alternate;animation-delay:0s}#ellipsis:after{left:8px;width:4px;height:4px;border-radius:3px;background-color:#000;color:#000;animation:loading-ellipsis .25s infinite alternate;animation-delay:.25s}@keyframes loading-ellipsis{0%{background-color:#000}50%,to{background-color:#0003}}header{box-sizing:border-box;overflow:hidden;position:fixed;top:0;height:56px;width:100vw;padding:0 12vw;border-bottom:2px solid var(--navigation-color);z-index:1}main{box-sizing:border-box;padding:56px 12vw 0;width:100vw}#model-logic{width:100%;margin-top:5vh;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}#How_it_works{margin-bottom:5vh}#section-header:first-of-type:before{content:"";display:block;height:56px;margin-top:-56px;visibility:hidden}#section-header{font-size:1.3em;margin-top:1em}.info{margin-top:0;font-weight:430}.dashed-item{margin-left:2em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.dashed-item:before{margin-left:-1em;content:"- "}.bold{font-weight:650}.lightBold{font-weight:500}.italic{font-style:italic}#class-list{display:flex;flex-direction:row;justify-content:space-between;width:70%;max-width:1600px}@media (max-width: 1100px){#class-list{width:90%}}footer{display:flex;justify-content:center;flex-direction:column;align-items:center;align-self:center;color:var(--navigation-color);height:112px;border-top:2px solid var(--navigation-color);background-color:var(--site-accent-color-2)}#footer-logo{filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);height:20%}.footer-text{margin:0;height:fit-content}@media (max-width: 801px){#model-logic{flex-direction:column;gap:2vh;margin-top:2vh}#class-list{flex-direction:column}}:root{--site-bg-color: #FAFAFA;--container-color: #fffefb;--site-accent-color-1: #E96F03;--site-accent-color-2: #213547;--navigation-color: #dcdcdc;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:var(--site-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden}a,a:visited{font-weight:340;color:#333;text-decoration:inherit}a:hover{color:var(--site-accent-color-1)}body{margin:0;display:flex;min-width:100vw;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--site-accent-color-2);background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}