body{margin:0;padding:0;font-family:Lucida Console}.root{place-content:center flex-start;background-color:#020202;background-image:radial-gradient(#f2f2f2 1%,transparent 5%);background-size:20px 20px;background-position:0;background-repeat:repeat;flex-flow:column nowrap;height:100vh;overflow:auto;padding:0;position:relative}.container,.root{display:flex;align-items:center}.container{place-content:center flex-start;flex:0 0 auto;flex-flow:column nowrap;height:-moz-fit-content;height:fit-content;max-width:975px;overflow:auto;padding:50px;position:relative;width:auto;gap:64px}.header{display:flex;flex-direction:column;width:100%;align-items:center;color:#fff}.header-title h3{position:relative;z-index:1}.h3-bg-box{position:absolute;top:7px;left:7px;background-color:#ff1e00;width:90px;height:15px;z-index:-1}.header-title p{width:100%;font-weight:700;font-size:72px;letter-spacing:-4px;line-height:1.2em;text-align:center;margin:0;padding:0}.bg-text{position:relative;z-index:1}.bg-box{position:absolute;top:25px;left:20px;background-color:#ff1e00;width:100%;height:50px;z-index:-1}.image-capture{display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;border:2px solid #ff4a4a;background-color:hsla(0,0%,100%,.4);border-radius:20px;width:200px;height:100px}.image-capture-text{color:#e8f9fd;font-size:10px;margin:10px;text-align:center}.onimage{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.product-image{height:auto;border-radius:20px;width:300px;border:4px solid #ff4a4a}.scanButton{color:#f2f2f2;cursor:pointer;width:-moz-fit-content;width:fit-content;padding:10px;margin:20px;position:relative;z-index:1}.scanButton:hover .scan-bg-box{top:10px;left:15px}.scan-bg-box{position:absolute;top:16px;left:20px;background-color:#ff1e00;width:150px;height:15px;z-index:-1}.ingredients{background-color:#006e7f;color:#e8f9fd;border-radius:10px;cursor:pointer;max-width:600px;padding:10px;margin:50px 0}.loader{margin:20px;display:block;position:relative;height:12px;width:80%;border:2px solid #fff;border-radius:10px;overflow:hidden}.loader:after{content:"";width:40%;height:100%;background:#ff4a4a;position:absolute;top:0;left:0;box-sizing:border-box;animation:animloader 2s linear infinite}@keyframes animloader{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0)}}@media (max-width:600px){.header-title p{font-size:40px}.bg-box{height:32px;top:12px;left:15px}}