@zthun/trilean-web 1.1.0

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