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