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