body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Orbitron,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,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}.Header{background-color:#00b3b3;border-bottom:2px solid #00b3b3;display:flex;height:6.4vh;position:relative;width:100%}.Title{align-items:center;background-image:linear-gradient(90deg,#000,#00b3b3);display:flex;flex:1.5 1;font-family:Orbitron,Segoe Script,sans-serif;font-weight:700;height:100%;padding:0 10px 0 1%}.NNV,.Title{font-size:clamp(18px,3vmin,32px)}.NNV{background:linear-gradient(90deg,#00b3b3,#000);background-clip:text;-webkit-background-clip:text;color:#0000;display:inline-block;padding-left:8px}.Contact{align-items:center;background:linear-gradient(90deg,#00b3b3 25%,#000);display:flex;flex:2 1;gap:30px;height:100%;justify-content:flex-end;padding:0 10px}.main-container{background-color:#f5f5f5;display:flex;height:93.6vh;overflow:hidden}.sidebar{background-color:#000;border-right:2px solid #00b3b3;max-width:250px;min-width:200px;overflow-y:auto;padding:2% 15px 15px;position:relative;width:15%}.slider-container{margin:0 auto 6%;max-width:180px;width:100%}.slider-label{color:#00b3b3;display:block;font-size:.8em;margin-bottom:2%;text-align:center}.slider{-webkit-appearance:none;background:#333;border-radius:4px;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00b3b3;border-radius:50%;cursor:pointer;height:16px;width:16px}.slider::-moz-range-thumb{background:#00b3b3;border-radius:50%;cursor:pointer;height:2%;width:2%}.input-container{margin:0 auto 6%;max-width:180px;width:100%}.input-label{-webkit-appearance:none;appearance:textfield;display:block;font-size:.8em;margin-bottom:2%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.input-label,input[type=number]{color:#00b3b3;font-family:Orbitron,sans-serif}input[type=number]{background-color:#111;border:2px solid #00b3b3;border-radius:4px;font-size:.9em;width:100%}.mnist{border:2px solid #00b3b3;border-radius:5px;margin:2% 2% 10%}.mnist-display{align-items:center;display:flex;flex-direction:column;justify-content:center}.mnist-image{background-color:#00b3b3;border:1px solid #ddd;border-radius:4px;max-height:90%;max-width:90%}.mnist-label{color:#00b3b3;font-size:.8em;font-weight:700;margin-top:10px}.loading-container{height:200px}.loading-container,.visualization-area{align-items:center;display:flex;justify-content:center}.visualization-area{background-color:#111;flex-direction:column;height:100%;padding:5px;width:100%}.visualization-error,.visualization-loading,.visualization-placeholder{color:#666;font-size:1.2rem;text-align:center}.visualization-loading{color:#00b3b3}.visualization-error{color:red}.placeholder-text{color:#666;margin:2px;text-align:center}.dropdown-container{margin:0 auto 6%;max-width:180px;width:100%}.dropdown-label{color:#00b3b3;display:block;font-size:.8em;margin-bottom:2%;text-align:center}.activation-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#111;border:2px solid #00b3b3;border-radius:4px;color:#00b3b3;cursor:pointer;font-size:.9em;padding:8px;transition:all .3s ease;width:100%}.activation-dropdown:hover{background-color:#00b3b31a;border-color:teal}.activation-dropdown:focus{box-shadow:0 0 5px #00b3b380;outline:none}.submit-button{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;background-color:#111;border:2px solid #00b3b3;border-radius:10px;color:#00b3b3;display:-webkit-box;font-family:Orbitron,sans-serif;font-size:.8em;height:70px;left:20%;margin:2% auto 12px;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;width:60%}.submit-button:hover{background-color:#37dbc080;border-color:teal}.spinner-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.spinner{animation:spin 1s linear infinite;border:5px solid #00b3b333;border-radius:50%;border-top-color:#00b3b3;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.647aa4dd.css.map*/