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