docs/assets/style.css

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