docs/assets/style.css

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