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