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