docs/assets/style.css

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