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}body{background:#f7f7f7;font-family:Arial,sans-serif;margin:0}.App{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;height:90vh;margin:20px auto;max-width:700px;overflow-y:auto;padding:2rem;position:relative;width:90%}.logo-container{margin-bottom:1rem;text-align:center}.logo{height:auto;max-width:150px}h1{margin-bottom:1.5rem;text-align:center}form{display:flex;flex-direction:column;margin-bottom:1rem}.input-group{margin-bottom:1.5rem}.search-type-fieldset{background-color:#f1f1f1;border:2px solid #007bff;border-radius:8px;padding:1rem}.search-type-legend{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;text-align:center}.input-group label{display:block;font-weight:700;margin-bottom:.5rem}input[type=number],input[type=text]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}fieldset{border:none;margin:0;padding:0}label{align-items:center;display:flex;font-size:1rem;font-weight:400;margin-bottom:.75rem}label input{margin-right:.5rem}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:background-color .3s ease}button:hover{background-color:#0056b3}.submit-btn{margin-top:1rem}.results{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:2rem}.result{cursor:pointer;flex-basis:calc(33.333% - 1rem);flex-grow:1;flex-shrink:1;text-align:center}.result-img-container{position:relative}.result-img-container img{border:1px solid #ddd;border-radius:4px;height:auto;width:100%}.overlay{align-items:center;background-color:#00000080;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:1rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.result-img-container:hover .overlay{opacity:1}.modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90%;max-width:90%;overflow-y:auto;padding:1rem 1.5rem;position:relative;text-align:center}.close{cursor:pointer;font-size:2rem;font-weight:700;position:absolute;right:20px;top:10px}.modal-image{height:auto;margin-bottom:1rem;max-width:100%}.legend{margin-top:1rem}.legend h3{margin-bottom:.5rem}.legend-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.legend-item{align-items:center;background-color:#eee;border-radius:4px;display:flex;font-size:.85rem;padding:2px 6px;white-space:nowrap}.legend-color{border-radius:2px;display:inline-block;height:16px;margin-right:.5rem;width:16px}.no-data{background:repeating-linear-gradient(45deg,#999,#999 5px,#fff 0,#fff 10px)}.error{color:red;text-align:center}.fullscreen-loader{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.loader-content{color:#fff;text-align:center}.spinner{animation:spin 1s linear infinite;border:5px solid #ffffffaa;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.App{height:80vh;width:95%}.result{flex:1 1 100%}.modal-content{max-height:95%;max-width:95%}}
/*# sourceMappingURL=main.e33a034b.css.map*/