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;min-height:100vh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}.App{align-items:center;background-color:#282c34;display:flex;justify-content:space-between;position:relative}.canvas-wrapper{width:100%}.side-pannel{align-items:center;justify-content:space-around}.dropdown-wrapper,.side-pannel{display:flex;flex-direction:column}.dropdown-wrapper{margin:10px 25px;width:90%}.zoom-wrapper{opacity:.9}#credits,.zoom-wrapper{display:flex;justify-content:center}#credits{align-items:center;border-color:#0000 #0000 #282c34 #282c34;border-style:solid;border-width:40px;bottom:0;color:#f0f8ff;height:0;left:0;position:absolute;width:0}#github{height:20px;position:relative;right:15px;top:15px;width:20px}#predicted-image{align-items:center;display:flex;height:200px;justify-content:center;left:10px;position:absolute;top:10px;width:200px}.img-fluid{border-radius:50%;box-shadow:0 0 5px #000;height:100%;width:100%}.learn{font-size:.9rem;margin-top:40px;padding:10px 15px}.learn,.learn a{color:#f0f8ff;opacity:.9}.learn a:hover{opacity:1}.explanation{color:#f0f8ff;font-size:.8rem;margin:0;opacity:.7;padding:5px;text-align:center}h3{color:#f0f8ff;font-size:1rem;font-weight:400;margin:5px;opacity:.9;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#434c56;border-radius:2px}@media screen and (max-width:768px){.App{flex-direction:column}.predictions-list-wrapper{display:none}.side-pannel{height:40vh}.dropdown-wrapper{order:0}.learn{margin-top:0;order:1}.zoom-wrapper{margin-bottom:10px;order:0}.range-container{order:1}}#canvas{background-color:#f0f8ff;border:10px solid #000;box-sizing:border-box;cursor:grab;height:100vh;overflow:hidden;position:relative;touch-action:none;width:100%}@media screen and (max-width:768px){#canvas{height:60vh}}.point{align-items:center;background:#282c34;background-size:cover;border-radius:50%;color:#fff;display:flex;justify-content:center;line-height:1;position:absolute}.hovered-point{box-shadow:0 0 5px #282c34;cursor:pointer;z-index:1000}.hidden{display:none}.tooltip{border:4px solid #282c34;color:#f0f8ff;height:200px;position:absolute;text-align:center;width:200px}.tooltip img{height:100%;width:100%}.invisible{display:none;transition:.3s}#triangle{border-left:102px solid #0000;border-right:102px solid #0000;border-top:20px solid #282c34;bottom:-24px;height:0;width:0}#triangle,.item{position:absolute}.item{background:#282c34;bottom:0;margin:0;opacity:.9;padding:5px 0 10px;width:100%}.range-container{align-items:center;color:#f0f8ff;display:flex;justify-content:flex-end;margin:10px 10px 20px;opacity:.9;width:300px}.range-container label{min-width:70px}#selector{flex-grow:1;margin-left:5px}.folder-upload{color:#f0f8ff;margin:16px auto;max-width:720px;width:100%}.dropzone{background:#00000005;border:2px dashed #999;border-radius:12px;cursor:pointer;padding:28px;text-align:center;transition:transform .12s ease,background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.dropzone:hover{background:#0000000a;border-color:#666}.dropzone.dragover{background:#00000012;border-color:#222;transform:scale(1.01)}.dropzone-title{font-size:16px;font-weight:600;margin-bottom:6px}.dropzone-subtitle{font-size:13px;opacity:.75}.folder-input-hidden{display:none}.upload-status{margin-left:auto;margin-right:auto;margin-top:12px;max-width:720px}.upload-hint{font-size:13px;opacity:.75;padding:8px 2px;text-align:center}.upload-ok{background:#00000005;border:1px solid #ddd;border-radius:10px}.upload-error,.upload-ok{font-size:13px;line-height:1.5;padding:10px 12px}.upload-error{background:#ff00000f;border:1px solid #d99;border-radius:10px}
/*# sourceMappingURL=main.dc0bfe59.css.map*/