3 --light-color-background: #f2f4f8;
4 --light-color-background-secondary: #eff0f1;
5 --light-color-icon-background: var
(--light-color-background
);
6 --light-color-accent: #c5c7c9;
7 --light-color-text: #222;
8 --light-color-text-aside: #707070;
9 --light-color-link: #4da6ff;
10 --light-color-ts: #db1373;
11 --light-color-ts-interface: #139d2c;
12 --light-color-ts-enum: #9c891a;
13 --light-color-ts-class: #2484e5;
14 --light-color-ts-function: #572be7;
15 --light-color-ts-namespace: #b111c9;
16 --light-color-ts-private: #707070;
17 --light-color-ts-variable: #4d68ff;
18 --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>");
19 --light-color-scheme: light
;
22 --dark-color-background: #2b2e33;
23 --dark-color-background-secondary: #1e2024;
24 --dark-color-icon-background: var
(--dark-color-background-secondary
);
25 --dark-color-accent: #9096a2;
26 --dark-color-text: #f5f5f5;
27 --dark-color-text-aside: #dddddd;
28 --dark-color-link: #00aff4;
29 --dark-color-ts: #ff6492;
30 --dark-color-ts-interface: #6cff87;
31 --dark-color-ts-enum: #f4d93e;
32 --dark-color-ts-class: #61b0ff;
33 --dark-color-ts-function: #9772ff;
34 --dark-color-ts-namespace: #e14dff;
35 --dark-color-ts-private: #e2e2e2;
36 --dark-color-ts-variable: #4d68ff;
37 --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>");
38 --dark-color-scheme: dark
;
41 @media (prefers-color-scheme: light
) {
43 --color-background: var
(--light-color-background
);
44 --color-background-secondary: var
(--light-color-background-secondary
);
45 --color-icon-background: var
(--light-color-icon-background
);
46 --color-accent: var
(--light-color-accent
);
47 --color-text: var
(--light-color-text
);
48 --color-text-aside: var
(--light-color-text-aside
);
49 --color-link: var
(--light-color-link
);
50 --color-ts: var
(--light-color-ts
);
51 --color-ts-interface: var
(--light-color-ts-interface
);
52 --color-ts-enum: var
(--light-color-ts-enum
);
53 --color-ts-class: var
(--light-color-ts-class
);
54 --color-ts-function: var
(--light-color-ts-function
);
55 --color-ts-namespace: var
(--light-color-ts-namespace
);
56 --color-ts-private: var
(--light-color-ts-private
);
57 --color-ts-variable: var
(--light-color-ts-variable
);
58 --external-icon: var
(--light-external-icon
);
59 --color-scheme: var
(--light-color-scheme
);
63 @media (prefers-color-scheme: dark
) {
65 --color-background: var
(--dark-color-background
);
66 --color-background-secondary: var
(--dark-color-background-secondary
);
67 --color-icon-background: var
(--dark-color-icon-background
);
68 --color-accent: var
(--dark-color-accent
);
69 --color-text: var
(--dark-color-text
);
70 --color-text-aside: var
(--dark-color-text-aside
);
71 --color-link: var
(--dark-color-link
);
72 --color-ts: var
(--dark-color-ts
);
73 --color-ts-interface: var
(--dark-color-ts-interface
);
74 --color-ts-enum: var
(--dark-color-ts-enum
);
75 --color-ts-class: var
(--dark-color-ts-class
);
76 --color-ts-function: var
(--dark-color-ts-function
);
77 --color-ts-namespace: var
(--dark-color-ts-namespace
);
78 --color-ts-private: var
(--dark-color-ts-private
);
79 --color-ts-variable: var
(--dark-color-ts-variable
);
80 --external-icon: var
(--dark-external-icon
);
81 --color-scheme: var
(--dark-color-scheme
);
86 color-scheme: var
(--color-scheme
);
93 :root
[data-theme
="light"] {
94 --color-background: var
(--light-color-background
);
95 --color-background-secondary: var
(--light-color-background-secondary
);
96 --color-icon-background: var
(--light-color-icon-background
);
97 --color-accent: var
(--light-color-accent
);
98 --color-text: var
(--light-color-text
);
99 --color-text-aside: var
(--light-color-text-aside
);
100 --color-link: var
(--light-color-link
);
101 --color-ts: var
(--light-color-ts
);
102 --color-ts-interface: var
(--light-color-ts-interface
);
103 --color-ts-enum: var
(--light-color-ts-enum
);
104 --color-ts-class: var
(--light-color-ts-class
);
105 --color-ts-function: var
(--light-color-ts-function
);
106 --color-ts-namespace: var
(--light-color-ts-namespace
);
107 --color-ts-private: var
(--light-color-ts-private
);
108 --color-ts-variable: var
(--light-color-ts-variable
);
109 --external-icon: var
(--light-external-icon
);
110 --color-scheme: var
(--light-color-scheme
);
113 :root
[data-theme
="dark"] {
114 --color-background: var
(--dark-color-background
);
115 --color-background-secondary: var
(--dark-color-background-secondary
);
116 --color-icon-background: var
(--dark-color-icon-background
);
117 --color-accent: var
(--dark-color-accent
);
118 --color-text: var
(--dark-color-text
);
119 --color-text-aside: var
(--dark-color-text-aside
);
120 --color-link: var
(--dark-color-link
);
121 --color-ts: var
(--dark-color-ts
);
122 --color-ts-interface: var
(--dark-color-ts-interface
);
123 --color-ts-enum: var
(--dark-color-ts-enum
);
124 --color-ts-class: var
(--dark-color-ts-class
);
125 --color-ts-function: var
(--dark-color-ts-function
);
126 --color-ts-namespace: var
(--dark-color-ts-namespace
);
127 --color-ts-private: var
(--dark-color-ts-private
);
128 --color-ts-variable: var
(--dark-color-ts-variable
);
129 --external-icon: var
(--dark-external-icon
);
130 --color-scheme: var
(--dark-color-scheme
);
173 text-transform: uppercase
;
178 white-space: pre-wrap
;
179 word-wrap: break-word
;
198 @media (min-width: 640px) {
203 @media (min-width: 1200px) {
208 @media (min-width: 1600px) {
216 border-top: 1px solid var
(--color-accent
);
218 padding-bottom: 1rem;
230 justify-content: space-between
;
237 box-sizing: border-box
;
259 @keyframes fade-out
{
268 @keyframes fade-in-delayed
{
279 @keyframes fade-out-delayed
{
291 @keyframes shift-to-left
{
293 transform: translate
(0, 0);
296 transform: translate
(-25%, 0);
299 @keyframes unshift-to-left
{
301 transform: translate
(-25%, 0);
304 transform: translate
(0, 0);
307 @keyframes pop-in-from-right
{
309 transform: translate
(100%, 0);
312 transform: translate
(0, 0);
315 @keyframes pop-out-to-right
{
317 transform: translate
(0, 0);
321 transform: translate
(100%, 0);
325 background: var
(--color-background
);
326 font-family: "Segoe UI", sans-serif
;
328 color: var
(--color-text
);
332 color: var
(--color-link
);
333 text-decoration: none
;
336 text-decoration: underline
;
338 a
.external
[target
="_blank"] {
339 background-image: var
(--external-icon
);
340 background-position: top
3px right
;
341 background-repeat: no-repeat
;
347 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
351 border-radius: 0.8em;
356 border: 0.1em solid var
(--color-accent
);
366 border-left: 4px solid gray
;
370 line-height: 1.333em;
378 .tsd-typography
.tsd-index-panel h3
,
379 .tsd-index-panel
.tsd-typography h3
,
395 @media (max-width: 1024px) {
403 position: fixed
!important
;
405 -webkit-overflow-scrolling: touch
;
408 bottom: 0 !important
;
409 left: auto
!important
;
411 padding: 1.5rem 1.5rem 0 0;
414 background-color: var
(--color-background
);
415 transform: translate
(100%, 0);
417 html
.col-menu
> *:last-child
{
418 padding-bottom: 20px;
429 background-color: rgba
(0, 0, 0, 0.75);
433 .to-has-menu .overlay {
434 animation: fade-in
0.4s;
437 .to-has-menu :is(header, footer, .col-content) {
438 animation: shift-to-left
0.4s;
441 .to-has-menu .col-menu {
442 animation: pop-in-from-right
0.4s;
445 .from-has-menu .overlay {
446 animation: fade-out
0.4s;
449 .from-has-menu :is(header, footer, .col-content) {
450 animation: unshift-to-left
0.4s;
453 .from-has-menu .col-menu {
454 animation: pop-out-to-right
0.4s;
463 .has-menu :is(header, footer, .col-content) {
464 transform: translate
(-25%, 0);
466 .has-menu .col-menu {
468 transform: translate
(0, 0);
471 grid-template-rows: auto
1fr;
476 .has-menu .tsd-navigation {
484 color: var
(--color-text-aside
);
487 color: var
(--color-text-aside
);
488 text-decoration: none
;
490 .tsd-breadcrumb a:hover {
491 text-decoration: underline
;
496 .tsd-breadcrumb li:after {
502 flex-direction: column
;
504 dl
.tsd-comment-tag-group
{
510 dl
.tsd-comment-tag-group dt
{
516 dl
.tsd-comment-tag-group dd
{
520 padding: 0.25em 0.4em;
521 border: 0.1em solid var
(--color-accent
);
522 margin-right: 0.25em;
525 h1 code
.tsd-tag:first-of-type
{
529 dl
.tsd-comment-tag-group
dd:before
,
530 dl
.tsd-comment-tag-group
dd:after
{
533 dl
.tsd-comment-tag-group dd pre
,
534 dl
.tsd-comment-tag-group
dd:after
{
537 dl
.tsd-comment-tag-group p
{
541 .tsd-panel.tsd-comment .lead {
543 line-height: 1.333em;
546 .tsd-panel.tsd-comment .lead:last-child {
550 .tsd-filter-visibility h4 {
552 padding-top: 0.75rem;
553 padding-bottom: 0.5rem;
556 .tsd-filter-item:not(:last-child) {
557 margin-bottom: 0.5rem;
562 width: -moz-fit-content
;
565 -webkit-user-select: none
;
566 -moz-user-select: none
;
567 -ms-user-select: none
;
570 .tsd-filter-input input[type="checkbox"] {
577 .tsd-filter-input input[type="checkbox"]:disabled {
578 pointer-events: none
;
580 .tsd-filter-input svg {
585 border-radius: 0.33em;
586 /* Leaving this at full opacity breaks event listeners on Firefox.
587 Don't remove unless you know what you're doing. */
590 .tsd-filter-input input[type="checkbox"]:focus + svg {
591 transform: scale
(0.95);
593 .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
596 .tsd-checkbox-background {
597 fill: var
(--color-accent
);
599 input
[type
="checkbox"]:checked
~ svg
.tsd-checkbox-checkmark
{
600 stroke: var
(--color-text
);
602 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
603 fill: var
(--color-background
);
604 stroke: var
(--color-accent
);
605 stroke-width: 0.25rem;
607 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
608 stroke: var
(--color-accent
);
612 padding-top: 0.75rem;
614 .tsd-theme-toggle > h4 {
616 vertical-align: middle
;
617 margin-right: 0.75rem;
624 .tsd-hierarchy .target {
628 .tsd-panel-group.tsd-index-group {
631 .tsd-index-panel .tsd-index-list {
633 line-height: 1.333em;
635 padding: 0.25rem 0 0 0;
638 grid-template-columns: repeat
(3, 1fr);
640 grid-template-rows: auto
;
642 @media (max-width: 1024px) {
643 .tsd-index-panel .tsd-index-list {
644 grid-template-columns: repeat
(2, 1fr);
647 @media (max-width: 768px) {
648 .tsd-index-panel .tsd-index-list {
649 grid-template-columns: repeat
(1, 1fr);
652 .tsd-index-panel .tsd-index-list li {
653 -webkit-page-break-inside: avoid
;
654 -moz-page-break-inside: avoid
;
655 -ms-page-break-inside: avoid
;
656 -o-page-break-inside: avoid
;
657 page-break-inside: avoid
;
660 .tsd-index-panel a.tsd-parent-kind-module {
661 color: var
(--color-ts
);
663 .tsd-index-panel a.tsd-parent-kind-interface {
664 color: var
(--color-ts-interface
);
666 .tsd-index-panel a.tsd-parent-kind-enum {
667 color: var
(--color-ts-enum
);
669 .tsd-index-panel a.tsd-parent-kind-class {
670 color: var
(--color-ts-class
);
672 .tsd-index-panel a.tsd-kind-module {
673 color: var
(--color-ts-namespace
);
675 .tsd-index-panel a.tsd-kind-interface {
676 color: var
(--color-ts-interface
);
678 .tsd-index-panel a.tsd-kind-enum {
679 color: var
(--color-ts-enum
);
681 .tsd-index-panel a.tsd-kind-class {
682 color: var
(--color-ts-class
);
684 .tsd-index-panel a.tsd-kind-function {
685 color: var
(--color-ts-function
);
687 .tsd-index-panel a.tsd-kind-namespace {
688 color: var
(--color-ts-namespace
);
690 .tsd-index-panel a.tsd-kind-variable {
691 color: var
(--color-ts-variable
);
693 .tsd-index-panel a.tsd-is-private {
694 color: var
(--color-ts-private
);
698 display: inline-block
;
699 padding: 0.25em 0.4em;
701 color: var
(--color-comment-tag-text
);
702 background-color: var
(--color-comment-tag
);
717 .tsd-member .tsd-anchor + h3 {
724 .tsd-member [data-tsd-kind] {
725 color: var
(--color-ts
);
727 .tsd-member [data-tsd-kind="Interface"] {
728 color: var
(--color-ts-interface
);
730 .tsd-member [data-tsd-kind="Enum"] {
731 color: var
(--color-ts-enum
);
733 .tsd-member [data-tsd-kind="Class"] {
734 color: var
(--color-ts-class
);
736 .tsd-member [data-tsd-kind="Private"] {
737 color: var
(--color-ts-private
);
743 border-left: 2px solid transparent
;
744 color: var
(--color-text
);
745 text-decoration: none
;
746 transition: border-left-color
0.1s;
748 .tsd-navigation a:hover {
749 text-decoration: underline
;
760 .tsd-navigation.primary .tsd-accordion-details > ul {
763 .tsd-navigation.primary a {
764 padding: 0.75rem 0.5rem;
767 .tsd-navigation.primary ul li a {
770 .tsd-navigation.primary ul li li a {
773 .tsd-navigation.primary ul li li li a {
776 .tsd-navigation.primary ul li li li li a {
779 .tsd-navigation.primary ul li li li li li a {
782 .tsd-navigation.primary ul li li li li li li a {
785 .tsd-navigation.primary li.current > a {
786 border-left: 0.15rem var
(--color-text
) solid
;
788 .tsd-navigation.primary li.selected > a {
790 border-left: 0.2rem var
(--color-text
) solid
;
792 .tsd-navigation.primary ul li a:hover {
793 border-left: 0.2rem var
(--color-text-aside
) solid
;
795 .tsd-navigation
.primary li
.globals
+ li
> span
,
796 .tsd-navigation.primary li.globals + li > a {
800 .tsd-navigation.secondary.tsd-navigation--toolbar-hide {
801 max-height: calc
(100vh - 1rem);
804 .tsd-navigation.secondary > ul {
806 padding-right: 0.5rem;
807 transition: opacity
0.2s;
809 .tsd-navigation.secondary ul li a {
812 .tsd-navigation.secondary ul li li a {
813 padding-left: 1.1rem;
815 .tsd-navigation.secondary ul li li li a {
816 padding-left: 2.2rem;
818 .tsd-navigation.secondary ul li li li li a {
819 padding-left: 3.3rem;
821 .tsd-navigation.secondary ul li li li li li a {
822 padding-left: 4.4rem;
824 .tsd-navigation.secondary ul li li li li li li a {
825 padding-left: 5.5rem;
831 line-height: 1.25rem;
832 display: inline-flex
;
835 .tsd-accordion-summary
> h1
,
836 .tsd-accordion-summary
> h2
,
837 .tsd-accordion-summary
> h3
,
838 .tsd-accordion-summary
> h4
,
839 .tsd-accordion-summary > h5 {
840 display: inline-flex
;
842 vertical-align: middle
;
845 -moz-user-select: none
;
846 -webkit-user-select: none
;
847 -ms-user-select: none
;
849 .tsd-accordion-summary {
853 .tsd-accordion-summary > * {
859 .tsd-accordion-summary::-webkit-details-marker {
862 .tsd-index-accordion .tsd-accordion-summary svg {
863 margin-right: 0.25rem;
865 .tsd-index-content > :not(:first-child) {
870 margin-bottom: 0.75rem;
874 margin-right: 0.5rem;
880 .tsd-kind-icon path {
881 transform-origin: center
;
882 transform: scale
(1.1);
884 .tsd-signature > .tsd-kind-icon {
885 margin-right: 0.8rem;
888 @media (min-width: 1024px) {
895 height: calc
(100vh - 2rem);
901 transition: 0.3s ease-in-out
;
902 transition-property: top
, padding-top
, padding
, height
;
906 border-left: 1px solid var
(--color-accent
);
911 .col-menu .tsd-navigation:not(:last-child) {
912 padding-bottom: 1.75rem;
917 margin-bottom: 2.5rem;
919 .tsd-panel.tsd-member {
928 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
929 padding: 0 1.5rem 0.75rem 1.5rem;
931 .tsd-panel
> h1
.tsd-before-signature
,
932 .tsd-panel
> h2
.tsd-before-signature
,
933 .tsd-panel > h3.tsd-before-signature {
941 .tsd-panel-group.tsd-index-group {
944 .tsd-panel-group.tsd-index-group details {
949 transition: background-color
0.2s;
962 #tsd-search .field input
{
963 box-sizing: border-box
;
972 background: transparent
;
973 color: var
(--color-text
);
975 #tsd-search .field label
{
980 #tsd-search .field input
,
982 transition: opacity
0.2s;
984 #tsd-search .results
{
992 box-shadow: 0 0 4px rgba
(0, 0, 0, 0.25);
994 #tsd-search .results li
{
996 background-color: var
(--color-background
);
998 #tsd-search .results
li:nth-child
(even
) {
999 background-color: var
(--color-background-secondary
);
1001 #tsd-search .results li
.state
{
1004 #tsd-search .results li
.current
,
1005 #tsd-search .results
li:hover
{
1006 background-color: var
(--color-accent
);
1008 #tsd-search .results a
{
1011 #tsd-search .results
a:before
{
1014 #tsd-search .results span
.parent
{
1015 color: var
(--color-text-aside
);
1016 font-weight: normal
;
1018 #tsd-search.has-focus
{
1019 background-color: var
(--color-accent
);
1021 #tsd-search.has-focus
.field input
{
1025 #tsd-search.has-focus
.title
{
1029 #tsd-search.has-focus
.results
{
1030 visibility: visible
;
1032 #tsd-search.loading
.results li
.state
.loading
{
1035 #tsd-search.failure
.results li
.state
.failure
{
1041 padding: 1rem 0.5rem;
1042 border: 1px solid var
(--color-accent
);
1043 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
1048 .tsd-signature-symbol {
1049 color: var
(--color-text-aside
);
1050 font-weight: normal
;
1053 .tsd-signature-type {
1055 font-weight: normal
;
1061 list-style-type: none
;
1063 .tsd-signatures .tsd-signature {
1065 border-color: var
(--color-accent
);
1066 border-width: 1px 0;
1067 transition: background-color
0.1s;
1069 .tsd-description .tsd-signatures .tsd-signature {
1073 ul
.tsd-parameter-list
,
1074 ul
.tsd-type-parameter-list
{
1079 ul
.tsd-parameter-list
> li
.tsd-parameter-signature
,
1080 ul
.tsd-type-parameter-list
> li
.tsd-parameter-signature
{
1084 ul
.tsd-parameter-list h5
,
1085 ul
.tsd-type-parameter-list h5
{
1087 margin: 1em 0 0.5em 0;
1094 color: var
(--color-text-aside
);
1095 text-decoration: underline
;
1108 color: var
(--color-text
);
1109 background: var
(--color-background-secondary
);
1110 border-bottom: 1px var
(--color-accent
) solid
;
1111 transition: transform
0.3s ease-in-out
;
1113 .tsd-page-toolbar a {
1114 color: var
(--color-text
);
1115 text-decoration: none
;
1117 .tsd-page-toolbar a.title {
1120 .tsd-page-toolbar a.title:hover {
1121 text-decoration: underline
;
1123 .tsd-page-toolbar .tsd-toolbar-contents {
1125 justify-content: space-between
;
1129 .tsd-page-toolbar .table-cell {
1131 white-space: nowrap
;
1134 .tsd-page-toolbar .table-cell:first-child {
1138 .tsd-page-toolbar--hide {
1139 transform: translateY
(-100%);
1143 display: inline-block
;
1147 transition: opacity
0.1s, background-color
0.2s;
1148 vertical-align: bottom
;
1154 .tsd-widget.active {
1156 background-color: var
(--color-accent
);
1158 .tsd-widget.no-caption {
1161 .tsd-widget.no-caption:before {
1165 .tsd-widget
.options
,
1169 @media (max-width: 1024px) {
1170 .tsd-widget
.options
,
1172 display: inline-block
;
1175 input
[type
="checkbox"] + .tsd-widget:before
{
1176 background-position: -120px 0;
1178 input
[type
="checkbox"]:checked
+ .tsd-widget:before
{
1179 background-position: -160px 0;
1187 display: inline-flex
;
1188 align-items: center
;
1189 margin-left: 0.5rem;
1190 vertical-align: middle
;
1191 color: var
(--color-text
);
1194 .tsd-anchor-icon svg {
1200 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1201 visibility: visible
;
1205 text-decoration: line-through
;
1209 scrollbar-width: thin
;
1210 scrollbar-color: var
(--color-accent
) var
(--color-icon-background
);
1213 *::-webkit-scrollbar
{
1217 *::-webkit-scrollbar-track
{
1218 background: var
(--color-icon-background
);
1221 *::-webkit-scrollbar-thumb
{
1222 background-color: var
(--color-accent
);
1223 border-radius: 999rem;
1224 border: 0.25rem solid var
(--color-icon-background
);