body{color:#1a1a1a;font-family:Arial,sans-serif;margin:0}.vqa-container{background-color:#f3f3f3;flex-direction:column;height:100vh;justify-content:center}.header,.vqa-container{align-items:center;display:flex}.header{margin-bottom:20px}.logo{align-items:center;background-color:#333;border-radius:50%;display:flex;font-size:18px;height:50px;justify-content:center;margin-right:10px;width:50px}.logo img{border:3px solid teal;border-radius:50%;width:100%}.app-name{color:teal;font-size:30px;font-weight:700}.sub-header{margin-bottom:20px}.sub-name{color:#5c5c5c;font-size:35px;font-weight:700}.content{display:flex;gap:20px}.image-upload{align-items:center;background-color:#fff;border:2px dashed #444;border-radius:10px;cursor:pointer;display:flex;height:400px;justify-content:center;transition:border-color .3s ease;width:400px}.image-upload:hover{border-color:#666}.uploaded-image{border-radius:10px;height:100%;object-fit:cover;width:100%}.upload-text{text-align:center}.file-input{display:none}.qa-section{background-color:#fff;border-radius:10px;box-shadow:0 0 2px 2px #919191;display:flex;flex-direction:column;height:400px;overflow:hidden;width:400px}.qa-history{flex-grow:1;overflow-y:auto;padding:10px}.qa-history,.qa-item{display:flex;flex-direction:column;gap:10px}.user-question{align-self:flex-end;animation:fadeInUp .3s ease-in-out forwards;background-color:teal;border-radius:10px 10px 0 10px;color:#fff;max-width:80%;opacity:0;padding:10px;transform:translateY(10px)}.question-text{margin:0}.system-answer{align-self:flex-start;animation:fadeInUp .3s ease-in-out forwards;background-color:#d7c98d;border-radius:10px 10px 10px 0;color:#1a1a1a;max-width:80%;opacity:0;padding:10px;transform:translateY(10px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.answer-text{margin:0}.question-input{border:1px solid #bababa;border-radius:10px;display:flex;margin:0 auto 3px;width:98%}.input-field{background-color:initial;border:none;flex-grow:1;outline:none;padding:10px}.submit-button{background-color:teal;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;margin:2px;padding:10px 15px;transition:background-color .3s ease;width:40px}.submit-button:hover{background-color:#003c3c}@media (max-width:600px){.vqa-container{height:auto;min-height:100vh;padding:10px}.content{flex-direction:column;gap:15px;width:100%}.image-upload{height:200px;width:100%}.upload-text{font-size:14px}.qa-section{height:300px;width:100%}.input-field{font-size:14px}.submit-button{padding:8px 12px}.sub-name{font-size:20px}}.preloader{align-items:center;background-color:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity 1s ease-out,visibility 1s ease-out;width:100%;z-index:9999}.logo-bounce{animation:bounce 2s infinite;border:4px solid #116c8a;border-radius:50%;height:80px;width:80px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-30px) scale(1.1,.9)}60%{transform:translateY(-15px) scale(.9,1.1)}}.fade-out{opacity:0;visibility:hidden}.login-container{display:flex;gap:10px;position:absolute;right:20px;top:20px}.login-button,.signup-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.login-button{background-color:teal;color:#fff;transition:background-color .3s ease,transform .3s ease}.login-button:hover{background-color:#0e5a75;transform:scale(1.05)}.signup-button{background-color:#f1f1f1;border:2px solid teal;color:teal;transition:background-color .3s ease,transform .3s ease}.signup-button:hover{background-color:#ddd;transform:scale(1.05)}.container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.logincontainer{animation:fadeInSlide 1s ease-out;background-color:#fff;border-radius:30px;box-shadow:0 0 5px 5px #0003;display:flex;flex-direction:column;padding-bottom:30px;width:400px}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-login{align-items:center;display:flex;flex-direction:column;gap:9px;margin-top:30px;width:100%}.text-login{color:#116c8a;font-weight:700}.header-login img{border:5px solid #116c8a;border-radius:50%;width:80px}.underline{background:#116c8a;border-radius:9px;height:6px;width:61px}.form-group{display:flex;flex-direction:column;gap:15px;margin-top:20px}.form-input-login{align-items:center;background:hsla(0,0%,50%,.127);border-radius:6px;display:flex;height:50px;margin:auto;transform:scale(1);transition:transform 1s ease;width:80%}.form-input-login img{margin:0 30px;width:15px}.form-input-login input{background:#0000;border:none;border-bottom:2px solid #0000;color:#404040;font-size:16px;height:50px;outline:none;transition:border-bottom-color .3s ease;width:100%}.form-input-login:focus-within{background:hsla(0,0%,50%,.246);transform:scale(1.05)}.forgot-password{margin-top:27px;text-align:center}.forgot-password span{color:#404040;transform:scale(1);transition:color .5s ease,transform .5s ease}.forgot-password span:hover{color:#29bced;cursor:pointer;transform:scale(1.1)}.submit-container{display:flex;gap:30px;margin-bottom:30px;margin-top:30px;width:100%}.submit-container button{align-items:center;background-color:initial;border:3px solid #116c8a;border-radius:50px;color:#116c8a;cursor:pointer;display:flex;font-size:19px;font-weight:700;height:59px;justify-content:center;margin:0 auto;transform:scale(1);transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;width:220px}.submit-container button:hover{background-color:#116c8a;box-shadow:0 4px 8px #00000080;color:#fff;transform:scale(1.1)}@media (max-width:768px){.logincontainer{border-radius:20px;padding:20px;width:80%}.form-input-login{width:100%}.form-input-login input{font-size:16px;width:100%}.submit-container{flex-direction:column;gap:15px}.submit-container button{width:100%}}@media (max-width:480px){.header img{width:60px}.text{font-size:20px}.form-input-login img{margin:0 15px;width:12px}.form-group{gap:20px;margin-top:30px}.forgot-password{margin-top:20px}.submit-container button{font-size:18px;height:50px}}body,html{background-color:#d9d9d933;height:100%;margin:0;padding:0}
/*# sourceMappingURL=main.fe123c95.css.map*/