html,body,#root{position:fixed;width:100%;height:100%;margin:0;padding:0;top:0;left:0;overflow:auto}*{box-sizing:border-box;overflow:hidden}.App{text-align:center;background-color:#282c34;min-height:100vh}.App .page-container{padding:1rem 4rem}.App .App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App .App-header p{margin:1rem}.App .media-pipe-container,.App .media-upload-container,.App #threejs-canvas-container{margin-top:2rem}.App .media-pipe-container .image-processing-area{display:flex;justify-content:center;gap:2rem}.App .media-pipe-container .image-processing-area .image-preview,.App .media-pipe-container .image-processing-area .processed-image{flex:1;max-width:45%}.App .media-pipe-container .image-processing-area .image-preview img,.App .media-pipe-container .image-processing-area .image-preview canvas,.App .media-pipe-container .image-processing-area .processed-image img,.App .media-pipe-container .image-processing-area .processed-image canvas{max-width:100%;border-radius:8px;box-shadow:0 4px 6px #0000001a}.App .media-upload-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0;background-color:#ffffff1a;border-radius:8px}.App .media-upload-container .detecting-logos-container,.App .media-upload-container .detecting-explicit-content-container{background-color:#ffffff1a;border-radius:8px;width:100%;min-height:0;transition:min-height .3s ease,margin-bottom .3s ease}.App .media-upload-container .detecting-logos-container:not(:empty),.App .media-upload-container .detecting-explicit-content-container:not(:empty){margin-bottom:1rem;min-height:50px}.App .media-upload-container .detecting-logos-container .detecting-text,.App .media-upload-container .detecting-logos-container .detected-logos,.App .media-upload-container .detecting-logos-container .detected-explicit-content,.App .media-upload-container .detecting-explicit-content-container .detecting-text,.App .media-upload-container .detecting-explicit-content-container .detected-logos,.App .media-upload-container .detecting-explicit-content-container .detected-explicit-content{color:#61dafb;margin:1rem}.App .media-upload-container .detecting-logos-container .processing-time,.App .media-upload-container .detecting-explicit-content-container .processing-time{display:block;font-size:.9em;color:#a0a0a0;margin-top:.5rem}.App .media-upload-container .likelihood-safe{color:#00d200}.App .media-upload-container .likelihood-unsafe{color:red}.App .media-upload-container .overall-likelihood-result{font-size:1.2em;font-weight:700}.App .media-upload-container .explicit-content-table{width:100%;border-collapse:collapse;margin-top:10px}.App .media-upload-container .explicit-content-table th,.App .media-upload-container .explicit-content-table td{border:1px solid #ddd;padding:8px;text-align:left}.App .media-upload-container .explicit-content-table th{background-color:#ffffff4d;font-weight:700}.App .media-upload-container .explicit-content-table tr{background-color:#fff3}.App .media-upload-container .media-upload-form{width:100%;display:flex;flex-direction:column;align-items:center}.App .media-upload-container .media-upload-form input[type=file]{display:none}.App .media-upload-container .media-upload-form .button-container{display:flex;flex-direction:row;justify-content:center}.App .media-upload-container .media-upload-form .button-container .upload-button .file-input-label{display:inline-block;padding:10px 15px;background-color:#61dafb;color:#282c34;cursor:pointer;border-radius:4px;margin-right:10px;transition:background-color .3s ease}.App .media-upload-container .media-upload-form .button-container .upload-button .file-input-label:hover{background-color:#2fcefa}.App .media-upload-container .media-upload-form .file-name{margin:10px 0 0;font-size:.9em;color:#61dafb}.App .media-upload-container .video-info{display:flex;justify-content:space-between;margin-top:10px}.App .media-upload-container .video-info .video-duration,.App .media-upload-container .video-info .processing-time{font-size:.9em;color:#fff}.App .media-upload-container .video-details-container{background-color:#ababab;margin-bottom:1rem;border-radius:8px;width:100%}.App .media-upload-container .video-details-container .video-details{padding:15px}.App .media-upload-container .video-details-container .video-details h3{margin-top:0;margin-bottom:10px}.App .media-upload-container .video-details-container .video-details p{margin:5px 0}.App #threejs-canvas-container canvas{max-width:100%;border-radius:8px;box-shadow:0 4px 6px #0000001a;filter:blur(10px)}.detection-display-container{display:flex;flex-direction:row;width:100%}.detection-display-container:not(:empty){gap:1rem;padding:1rem}.detection-display-container .video-display,.detection-display-container .image-display{flex-basis:50%}.image-display .image-details-container{background-color:#ababab;margin-bottom:1rem;border-radius:8px;width:100%}.image-display .image-details-container .image-details{padding:15px}.image-display .image-details-container .image-details h3{margin-top:0;margin-bottom:10px}.image-display .image-details-container .image-details p{margin:5px 0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}