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