Apply dependencies update
[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;
5 --light-color-icon-background: var(--light-color-background);
6 --light-color-accent: #c5c7c9;
24c3fcb4
JB
7 --light-color-text: #222;
8 --light-color-text-aside: #707070;
9 --light-color-link: #4da6ff;
a76fac14
JB
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;
24c3fcb4 16 --light-color-ts-private: #707070;
a76fac14 17 --light-color-ts-variable: #4d68ff;
24c3fcb4 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>");
a76fac14 19 --light-color-scheme: light;
24c3fcb4
JB
20
21 /* Dark */
a76fac14
JB
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;
24c3fcb4 28 --dark-color-link: #00aff4;
a76fac14
JB
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;
24c3fcb4 35 --dark-color-ts-private: #e2e2e2;
a76fac14 36 --dark-color-ts-variable: #4d68ff;
24c3fcb4 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>");
a76fac14 38 --dark-color-scheme: dark;
24c3fcb4
JB
39}
40
41@media (prefers-color-scheme: light) {
42 :root {
43 --color-background: var(--light-color-background);
a76fac14
JB
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);
24c3fcb4
JB
47 --color-text: var(--light-color-text);
48 --color-text-aside: var(--light-color-text-aside);
49 --color-link: var(--light-color-link);
24c3fcb4
JB
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);
a76fac14
JB
54 --color-ts-function: var(--light-color-ts-function);
55 --color-ts-namespace: var(--light-color-ts-namespace);
24c3fcb4 56 --color-ts-private: var(--light-color-ts-private);
a76fac14 57 --color-ts-variable: var(--light-color-ts-variable);
24c3fcb4 58 --external-icon: var(--light-external-icon);
a76fac14 59 --color-scheme: var(--light-color-scheme);
24c3fcb4
JB
60 }
61}
62
63@media (prefers-color-scheme: dark) {
64 :root {
65 --color-background: var(--dark-color-background);
a76fac14
JB
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);
24c3fcb4
JB
69 --color-text: var(--dark-color-text);
70 --color-text-aside: var(--dark-color-text-aside);
71 --color-link: var(--dark-color-link);
24c3fcb4
JB
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);
a76fac14
JB
76 --color-ts-function: var(--dark-color-ts-function);
77 --color-ts-namespace: var(--dark-color-ts-namespace);
24c3fcb4 78 --color-ts-private: var(--dark-color-ts-private);
a76fac14 79 --color-ts-variable: var(--dark-color-ts-variable);
24c3fcb4 80 --external-icon: var(--dark-external-icon);
a76fac14 81 --color-scheme: var(--dark-color-scheme);
24c3fcb4
JB
82 }
83}
84
a76fac14
JB
85html {
86 color-scheme: var(--color-scheme);
87}
88
24c3fcb4
JB
89body {
90 margin: 0;
91}
92
a76fac14 93:root[data-theme="light"] {
24c3fcb4 94 --color-background: var(--light-color-background);
a76fac14
JB
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);
24c3fcb4
JB
98 --color-text: var(--light-color-text);
99 --color-text-aside: var(--light-color-text-aside);
100 --color-link: var(--light-color-link);
24c3fcb4
JB
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);
a76fac14
JB
105 --color-ts-function: var(--light-color-ts-function);
106 --color-ts-namespace: var(--light-color-ts-namespace);
24c3fcb4 107 --color-ts-private: var(--light-color-ts-private);
a76fac14 108 --color-ts-variable: var(--light-color-ts-variable);
24c3fcb4 109 --external-icon: var(--light-external-icon);
a76fac14 110 --color-scheme: var(--light-color-scheme);
24c3fcb4
JB
111}
112
a76fac14 113:root[data-theme="dark"] {
24c3fcb4 114 --color-background: var(--dark-color-background);
a76fac14
JB
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);
24c3fcb4
JB
118 --color-text: var(--dark-color-text);
119 --color-text-aside: var(--dark-color-text-aside);
120 --color-link: var(--dark-color-link);
24c3fcb4
JB
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);
a76fac14
JB
125 --color-ts-function: var(--dark-color-ts-function);
126 --color-ts-namespace: var(--dark-color-ts-namespace);
24c3fcb4 127 --color-ts-private: var(--dark-color-ts-private);
a76fac14 128 --color-ts-variable: var(--dark-color-ts-variable);
24c3fcb4 129 --external-icon: var(--dark-external-icon);
a76fac14
JB
130 --color-scheme: var(--dark-color-scheme);
131}
132
133h1,
134h2,
135h3,
136h4,
137h5,
138h6 {
139 line-height: 1.2;
24c3fcb4
JB
140}
141
142h1 {
a76fac14
JB
143 font-size: 1.875rem;
144 margin: 0.67rem 0;
24c3fcb4
JB
145}
146
147h2 {
a76fac14
JB
148 font-size: 1.5rem;
149 margin: 0.83rem 0;
24c3fcb4
JB
150}
151
152h3 {
a76fac14
JB
153 font-size: 1.25rem;
154 margin: 1rem 0;
24c3fcb4
JB
155}
156
a76fac14
JB
157h4 {
158 font-size: 1.05rem;
159 margin: 1.33rem 0;
24c3fcb4
JB
160}
161
162h5 {
a76fac14
JB
163 font-size: 1rem;
164 margin: 1.5rem 0;
24c3fcb4
JB
165}
166
167h6 {
a76fac14
JB
168 font-size: 0.875rem;
169 margin: 2.33rem 0;
170}
171
172.uppercase {
173 text-transform: uppercase;
24c3fcb4
JB
174}
175
176pre {
177 white-space: pre;
178 white-space: pre-wrap;
179 word-wrap: break-word;
180}
181
182dl,
183menu,
184ol,
185ul {
186 margin: 1em 0;
187}
188
189dd {
190 margin: 0 0 0 40px;
191}
192
193.container {
a76fac14
JB
194 max-width: 1600px;
195 padding: 0 2rem;
196}
197
198@media (min-width: 640px) {
199 .container {
200 padding: 0 4rem;
201 }
24c3fcb4 202}
a76fac14 203@media (min-width: 1200px) {
24c3fcb4 204 .container {
a76fac14
JB
205 padding: 0 8rem;
206 }
207}
208@media (min-width: 1600px) {
209 .container {
210 padding: 0 12rem;
24c3fcb4
JB
211 }
212}
213
a76fac14
JB
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;
24c3fcb4
JB
226}
227
a76fac14 228.container-main {
24c3fcb4 229 display: flex;
a76fac14 230 justify-content: space-between;
24c3fcb4 231 position: relative;
a76fac14 232 margin: 0 auto;
24c3fcb4
JB
233}
234
235.col-4,
236.col-8 {
237 box-sizing: border-box;
238 float: left;
a76fac14 239 padding: 2rem 1rem;
24c3fcb4
JB
240}
241
242.col-4 {
a76fac14 243 flex: 0 0 25%;
24c3fcb4
JB
244}
245.col-8 {
a76fac14
JB
246 flex: 1 0;
247 flex-wrap: wrap;
248 padding-left: 0;
24c3fcb4
JB
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}
324body {
325 background: var(--color-background);
326 font-family: "Segoe UI", sans-serif;
327 font-size: 16px;
328 color: var(--color-text);
329}
330
331a {
332 color: var(--color-link);
333 text-decoration: none;
334}
335a:hover {
336 text-decoration: underline;
337}
338a.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
345code,
346pre {
347 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
348 padding: 0.2em;
349 margin: 0;
a76fac14
JB
350 font-size: 0.875rem;
351 border-radius: 0.8em;
24c3fcb4
JB
352}
353
354pre {
355 padding: 10px;
a76fac14 356 border: 0.1em solid var(--color-accent);
24c3fcb4
JB
357}
358pre code {
359 padding: 0;
360 font-size: 100%;
361}
362
363blockquote {
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
a76fac14 395@media (max-width: 1024px) {
24c3fcb4
JB
396 html .col-content {
397 float: none;
a76fac14 398 max-width: 100%;
24c3fcb4 399 width: 100%;
a76fac14 400 padding-top: 3rem;
24c3fcb4
JB
401 }
402 html .col-menu {
403 position: fixed !important;
a76fac14 404 overflow-y: auto;
24c3fcb4
JB
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;
a76fac14
JB
411 padding: 1.5rem 1.5rem 0 0;
412 max-width: 25rem;
24c3fcb4 413 visibility: hidden;
a76fac14 414 background-color: var(--color-background);
24c3fcb4
JB
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;
a76fac14 470 align-items: center;
24c3fcb4 471 grid-template-rows: auto 1fr;
a76fac14 472 grid-gap: 1.5rem;
24c3fcb4 473 max-height: 100vh;
a76fac14 474 padding: 1rem 2rem;
24c3fcb4
JB
475 }
476 .has-menu .tsd-navigation {
477 max-height: 100%;
478 }
479}
480
24c3fcb4
JB
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
a76fac14
JB
500.tsd-comment-tags {
501 display: flex;
502 flex-direction: column;
503}
504dl.tsd-comment-tag-group {
505 display: flex;
506 align-items: center;
24c3fcb4 507 overflow: hidden;
a76fac14 508 margin: 0.5em 0;
24c3fcb4 509}
a76fac14
JB
510dl.tsd-comment-tag-group dt {
511 display: flex;
512 margin-right: 0.5em;
513 font-size: 0.875em;
24c3fcb4
JB
514 font-weight: normal;
515}
a76fac14
JB
516dl.tsd-comment-tag-group dd {
517 margin: 0;
518}
519code.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}
525h1 code.tsd-tag:first-of-type {
526 margin-left: 0.25em;
24c3fcb4 527}
a76fac14
JB
528
529dl.tsd-comment-tag-group dd:before,
530dl.tsd-comment-tag-group dd:after {
24c3fcb4
JB
531 content: " ";
532}
a76fac14
JB
533dl.tsd-comment-tag-group dd pre,
534dl.tsd-comment-tag-group dd:after {
24c3fcb4
JB
535 clear: both;
536}
a76fac14 537dl.tsd-comment-tag-group p {
24c3fcb4
JB
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
a76fac14
JB
550.tsd-filter-visibility h4 {
551 font-size: 1rem;
552 padding-top: 0.75rem;
553 padding-bottom: 0.5rem;
554 margin: 0;
24c3fcb4 555}
a76fac14
JB
556.tsd-filter-item:not(:last-child) {
557 margin-bottom: 0.5rem;
24c3fcb4 558}
a76fac14
JB
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;
24c3fcb4 569}
a76fac14
JB
570.tsd-filter-input input[type="checkbox"] {
571 cursor: pointer;
572 position: absolute;
573 width: 1.5em;
574 height: 1.5em;
575 opacity: 0;
24c3fcb4 576}
a76fac14
JB
577.tsd-filter-input input[type="checkbox"]:disabled {
578 pointer-events: none;
24c3fcb4 579}
a76fac14
JB
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;
24c3fcb4 589}
a76fac14
JB
590.tsd-filter-input input[type="checkbox"]:focus + svg {
591 transform: scale(0.95);
24c3fcb4 592}
a76fac14
JB
593.tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
594 transform: scale(1);
24c3fcb4 595}
a76fac14
JB
596.tsd-checkbox-background {
597 fill: var(--color-accent);
24c3fcb4 598}
a76fac14
JB
599input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
600 stroke: var(--color-text);
24c3fcb4 601}
a76fac14
JB
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;
24c3fcb4 606}
a76fac14
JB
607.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
608 stroke: var(--color-accent);
24c3fcb4 609}
a76fac14
JB
610
611.tsd-theme-toggle {
612 padding-top: 0.75rem;
24c3fcb4 613}
a76fac14
JB
614.tsd-theme-toggle > h4 {
615 display: inline;
616 vertical-align: middle;
617 margin-right: 0.75rem;
24c3fcb4
JB
618}
619
620.tsd-hierarchy {
621 list-style: square;
24c3fcb4
JB
622 margin: 0;
623}
624.tsd-hierarchy .target {
625 font-weight: bold;
626}
627
a76fac14
JB
628.tsd-panel-group.tsd-index-group {
629 margin-bottom: 0;
630}
631.tsd-index-panel .tsd-index-list {
24c3fcb4
JB
632 list-style: none;
633 line-height: 1.333em;
a76fac14
JB
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);
24c3fcb4
JB
645 }
646}
a76fac14
JB
647@media (max-width: 768px) {
648 .tsd-index-panel .tsd-index-list {
649 grid-template-columns: repeat(1, 1fr);
24c3fcb4
JB
650 }
651}
a76fac14 652.tsd-index-panel .tsd-index-list li {
24c3fcb4
JB
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,
a76fac14 660.tsd-index-panel a.tsd-parent-kind-module {
24c3fcb4
JB
661 color: var(--color-ts);
662}
a76fac14 663.tsd-index-panel a.tsd-parent-kind-interface {
24c3fcb4
JB
664 color: var(--color-ts-interface);
665}
a76fac14 666.tsd-index-panel a.tsd-parent-kind-enum {
24c3fcb4
JB
667 color: var(--color-ts-enum);
668}
a76fac14 669.tsd-index-panel a.tsd-parent-kind-class {
24c3fcb4
JB
670 color: var(--color-ts-class);
671}
a76fac14
JB
672.tsd-index-panel a.tsd-kind-module {
673 color: var(--color-ts-namespace);
24c3fcb4 674}
a76fac14 675.tsd-index-panel a.tsd-kind-interface {
24c3fcb4
JB
676 color: var(--color-ts-interface);
677}
a76fac14 678.tsd-index-panel a.tsd-kind-enum {
24c3fcb4
JB
679 color: var(--color-ts-enum);
680}
a76fac14 681.tsd-index-panel a.tsd-kind-class {
24c3fcb4
JB
682 color: var(--color-ts-class);
683}
a76fac14
JB
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 {
24c3fcb4
JB
694 color: var(--color-ts-private);
695}
696
697.tsd-flag {
698 display: inline-block;
a76fac14 699 padding: 0.25em 0.4em;
24c3fcb4
JB
700 border-radius: 4px;
701 color: var(--color-comment-tag-text);
702 background-color: var(--color-comment-tag);
703 text-indent: 0;
a76fac14
JB
704 font-size: 75%;
705 line-height: 1;
24c3fcb4
JB
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 {
a76fac14
JB
718 display: flex;
719 align-items: center;
24c3fcb4
JB
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
24c3fcb4
JB
740.tsd-navigation a {
741 display: block;
a76fac14 742 margin: 0.4rem 0;
24c3fcb4
JB
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
a76fac14
JB
760.tsd-navigation.primary .tsd-accordion-details > ul {
761 margin-top: 0.75rem;
24c3fcb4
JB
762}
763.tsd-navigation.primary a {
a76fac14
JB
764 padding: 0.75rem 0.5rem;
765 margin: 0;
24c3fcb4
JB
766}
767.tsd-navigation.primary ul li a {
a76fac14 768 margin-left: 0.5rem;
24c3fcb4
JB
769}
770.tsd-navigation.primary ul li li a {
a76fac14 771 margin-left: 1.5rem;
24c3fcb4
JB
772}
773.tsd-navigation.primary ul li li li a {
a76fac14 774 margin-left: 2.5rem;
24c3fcb4
JB
775}
776.tsd-navigation.primary ul li li li li a {
a76fac14 777 margin-left: 3.5rem;
24c3fcb4
JB
778}
779.tsd-navigation.primary ul li li li li li a {
a76fac14 780 margin-left: 4.5rem;
24c3fcb4
JB
781}
782.tsd-navigation.primary ul li li li li li li a {
a76fac14 783 margin-left: 5.5rem;
24c3fcb4
JB
784}
785.tsd-navigation.primary li.current > a {
a76fac14
JB
786 border-left: 0.15rem var(--color-text) solid;
787}
788.tsd-navigation.primary li.selected > a {
24c3fcb4 789 font-weight: bold;
a76fac14 790 border-left: 0.2rem var(--color-text) solid;
24c3fcb4 791}
a76fac14
JB
792.tsd-navigation.primary ul li a:hover {
793 border-left: 0.2rem var(--color-text-aside) solid;
24c3fcb4
JB
794}
795.tsd-navigation.primary li.globals + li > span,
796.tsd-navigation.primary li.globals + li > a {
797 padding-top: 20px;
798}
799
24c3fcb4
JB
800.tsd-navigation.secondary.tsd-navigation--toolbar-hide {
801 max-height: calc(100vh - 1rem);
802 top: 0.5rem;
803}
a76fac14
JB
804.tsd-navigation.secondary > ul {
805 display: inline;
806 padding-right: 0.5rem;
24c3fcb4
JB
807 transition: opacity 0.2s;
808}
809.tsd-navigation.secondary ul li a {
a76fac14 810 padding-left: 0;
24c3fcb4
JB
811}
812.tsd-navigation.secondary ul li li a {
a76fac14 813 padding-left: 1.1rem;
24c3fcb4
JB
814}
815.tsd-navigation.secondary ul li li li a {
a76fac14 816 padding-left: 2.2rem;
24c3fcb4
JB
817}
818.tsd-navigation.secondary ul li li li li a {
a76fac14 819 padding-left: 3.3rem;
24c3fcb4
JB
820}
821.tsd-navigation.secondary ul li li li li li a {
a76fac14 822 padding-left: 4.4rem;
24c3fcb4
JB
823}
824.tsd-navigation.secondary ul li li li li li li a {
a76fac14
JB
825 padding-left: 5.5rem;
826}
827
41015374
JB
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
a76fac14
JB
837a.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;
24c3fcb4 861}
a76fac14
JB
862.tsd-accordion-summary > * {
863 margin-top: 0;
864 margin-bottom: 0;
865 padding-top: 0;
866 padding-bottom: 0;
24c3fcb4 867}
a76fac14
JB
868.tsd-accordion-summary::-webkit-details-marker {
869 display: none;
24c3fcb4 870}
a76fac14
JB
871.tsd-index-accordion .tsd-accordion-summary svg {
872 margin-right: 0.25rem;
24c3fcb4 873}
a76fac14
JB
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;
24c3fcb4
JB
895}
896
a76fac14
JB
897@media (min-width: 1024px) {
898 .col-content {
899 margin: 2rem auto;
900 }
901
24c3fcb4 902 .menu-sticky-wrap {
a76fac14
JB
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;
24c3fcb4
JB
922 }
923}
924
925.tsd-panel {
a76fac14
JB
926 margin-bottom: 2.5rem;
927}
928.tsd-panel.tsd-member {
929 margin-bottom: 4rem;
24c3fcb4
JB
930}
931.tsd-panel:empty {
932 display: none;
933}
934.tsd-panel > h1,
935.tsd-panel > h2,
936.tsd-panel > h3 {
a76fac14
JB
937 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
938 padding: 0 1.5rem 0.75rem 1.5rem;
24c3fcb4
JB
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;
a76fac14 944 border-bottom: none;
24c3fcb4
JB
945}
946
947.tsd-panel-group {
a76fac14 948 margin: 4rem 0;
24c3fcb4 949}
a76fac14
JB
950.tsd-panel-group.tsd-index-group {
951 margin: 2rem 0;
952}
953.tsd-panel-group.tsd-index-group details {
954 margin: 2rem 0;
24c3fcb4
JB
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;
a76fac14
JB
968 right: 2.5rem;
969 height: 100%;
24c3fcb4
JB
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,
41015374
JB
990#tsd-search .title,
991#tsd-toolbar-links a {
24c3fcb4
JB
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) {
a76fac14 1009 background-color: var(--color-background-secondary);
24c3fcb4
JB
1010}
1011#tsd-search .results li.state {
1012 display: none;
1013}
1014#tsd-search .results li.current,
1015#tsd-search .results li:hover {
a76fac14 1016 background-color: var(--color-accent);
24c3fcb4
JB
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 {
a76fac14 1029 background-color: var(--color-accent);
24c3fcb4
JB
1030}
1031#tsd-search.has-focus .field input {
1032 top: 0;
1033 opacity: 1;
1034}
41015374
JB
1035#tsd-search.has-focus .title,
1036#tsd-search.has-focus #tsd-toolbar-links a {
24c3fcb4
JB
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
41015374
JB
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
24c3fcb4 1066.tsd-signature {
a76fac14
JB
1067 margin: 0 0 1rem 0;
1068 padding: 1rem 0.5rem;
1069 border: 1px solid var(--color-accent);
24c3fcb4
JB
1070 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
1071 font-size: 14px;
1072 overflow-x: auto;
1073}
24c3fcb4
JB
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;
a76fac14 1088 list-style-type: none;
24c3fcb4
JB
1089}
1090.tsd-signatures .tsd-signature {
1091 margin: 0;
a76fac14 1092 border-color: var(--color-accent);
24c3fcb4 1093 border-width: 1px 0;
a76fac14 1094 transition: background-color 0.1s;
24c3fcb4 1095}
a76fac14
JB
1096.tsd-description .tsd-signatures .tsd-signature {
1097 border-width: 1px;
24c3fcb4
JB
1098}
1099
a76fac14
JB
1100ul.tsd-parameter-list,
1101ul.tsd-type-parameter-list {
24c3fcb4
JB
1102 list-style: square;
1103 margin: 0;
1104 padding-left: 20px;
1105}
a76fac14
JB
1106ul.tsd-parameter-list > li.tsd-parameter-signature,
1107ul.tsd-type-parameter-list > li.tsd-parameter-signature {
24c3fcb4
JB
1108 list-style: none;
1109 margin-left: -20px;
1110}
a76fac14
JB
1111ul.tsd-parameter-list h5,
1112ul.tsd-type-parameter-list h5 {
24c3fcb4
JB
1113 font-size: 16px;
1114 margin: 1em 0 0.5em 0;
1115}
24c3fcb4 1116.tsd-sources {
a76fac14
JB
1117 margin-top: 1rem;
1118 font-size: 0.875em;
24c3fcb4
JB
1119}
1120.tsd-sources a {
1121 color: var(--color-text-aside);
1122 text-decoration: underline;
1123}
24c3fcb4
JB
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%;
a76fac14
JB
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;
24c3fcb4
JB
1139}
1140.tsd-page-toolbar a {
a76fac14 1141 color: var(--color-text);
24c3fcb4
JB
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}
a76fac14
JB
1150.tsd-page-toolbar .tsd-toolbar-contents {
1151 display: flex;
1152 justify-content: space-between;
1153 height: 2.5rem;
1154 margin: 0 auto;
24c3fcb4
JB
1155}
1156.tsd-page-toolbar .table-cell {
24c3fcb4
JB
1157 position: relative;
1158 white-space: nowrap;
1159 line-height: 40px;
1160}
1161.tsd-page-toolbar .table-cell:first-child {
1162 width: 100%;
1163}
41015374
JB
1164.tsd-page-toolbar .tsd-toolbar-icon {
1165 box-sizing: border-box;
1166 line-height: 0;
1167 padding: 12px 0;
1168}
24c3fcb4
JB
1169
1170.tsd-page-toolbar--hide {
1171 transform: translateY(-100%);
1172}
1173
24c3fcb4
JB
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;
a76fac14 1188 background-color: var(--color-accent);
24c3fcb4
JB
1189}
1190.tsd-widget.no-caption {
1191 width: 40px;
1192}
1193.tsd-widget.no-caption:before {
1194 margin: 0;
1195}
a76fac14 1196
24c3fcb4
JB
1197.tsd-widget.options,
1198.tsd-widget.menu {
1199 display: none;
1200}
a76fac14 1201@media (max-width: 1024px) {
24c3fcb4
JB
1202 .tsd-widget.options,
1203 .tsd-widget.menu {
1204 display: inline-block;
1205 }
1206}
1207input[type="checkbox"] + .tsd-widget:before {
1208 background-position: -120px 0;
1209}
1210input[type="checkbox"]:checked + .tsd-widget:before {
1211 background-position: -160px 0;
1212}
1213
a76fac14
JB
1214img {
1215 max-width: 100%;
24c3fcb4 1216}
a76fac14
JB
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);
24c3fcb4 1224}
a76fac14
JB
1225
1226.tsd-anchor-icon svg {
1227 width: 1em;
1228 height: 1em;
24c3fcb4 1229 visibility: hidden;
24c3fcb4 1230}
a76fac14
JB
1231
1232.tsd-anchor-link:hover > .tsd-anchor-icon svg {
1233 visibility: visible;
24c3fcb4 1234}
a76fac14
JB
1235
1236.deprecated {
1237 text-decoration: line-through;
24c3fcb4 1238}
a76fac14
JB
1239
1240* {
1241 scrollbar-width: thin;
1242 scrollbar-color: var(--color-accent) var(--color-icon-background);
24c3fcb4 1243}
a76fac14
JB
1244
1245*::-webkit-scrollbar {
1246 width: 0.75rem;
24c3fcb4 1247}
a76fac14
JB
1248
1249*::-webkit-scrollbar-track {
1250 background: var(--color-icon-background);
24c3fcb4
JB
1251}
1252
a76fac14
JB
1253*::-webkit-scrollbar-thumb {
1254 background-color: var(--color-accent);
1255 border-radius: 999rem;
1256 border: 0.25rem solid var(--color-icon-background);
24c3fcb4 1257}