docs/assets/style.css

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