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