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     background-color: var(--color-background);
 914     line-height: initial;
 915     padding: 4px;
 916 }
 917 #tsd-search .results li:nth-child(even) {
 918     background-color: var(--color-background-secondary);
 919 }
 920 #tsd-search .results li.state {
 921     display: none;
 922 }
 923 #tsd-search .results li.current:not(.no-results),
 924 #tsd-search .results li:hover:not(.no-results) {
 925     background-color: var(--color-accent);
 926 }
 927 #tsd-search .results a {
 928     display: flex;
 929     align-items: center;
 930     padding: 0.25rem;
 931     box-sizing: border-box;
 932 }
 933 #tsd-search .results a:before {
 934     top: 10px;
 935 }
 936 #tsd-search .results span.parent {
 937     color: var(--color-text-aside);
 938     font-weight: normal;
 939 }
 940 #tsd-search.has-focus {
 941     background-color: var(--color-accent);
 942 }
 943 #tsd-search.has-focus .field input {
 944     top: 0;
 945     opacity: 1;
 946 }
 947 #tsd-search.has-focus .title,
 948 #tsd-search.has-focus #tsd-toolbar-links a {
 949     z-index: 0;
 950     opacity: 0;
 951 }
 952 #tsd-search.has-focus .results {
 953     visibility: visible;
 954 }
 955 #tsd-search.loading .results li.state.loading {
 956     display: block;
 957 }
 958 #tsd-search.failure .results li.state.failure {
 959     display: block;
 960 }
 961
 962 #tsd-toolbar-links {
 963     position: absolute;
 964     top: 0;
 965     right: 2rem;
 966     height: 100%;
 967     display: flex;
 968     align-items: center;
 969     justify-content: flex-end;
 970 }
 971 #tsd-toolbar-links a {
 972     margin-left: 1.5rem;
 973 }
 974 #tsd-toolbar-links a:hover {
 975     text-decoration: underline;
 976 }
 977
 978 .tsd-signature {
 979     margin: 0 0 1rem 0;
 980     padding: 1rem 0.5rem;
 981     border: 1px solid var(--color-accent);
 982     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 983     font-size: 14px;
 984     overflow-x: auto;
 985 }
 986
 987 .tsd-signature-symbol {
 988     color: var(--color-text-aside);
 989     font-weight: normal;
 990 }
 991
 992 .tsd-signature-type {
 993     font-style: italic;
 994     font-weight: normal;
 995 }
 996
 997 .tsd-signatures {
 998     padding: 0;
 999     margin: 0 0 1em 0;
1000     list-style-type: none;
1001 }
1002 .tsd-signatures .tsd-signature {
1003     margin: 0;
1004     border-color: var(--color-accent);
1005     border-width: 1px 0;
1006     transition: background-color 0.1s;
1007 }
1008 .tsd-description .tsd-signatures .tsd-signature {
1009     border-width: 1px;
1010 }
1011
1012 ul.tsd-parameter-list,
1013 ul.tsd-type-parameter-list {
1014     list-style: square;
1015     margin: 0;
1016     padding-left: 20px;
1017 }
1018 ul.tsd-parameter-list > li.tsd-parameter-signature,
1019 ul.tsd-type-parameter-list > li.tsd-parameter-signature {
1020     list-style: none;
1021     margin-left: -20px;
1022 }
1023 ul.tsd-parameter-list h5,
1024 ul.tsd-type-parameter-list h5 {
1025     font-size: 16px;
1026     margin: 1em 0 0.5em 0;
1027 }
1028 .tsd-sources {
1029     margin-top: 1rem;
1030     font-size: 0.875em;
1031 }
1032 .tsd-sources a {
1033     color: var(--color-text-aside);
1034     text-decoration: underline;
1035 }
1036 .tsd-sources ul {
1037     list-style: none;
1038     padding: 0;
1039 }
1040
1041 .tsd-page-toolbar {
1042     position: sticky;
1043     z-index: 1;
1044     top: 0;
1045     left: 0;
1046     width: 100%;
1047     color: var(--color-text);
1048     background: var(--color-background-secondary);
1049     border-bottom: 1px var(--color-accent) solid;
1050     transition: transform 0.3s ease-in-out;
1051 }
1052 .tsd-page-toolbar a {
1053     color: var(--color-text);
1054     text-decoration: none;
1055 }
1056 .tsd-page-toolbar a.title {
1057     font-weight: bold;
1058 }
1059 .tsd-page-toolbar a.title:hover {
1060     text-decoration: underline;
1061 }
1062 .tsd-page-toolbar .tsd-toolbar-contents {
1063     display: flex;
1064     justify-content: space-between;
1065     height: 2.5rem;
1066     margin: 0 auto;
1067 }
1068 .tsd-page-toolbar .table-cell {
1069     position: relative;
1070     white-space: nowrap;
1071     line-height: 40px;
1072 }
1073 .tsd-page-toolbar .table-cell:first-child {
1074     width: 100%;
1075 }
1076 .tsd-page-toolbar .tsd-toolbar-icon {
1077     box-sizing: border-box;
1078     line-height: 0;
1079     padding: 12px 0;
1080 }
1081
1082 .tsd-widget {
1083     display: inline-block;
1084     overflow: hidden;
1085     opacity: 0.8;
1086     height: 40px;
1087     transition:
1088         opacity 0.1s,
1089         background-color 0.2s;
1090     vertical-align: bottom;
1091     cursor: pointer;
1092 }
1093 .tsd-widget:hover {
1094     opacity: 0.9;
1095 }
1096 .tsd-widget.active {
1097     opacity: 1;
1098     background-color: var(--color-accent);
1099 }
1100 .tsd-widget.no-caption {
1101     width: 40px;
1102 }
1103 .tsd-widget.no-caption:before {
1104     margin: 0;
1105 }
1106
1107 .tsd-widget.options,
1108 .tsd-widget.menu {
1109     display: none;
1110 }
1111 input[type="checkbox"] + .tsd-widget:before {
1112     background-position: -120px 0;
1113 }
1114 input[type="checkbox"]:checked + .tsd-widget:before {
1115     background-position: -160px 0;
1116 }
1117
1118 img {
1119     max-width: 100%;
1120 }
1121
1122 .tsd-anchor-icon {
1123     display: inline-flex;
1124     align-items: center;
1125     margin-left: 0.5rem;
1126     vertical-align: middle;
1127     color: var(--color-text);
1128 }
1129
1130 .tsd-anchor-icon svg {
1131     width: 1em;
1132     height: 1em;
1133     visibility: hidden;
1134 }
1135
1136 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1137     visibility: visible;
1138 }
1139
1140 .deprecated {
1141     text-decoration: line-through !important;
1142 }
1143
1144 .warning {
1145     padding: 1rem;
1146     color: var(--color-warning-text);
1147     background: var(--color-background-warning);
1148 }
1149
1150 .tsd-kind-project {
1151     color: var(--color-ts-project);
1152 }
1153 .tsd-kind-module {
1154     color: var(--color-ts-module);
1155 }
1156 .tsd-kind-namespace {
1157     color: var(--color-ts-namespace);
1158 }
1159 .tsd-kind-enum {
1160     color: var(--color-ts-enum);
1161 }
1162 .tsd-kind-enum-member {
1163     color: var(--color-ts-enum-member);
1164 }
1165 .tsd-kind-variable {
1166     color: var(--color-ts-variable);
1167 }
1168 .tsd-kind-function {
1169     color: var(--color-ts-function);
1170 }
1171 .tsd-kind-class {
1172     color: var(--color-ts-class);
1173 }
1174 .tsd-kind-interface {
1175     color: var(--color-ts-interface);
1176 }
1177 .tsd-kind-constructor {
1178     color: var(--color-ts-constructor);
1179 }
1180 .tsd-kind-property {
1181     color: var(--color-ts-property);
1182 }
1183 .tsd-kind-method {
1184     color: var(--color-ts-method);
1185 }
1186 .tsd-kind-call-signature {
1187     color: var(--color-ts-call-signature);
1188 }
1189 .tsd-kind-index-signature {
1190     color: var(--color-ts-index-signature);
1191 }
1192 .tsd-kind-constructor-signature {
1193     color: var(--color-ts-constructor-signature);
1194 }
1195 .tsd-kind-parameter {
1196     color: var(--color-ts-parameter);
1197 }
1198 .tsd-kind-type-literal {
1199     color: var(--color-ts-type-literal);
1200 }
1201 .tsd-kind-type-parameter {
1202     color: var(--color-ts-type-parameter);
1203 }
1204 .tsd-kind-accessor {
1205     color: var(--color-ts-accessor);
1206 }
1207 .tsd-kind-get-signature {
1208     color: var(--color-ts-get-signature);
1209 }
1210 .tsd-kind-set-signature {
1211     color: var(--color-ts-set-signature);
1212 }
1213 .tsd-kind-type-alias {
1214     color: var(--color-ts-type-alias);
1215 }
1216
1217 /* if we have a kind icon, don't color the text by kind */
1218 .tsd-kind-icon ~ span {
1219     color: var(--color-text);
1220 }
1221
1222 * {
1223     scrollbar-width: thin;
1224     scrollbar-color: var(--color-accent) var(--color-icon-background);
1225 }
1226
1227 *::-webkit-scrollbar {
1228     width: 0.75rem;
1229 }
1230
1231 *::-webkit-scrollbar-track {
1232     background: var(--color-icon-background);
1233 }
1234
1235 *::-webkit-scrollbar-thumb {
1236     background-color: var(--color-accent);
1237     border-radius: 999rem;
1238     border: 0.25rem solid var(--color-icon-background);
1239 }
1240
1241 /* mobile */
1242 @media (max-width: 769px) {
1243     .tsd-widget.options,
1244     .tsd-widget.menu {
1245         display: inline-block;
1246     }
1247
1248     .container-main {
1249         display: flex;
1250     }
1251     html .col-content {
1252         float: none;
1253         max-width: 100%;
1254         width: 100%;
1255     }
1256     html .col-sidebar {
1257         position: fixed !important;
1258         overflow-y: auto;
1259         -webkit-overflow-scrolling: touch;
1260         z-index: 1024;
1261         top: 0 !important;
1262         bottom: 0 !important;
1263         left: auto !important;
1264         right: 0 !important;
1265         padding: 1.5rem 1.5rem 0 0;
1266         width: 75vw;
1267         visibility: hidden;
1268         background-color: var(--color-background);
1269         transform: translate(100%, 0);
1270     }
1271     html .col-sidebar > *:last-child {
1272         padding-bottom: 20px;
1273     }
1274     html .overlay {
1275         content: "";
1276         display: block;
1277         position: fixed;
1278         z-index: 1023;
1279         top: 0;
1280         left: 0;
1281         right: 0;
1282         bottom: 0;
1283         background-color: rgba(0, 0, 0, 0.75);
1284         visibility: hidden;
1285     }
1286
1287     .to-has-menu .overlay {
1288         animation: fade-in 0.4s;
1289     }
1290
1291     .to-has-menu .col-sidebar {
1292         animation: pop-in-from-right 0.4s;
1293     }
1294
1295     .from-has-menu .overlay {
1296         animation: fade-out 0.4s;
1297     }
1298
1299     .from-has-menu .col-sidebar {
1300         animation: pop-out-to-right 0.4s;
1301     }
1302
1303     .has-menu body {
1304         overflow: hidden;
1305     }
1306     .has-menu .overlay {
1307         visibility: visible;
1308     }
1309     .has-menu .col-sidebar {
1310         visibility: visible;
1311         transform: translate(0, 0);
1312         display: flex;
1313         flex-direction: column;
1314         gap: 1.5rem;
1315         max-height: 100vh;
1316         padding: 1rem 2rem;
1317     }
1318     .has-menu .tsd-navigation {
1319         max-height: 100%;
1320     }
1321 }
1322
1323 /* one sidebar */
1324 @media (min-width: 770px) {
1325     .container-main {
1326         display: grid;
1327         grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
1328         grid-template-areas: "sidebar content";
1329         margin: 2rem auto;
1330     }
1331
1332     .col-sidebar {
1333         grid-area: sidebar;
1334     }
1335     .col-content {
1336         grid-area: content;
1337         padding: 0 1rem;
1338     }
1339 }
1340 @media (min-width: 770px) and (max-width: 1399px) {
1341     .col-sidebar {
1342         max-height: calc(100vh - 2rem - 42px);
1343         overflow: auto;
1344         position: sticky;
1345         top: 42px;
1346         padding-top: 1rem;
1347     }
1348     .site-menu {
1349         margin-top: 1rem;
1350     }
1351 }
1352
1353 /* two sidebars */
1354 @media (min-width: 1200px) {
1355     .container-main {
1356         grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 20rem);
1357         grid-template-areas: "sidebar content toc";
1358     }
1359
1360     .col-sidebar {
1361         display: contents;
1362     }
1363
1364     .page-menu {
1365         grid-area: toc;
1366         padding-left: 1rem;
1367     }
1368     .site-menu {
1369         grid-area: sidebar;
1370     }
1371
1372     .site-menu {
1373         margin-top: 1rem 0;
1374     }
1375
1376     .page-menu,
1377     .site-menu {
1378         max-height: calc(100vh - 2rem - 42px);
1379         overflow: auto;
1380         position: sticky;
1381         top: 42px;
1382     }
1383 }