build(deps): bump poolifier
[poolifier.git] / docs / assets / style.css
1 :root {
2 /* Light */
3 --light-color-background: #f2f4f8;
4 --light-color-background-secondary: #eff0f1;
5 --light-color-warning-text: #222;
6 --light-color-background-warning: #e6e600;
7 --light-color-icon-background: var(--light-color-background);
8 --light-color-accent: #c5c7c9;
9 --light-color-active-menu-item: var(--light-color-accent);
10 --light-color-text: #222;
11 --light-color-text-aside: #6e6e6e;
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;
20 --light-color-ts-function: #572be7;
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);
35 --light-color-ts-type-alias: #d51270;
36 /* reference not included as links will be colored with the kind that it points to */
37
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>");
39 --light-color-scheme: light;
40
41 /* Dark */
42 --dark-color-background: #2b2e33;
43 --dark-color-background-secondary: #1e2024;
44 --dark-color-background-warning: #bebe00;
45 --dark-color-warning-text: #222;
46 --dark-color-icon-background: var(--dark-color-background-secondary);
47 --dark-color-accent: #9096a2;
48 --dark-color-active-menu-item: #5d5d6a;
49 --dark-color-text: #f5f5f5;
50 --dark-color-text-aside: #dddddd;
51 --dark-color-link: #00aff4;
52
53 --dark-color-ts-project: #e358ff;
54 --dark-color-ts-module: var(--dark-color-ts-project);
55 --dark-color-ts-namespace: var(--dark-color-ts-project);
56 --dark-color-ts-enum: #f4d93e;
57 --dark-color-ts-enum-member: var(--dark-color-ts-enum);
58 --dark-color-ts-variable: #798dff;
59 --dark-color-ts-function: #a280ff;
60 --dark-color-ts-class: #8ac4ff;
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);
74 --dark-color-ts-type-alias: #ff6492;
75 /* reference not included as links will be colored with the kind that it points to */
76
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>");
78 --dark-color-scheme: dark;
79 }
80
81 @media (prefers-color-scheme: light) {
82 :root {
83 --color-background: var(--light-color-background);
84 --color-background-secondary: var(--light-color-background-secondary);
85 --color-background-warning: var(--light-color-background-warning);
86 --color-warning-text: var(--light-color-warning-text);
87 --color-icon-background: var(--light-color-icon-background);
88 --color-accent: var(--light-color-accent);
89 --color-active-menu-item: var(--light-color-active-menu-item);
90 --color-text: var(--light-color-text);
91 --color-text-aside: var(--light-color-text-aside);
92 --color-link: var(--light-color-link);
93
94 --color-ts-module: var(--light-color-ts-module);
95 --color-ts-namespace: var(--light-color-ts-namespace);
96 --color-ts-enum: var(--light-color-ts-enum);
97 --color-ts-enum-member: var(--light-color-ts-enum-member);
98 --color-ts-variable: var(--light-color-ts-variable);
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
117 --external-icon: var(--light-external-icon);
118 --color-scheme: var(--light-color-scheme);
119 }
120 }
121
122 @media (prefers-color-scheme: dark) {
123 :root {
124 --color-background: var(--dark-color-background);
125 --color-background-secondary: var(--dark-color-background-secondary);
126 --color-background-warning: var(--dark-color-background-warning);
127 --color-warning-text: var(--dark-color-warning-text);
128 --color-icon-background: var(--dark-color-icon-background);
129 --color-accent: var(--dark-color-accent);
130 --color-active-menu-item: var(--dark-color-active-menu-item);
131 --color-text: var(--dark-color-text);
132 --color-text-aside: var(--dark-color-text-aside);
133 --color-link: var(--dark-color-link);
134
135 --color-ts-module: var(--dark-color-ts-module);
136 --color-ts-namespace: var(--dark-color-ts-namespace);
137 --color-ts-enum: var(--dark-color-ts-enum);
138 --color-ts-enum-member: var(--dark-color-ts-enum-member);
139 --color-ts-variable: var(--dark-color-ts-variable);
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
158 --external-icon: var(--dark-external-icon);
159 --color-scheme: var(--dark-color-scheme);
160 }
161 }
162
163 html {
164 color-scheme: var(--color-scheme);
165 }
166
167 body {
168 margin: 0;
169 }
170
171 :root[data-theme="light"] {
172 --color-background: var(--light-color-background);
173 --color-background-secondary: var(--light-color-background-secondary);
174 --color-background-warning: var(--light-color-background-warning);
175 --color-warning-text: var(--light-color-warning-text);
176 --color-icon-background: var(--light-color-icon-background);
177 --color-accent: var(--light-color-accent);
178 --color-active-menu-item: var(--light-color-active-menu-item);
179 --color-text: var(--light-color-text);
180 --color-text-aside: var(--light-color-text-aside);
181 --color-link: var(--light-color-link);
182
183 --color-ts-module: var(--light-color-ts-module);
184 --color-ts-namespace: var(--light-color-ts-namespace);
185 --color-ts-enum: var(--light-color-ts-enum);
186 --color-ts-enum-member: var(--light-color-ts-enum-member);
187 --color-ts-variable: var(--light-color-ts-variable);
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
206 --external-icon: var(--light-external-icon);
207 --color-scheme: var(--light-color-scheme);
208 }
209
210 :root[data-theme="dark"] {
211 --color-background: var(--dark-color-background);
212 --color-background-secondary: var(--dark-color-background-secondary);
213 --color-background-warning: var(--dark-color-background-warning);
214 --color-warning-text: var(--dark-color-warning-text);
215 --color-icon-background: var(--dark-color-icon-background);
216 --color-accent: var(--dark-color-accent);
217 --color-active-menu-item: var(--dark-color-active-menu-item);
218 --color-text: var(--dark-color-text);
219 --color-text-aside: var(--dark-color-text-aside);
220 --color-link: var(--dark-color-link);
221
222 --color-ts-module: var(--dark-color-ts-module);
223 --color-ts-namespace: var(--dark-color-ts-namespace);
224 --color-ts-enum: var(--dark-color-ts-enum);
225 --color-ts-enum-member: var(--dark-color-ts-enum-member);
226 --color-ts-variable: var(--dark-color-ts-variable);
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
245 --external-icon: var(--dark-external-icon);
246 --color-scheme: var(--dark-color-scheme);
247 }
248
249 .always-visible,
250 .always-visible .tsd-signatures {
251 display: inherit !important;
252 }
253
254 h1,
255 h2,
256 h3,
257 h4,
258 h5,
259 h6 {
260 line-height: 1.2;
261 }
262
263 h1 > a,
264 h2 > a,
265 h3 > a,
266 h4 > a,
267 h5 > a,
268 h6 > a {
269 text-decoration: none;
270 color: var(--color-text);
271 }
272
273 h1 {
274 font-size: 1.875rem;
275 margin: 0.67rem 0;
276 }
277
278 h2 {
279 font-size: 1.5rem;
280 margin: 0.83rem 0;
281 }
282
283 h3 {
284 font-size: 1.25rem;
285 margin: 1rem 0;
286 }
287
288 h4 {
289 font-size: 1.05rem;
290 margin: 1.33rem 0;
291 }
292
293 h5 {
294 font-size: 1rem;
295 margin: 1.5rem 0;
296 }
297
298 h6 {
299 font-size: 0.875rem;
300 margin: 2.33rem 0;
301 }
302
303 .uppercase {
304 text-transform: uppercase;
305 }
306
307 dl,
308 menu,
309 ol,
310 ul {
311 margin: 1em 0;
312 }
313
314 dd {
315 margin: 0 0 0 40px;
316 }
317
318 .container {
319 max-width: 1700px;
320 padding: 0 2rem;
321 }
322
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;
335 }
336
337 .container-main {
338 margin: 0 auto;
339 /* toolbar, footer, margin */
340 min-height: calc(100vh - 41px - 56px - 4rem);
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 }
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 }
400 body {
401 background: var(--color-background);
402 font-family: "Segoe UI", sans-serif;
403 font-size: 16px;
404 color: var(--color-text);
405 }
406
407 a {
408 color: var(--color-link);
409 text-decoration: none;
410 }
411 a:hover {
412 text-decoration: underline;
413 }
414 a.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
421 code,
422 pre {
423 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
424 padding: 0.2em;
425 margin: 0;
426 font-size: 0.875rem;
427 border-radius: 0.8em;
428 }
429
430 pre {
431 position: relative;
432 white-space: pre;
433 white-space: pre-wrap;
434 word-wrap: break-word;
435 padding: 10px;
436 border: 1px solid var(--color-accent);
437 }
438 pre code {
439 padding: 0;
440 font-size: 100%;
441 }
442 pre > button {
443 position: absolute;
444 top: 10px;
445 right: 10px;
446 opacity: 0;
447 transition: opacity 0.1s;
448 box-sizing: border-box;
449 }
450 pre:hover > button,
451 pre > button.visible {
452 opacity: 1;
453 }
454
455 blockquote {
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 }
469 .tsd-typography .tsd-index-panel h3,
470 .tsd-index-panel .tsd-typography h3,
471 .tsd-typography h4,
472 .tsd-typography h5,
473 .tsd-typography h6 {
474 font-size: 1em;
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 }
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 }
498
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
518 .tsd-comment-tags {
519 display: flex;
520 flex-direction: column;
521 }
522 dl.tsd-comment-tag-group {
523 display: flex;
524 align-items: center;
525 overflow: hidden;
526 margin: 0.5em 0;
527 }
528 dl.tsd-comment-tag-group dt {
529 display: flex;
530 margin-right: 0.5em;
531 font-size: 0.875em;
532 font-weight: normal;
533 }
534 dl.tsd-comment-tag-group dd {
535 margin: 0;
536 }
537 code.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 }
543 h1 code.tsd-tag:first-of-type {
544 margin-left: 0.25em;
545 }
546
547 dl.tsd-comment-tag-group dd:before,
548 dl.tsd-comment-tag-group dd:after {
549 content: " ";
550 }
551 dl.tsd-comment-tag-group dd pre,
552 dl.tsd-comment-tag-group dd:after {
553 clear: both;
554 }
555 dl.tsd-comment-tag-group p {
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
568 .tsd-filter-visibility h4 {
569 font-size: 1rem;
570 padding-top: 0.75rem;
571 padding-bottom: 0.5rem;
572 margin: 0;
573 }
574 .tsd-filter-item:not(:last-child) {
575 margin-bottom: 0.5rem;
576 }
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;
587 }
588 .tsd-filter-input input[type="checkbox"] {
589 cursor: pointer;
590 position: absolute;
591 width: 1.5em;
592 height: 1.5em;
593 opacity: 0;
594 }
595 .tsd-filter-input input[type="checkbox"]:disabled {
596 pointer-events: none;
597 }
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;
607 }
608 .tsd-filter-input input[type="checkbox"]:focus + svg {
609 transform: scale(0.95);
610 }
611 .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
612 transform: scale(1);
613 }
614 .tsd-checkbox-background {
615 fill: var(--color-accent);
616 }
617 input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
618 stroke: var(--color-text);
619 }
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;
624 }
625 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
626 stroke: var(--color-accent);
627 }
628
629 .tsd-theme-toggle {
630 padding-top: 0.75rem;
631 }
632 .tsd-theme-toggle > h4 {
633 display: inline;
634 vertical-align: middle;
635 margin-right: 0.75rem;
636 }
637
638 .tsd-hierarchy {
639 list-style: square;
640 margin: 0;
641 }
642 .tsd-hierarchy .target {
643 font-weight: bold;
644 }
645
646 .tsd-panel-group.tsd-index-group {
647 margin-bottom: 0;
648 }
649 .tsd-index-panel .tsd-index-list {
650 list-style: none;
651 line-height: 1.333em;
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);
663 }
664 }
665 @media (max-width: 768px) {
666 .tsd-index-panel .tsd-index-list {
667 grid-template-columns: repeat(1, 1fr);
668 }
669 }
670 .tsd-index-panel .tsd-index-list li {
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 }
677
678 .tsd-flag {
679 display: inline-block;
680 padding: 0.25em 0.4em;
681 border-radius: 4px;
682 color: var(--color-comment-tag-text);
683 background-color: var(--color-comment-tag);
684 text-indent: 0;
685 font-size: 75%;
686 line-height: 1;
687 font-weight: normal;
688 }
689
690 .tsd-anchor {
691 position: relative;
692 top: -100px;
693 }
694
695 .tsd-member {
696 position: relative;
697 }
698 .tsd-member .tsd-anchor + h3 {
699 display: flex;
700 align-items: center;
701 margin-top: 0;
702 margin-bottom: 0;
703 border-bottom: none;
704 }
705
706 .tsd-navigation.settings {
707 margin: 1rem 0;
708 }
709 .tsd-navigation > a,
710 .tsd-navigation .tsd-accordion-summary {
711 width: calc(100% - 0.5rem);
712 }
713 .tsd-navigation a,
714 .tsd-navigation summary > span,
715 .tsd-page-navigation a {
716 display: inline-flex;
717 align-items: center;
718 padding: 0.25rem;
719 color: var(--color-text);
720 text-decoration: none;
721 box-sizing: border-box;
722 }
723 .tsd-navigation a.current,
724 .tsd-page-navigation a.current {
725 background: var(--color-active-menu-item);
726 }
727 .tsd-navigation a:hover,
728 .tsd-page-navigation a:hover {
729 text-decoration: underline;
730 }
731 .tsd-navigation ul,
732 .tsd-page-navigation ul {
733 margin-top: 0;
734 margin-bottom: 0;
735 padding: 0;
736 list-style: none;
737 }
738 .tsd-navigation li,
739 .tsd-page-navigation li {
740 padding: 0;
741 max-width: 100%;
742 }
743 .tsd-nested-navigation {
744 margin-left: 3rem;
745 }
746 .tsd-nested-navigation > li > details {
747 margin-left: -1.5rem;
748 }
749 .tsd-small-nested-navigation {
750 margin-left: 1.5rem;
751 }
752 .tsd-small-nested-navigation > li > details {
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);
759 }
760
761 .tsd-page-navigation ul {
762 padding-left: 1.75rem;
763 }
764
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
774 a.tsd-index-link {
775 padding: 0.25rem 0 !important;
776 font-size: 1rem;
777 line-height: 1.25rem;
778 display: inline-flex;
779 align-items: center;
780 color: var(--color-text);
781 }
782 .tsd-accordion-summary {
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 */
788 }
789 .tsd-accordion-summary,
790 .tsd-accordion-summary a {
791 user-select: none;
792 -moz-user-select: none;
793 -webkit-user-select: none;
794 -ms-user-select: none;
795
796 cursor: pointer;
797 }
798 .tsd-accordion-summary a {
799 width: calc(100% - 1.5rem);
800 }
801 .tsd-accordion-summary > * {
802 margin-top: 0;
803 margin-bottom: 0;
804 padding-top: 0;
805 padding-bottom: 0;
806 }
807 .tsd-index-accordion .tsd-accordion-summary > svg {
808 margin-left: 0.25rem;
809 }
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;
831 }
832
833 .tsd-panel {
834 margin-bottom: 2.5rem;
835 }
836 .tsd-panel.tsd-member {
837 margin-bottom: 4rem;
838 }
839 .tsd-panel:empty {
840 display: none;
841 }
842 .tsd-panel > h1,
843 .tsd-panel > h2,
844 .tsd-panel > h3 {
845 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
846 padding: 0 1.5rem 0.75rem 1.5rem;
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;
852 border-bottom: none;
853 }
854
855 .tsd-panel-group {
856 margin: 4rem 0;
857 }
858 .tsd-panel-group.tsd-index-group {
859 margin: 2rem 0;
860 }
861 .tsd-panel-group.tsd-index-group details {
862 margin: 2rem 0;
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;
876 right: 2.5rem;
877 height: 100%;
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,
898 #tsd-search .title,
899 #tsd-toolbar-links a {
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 {
913 background-color: var(--color-background);
914 line-height: initial;
915 padding: 4px;
916 }
917 #tsd-search .results li:nth-child(even) {
918 background-color: var(--color-background-secondary);
919 }
920 #tsd-search .results li.state {
921 display: none;
922 }
923 #tsd-search .results li.current:not(.no-results),
924 #tsd-search .results li:hover:not(.no-results) {
925 background-color: var(--color-accent);
926 }
927 #tsd-search .results a {
928 display: flex;
929 align-items: center;
930 padding: 0.25rem;
931 box-sizing: border-box;
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 {
941 background-color: var(--color-accent);
942 }
943 #tsd-search.has-focus .field input {
944 top: 0;
945 opacity: 1;
946 }
947 #tsd-search.has-focus .title,
948 #tsd-search.has-focus #tsd-toolbar-links a {
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
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
978 .tsd-signature {
979 margin: 0 0 1rem 0;
980 padding: 1rem 0.5rem;
981 border: 1px solid var(--color-accent);
982 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
983 font-size: 14px;
984 overflow-x: auto;
985 }
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;
1000 list-style-type: none;
1001 }
1002 .tsd-signatures .tsd-signature {
1003 margin: 0;
1004 border-color: var(--color-accent);
1005 border-width: 1px 0;
1006 transition: background-color 0.1s;
1007 }
1008 .tsd-description .tsd-signatures .tsd-signature {
1009 border-width: 1px;
1010 }
1011
1012 ul.tsd-parameter-list,
1013 ul.tsd-type-parameter-list {
1014 list-style: square;
1015 margin: 0;
1016 padding-left: 20px;
1017 }
1018 ul.tsd-parameter-list > li.tsd-parameter-signature,
1019 ul.tsd-type-parameter-list > li.tsd-parameter-signature {
1020 list-style: none;
1021 margin-left: -20px;
1022 }
1023 ul.tsd-parameter-list h5,
1024 ul.tsd-type-parameter-list h5 {
1025 font-size: 16px;
1026 margin: 1em 0 0.5em 0;
1027 }
1028 .tsd-sources {
1029 margin-top: 1rem;
1030 font-size: 0.875em;
1031 }
1032 .tsd-sources a {
1033 color: var(--color-text-aside);
1034 text-decoration: underline;
1035 }
1036 .tsd-sources ul {
1037 list-style: none;
1038 padding: 0;
1039 }
1040
1041 .tsd-page-toolbar {
1042 position: sticky;
1043 z-index: 1;
1044 top: 0;
1045 left: 0;
1046 width: 100%;
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;
1051 }
1052 .tsd-page-toolbar a {
1053 color: var(--color-text);
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 }
1062 .tsd-page-toolbar .tsd-toolbar-contents {
1063 display: flex;
1064 justify-content: space-between;
1065 height: 2.5rem;
1066 margin: 0 auto;
1067 }
1068 .tsd-page-toolbar .table-cell {
1069 position: relative;
1070 white-space: nowrap;
1071 line-height: 40px;
1072 }
1073 .tsd-page-toolbar .table-cell:first-child {
1074 width: 100%;
1075 }
1076 .tsd-page-toolbar .tsd-toolbar-icon {
1077 box-sizing: border-box;
1078 line-height: 0;
1079 padding: 12px 0;
1080 }
1081
1082 .tsd-widget {
1083 display: inline-block;
1084 overflow: hidden;
1085 opacity: 0.8;
1086 height: 40px;
1087 transition:
1088 opacity 0.1s,
1089 background-color 0.2s;
1090 vertical-align: bottom;
1091 cursor: pointer;
1092 }
1093 .tsd-widget:hover {
1094 opacity: 0.9;
1095 }
1096 .tsd-widget.active {
1097 opacity: 1;
1098 background-color: var(--color-accent);
1099 }
1100 .tsd-widget.no-caption {
1101 width: 40px;
1102 }
1103 .tsd-widget.no-caption:before {
1104 margin: 0;
1105 }
1106
1107 .tsd-widget.options,
1108 .tsd-widget.menu {
1109 display: none;
1110 }
1111 input[type="checkbox"] + .tsd-widget:before {
1112 background-position: -120px 0;
1113 }
1114 input[type="checkbox"]:checked + .tsd-widget:before {
1115 background-position: -160px 0;
1116 }
1117
1118 img {
1119 max-width: 100%;
1120 }
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);
1128 }
1129
1130 .tsd-anchor-icon svg {
1131 width: 1em;
1132 height: 1em;
1133 visibility: hidden;
1134 }
1135
1136 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1137 visibility: visible;
1138 }
1139
1140 .deprecated {
1141 text-decoration: line-through !important;
1142 }
1143
1144 .warning {
1145 padding: 1rem;
1146 color: var(--color-warning-text);
1147 background: var(--color-background-warning);
1148 }
1149
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
1222 * {
1223 scrollbar-width: thin;
1224 scrollbar-color: var(--color-accent) var(--color-icon-background);
1225 }
1226
1227 *::-webkit-scrollbar {
1228 width: 0.75rem;
1229 }
1230
1231 *::-webkit-scrollbar-track {
1232 background: var(--color-icon-background);
1233 }
1234
1235 *::-webkit-scrollbar-thumb {
1236 background-color: var(--color-accent);
1237 border-radius: 999rem;
1238 border: 0.25rem solid var(--color-icon-background);
1239 }
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 }
1348 .site-menu {
1349 margin-top: 1rem;
1350 }
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 }