#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;height:100vh;margin:0;padding:0;background-color:#0d1117;box-sizing:border-box;color:#c9d1d9}:root{--color-canvas-success: #00ff88;--color-canvas-gray-dark: #3d4556;--color-canvas-gray-medium: #8b949e;--color-canvas-target: #ff3366;--color-canvas-error-orange: #ffaa00;--color-canvas-segment-blue: #00d9ff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}body{background-color:#0d1117;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;height:100vh;margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0d1117;border-radius:4px;border:1px solid #30363d}::-webkit-scrollbar-thumb{background:#3d4556;border-radius:4px;border:1px solid #30363d}::-webkit-scrollbar-thumb:hover{background:#00d9ff}::-webkit-scrollbar-corner{background:#0d1117}*{scrollbar-width:thin;scrollbar-color:#3d4556 #0d1117}.btn{border:1px solid #30363d;border-radius:4px;cursor:pointer;font-size:.9em;font-family:Courier New,monospace;padding:10px 20px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.btn-primary{background-color:#00d9ff1a;color:#00d9ff;border-color:#00d9ff}.btn-primary:hover{background-color:#00d9ff33}.btn-success{background-color:#00ff881a;color:#0f8;border-color:#0f8}.btn-success:hover{background-color:#0f83}.btn-danger{background-color:#ff33661a;color:#f36;border-color:#f36}.btn-danger:hover{background-color:#f363}.btn-info{background-color:#00d9ff1a;color:#00d9ff;border-color:#00d9ff}.btn-info:hover{background-color:#00d9ff33}.btn-secondary{background-color:#8b949e1a;color:#c9d1d9;border-color:#30363d}.btn-secondary:hover{background-color:#8b949e33;border-color:#8b949e}.input,.select{border:1px solid #30363d;border-radius:4px;padding:10px;font-size:.9em;font-family:Courier New,monospace;background-color:#0d1117;color:#c9d1d9}.input:focus,.select:focus{outline:none;border-color:#00d9ff}.select{background-color:#0d1117;cursor:pointer}.select option{background-color:#161b22;color:#c9d1d9}.monospace{font-family:Courier New,monospace;font-size:.8em}.slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#30363d4d;outline:none;border-radius:4px;margin-top:3px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#00d9ff;cursor:pointer}.slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#00d9ff;cursor:pointer;border:none}.slider.slider-disabled{opacity:.5}.slider.slider-disabled::-webkit-slider-thumb{background:#8b949e;cursor:not-allowed}.slider.slider-disabled::-moz-range-thumb{background:#8b949e;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-decorated{position:relative}.panel-decorated:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,217,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.02) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0}.panel-decorated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-image:linear-gradient(135deg,#00d9ff 0%,transparent 15%,transparent 85%,#00d9ff 100%) 1;pointer-events:none;z-index:10}.panel-decorated>*{position:relative;z-index:1}@media (max-width: 768px){.btn{padding:5px 10px;font-size:.8em}}