@import url(https://fonts.googleapis.com/css2?family=Neucha&display=swap);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}.App{align-items:center;background-color:#f1f1f1;display:flex;flex-direction:column;font-family:Neucha,cursive;height:100vh;width:100vw}.App-header{color:#fff;font-size:40px;margin:100px 0 30px;text-align:center;text-transform:uppercase;z-index:1}.App-body{display:flex;height:100%;width:100%}.App-left{display:flex;flex-direction:column;width:80%}.menu-container{align-items:center;display:flex;height:10%;justify-content:space-around}.menu-dropdown{flex:1 1}.free-space{background-color:#fff;border:2px solid #000;height:90%}.App-right,.free-space{align-items:center;display:flex;justify-content:center}.App-right{width:20%}@media (max-width:2000px){.App-header{font-size:35px;margin:15px 0}}.top-menu{background-color:#f2f2f2;border-bottom:2px solid #ccc;display:flex;justify-content:space-between;padding:10px}.dropdown{margin:0 5px}select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:5px}.right-column{background-color:#f8f8f8;border-left:2px solid #ccc;display:flex;flex-direction:column;height:100%;width:100%}.right-column-image-frame{background-color:#e0e0e0;background-color:#f9f9f9;border:1px solid #ccc;height:90%;height:95%;width:90%;width:95%}.panel-overlay,.right-column-image-frame{align-items:center;display:flex;justify-content:center}.panel-overlay{background-color:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.panel-content{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:92%;justify-content:flex-start;text-align:center;width:95%}.overlay-image-frame{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;display:flex;flex-shrink:0;height:35vw;justify-content:center;max-height:90%;max-width:90%;width:35vw}.image-frame img{max-height:100%;max-width:100%;object-fit:contain}.panel-content-upper{align-items:center;display:flex;gap:2%;height:40vw;justify-content:center;max-height:90%}.panel-divider{background-color:#ccc;height:.5%;width:100%}.panel-content-lower{background-color:#fff;display:flex;height:25%;justify-content:center;margin-top:auto;position:relative;width:98%}.panel-placeholder-area{align-items:center;background-color:#e0e0e0;display:flex;height:100%;justify-content:center;width:100%}.placeholder-area{color:#000}.panel-selected-image{height:95%;object-fit:contain;width:95%}.panel-button-left,.panel-button-right{width:5%}.left-column{justify-content:center;padding:20px}.iframe{border:none;height:100%;width:100%}.left-column{background-color:#f8f8f8;border-right:2px solid #ccc;height:100%;width:100%}.left-column,.selected-image-container{align-items:center;display:flex;flex-direction:column}.selected-image-container{height:55%;position:relative;text-align:center}.selected-image-title{font-weight:700;margin-top:5%;text-align:center}.image-frame,.selected-image-wrapper{align-items:center;display:flex;height:90%;justify-content:center;width:90%}.image-frame{background-color:#e0e0e0}.selected-image{height:90%;width:90%}.textual-description-container{align-items:center;display:flex;flex-direction:column;height:15%;position:relative;text-align:center}.textual-description-title{font-weight:700;margin-bottom:5%}.textual-description-wrapper{align-items:center;background-color:#e0e0e0;display:flex;height:90%;justify-content:center;width:90%}.similar-images-container{align-items:center;display:flex;flex-direction:column;height:45%;position:relative;text-align:center}.similar-images-title{font-weight:700;margin-top:5%}.similar-images-wrapper{align-items:center;display:flex;height:100%;justify-content:center;margin-top:5%;width:100%}.explainability-container{align-items:center;display:flex;flex-direction:column;height:5%;position:relative;text-align:center}.placeholder-area{background-color:#e0e0e0;height:100%;width:100%}.no-image-selected-similar,.placeholder-area{align-items:center;border:1px solid #ccc;display:flex;justify-content:center}.no-image-selected-similar{background-color:#f0f0f0;height:95%;width:95%}.similar-image{border:1px solid #ccc;height:95%;width:95%}.no-image-selected,.similar-image{align-items:center;background-color:#f0f0f0;display:flex;justify-content:center}.no-image-selected{height:90%;width:90%}.lleft-column-image-frame{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;display:flex;height:95%;justify-content:center;width:95%}.image-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,56px);justify-content:center;margin-top:10px}.image-grid-item{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:border .2s}.image-grid-item.selected{background:#e0e0e0;border:2px solid #888}.grid-image-thumb{border-radius:4px;display:block;height:52px;object-fit:cover;width:52px}.apn-images-container{height:95%}.apn-images-container,.hide-apns-container{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center}.hide-apns-container{height:5%}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.login-error{color:red;font-size:.9rem}
/*# sourceMappingURL=main.da37ef9d.css.map*/