1body {
  2  font-family: system-ui, -apple-system, Roboto, "Segoe UI", sans-serif;
  3  color: #000000;
  4  padding: 1em 10%;
  5}
  6ul.no-marker {
  7  list-style-type: none;
  8  padding-left: 0;
  9}
 10hr {
 11  margin: 2em 0;
 12}
 13.hidden {
 14  display: none;
 15}
 16.empty-cell {
 17  background: #ccc;
 18}
 19table.time-stats > tbody > tr > th {
 20  text-align: left;
 21}
 22table.time-stats > tbody > tr > td {
 23  text-align: right;
 24}
 25details > summary {
 26  cursor: pointer;
 27  font-size: 1.5em;
 28}
 29.tooltip {
 30  text-decoration: underline;
 31  cursor: help;
 32}
 33.tooltip-content {
 34  border-radius: 6px;
 35  display: none;
 36  position: absolute;
 37  background: #fff;
 38  border: 1px solid black;
 39  max-width: 500px;
 40  padding: 1em;
 41  text-align: left;
 42  font-weight: normal;
 43  pointer-events: none;
 44}
 45.tooltip:hover > .tooltip-content {
 46  display: block;
 47}
 48table {
 49  margin: 1.0em auto 1.5em 0;
 50  border-collapse: collapse;
 51}
 52th, td {
 53  padding: 0.5em 1em 0.5em 1em;
 54  border: 1px solid;
 55  border-color: black;
 56}
 57a, button {
 58  color: #2A6286;
 59}
 60button {
 61  background: #eee;
 62  cursor: pointer;
 63  border: none;
 64  border-radius: 3px;
 65  padding: 0.2em 0.5em;
 66}
 67button.big-btn {
 68  font-size: 1.3em;
 69}
 70button.linkish {
 71  background: none;
 72  text-decoration: underline;
 73  padding: 0;
 74}
 75button:disabled {
 76  color: #888;
 77  cursor: not-allowed;
 78}
 79pre {
 80  font-family: "Source Code Pro", monospace;
 81  font-size: 1em;
 82  background-color: #F5F5F5;
 83  padding: 1em;
 84  margin: 0;
 85  overflow-x: auto;
 86}
 87:not(pre) > code {
 88  white-space: break-spaces;
 89}
 90code {
 91  font-family: "Source Code Pro", monospace;
 92  font-size: 0.9em;
 93}
 94code a {
 95  color: #000000;
 96}
 97kbd {
 98  color: #000;
 99  background-color: #fafbfc;
100  border-color: #d1d5da;
101  border-bottom-color: #c6cbd1;
102  box-shadow-color: #c6cbd1;
103  display: inline-block;
104  padding: 0.3em 0.2em;
105  font: 1.2em monospace;
106  line-height: 0.8em;
107  vertical-align: middle;
108  border: solid 1px;
109  border-radius: 3px;
110  box-shadow: inset 0 -1px 0;
111  cursor: default;
112}
113.status-running { color: #181; }
114.status-idle    { color: #444; }
115.step-success { color: #181; }
116.step-failure { color: #d11; }
117.step-wip::before {
118  content: '';
119  position: absolute;
120  margin-left: -1.5em;
121  width: 1em;
122  text-align: center;
123  animation-name: spinner;
124  animation-duration: 0.5s;
125  animation-iteration-count: infinite;
126  animation-timing-function: step-start;
127}
128@keyframes spinner {
129  0%   { content: '|'; }
130  25%  { content: '/'; }
131  50%  { content: '-'; }
132  75%  { content: '\\'; }
133  100% { content: '|'; }
134}
135
136.l {
137  display: inline-block;
138  background: red;
139  width: 1em;
140  height: 1em;
141  border-radius: 1em;
142}
143.c {
144  background-color: green;
145}
146
147.tok-kw {
148    color: #333;
149    font-weight: bold;
150}
151.tok-str {
152    color: #d14;
153}
154.tok-builtin {
155    color: #0086b3;
156}
157.tok-comment {
158    color: #777;
159    font-style: italic;
160}
161.tok-fn {
162    color: #900;
163    font-weight: bold;
164}
165.tok-null {
166    color: #008080;
167}
168.tok-number {
169    color: #008080;
170}
171.tok-type {
172    color: #458;
173    font-weight: bold;
174}
175
176@media (prefers-color-scheme: dark) {
177  body {
178    background-color: #111;
179    color: #ddd;
180  }
181  pre {
182    background-color: #222;
183  }
184  a, button {
185    color: #88f;
186  }
187  button {
188    background: #333;
189  }
190  button:disabled {
191    color: #555;
192  }
193  code a {
194    color: #eee;
195  }
196  th, td {
197    border-color: white;
198  }
199  .empty-cell {
200    background: #000;
201  }
202  .tooltip-content {
203    background: #060606;
204    border-color: white;
205  }
206  .status-running { color: #90ee90; }
207  .status-idle    { color: #bbb; }
208  .step-success   { color: #90ee90; }
209  .step-failure   { color: #f66; }
210  .l {
211    background-color: red;
212  }
213  .c {
214    background-color: green;
215  }
216  .tok-kw {
217      color: #eee;
218  }
219  .tok-str {
220      color: #2e5;
221  }
222  .tok-builtin {
223      color: #ff894c;
224  }
225  .tok-comment {
226      color: #aa7;
227  }
228  .tok-fn {
229      color: #B1A0F8;
230  }
231  .tok-null {
232      color: #ff8080;
233  }
234  .tok-number {
235      color: #ff8080;
236  }
237  .tok-type {
238      color: #68f;
239  }
240}