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;
 774     display: flex;
 775     align-items: center;
 776 }
 777 .tsd-accordion-summary,
 778 .tsd-accordion-summary a {
 779     user-select: none;
 780     -moz-user-select: none;
 781     -webkit-user-select: none;
 782     -ms-user-select: none;
 783
 784     cursor: pointer;
 785 }
 786 .tsd-accordion-summary a {
 787     flex-grow: 1;
 788 }
 789 .tsd-accordion-summary > * {
 790     margin-top: 0;
 791     margin-bottom: 0;
 792     padding-top: 0;
 793     padding-bottom: 0;
 794 }
 795 .tsd-index-accordion .tsd-accordion-summary > svg {
 796     margin-left: 0.25rem;
 797 }
 798 .tsd-index-content > :not(:first-child) {
 799     margin-top: 0.75rem;
 800 }
 801 .tsd-index-heading {
 802     margin-top: 1.5rem;
 803     margin-bottom: 0.75rem;
 804 }
 805
 806 .tsd-kind-icon {
 807     margin-right: 0.5rem;
 808     width: 1.25rem;
 809     height: 1.25rem;
 810     min-width: 1.25rem;
 811     min-height: 1.25rem;
 812 }
 813 .tsd-kind-icon path {
 814     transform-origin: center;
 815     transform: scale(1.1);
 816 }
 817 .tsd-signature > .tsd-kind-icon {
 818     margin-right: 0.8rem;
 819 }
 820
 821 .tsd-panel {
 822     margin-bottom: 2.5rem;
 823 }
 824 .tsd-panel.tsd-member {
 825     margin-bottom: 4rem;
 826 }
 827 .tsd-panel:empty {
 828     display: none;
 829 }
 830 .tsd-panel > h1,
 831 .tsd-panel > h2,
 832 .tsd-panel > h3 {
 833     margin: 1.5rem -1.5rem 0.75rem -1.5rem;
 834     padding: 0 1.5rem 0.75rem 1.5rem;
 835 }
 836 .tsd-panel > h1.tsd-before-signature,
 837 .tsd-panel > h2.tsd-before-signature,
 838 .tsd-panel > h3.tsd-before-signature {
 839     margin-bottom: 0;
 840     border-bottom: none;
 841 }
 842
 843 .tsd-panel-group {
 844     margin: 4rem 0;
 845 }
 846 .tsd-panel-group.tsd-index-group {
 847     margin: 2rem 0;
 848 }
 849 .tsd-panel-group.tsd-index-group details {
 850     margin: 2rem 0;
 851 }
 852
 853 #tsd-search {
 854     transition: background-color 0.2s;
 855 }
 856 #tsd-search .title {
 857     position: relative;
 858     z-index: 2;
 859 }
 860 #tsd-search .field {
 861     position: absolute;
 862     left: 0;
 863     top: 0;
 864     right: 2.5rem;
 865     height: 100%;
 866 }
 867 #tsd-search .field input {
 868     box-sizing: border-box;
 869     position: relative;
 870     top: -50px;
 871     z-index: 1;
 872     width: 100%;
 873     padding: 0 10px;
 874     opacity: 0;
 875     outline: 0;
 876     border: 0;
 877     background: transparent;
 878     color: var(--color-text);
 879 }
 880 #tsd-search .field label {
 881     position: absolute;
 882     overflow: hidden;
 883     right: -40px;
 884 }
 885 #tsd-search .field input,
 886 #tsd-search .title,
 887 #tsd-toolbar-links a {
 888     transition: opacity 0.2s;
 889 }
 890 #tsd-search .results {
 891     position: absolute;
 892     visibility: hidden;
 893     top: 40px;
 894     width: 100%;
 895     margin: 0;
 896     padding: 0;
 897     list-style: none;
 898     box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
 899 }
 900 #tsd-search .results li {
 901     padding: 0 10px;
 902     background-color: var(--color-background);
 903 }
 904 #tsd-search .results li:nth-child(even) {
 905     background-color: var(--color-background-secondary);
 906 }
 907 #tsd-search .results li.state {
 908     display: none;
 909 }
 910 #tsd-search .results li.current,
 911 #tsd-search .results li:hover {
 912     background-color: var(--color-accent);
 913 }
 914 #tsd-search .results a {
 915     display: block;
 916 }
 917 #tsd-search .results a:before {
 918     top: 10px;
 919 }
 920 #tsd-search .results span.parent {
 921     color: var(--color-text-aside);
 922     font-weight: normal;
 923 }
 924 #tsd-search.has-focus {
 925     background-color: var(--color-accent);
 926 }
 927 #tsd-search.has-focus .field input {
 928     top: 0;
 929     opacity: 1;
 930 }
 931 #tsd-search.has-focus .title,
 932 #tsd-search.has-focus #tsd-toolbar-links a {
 933     z-index: 0;
 934     opacity: 0;
 935 }
 936 #tsd-search.has-focus .results {
 937     visibility: visible;
 938 }
 939 #tsd-search.loading .results li.state.loading {
 940     display: block;
 941 }
 942 #tsd-search.failure .results li.state.failure {
 943     display: block;
 944 }
 945
 946 #tsd-toolbar-links {
 947     position: absolute;
 948     top: 0;
 949     right: 2rem;
 950     height: 100%;
 951     display: flex;
 952     align-items: center;
 953     justify-content: flex-end;
 954 }
 955 #tsd-toolbar-links a {
 956     margin-left: 1.5rem;
 957 }
 958 #tsd-toolbar-links a:hover {
 959     text-decoration: underline;
 960 }
 961
 962 .tsd-signature {
 963     margin: 0 0 1rem 0;
 964     padding: 1rem 0.5rem;
 965     border: 1px solid var(--color-accent);
 966     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 967     font-size: 14px;
 968     overflow-x: auto;
 969 }
 970
 971 .tsd-signature-symbol {
 972     color: var(--color-text-aside);
 973     font-weight: normal;
 974 }
 975
 976 .tsd-signature-type {
 977     font-style: italic;
 978     font-weight: normal;
 979 }
 980
 981 .tsd-signatures {
 982     padding: 0;
 983     margin: 0 0 1em 0;
 984     list-style-type: none;
 985 }
 986 .tsd-signatures .tsd-signature {
 987     margin: 0;
 988     border-color: var(--color-accent);
 989     border-width: 1px 0;
 990     transition: background-color 0.1s;
 991 }
 992 .tsd-description .tsd-signatures .tsd-signature {
 993     border-width: 1px;
 994 }
 995
 996 ul.tsd-parameter-list,
 997 ul.tsd-type-parameter-list {
 998     list-style: square;
 999     margin: 0;
1000     padding-left: 20px;
1001 }
1002 ul.tsd-parameter-list > li.tsd-parameter-signature,
1003 ul.tsd-type-parameter-list > li.tsd-parameter-signature {
1004     list-style: none;
1005     margin-left: -20px;
1006 }
1007 ul.tsd-parameter-list h5,
1008 ul.tsd-type-parameter-list h5 {
1009     font-size: 16px;
1010     margin: 1em 0 0.5em 0;
1011 }
1012 .tsd-sources {
1013     margin-top: 1rem;
1014     font-size: 0.875em;
1015 }
1016 .tsd-sources a {
1017     color: var(--color-text-aside);
1018     text-decoration: underline;
1019 }
1020 .tsd-sources ul {
1021     list-style: none;
1022     padding: 0;
1023 }
1024
1025 .tsd-page-toolbar {
1026     position: sticky;
1027     z-index: 1;
1028     top: 0;
1029     left: 0;
1030     width: 100%;
1031     color: var(--color-text);
1032     background: var(--color-background-secondary);
1033     border-bottom: 1px var(--color-accent) solid;
1034     transition: transform 0.3s ease-in-out;
1035 }
1036 .tsd-page-toolbar a {
1037     color: var(--color-text);
1038     text-decoration: none;
1039 }
1040 .tsd-page-toolbar a.title {
1041     font-weight: bold;
1042 }
1043 .tsd-page-toolbar a.title:hover {
1044     text-decoration: underline;
1045 }
1046 .tsd-page-toolbar .tsd-toolbar-contents {
1047     display: flex;
1048     justify-content: space-between;
1049     height: 2.5rem;
1050     margin: 0 auto;
1051 }
1052 .tsd-page-toolbar .table-cell {
1053     position: relative;
1054     white-space: nowrap;
1055     line-height: 40px;
1056 }
1057 .tsd-page-toolbar .table-cell:first-child {
1058     width: 100%;
1059 }
1060 .tsd-page-toolbar .tsd-toolbar-icon {
1061     box-sizing: border-box;
1062     line-height: 0;
1063     padding: 12px 0;
1064 }
1065
1066 .tsd-widget {
1067     display: inline-block;
1068     overflow: hidden;
1069     opacity: 0.8;
1070     height: 40px;
1071     transition: opacity 0.1s, background-color 0.2s;
1072     vertical-align: bottom;
1073     cursor: pointer;
1074 }
1075 .tsd-widget:hover {
1076     opacity: 0.9;
1077 }
1078 .tsd-widget.active {
1079     opacity: 1;
1080     background-color: var(--color-accent);
1081 }
1082 .tsd-widget.no-caption {
1083     width: 40px;
1084 }
1085 .tsd-widget.no-caption:before {
1086     margin: 0;
1087 }
1088
1089 .tsd-widget.options,
1090 .tsd-widget.menu {
1091     display: none;
1092 }
1093 input[type="checkbox"] + .tsd-widget:before {
1094     background-position: -120px 0;
1095 }
1096 input[type="checkbox"]:checked + .tsd-widget:before {
1097     background-position: -160px 0;
1098 }
1099
1100 img {
1101     max-width: 100%;
1102 }
1103
1104 .tsd-anchor-icon {
1105     display: inline-flex;
1106     align-items: center;
1107     margin-left: 0.5rem;
1108     vertical-align: middle;
1109     color: var(--color-text);
1110 }
1111
1112 .tsd-anchor-icon svg {
1113     width: 1em;
1114     height: 1em;
1115     visibility: hidden;
1116 }
1117
1118 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1119     visibility: visible;
1120 }
1121
1122 .deprecated {
1123     text-decoration: line-through;
1124 }
1125
1126 .warning {
1127     padding: 1rem;
1128     color: var(--color-warning-text);
1129     background: var(--color-background-warning);
1130 }
1131
1132 .tsd-kind-project {
1133     color: var(--color-ts-project);
1134 }
1135 .tsd-kind-module {
1136     color: var(--color-ts-module);
1137 }
1138 .tsd-kind-namespace {
1139     color: var(--color-ts-namespace);
1140 }
1141 .tsd-kind-enum {
1142     color: var(--color-ts-enum);
1143 }
1144 .tsd-kind-enum-member {
1145     color: var(--color-ts-enum-member);
1146 }
1147 .tsd-kind-variable {
1148     color: var(--color-ts-variable);
1149 }
1150 .tsd-kind-function {
1151     color: var(--color-ts-function);
1152 }
1153 .tsd-kind-class {
1154     color: var(--color-ts-class);
1155 }
1156 .tsd-kind-interface {
1157     color: var(--color-ts-interface);
1158 }
1159 .tsd-kind-constructor {
1160     color: var(--color-ts-constructor);
1161 }
1162 .tsd-kind-property {
1163     color: var(--color-ts-property);
1164 }
1165 .tsd-kind-method {
1166     color: var(--color-ts-method);
1167 }
1168 .tsd-kind-call-signature {
1169     color: var(--color-ts-call-signature);
1170 }
1171 .tsd-kind-index-signature {
1172     color: var(--color-ts-index-signature);
1173 }
1174 .tsd-kind-constructor-signature {
1175     color: var(--color-ts-constructor-signature);
1176 }
1177 .tsd-kind-parameter {
1178     color: var(--color-ts-parameter);
1179 }
1180 .tsd-kind-type-literal {
1181     color: var(--color-ts-type-literal);
1182 }
1183 .tsd-kind-type-parameter {
1184     color: var(--color-ts-type-parameter);
1185 }
1186 .tsd-kind-accessor {
1187     color: var(--color-ts-accessor);
1188 }
1189 .tsd-kind-get-signature {
1190     color: var(--color-ts-get-signature);
1191 }
1192 .tsd-kind-set-signature {
1193     color: var(--color-ts-set-signature);
1194 }
1195 .tsd-kind-type-alias {
1196     color: var(--color-ts-type-alias);
1197 }
1198
1199 /* if we have a kind icon, don't color the text by kind */
1200 .tsd-kind-icon ~ span {
1201     color: var(--color-text);
1202 }
1203
1204 * {
1205     scrollbar-width: thin;
1206     scrollbar-color: var(--color-accent) var(--color-icon-background);
1207 }
1208
1209 *::-webkit-scrollbar {
1210     width: 0.75rem;
1211 }
1212
1213 *::-webkit-scrollbar-track {
1214     background: var(--color-icon-background);
1215 }
1216
1217 *::-webkit-scrollbar-thumb {
1218     background-color: var(--color-accent);
1219     border-radius: 999rem;
1220     border: 0.25rem solid var(--color-icon-background);
1221 }
1222
1223 /* mobile */
1224 @media (max-width: 769px) {
1225     .tsd-widget.options,
1226     .tsd-widget.menu {
1227         display: inline-block;
1228     }
1229
1230     .container-main {
1231         display: flex;
1232     }
1233     html .col-content {
1234         float: none;
1235         max-width: 100%;
1236         width: 100%;
1237     }
1238     html .col-sidebar {
1239         position: fixed !important;
1240         overflow-y: auto;
1241         -webkit-overflow-scrolling: touch;
1242         z-index: 1024;
1243         top: 0 !important;
1244         bottom: 0 !important;
1245         left: auto !important;
1246         right: 0 !important;
1247         padding: 1.5rem 1.5rem 0 0;
1248         width: 75vw;
1249         visibility: hidden;
1250         background-color: var(--color-background);
1251         transform: translate(100%, 0);
1252     }
1253     html .col-sidebar > *:last-child {
1254         padding-bottom: 20px;
1255     }
1256     html .overlay {
1257         content: "";
1258         display: block;
1259         position: fixed;
1260         z-index: 1023;
1261         top: 0;
1262         left: 0;
1263         right: 0;
1264         bottom: 0;
1265         background-color: rgba(0, 0, 0, 0.75);
1266         visibility: hidden;
1267     }
1268
1269     .to-has-menu .overlay {
1270         animation: fade-in 0.4s;
1271     }
1272
1273     .to-has-menu .col-sidebar {
1274         animation: pop-in-from-right 0.4s;
1275     }
1276
1277     .from-has-menu .overlay {
1278         animation: fade-out 0.4s;
1279     }
1280
1281     .from-has-menu .col-sidebar {
1282         animation: pop-out-to-right 0.4s;
1283     }
1284
1285     .has-menu body {
1286         overflow: hidden;
1287     }
1288     .has-menu .overlay {
1289         visibility: visible;
1290     }
1291     .has-menu .col-sidebar {
1292         visibility: visible;
1293         transform: translate(0, 0);
1294         display: flex;
1295         flex-direction: column;
1296         gap: 1.5rem;
1297         max-height: 100vh;
1298         padding: 1rem 2rem;
1299     }
1300     .has-menu .tsd-navigation {
1301         max-height: 100%;
1302     }
1303 }
1304
1305 /* one sidebar */
1306 @media (min-width: 770px) {
1307     .container-main {
1308         display: grid;
1309         grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
1310         grid-template-areas: "sidebar content";
1311         margin: 2rem auto;
1312     }
1313
1314     .col-sidebar {
1315         grid-area: sidebar;
1316     }
1317     .col-content {
1318         grid-area: content;
1319         padding: 0 1rem;
1320     }
1321 }
1322 @media (min-width: 770px) and (max-width: 1399px) {
1323     .col-sidebar {
1324         max-height: calc(100vh - 2rem - 42px);
1325         overflow: auto;
1326         position: sticky;
1327         top: 42px;
1328         padding-top: 1rem;
1329     }
1330     .site-menu {
1331         margin-top: 1rem;
1332     }
1333 }
1334
1335 /* two sidebars */
1336 @media (min-width: 1200px) {
1337     .container-main {
1338         grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 20rem);
1339         grid-template-areas: "sidebar content toc";
1340     }
1341
1342     .col-sidebar {
1343         display: contents;
1344     }
1345
1346     .page-menu {
1347         grid-area: toc;
1348         padding-left: 1rem;
1349     }
1350     .site-menu {
1351         grid-area: sidebar;
1352     }
1353
1354     .site-menu {
1355         margin-top: 1rem 0;
1356     }
1357
1358     .page-menu,
1359     .site-menu {
1360         max-height: calc(100vh - 2rem - 42px);
1361         overflow: auto;
1362         position: sticky;
1363         top: 42px;
1364     }
1365 }