:root { --queued-color: #9958FC; --delayed-color: #FFCD59; --scheduled-color: #FFE4A5; --running-color: #59D5FF; --completed-color: #92EF5F; --failed-color: #FF5151; } .status-queued { color: var(--queued-color); } .status-delayed { color: var(--delayed-color); } .status-scheduled { color: var(--scheduled-color); } .status-running { color: var(--running-color); } .status-completed { color: var(--completed-color); } .status-failed { color: var(--failed-color); } .monospace { font-family: monospace; } .inline { display: inline; } .auto-table { table-layout: auto; width: 100%; } .width0 { width: 0; } .width20 { width: 20%; } .flex { display: flex; } .inline-flex { display: inline-flex; } .flex-grow { flex-grow: 1; } .uuid { font-family: monospace; width: 36ch; } .uuid-abbrev { font-family: monospace; width: 23ch; } .fake-link { cursor: pointer; tab-index: 0; } .justify-right { text-align: right; } @keyframes newItem { 0% { background-color: #4c7599; } } .new-item { animation: newItem 500ms; } .display-none { display: none; } .color-fg { color: var(--text-main); }