Bump expect from 29.1.0 to 29.1.2 (#572)
[poolifier.git] / docs / assets / style.css
CommitLineData
24c3fcb4
JB
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
103body {
104 margin: 0;
105}
106
107body.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
131body.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
155h1 {
156 font-size: 2em;
157 margin: 0.67em 0;
158}
159
160h2 {
161 font-size: 1.5em;
162 margin: 0.83em 0;
163}
164
165h3 {
166 font-size: 1.17em;
167 margin: 1em 0;
168}
169
170h4,
171.tsd-index-panel h3 {
172 font-size: 1em;
173 margin: 1.33em 0;
174}
175
176h5 {
177 font-size: 0.83em;
178 margin: 1.67em 0;
179}
180
181h6 {
182 font-size: 0.67em;
183 margin: 2.33em 0;
184}
185
186pre {
187 white-space: pre;
188 white-space: pre-wrap;
189 word-wrap: break-word;
190}
191
192dl,
193menu,
194ol,
195ul {
196 margin: 1em 0;
197}
198
199dd {
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
245ul.tsd-descriptions > li > :first-child,
246.tsd-panel > :first-child,
247.col-8 > :first-child,
248.col-4 > :first-child,
249ul.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,
253ul.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}
259ul.tsd-descriptions > li > :last-child,
260.tsd-panel > :last-child,
261.col-8 > :last-child,
262.col-4 > :last-child,
263ul.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,
267ul.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}
347body {
348 background: var(--color-background);
349 font-family: "Segoe UI", sans-serif;
350 font-size: 16px;
351 color: var(--color-text);
352}
353
354a {
355 color: var(--color-link);
356 text-decoration: none;
357}
358a:hover {
359 text-decoration: underline;
360}
361a.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
368code,
369pre {
370 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
371 padding: 0.2em;
372 margin: 0;
373 font-size: 14px;
374}
375
376pre {
377 padding: 10px;
378}
379pre code {
380 padding: 0;
381 font-size: 100%;
382}
383
384blockquote {
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
538dl.tsd-comment-tags {
539 overflow: hidden;
540}
541dl.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}
551dl.tsd-comment-tags dd {
552 margin: 0 0 10px 0;
553}
554dl.tsd-comment-tags dd:before,
555dl.tsd-comment-tags dd:after {
556 display: table;
557 content: " ";
558}
559dl.tsd-comment-tags dd pre,
560dl.tsd-comment-tags dd:after {
561 clear: both;
562}
563dl.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
640footer {
641 border-top: 1px solid var(--color-panel-divider);
642 background-color: var(--color-panel);
643}
644footer:after {
645 content: "";
646 display: table;
647}
648footer.with-border-bottom {
649 border-bottom: 1px solid var(--color-panel-divider);
650}
651footer .tsd-legend-group {
652 font-size: 0;
653}
654footer .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
1140ul.tsd-descriptions {
1141 position: relative;
1142 overflow: hidden;
1143 padding: 0;
1144 list-style: none;
1145}
1146ul.tsd-descriptions.active > .tsd-description {
1147 display: none;
1148}
1149ul.tsd-descriptions.active > .tsd-description.current {
1150 display: block;
1151}
1152ul.tsd-descriptions.active > .tsd-description.fade-in {
1153 animation: fade-in-delayed 0.3s;
1154}
1155ul.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}
1165ul.tsd-descriptions h4,
1166ul.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
1172ul.tsd-parameters,
1173ul.tsd-type-parameters {
1174 list-style: square;
1175 margin: 0;
1176 padding-left: 20px;
1177}
1178ul.tsd-parameters > li.tsd-parameter-signature,
1179ul.tsd-type-parameters > li.tsd-parameter-signature {
1180 list-style: none;
1181 margin-left: -20px;
1182}
1183ul.tsd-parameters h5,
1184ul.tsd-type-parameters h5 {
1185 font-size: 16px;
1186 margin: 1em 0 0.5em 0;
1187}
1188ul.tsd-parameters .tsd-comment,
1189ul.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}
1316input[type="checkbox"] + .tsd-widget:before {
1317 background-position: -120px 0;
1318}
1319input[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
1386img {
1387 max-width: 100%;
1388}