build(deps): bump poolifier
[poolifier.git] / docs / assets / style.css
CommitLineData
24c3fcb4
JB
1:root {
2 /* Light */
a76fac14
JB
3 --light-color-background: #f2f4f8;
4 --light-color-background-secondary: #eff0f1;
cfc6e8df 5 --light-color-warning-text: #222;
6 --light-color-background-warning: #e6e600;
a76fac14
JB
7 --light-color-icon-background: var(--light-color-background);
8 --light-color-accent: #c5c7c9;
8d1797ad 9 --light-color-active-menu-item: var(--light-color-accent);
24c3fcb4 10 --light-color-text: #222;
8d1797ad 11 --light-color-text-aside: #6e6e6e;
3bd6a82e 12 --light-color-link: #1f70c2;
13
14 --light-color-ts-project: #b111c9;
15 --light-color-ts-module: var(--light-color-ts-project);
16 --light-color-ts-namespace: var(--light-color-ts-project);
17 --light-color-ts-enum: #7e6f15;
18 --light-color-ts-enum-member: var(--light-color-ts-enum);
19 --light-color-ts-variable: #4760ec;
a76fac14 20 --light-color-ts-function: #572be7;
3bd6a82e 21 --light-color-ts-class: #1f70c2;
22 --light-color-ts-interface: #108024;
23 --light-color-ts-constructor: var(--light-color-ts-class);
24 --light-color-ts-property: var(--light-color-ts-variable);
25 --light-color-ts-method: var(--light-color-ts-function);
26 --light-color-ts-call-signature: var(--light-color-ts-method);
27 --light-color-ts-index-signature: var(--light-color-ts-property);
28 --light-color-ts-constructor-signature: var(--light-color-ts-constructor);
29 --light-color-ts-parameter: var(--light-color-ts-variable);
30 /* type literal not included as links will never be generated to it */
31 --light-color-ts-type-parameter: var(--light-color-ts-type-alias);
32 --light-color-ts-accessor: var(--light-color-ts-property);
33 --light-color-ts-get-signature: var(--light-color-ts-accessor);
34 --light-color-ts-set-signature: var(--light-color-ts-accessor);
3bd6a82e 35 --light-color-ts-type-alias: #d51270;
36 /* reference not included as links will be colored with the kind that it points to */
37
24c3fcb4 38 --light-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
a76fac14 39 --light-color-scheme: light;
24c3fcb4
JB
40
41 /* Dark */
a76fac14
JB
42 --dark-color-background: #2b2e33;
43 --dark-color-background-secondary: #1e2024;
cfc6e8df 44 --dark-color-background-warning: #bebe00;
45 --dark-color-warning-text: #222;
a76fac14
JB
46 --dark-color-icon-background: var(--dark-color-background-secondary);
47 --dark-color-accent: #9096a2;
8d1797ad 48 --dark-color-active-menu-item: #5d5d6a;
a76fac14
JB
49 --dark-color-text: #f5f5f5;
50 --dark-color-text-aside: #dddddd;
24c3fcb4 51 --dark-color-link: #00aff4;
3bd6a82e 52
fab6d3b5 53 --dark-color-ts-project: #e358ff;
3bd6a82e 54 --dark-color-ts-module: var(--dark-color-ts-project);
55 --dark-color-ts-namespace: var(--dark-color-ts-project);
a76fac14 56 --dark-color-ts-enum: #f4d93e;
3bd6a82e 57 --dark-color-ts-enum-member: var(--dark-color-ts-enum);
8d1797ad 58 --dark-color-ts-variable: #798dff;
fab6d3b5 59 --dark-color-ts-function: #a280ff;
8d1797ad 60 --dark-color-ts-class: #8ac4ff;
3bd6a82e 61 --dark-color-ts-interface: #6cff87;
62 --dark-color-ts-constructor: var(--dark-color-ts-class);
63 --dark-color-ts-property: var(--dark-color-ts-variable);
64 --dark-color-ts-method: var(--dark-color-ts-function);
65 --dark-color-ts-call-signature: var(--dark-color-ts-method);
66 --dark-color-ts-index-signature: var(--dark-color-ts-property);
67 --dark-color-ts-constructor-signature: var(--dark-color-ts-constructor);
68 --dark-color-ts-parameter: var(--dark-color-ts-variable);
69 /* type literal not included as links will never be generated to it */
70 --dark-color-ts-type-parameter: var(--dark-color-ts-type-alias);
71 --dark-color-ts-accessor: var(--dark-color-ts-property);
72 --dark-color-ts-get-signature: var(--dark-color-ts-accessor);
73 --dark-color-ts-set-signature: var(--dark-color-ts-accessor);
3bd6a82e 74 --dark-color-ts-type-alias: #ff6492;
75 /* reference not included as links will be colored with the kind that it points to */
76
24c3fcb4 77 --dark-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
a76fac14 78 --dark-color-scheme: dark;
24c3fcb4
JB
79}
80
81@media (prefers-color-scheme: light) {
82 :root {
83 --color-background: var(--light-color-background);
a76fac14 84 --color-background-secondary: var(--light-color-background-secondary);
cfc6e8df 85 --color-background-warning: var(--light-color-background-warning);
86 --color-warning-text: var(--light-color-warning-text);
a76fac14
JB
87 --color-icon-background: var(--light-color-icon-background);
88 --color-accent: var(--light-color-accent);
8d1797ad 89 --color-active-menu-item: var(--light-color-active-menu-item);
24c3fcb4
JB
90 --color-text: var(--light-color-text);
91 --color-text-aside: var(--light-color-text-aside);
92 --color-link: var(--light-color-link);
3bd6a82e 93
94 --color-ts-module: var(--light-color-ts-module);
a76fac14 95 --color-ts-namespace: var(--light-color-ts-namespace);
3bd6a82e 96 --color-ts-enum: var(--light-color-ts-enum);
97 --color-ts-enum-member: var(--light-color-ts-enum-member);
a76fac14 98 --color-ts-variable: var(--light-color-ts-variable);
3bd6a82e 99 --color-ts-function: var(--light-color-ts-function);
100 --color-ts-class: var(--light-color-ts-class);
101 --color-ts-interface: var(--light-color-ts-interface);
102 --color-ts-constructor: var(--light-color-ts-constructor);
103 --color-ts-property: var(--light-color-ts-property);
104 --color-ts-method: var(--light-color-ts-method);
105 --color-ts-call-signature: var(--light-color-ts-call-signature);
106 --color-ts-index-signature: var(--light-color-ts-index-signature);
107 --color-ts-constructor-signature: var(
108 --light-color-ts-constructor-signature
109 );
110 --color-ts-parameter: var(--light-color-ts-parameter);
111 --color-ts-type-parameter: var(--light-color-ts-type-parameter);
112 --color-ts-accessor: var(--light-color-ts-accessor);
113 --color-ts-get-signature: var(--light-color-ts-get-signature);
114 --color-ts-set-signature: var(--light-color-ts-set-signature);
115 --color-ts-type-alias: var(--light-color-ts-type-alias);
116
24c3fcb4 117 --external-icon: var(--light-external-icon);
a76fac14 118 --color-scheme: var(--light-color-scheme);
24c3fcb4
JB
119 }
120}
121
122@media (prefers-color-scheme: dark) {
123 :root {
124 --color-background: var(--dark-color-background);
a76fac14 125 --color-background-secondary: var(--dark-color-background-secondary);
cfc6e8df 126 --color-background-warning: var(--dark-color-background-warning);
127 --color-warning-text: var(--dark-color-warning-text);
a76fac14
JB
128 --color-icon-background: var(--dark-color-icon-background);
129 --color-accent: var(--dark-color-accent);
8d1797ad 130 --color-active-menu-item: var(--dark-color-active-menu-item);
24c3fcb4
JB
131 --color-text: var(--dark-color-text);
132 --color-text-aside: var(--dark-color-text-aside);
133 --color-link: var(--dark-color-link);
3bd6a82e 134
135 --color-ts-module: var(--dark-color-ts-module);
a76fac14 136 --color-ts-namespace: var(--dark-color-ts-namespace);
3bd6a82e 137 --color-ts-enum: var(--dark-color-ts-enum);
138 --color-ts-enum-member: var(--dark-color-ts-enum-member);
a76fac14 139 --color-ts-variable: var(--dark-color-ts-variable);
3bd6a82e 140 --color-ts-function: var(--dark-color-ts-function);
141 --color-ts-class: var(--dark-color-ts-class);
142 --color-ts-interface: var(--dark-color-ts-interface);
143 --color-ts-constructor: var(--dark-color-ts-constructor);
144 --color-ts-property: var(--dark-color-ts-property);
145 --color-ts-method: var(--dark-color-ts-method);
146 --color-ts-call-signature: var(--dark-color-ts-call-signature);
147 --color-ts-index-signature: var(--dark-color-ts-index-signature);
148 --color-ts-constructor-signature: var(
149 --dark-color-ts-constructor-signature
150 );
151 --color-ts-parameter: var(--dark-color-ts-parameter);
152 --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
153 --color-ts-accessor: var(--dark-color-ts-accessor);
154 --color-ts-get-signature: var(--dark-color-ts-get-signature);
155 --color-ts-set-signature: var(--dark-color-ts-set-signature);
156 --color-ts-type-alias: var(--dark-color-ts-type-alias);
157
24c3fcb4 158 --external-icon: var(--dark-external-icon);
a76fac14 159 --color-scheme: var(--dark-color-scheme);
24c3fcb4
JB
160 }
161}
162
a76fac14
JB
163html {
164 color-scheme: var(--color-scheme);
165}
166
24c3fcb4
JB
167body {
168 margin: 0;
169}
170
a76fac14 171:root[data-theme="light"] {
24c3fcb4 172 --color-background: var(--light-color-background);
a76fac14 173 --color-background-secondary: var(--light-color-background-secondary);
cfc6e8df 174 --color-background-warning: var(--light-color-background-warning);
175 --color-warning-text: var(--light-color-warning-text);
a76fac14
JB
176 --color-icon-background: var(--light-color-icon-background);
177 --color-accent: var(--light-color-accent);
8d1797ad 178 --color-active-menu-item: var(--light-color-active-menu-item);
24c3fcb4
JB
179 --color-text: var(--light-color-text);
180 --color-text-aside: var(--light-color-text-aside);
181 --color-link: var(--light-color-link);
3bd6a82e 182
183 --color-ts-module: var(--light-color-ts-module);
a76fac14 184 --color-ts-namespace: var(--light-color-ts-namespace);
3bd6a82e 185 --color-ts-enum: var(--light-color-ts-enum);
186 --color-ts-enum-member: var(--light-color-ts-enum-member);
a76fac14 187 --color-ts-variable: var(--light-color-ts-variable);
3bd6a82e 188 --color-ts-function: var(--light-color-ts-function);
189 --color-ts-class: var(--light-color-ts-class);
190 --color-ts-interface: var(--light-color-ts-interface);
191 --color-ts-constructor: var(--light-color-ts-constructor);
192 --color-ts-property: var(--light-color-ts-property);
193 --color-ts-method: var(--light-color-ts-method);
194 --color-ts-call-signature: var(--light-color-ts-call-signature);
195 --color-ts-index-signature: var(--light-color-ts-index-signature);
196 --color-ts-constructor-signature: var(
197 --light-color-ts-constructor-signature
198 );
199 --color-ts-parameter: var(--light-color-ts-parameter);
200 --color-ts-type-parameter: var(--light-color-ts-type-parameter);
201 --color-ts-accessor: var(--light-color-ts-accessor);
202 --color-ts-get-signature: var(--light-color-ts-get-signature);
203 --color-ts-set-signature: var(--light-color-ts-set-signature);
204 --color-ts-type-alias: var(--light-color-ts-type-alias);
205
24c3fcb4 206 --external-icon: var(--light-external-icon);
a76fac14 207 --color-scheme: var(--light-color-scheme);
24c3fcb4
JB
208}
209
a76fac14 210:root[data-theme="dark"] {
24c3fcb4 211 --color-background: var(--dark-color-background);
a76fac14 212 --color-background-secondary: var(--dark-color-background-secondary);
cfc6e8df 213 --color-background-warning: var(--dark-color-background-warning);
214 --color-warning-text: var(--dark-color-warning-text);
a76fac14
JB
215 --color-icon-background: var(--dark-color-icon-background);
216 --color-accent: var(--dark-color-accent);
8d1797ad 217 --color-active-menu-item: var(--dark-color-active-menu-item);
24c3fcb4
JB
218 --color-text: var(--dark-color-text);
219 --color-text-aside: var(--dark-color-text-aside);
220 --color-link: var(--dark-color-link);
3bd6a82e 221
222 --color-ts-module: var(--dark-color-ts-module);
a76fac14 223 --color-ts-namespace: var(--dark-color-ts-namespace);
3bd6a82e 224 --color-ts-enum: var(--dark-color-ts-enum);
225 --color-ts-enum-member: var(--dark-color-ts-enum-member);
a76fac14 226 --color-ts-variable: var(--dark-color-ts-variable);
3bd6a82e 227 --color-ts-function: var(--dark-color-ts-function);
228 --color-ts-class: var(--dark-color-ts-class);
229 --color-ts-interface: var(--dark-color-ts-interface);
230 --color-ts-constructor: var(--dark-color-ts-constructor);
231 --color-ts-property: var(--dark-color-ts-property);
232 --color-ts-method: var(--dark-color-ts-method);
233 --color-ts-call-signature: var(--dark-color-ts-call-signature);
234 --color-ts-index-signature: var(--dark-color-ts-index-signature);
235 --color-ts-constructor-signature: var(
236 --dark-color-ts-constructor-signature
237 );
238 --color-ts-parameter: var(--dark-color-ts-parameter);
239 --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
240 --color-ts-accessor: var(--dark-color-ts-accessor);
241 --color-ts-get-signature: var(--dark-color-ts-get-signature);
242 --color-ts-set-signature: var(--dark-color-ts-set-signature);
243 --color-ts-type-alias: var(--dark-color-ts-type-alias);
244
24c3fcb4 245 --external-icon: var(--dark-external-icon);
a76fac14
JB
246 --color-scheme: var(--dark-color-scheme);
247}
248
cfc6e8df 249.always-visible,
250.always-visible .tsd-signatures {
251 display: inherit !important;
252}
253
a76fac14
JB
254h1,
255h2,
256h3,
257h4,
258h5,
259h6 {
260 line-height: 1.2;
24c3fcb4
JB
261}
262
fab6d3b5 263h1 > a,
264h2 > a,
265h3 > a,
266h4 > a,
267h5 > a,
268h6 > a {
269 text-decoration: none;
270 color: var(--color-text);
271}
272
24c3fcb4 273h1 {
a76fac14
JB
274 font-size: 1.875rem;
275 margin: 0.67rem 0;
24c3fcb4
JB
276}
277
278h2 {
a76fac14
JB
279 font-size: 1.5rem;
280 margin: 0.83rem 0;
24c3fcb4
JB
281}
282
283h3 {
a76fac14
JB
284 font-size: 1.25rem;
285 margin: 1rem 0;
24c3fcb4
JB
286}
287
a76fac14
JB
288h4 {
289 font-size: 1.05rem;
290 margin: 1.33rem 0;
24c3fcb4
JB
291}
292
293h5 {
a76fac14
JB
294 font-size: 1rem;
295 margin: 1.5rem 0;
24c3fcb4
JB
296}
297
298h6 {
a76fac14
JB
299 font-size: 0.875rem;
300 margin: 2.33rem 0;
301}
302
303.uppercase {
304 text-transform: uppercase;
24c3fcb4
JB
305}
306
24c3fcb4
JB
307dl,
308menu,
309ol,
310ul {
311 margin: 1em 0;
312}
313
314dd {
315 margin: 0 0 0 40px;
316}
317
318.container {
ec06e4dd 319 max-width: 1700px;
a76fac14
JB
320 padding: 0 2rem;
321}
322
a76fac14
JB
323/* Footer */
324.tsd-generator {
325 border-top: 1px solid var(--color-accent);
326 padding-top: 1rem;
327 padding-bottom: 1rem;
328 max-height: 3.5rem;
329}
330
331.tsd-generator > p {
332 margin-top: 0;
333 margin-bottom: 0;
334 padding: 0 1rem;
24c3fcb4
JB
335}
336
a76fac14 337.container-main {
a76fac14 338 margin: 0 auto;
ec06e4dd 339 /* toolbar, footer, margin */
340 min-height: calc(100vh - 41px - 56px - 4rem);
24c3fcb4
JB
341}
342
343@keyframes fade-in {
344 from {
345 opacity: 0;
346 }
347 to {
348 opacity: 1;
349 }
350}
351@keyframes fade-out {
352 from {
353 opacity: 1;
354 visibility: visible;
355 }
356 to {
357 opacity: 0;
358 }
359}
360@keyframes fade-in-delayed {
361 0% {
362 opacity: 0;
363 }
364 33% {
365 opacity: 0;
366 }
367 100% {
368 opacity: 1;
369 }
370}
371@keyframes fade-out-delayed {
372 0% {
373 opacity: 1;
374 visibility: visible;
375 }
376 66% {
377 opacity: 0;
378 }
379 100% {
380 opacity: 0;
381 }
382}
24c3fcb4
JB
383@keyframes pop-in-from-right {
384 from {
385 transform: translate(100%, 0);
386 }
387 to {
388 transform: translate(0, 0);
389 }
390}
391@keyframes pop-out-to-right {
392 from {
393 transform: translate(0, 0);
394 visibility: visible;
395 }
396 to {
397 transform: translate(100%, 0);
398 }
399}
400body {
401 background: var(--color-background);
402 font-family: "Segoe UI", sans-serif;
403 font-size: 16px;
404 color: var(--color-text);
405}
406
407a {
408 color: var(--color-link);
409 text-decoration: none;
410}
411a:hover {
412 text-decoration: underline;
413}
414a.external[target="_blank"] {
415 background-image: var(--external-icon);
416 background-position: top 3px right;
417 background-repeat: no-repeat;
418 padding-right: 13px;
419}
420
421code,
422pre {
423 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
424 padding: 0.2em;
425 margin: 0;
a76fac14
JB
426 font-size: 0.875rem;
427 border-radius: 0.8em;
24c3fcb4
JB
428}
429
430pre {
fab6d3b5 431 position: relative;
432 white-space: pre;
433 white-space: pre-wrap;
434 word-wrap: break-word;
24c3fcb4 435 padding: 10px;
fab6d3b5 436 border: 1px solid var(--color-accent);
24c3fcb4
JB
437}
438pre code {
439 padding: 0;
440 font-size: 100%;
441}
fab6d3b5 442pre > button {
443 position: absolute;
444 top: 10px;
445 right: 10px;
446 opacity: 0;
447 transition: opacity 0.1s;
448 box-sizing: border-box;
449}
450pre:hover > button,
451pre > button.visible {
452 opacity: 1;
453}
24c3fcb4
JB
454
455blockquote {
456 margin: 1em 0;
457 padding-left: 1em;
458 border-left: 4px solid gray;
459}
460
461.tsd-typography {
462 line-height: 1.333em;
463}
464.tsd-typography ul {
465 list-style: square;
466 padding: 0 0 0 20px;
467 margin: 0;
468}
24c3fcb4
JB
469.tsd-typography .tsd-index-panel h3,
470.tsd-index-panel .tsd-typography h3,
323daa7f 471.tsd-typography h4,
24c3fcb4
JB
472.tsd-typography h5,
473.tsd-typography h6 {
474 font-size: 1em;
24c3fcb4
JB
475}
476.tsd-typography h5,
477.tsd-typography h6 {
478 font-weight: normal;
479}
480.tsd-typography p,
481.tsd-typography ul,
482.tsd-typography ol {
483 margin: 1em 0;
484}
323daa7f 485.tsd-typography table {
486 border-collapse: collapse;
487 border: none;
488}
489.tsd-typography td,
490.tsd-typography th {
491 padding: 6px 13px;
492 border: 1px solid var(--color-accent);
493}
494.tsd-typography thead,
495.tsd-typography tr:nth-child(even) {
496 background-color: var(--color-background-secondary);
497}
24c3fcb4 498
24c3fcb4
JB
499.tsd-breadcrumb {
500 margin: 0;
501 padding: 0;
502 color: var(--color-text-aside);
503}
504.tsd-breadcrumb a {
505 color: var(--color-text-aside);
506 text-decoration: none;
507}
508.tsd-breadcrumb a:hover {
509 text-decoration: underline;
510}
511.tsd-breadcrumb li {
512 display: inline;
513}
514.tsd-breadcrumb li:after {
515 content: " / ";
516}
517
a76fac14
JB
518.tsd-comment-tags {
519 display: flex;
520 flex-direction: column;
521}
522dl.tsd-comment-tag-group {
523 display: flex;
524 align-items: center;
24c3fcb4 525 overflow: hidden;
a76fac14 526 margin: 0.5em 0;
24c3fcb4 527}
a76fac14
JB
528dl.tsd-comment-tag-group dt {
529 display: flex;
530 margin-right: 0.5em;
531 font-size: 0.875em;
24c3fcb4
JB
532 font-weight: normal;
533}
a76fac14
JB
534dl.tsd-comment-tag-group dd {
535 margin: 0;
536}
537code.tsd-tag {
538 padding: 0.25em 0.4em;
539 border: 0.1em solid var(--color-accent);
540 margin-right: 0.25em;
541 font-size: 70%;
542}
543h1 code.tsd-tag:first-of-type {
544 margin-left: 0.25em;
24c3fcb4 545}
a76fac14
JB
546
547dl.tsd-comment-tag-group dd:before,
548dl.tsd-comment-tag-group dd:after {
24c3fcb4
JB
549 content: " ";
550}
a76fac14
JB
551dl.tsd-comment-tag-group dd pre,
552dl.tsd-comment-tag-group dd:after {
24c3fcb4
JB
553 clear: both;
554}
a76fac14 555dl.tsd-comment-tag-group p {
24c3fcb4
JB
556 margin: 0;
557}
558
559.tsd-panel.tsd-comment .lead {
560 font-size: 1.1em;
561 line-height: 1.333em;
562 margin-bottom: 2em;
563}
564.tsd-panel.tsd-comment .lead:last-child {
565 margin-bottom: 0;
566}
567
a76fac14
JB
568.tsd-filter-visibility h4 {
569 font-size: 1rem;
570 padding-top: 0.75rem;
571 padding-bottom: 0.5rem;
572 margin: 0;
24c3fcb4 573}
a76fac14
JB
574.tsd-filter-item:not(:last-child) {
575 margin-bottom: 0.5rem;
24c3fcb4 576}
a76fac14
JB
577.tsd-filter-input {
578 display: flex;
579 width: fit-content;
580 width: -moz-fit-content;
581 align-items: center;
582 user-select: none;
583 -webkit-user-select: none;
584 -moz-user-select: none;
585 -ms-user-select: none;
586 cursor: pointer;
24c3fcb4 587}
a76fac14
JB
588.tsd-filter-input input[type="checkbox"] {
589 cursor: pointer;
590 position: absolute;
591 width: 1.5em;
592 height: 1.5em;
593 opacity: 0;
24c3fcb4 594}
a76fac14
JB
595.tsd-filter-input input[type="checkbox"]:disabled {
596 pointer-events: none;
24c3fcb4 597}
a76fac14
JB
598.tsd-filter-input svg {
599 cursor: pointer;
600 width: 1.5em;
601 height: 1.5em;
602 margin-right: 0.5em;
603 border-radius: 0.33em;
604 /* Leaving this at full opacity breaks event listeners on Firefox.
605 Don't remove unless you know what you're doing. */
606 opacity: 0.99;
24c3fcb4 607}
a76fac14
JB
608.tsd-filter-input input[type="checkbox"]:focus + svg {
609 transform: scale(0.95);
24c3fcb4 610}
a76fac14
JB
611.tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
612 transform: scale(1);
24c3fcb4 613}
a76fac14
JB
614.tsd-checkbox-background {
615 fill: var(--color-accent);
24c3fcb4 616}
a76fac14
JB
617input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
618 stroke: var(--color-text);
24c3fcb4 619}
a76fac14
JB
620.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
621 fill: var(--color-background);
622 stroke: var(--color-accent);
623 stroke-width: 0.25rem;
24c3fcb4 624}
a76fac14
JB
625.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
626 stroke: var(--color-accent);
24c3fcb4 627}
a76fac14
JB
628
629.tsd-theme-toggle {
630 padding-top: 0.75rem;
24c3fcb4 631}
a76fac14
JB
632.tsd-theme-toggle > h4 {
633 display: inline;
634 vertical-align: middle;
635 margin-right: 0.75rem;
24c3fcb4
JB
636}
637
638.tsd-hierarchy {
639 list-style: square;
24c3fcb4
JB
640 margin: 0;
641}
642.tsd-hierarchy .target {
643 font-weight: bold;
644}
645
a76fac14
JB
646.tsd-panel-group.tsd-index-group {
647 margin-bottom: 0;
648}
649.tsd-index-panel .tsd-index-list {
24c3fcb4
JB
650 list-style: none;
651 line-height: 1.333em;
a76fac14
JB
652 margin: 0;
653 padding: 0.25rem 0 0 0;
654 overflow: hidden;
655 display: grid;
656 grid-template-columns: repeat(3, 1fr);
657 column-gap: 1rem;
658 grid-template-rows: auto;
659}
660@media (max-width: 1024px) {
661 .tsd-index-panel .tsd-index-list {
662 grid-template-columns: repeat(2, 1fr);
24c3fcb4
JB
663 }
664}
a76fac14
JB
665@media (max-width: 768px) {
666 .tsd-index-panel .tsd-index-list {
667 grid-template-columns: repeat(1, 1fr);
24c3fcb4
JB
668 }
669}
a76fac14 670.tsd-index-panel .tsd-index-list li {
24c3fcb4
JB
671 -webkit-page-break-inside: avoid;
672 -moz-page-break-inside: avoid;
673 -ms-page-break-inside: avoid;
674 -o-page-break-inside: avoid;
675 page-break-inside: avoid;
676}
24c3fcb4
JB
677
678.tsd-flag {
679 display: inline-block;
a76fac14 680 padding: 0.25em 0.4em;
24c3fcb4
JB
681 border-radius: 4px;
682 color: var(--color-comment-tag-text);
683 background-color: var(--color-comment-tag);
684 text-indent: 0;
a76fac14
JB
685 font-size: 75%;
686 line-height: 1;
24c3fcb4
JB
687 font-weight: normal;
688}
689
690.tsd-anchor {
ec06e4dd 691 position: relative;
24c3fcb4
JB
692 top: -100px;
693}
694
695.tsd-member {
696 position: relative;
697}
698.tsd-member .tsd-anchor + h3 {
a76fac14
JB
699 display: flex;
700 align-items: center;
24c3fcb4
JB
701 margin-top: 0;
702 margin-bottom: 0;
703 border-bottom: none;
704}
24c3fcb4 705
ec06e4dd 706.tsd-navigation.settings {
707 margin: 1rem 0;
708}
fab6d3b5 709.tsd-navigation > a,
710.tsd-navigation .tsd-accordion-summary {
711 width: calc(100% - 0.5rem);
712}
ec06e4dd 713.tsd-navigation a,
fab6d3b5 714.tsd-navigation summary > span,
ec06e4dd 715.tsd-page-navigation a {
716 display: inline-flex;
717 align-items: center;
3bd6a82e 718 padding: 0.25rem;
24c3fcb4
JB
719 color: var(--color-text);
720 text-decoration: none;
3bd6a82e 721 box-sizing: border-box;
24c3fcb4 722}
ec06e4dd 723.tsd-navigation a.current,
724.tsd-page-navigation a.current {
8d1797ad 725 background: var(--color-active-menu-item);
ec06e4dd 726}
727.tsd-navigation a:hover,
728.tsd-page-navigation a:hover {
24c3fcb4
JB
729 text-decoration: underline;
730}
ec06e4dd 731.tsd-navigation ul,
732.tsd-page-navigation ul {
fab6d3b5 733 margin-top: 0;
734 margin-bottom: 0;
24c3fcb4
JB
735 padding: 0;
736 list-style: none;
737}
ec06e4dd 738.tsd-navigation li,
739.tsd-page-navigation li {
24c3fcb4 740 padding: 0;
ec06e4dd 741 max-width: 100%;
24c3fcb4 742}
fab6d3b5 743.tsd-nested-navigation {
ec06e4dd 744 margin-left: 3rem;
24c3fcb4 745}
ec06e4dd 746.tsd-nested-navigation > li > details {
fab6d3b5 747 margin-left: -1.5rem;
24c3fcb4 748}
fab6d3b5 749.tsd-small-nested-navigation {
ec06e4dd 750 margin-left: 1.5rem;
24c3fcb4 751}
ec06e4dd 752.tsd-small-nested-navigation > li > details {
fab6d3b5 753 margin-left: -1.5rem;
754}
755
756.tsd-nested-navigation > li > a,
757.tsd-nested-navigation > li > span {
758 width: calc(100% - 1.75rem - 0.5rem);
24c3fcb4 759}
fab6d3b5 760
ec06e4dd 761.tsd-page-navigation ul {
762 padding-left: 1.75rem;
a76fac14
JB
763}
764
41015374
JB
765#tsd-sidebar-links a {
766 margin-top: 0;
767 margin-bottom: 0.5rem;
768 line-height: 1.25rem;
769}
770#tsd-sidebar-links a:last-of-type {
771 margin-bottom: 0;
772}
773
a76fac14 774a.tsd-index-link {
ec06e4dd 775 padding: 0.25rem 0 !important;
a76fac14
JB
776 font-size: 1rem;
777 line-height: 1.25rem;
778 display: inline-flex;
779 align-items: center;
8d1797ad 780 color: var(--color-text);
a76fac14 781}
fab6d3b5 782.tsd-accordion-summary {
493f77bd 783 list-style-type: none; /* hide marker on non-safari */
784 outline: none; /* broken on safari, so just hide it */
785}
786.tsd-accordion-summary::-webkit-details-marker {
787 display: none; /* hide marker on safari */
fab6d3b5 788}
ec06e4dd 789.tsd-accordion-summary,
790.tsd-accordion-summary a {
a76fac14
JB
791 user-select: none;
792 -moz-user-select: none;
793 -webkit-user-select: none;
794 -ms-user-select: none;
ec06e4dd 795
a76fac14 796 cursor: pointer;
24c3fcb4 797}
fab6d3b5 798.tsd-accordion-summary a {
493f77bd 799 width: calc(100% - 1.5rem);
fab6d3b5 800}
a76fac14
JB
801.tsd-accordion-summary > * {
802 margin-top: 0;
803 margin-bottom: 0;
804 padding-top: 0;
805 padding-bottom: 0;
24c3fcb4 806}
fab6d3b5 807.tsd-index-accordion .tsd-accordion-summary > svg {
808 margin-left: 0.25rem;
24c3fcb4 809}
a76fac14
JB
810.tsd-index-content > :not(:first-child) {
811 margin-top: 0.75rem;
812}
813.tsd-index-heading {
814 margin-top: 1.5rem;
815 margin-bottom: 0.75rem;
816}
817
818.tsd-kind-icon {
819 margin-right: 0.5rem;
820 width: 1.25rem;
821 height: 1.25rem;
822 min-width: 1.25rem;
823 min-height: 1.25rem;
824}
825.tsd-kind-icon path {
826 transform-origin: center;
827 transform: scale(1.1);
828}
829.tsd-signature > .tsd-kind-icon {
830 margin-right: 0.8rem;
24c3fcb4
JB
831}
832
24c3fcb4 833.tsd-panel {
a76fac14
JB
834 margin-bottom: 2.5rem;
835}
836.tsd-panel.tsd-member {
837 margin-bottom: 4rem;
24c3fcb4
JB
838}
839.tsd-panel:empty {
840 display: none;
841}
842.tsd-panel > h1,
843.tsd-panel > h2,
844.tsd-panel > h3 {
a76fac14
JB
845 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
846 padding: 0 1.5rem 0.75rem 1.5rem;
24c3fcb4
JB
847}
848.tsd-panel > h1.tsd-before-signature,
849.tsd-panel > h2.tsd-before-signature,
850.tsd-panel > h3.tsd-before-signature {
851 margin-bottom: 0;
a76fac14 852 border-bottom: none;
24c3fcb4
JB
853}
854
855.tsd-panel-group {
a76fac14 856 margin: 4rem 0;
24c3fcb4 857}
a76fac14
JB
858.tsd-panel-group.tsd-index-group {
859 margin: 2rem 0;
860}
861.tsd-panel-group.tsd-index-group details {
862 margin: 2rem 0;
24c3fcb4
JB
863}
864
865#tsd-search {
866 transition: background-color 0.2s;
867}
868#tsd-search .title {
869 position: relative;
870 z-index: 2;
871}
872#tsd-search .field {
873 position: absolute;
874 left: 0;
875 top: 0;
a76fac14
JB
876 right: 2.5rem;
877 height: 100%;
24c3fcb4
JB
878}
879#tsd-search .field input {
880 box-sizing: border-box;
881 position: relative;
882 top: -50px;
883 z-index: 1;
884 width: 100%;
885 padding: 0 10px;
886 opacity: 0;
887 outline: 0;
888 border: 0;
889 background: transparent;
890 color: var(--color-text);
891}
892#tsd-search .field label {
893 position: absolute;
894 overflow: hidden;
895 right: -40px;
896}
897#tsd-search .field input,
41015374
JB
898#tsd-search .title,
899#tsd-toolbar-links a {
24c3fcb4
JB
900 transition: opacity 0.2s;
901}
902#tsd-search .results {
903 position: absolute;
904 visibility: hidden;
905 top: 40px;
906 width: 100%;
907 margin: 0;
908 padding: 0;
909 list-style: none;
910 box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
911}
912#tsd-search .results li {
24c3fcb4 913 background-color: var(--color-background);
cb4889b4 914 line-height: initial;
915 padding: 4px;
24c3fcb4
JB
916}
917#tsd-search .results li:nth-child(even) {
a76fac14 918 background-color: var(--color-background-secondary);
24c3fcb4
JB
919}
920#tsd-search .results li.state {
921 display: none;
922}
323daa7f 923#tsd-search .results li.current:not(.no-results),
924#tsd-search .results li:hover:not(.no-results) {
a76fac14 925 background-color: var(--color-accent);
24c3fcb4
JB
926}
927#tsd-search .results a {
cb4889b4 928 display: flex;
929 align-items: center;
930 padding: 0.25rem;
931 box-sizing: border-box;
24c3fcb4
JB
932}
933#tsd-search .results a:before {
934 top: 10px;
935}
936#tsd-search .results span.parent {
937 color: var(--color-text-aside);
938 font-weight: normal;
939}
940#tsd-search.has-focus {
a76fac14 941 background-color: var(--color-accent);
24c3fcb4
JB
942}
943#tsd-search.has-focus .field input {
944 top: 0;
945 opacity: 1;
946}
41015374
JB
947#tsd-search.has-focus .title,
948#tsd-search.has-focus #tsd-toolbar-links a {
24c3fcb4
JB
949 z-index: 0;
950 opacity: 0;
951}
952#tsd-search.has-focus .results {
953 visibility: visible;
954}
955#tsd-search.loading .results li.state.loading {
956 display: block;
957}
958#tsd-search.failure .results li.state.failure {
959 display: block;
960}
961
41015374
JB
962#tsd-toolbar-links {
963 position: absolute;
964 top: 0;
965 right: 2rem;
966 height: 100%;
967 display: flex;
968 align-items: center;
969 justify-content: flex-end;
970}
971#tsd-toolbar-links a {
972 margin-left: 1.5rem;
973}
974#tsd-toolbar-links a:hover {
975 text-decoration: underline;
976}
977
24c3fcb4 978.tsd-signature {
a76fac14
JB
979 margin: 0 0 1rem 0;
980 padding: 1rem 0.5rem;
981 border: 1px solid var(--color-accent);
24c3fcb4
JB
982 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
983 font-size: 14px;
984 overflow-x: auto;
985}
24c3fcb4
JB
986
987.tsd-signature-symbol {
988 color: var(--color-text-aside);
989 font-weight: normal;
990}
991
992.tsd-signature-type {
993 font-style: italic;
994 font-weight: normal;
995}
996
997.tsd-signatures {
998 padding: 0;
999 margin: 0 0 1em 0;
a76fac14 1000 list-style-type: none;
24c3fcb4
JB
1001}
1002.tsd-signatures .tsd-signature {
1003 margin: 0;
a76fac14 1004 border-color: var(--color-accent);
24c3fcb4 1005 border-width: 1px 0;
a76fac14 1006 transition: background-color 0.1s;
24c3fcb4 1007}
a76fac14
JB
1008.tsd-description .tsd-signatures .tsd-signature {
1009 border-width: 1px;
24c3fcb4
JB
1010}
1011
a76fac14
JB
1012ul.tsd-parameter-list,
1013ul.tsd-type-parameter-list {
24c3fcb4
JB
1014 list-style: square;
1015 margin: 0;
1016 padding-left: 20px;
1017}
a76fac14
JB
1018ul.tsd-parameter-list > li.tsd-parameter-signature,
1019ul.tsd-type-parameter-list > li.tsd-parameter-signature {
24c3fcb4
JB
1020 list-style: none;
1021 margin-left: -20px;
1022}
a76fac14
JB
1023ul.tsd-parameter-list h5,
1024ul.tsd-type-parameter-list h5 {
24c3fcb4
JB
1025 font-size: 16px;
1026 margin: 1em 0 0.5em 0;
1027}
24c3fcb4 1028.tsd-sources {
a76fac14
JB
1029 margin-top: 1rem;
1030 font-size: 0.875em;
24c3fcb4
JB
1031}
1032.tsd-sources a {
1033 color: var(--color-text-aside);
1034 text-decoration: underline;
1035}
24c3fcb4
JB
1036.tsd-sources ul {
1037 list-style: none;
1038 padding: 0;
1039}
1040
1041.tsd-page-toolbar {
ec06e4dd 1042 position: sticky;
24c3fcb4
JB
1043 z-index: 1;
1044 top: 0;
1045 left: 0;
1046 width: 100%;
a76fac14
JB
1047 color: var(--color-text);
1048 background: var(--color-background-secondary);
1049 border-bottom: 1px var(--color-accent) solid;
1050 transition: transform 0.3s ease-in-out;
24c3fcb4
JB
1051}
1052.tsd-page-toolbar a {
a76fac14 1053 color: var(--color-text);
24c3fcb4
JB
1054 text-decoration: none;
1055}
1056.tsd-page-toolbar a.title {
1057 font-weight: bold;
1058}
1059.tsd-page-toolbar a.title:hover {
1060 text-decoration: underline;
1061}
a76fac14
JB
1062.tsd-page-toolbar .tsd-toolbar-contents {
1063 display: flex;
1064 justify-content: space-between;
1065 height: 2.5rem;
1066 margin: 0 auto;
24c3fcb4
JB
1067}
1068.tsd-page-toolbar .table-cell {
24c3fcb4
JB
1069 position: relative;
1070 white-space: nowrap;
1071 line-height: 40px;
1072}
1073.tsd-page-toolbar .table-cell:first-child {
1074 width: 100%;
1075}
41015374
JB
1076.tsd-page-toolbar .tsd-toolbar-icon {
1077 box-sizing: border-box;
1078 line-height: 0;
1079 padding: 12px 0;
1080}
24c3fcb4 1081
24c3fcb4
JB
1082.tsd-widget {
1083 display: inline-block;
1084 overflow: hidden;
1085 opacity: 0.8;
1086 height: 40px;
323daa7f 1087 transition:
1088 opacity 0.1s,
1089 background-color 0.2s;
24c3fcb4
JB
1090 vertical-align: bottom;
1091 cursor: pointer;
1092}
1093.tsd-widget:hover {
1094 opacity: 0.9;
1095}
1096.tsd-widget.active {
1097 opacity: 1;
a76fac14 1098 background-color: var(--color-accent);
24c3fcb4
JB
1099}
1100.tsd-widget.no-caption {
1101 width: 40px;
1102}
1103.tsd-widget.no-caption:before {
1104 margin: 0;
1105}
a76fac14 1106
24c3fcb4
JB
1107.tsd-widget.options,
1108.tsd-widget.menu {
1109 display: none;
1110}
24c3fcb4
JB
1111input[type="checkbox"] + .tsd-widget:before {
1112 background-position: -120px 0;
1113}
1114input[type="checkbox"]:checked + .tsd-widget:before {
1115 background-position: -160px 0;
1116}
1117
a76fac14
JB
1118img {
1119 max-width: 100%;
24c3fcb4 1120}
a76fac14
JB
1121
1122.tsd-anchor-icon {
1123 display: inline-flex;
1124 align-items: center;
1125 margin-left: 0.5rem;
1126 vertical-align: middle;
1127 color: var(--color-text);
24c3fcb4 1128}
a76fac14
JB
1129
1130.tsd-anchor-icon svg {
1131 width: 1em;
1132 height: 1em;
24c3fcb4 1133 visibility: hidden;
24c3fcb4 1134}
a76fac14
JB
1135
1136.tsd-anchor-link:hover > .tsd-anchor-icon svg {
1137 visibility: visible;
24c3fcb4 1138}
a76fac14
JB
1139
1140.deprecated {
cb4889b4 1141 text-decoration: line-through !important;
24c3fcb4 1142}
a76fac14 1143
cfc6e8df 1144.warning {
1145 padding: 1rem;
1146 color: var(--color-warning-text);
1147 background: var(--color-background-warning);
1148}
1149
3bd6a82e 1150.tsd-kind-project {
1151 color: var(--color-ts-project);
1152}
1153.tsd-kind-module {
1154 color: var(--color-ts-module);
1155}
1156.tsd-kind-namespace {
1157 color: var(--color-ts-namespace);
1158}
1159.tsd-kind-enum {
1160 color: var(--color-ts-enum);
1161}
1162.tsd-kind-enum-member {
1163 color: var(--color-ts-enum-member);
1164}
1165.tsd-kind-variable {
1166 color: var(--color-ts-variable);
1167}
1168.tsd-kind-function {
1169 color: var(--color-ts-function);
1170}
1171.tsd-kind-class {
1172 color: var(--color-ts-class);
1173}
1174.tsd-kind-interface {
1175 color: var(--color-ts-interface);
1176}
1177.tsd-kind-constructor {
1178 color: var(--color-ts-constructor);
1179}
1180.tsd-kind-property {
1181 color: var(--color-ts-property);
1182}
1183.tsd-kind-method {
1184 color: var(--color-ts-method);
1185}
1186.tsd-kind-call-signature {
1187 color: var(--color-ts-call-signature);
1188}
1189.tsd-kind-index-signature {
1190 color: var(--color-ts-index-signature);
1191}
1192.tsd-kind-constructor-signature {
1193 color: var(--color-ts-constructor-signature);
1194}
1195.tsd-kind-parameter {
1196 color: var(--color-ts-parameter);
1197}
1198.tsd-kind-type-literal {
1199 color: var(--color-ts-type-literal);
1200}
1201.tsd-kind-type-parameter {
1202 color: var(--color-ts-type-parameter);
1203}
1204.tsd-kind-accessor {
1205 color: var(--color-ts-accessor);
1206}
1207.tsd-kind-get-signature {
1208 color: var(--color-ts-get-signature);
1209}
1210.tsd-kind-set-signature {
1211 color: var(--color-ts-set-signature);
1212}
1213.tsd-kind-type-alias {
1214 color: var(--color-ts-type-alias);
1215}
1216
1217/* if we have a kind icon, don't color the text by kind */
1218.tsd-kind-icon ~ span {
1219 color: var(--color-text);
1220}
1221
a76fac14
JB
1222* {
1223 scrollbar-width: thin;
1224 scrollbar-color: var(--color-accent) var(--color-icon-background);
24c3fcb4 1225}
a76fac14
JB
1226
1227*::-webkit-scrollbar {
1228 width: 0.75rem;
24c3fcb4 1229}
a76fac14
JB
1230
1231*::-webkit-scrollbar-track {
1232 background: var(--color-icon-background);
24c3fcb4
JB
1233}
1234
a76fac14
JB
1235*::-webkit-scrollbar-thumb {
1236 background-color: var(--color-accent);
1237 border-radius: 999rem;
1238 border: 0.25rem solid var(--color-icon-background);
24c3fcb4 1239}
ec06e4dd 1240
1241/* mobile */
1242@media (max-width: 769px) {
1243 .tsd-widget.options,
1244 .tsd-widget.menu {
1245 display: inline-block;
1246 }
1247
1248 .container-main {
1249 display: flex;
1250 }
1251 html .col-content {
1252 float: none;
1253 max-width: 100%;
1254 width: 100%;
1255 }
1256 html .col-sidebar {
1257 position: fixed !important;
1258 overflow-y: auto;
1259 -webkit-overflow-scrolling: touch;
1260 z-index: 1024;
1261 top: 0 !important;
1262 bottom: 0 !important;
1263 left: auto !important;
1264 right: 0 !important;
1265 padding: 1.5rem 1.5rem 0 0;
1266 width: 75vw;
1267 visibility: hidden;
1268 background-color: var(--color-background);
1269 transform: translate(100%, 0);
1270 }
1271 html .col-sidebar > *:last-child {
1272 padding-bottom: 20px;
1273 }
1274 html .overlay {
1275 content: "";
1276 display: block;
1277 position: fixed;
1278 z-index: 1023;
1279 top: 0;
1280 left: 0;
1281 right: 0;
1282 bottom: 0;
1283 background-color: rgba(0, 0, 0, 0.75);
1284 visibility: hidden;
1285 }
1286
1287 .to-has-menu .overlay {
1288 animation: fade-in 0.4s;
1289 }
1290
1291 .to-has-menu .col-sidebar {
1292 animation: pop-in-from-right 0.4s;
1293 }
1294
1295 .from-has-menu .overlay {
1296 animation: fade-out 0.4s;
1297 }
1298
1299 .from-has-menu .col-sidebar {
1300 animation: pop-out-to-right 0.4s;
1301 }
1302
1303 .has-menu body {
1304 overflow: hidden;
1305 }
1306 .has-menu .overlay {
1307 visibility: visible;
1308 }
1309 .has-menu .col-sidebar {
1310 visibility: visible;
1311 transform: translate(0, 0);
1312 display: flex;
1313 flex-direction: column;
1314 gap: 1.5rem;
1315 max-height: 100vh;
1316 padding: 1rem 2rem;
1317 }
1318 .has-menu .tsd-navigation {
1319 max-height: 100%;
1320 }
1321}
1322
1323/* one sidebar */
1324@media (min-width: 770px) {
1325 .container-main {
1326 display: grid;
1327 grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
1328 grid-template-areas: "sidebar content";
1329 margin: 2rem auto;
1330 }
1331
1332 .col-sidebar {
1333 grid-area: sidebar;
1334 }
1335 .col-content {
1336 grid-area: content;
1337 padding: 0 1rem;
1338 }
1339}
1340@media (min-width: 770px) and (max-width: 1399px) {
1341 .col-sidebar {
1342 max-height: calc(100vh - 2rem - 42px);
1343 overflow: auto;
1344 position: sticky;
1345 top: 42px;
1346 padding-top: 1rem;
1347 }
3bd6a82e 1348 .site-menu {
1349 margin-top: 1rem;
1350 }
ec06e4dd 1351}
1352
1353/* two sidebars */
1354@media (min-width: 1200px) {
1355 .container-main {
1356 grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 20rem);
1357 grid-template-areas: "sidebar content toc";
1358 }
1359
1360 .col-sidebar {
1361 display: contents;
1362 }
1363
1364 .page-menu {
1365 grid-area: toc;
1366 padding-left: 1rem;
1367 }
1368 .site-menu {
1369 grid-area: sidebar;
1370 }
1371
1372 .site-menu {
1373 margin-top: 1rem 0;
1374 }
1375
1376 .page-menu,
1377 .site-menu {
1378 max-height: calc(100vh - 2rem - 42px);
1379 overflow: auto;
1380 position: sticky;
1381 top: 42px;
1382 }
1383}