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