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;
828 #tsd-sidebar-links a
{
830 margin-bottom: 0.5rem;
831 line-height: 1.25rem;
833 #tsd-sidebar-links a:last-of-type
{
840 line-height: 1.25rem;
841 display: inline-flex
;
844 .tsd-accordion-summary
> h1
,
845 .tsd-accordion-summary
> h2
,
846 .tsd-accordion-summary
> h3
,
847 .tsd-accordion-summary
> h4
,
848 .tsd-accordion-summary > h5 {
849 display: inline-flex
;
851 vertical-align: middle
;
854 -moz-user-select: none
;
855 -webkit-user-select: none
;
856 -ms-user-select: none
;
858 .tsd-accordion-summary {
862 .tsd-accordion-summary > * {
868 .tsd-accordion-summary::-webkit-details-marker {
871 .tsd-index-accordion .tsd-accordion-summary svg {
872 margin-right: 0.25rem;
874 .tsd-index-content > :not(:first-child) {
879 margin-bottom: 0.75rem;
883 margin-right: 0.5rem;
889 .tsd-kind-icon path {
890 transform-origin: center
;
891 transform: scale
(1.1);
893 .tsd-signature > .tsd-kind-icon {
894 margin-right: 0.8rem;
897 @media (min-width: 1024px) {
904 height: calc
(100vh - 2rem);
910 transition: 0.3s ease-in-out
;
911 transition-property: top
, padding-top
, padding
, height
;
915 border-left: 1px solid var
(--color-accent
);
920 .col-menu .tsd-navigation:not(:last-child) {
921 padding-bottom: 1.75rem;
926 margin-bottom: 2.5rem;
928 .tsd-panel.tsd-member {
937 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
938 padding: 0 1.5rem 0.75rem 1.5rem;
940 .tsd-panel
> h1
.tsd-before-signature
,
941 .tsd-panel
> h2
.tsd-before-signature
,
942 .tsd-panel > h3.tsd-before-signature {
950 .tsd-panel-group.tsd-index-group {
953 .tsd-panel-group.tsd-index-group details {
958 transition: background-color
0.2s;
971 #tsd-search .field input
{
972 box-sizing: border-box
;
981 background: transparent
;
982 color: var
(--color-text
);
984 #tsd-search .field label
{
989 #tsd-search .field input
,
991 #tsd-toolbar-links a
{
992 transition: opacity
0.2s;
994 #tsd-search .results
{
1002 box-shadow: 0 0 4px rgba
(0, 0, 0, 0.25);
1004 #tsd-search .results li
{
1006 background-color: var
(--color-background
);
1008 #tsd-search .results
li:nth-child
(even
) {
1009 background-color: var
(--color-background-secondary
);
1011 #tsd-search .results li
.state
{
1014 #tsd-search .results li
.current
,
1015 #tsd-search .results
li:hover
{
1016 background-color: var
(--color-accent
);
1018 #tsd-search .results a
{
1021 #tsd-search .results
a:before
{
1024 #tsd-search .results span
.parent
{
1025 color: var
(--color-text-aside
);
1026 font-weight: normal
;
1028 #tsd-search.has-focus
{
1029 background-color: var
(--color-accent
);
1031 #tsd-search.has-focus
.field input
{
1035 #tsd-search.has-focus
.title
,
1036 #tsd-search.has-focus #tsd-toolbar-links a
{
1040 #tsd-search.has-focus
.results
{
1041 visibility: visible
;
1043 #tsd-search.loading
.results li
.state
.loading
{
1046 #tsd-search.failure
.results li
.state
.failure
{
1050 #tsd-toolbar-links {
1056 align-items: center
;
1057 justify-content: flex-end
;
1059 #tsd-toolbar-links a
{
1060 margin-left: 1.5rem;
1062 #tsd-toolbar-links a:hover
{
1063 text-decoration: underline
;
1068 padding: 1rem 0.5rem;
1069 border: 1px solid var
(--color-accent
);
1070 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
1075 .tsd-signature-symbol {
1076 color: var
(--color-text-aside
);
1077 font-weight: normal
;
1080 .tsd-signature-type {
1082 font-weight: normal
;
1088 list-style-type: none
;
1090 .tsd-signatures .tsd-signature {
1092 border-color: var
(--color-accent
);
1093 border-width: 1px 0;
1094 transition: background-color
0.1s;
1096 .tsd-description .tsd-signatures .tsd-signature {
1100 ul
.tsd-parameter-list
,
1101 ul
.tsd-type-parameter-list
{
1106 ul
.tsd-parameter-list
> li
.tsd-parameter-signature
,
1107 ul
.tsd-type-parameter-list
> li
.tsd-parameter-signature
{
1111 ul
.tsd-parameter-list h5
,
1112 ul
.tsd-type-parameter-list h5
{
1114 margin: 1em 0 0.5em 0;
1121 color: var
(--color-text-aside
);
1122 text-decoration: underline
;
1135 color: var
(--color-text
);
1136 background: var
(--color-background-secondary
);
1137 border-bottom: 1px var
(--color-accent
) solid
;
1138 transition: transform
0.3s ease-in-out
;
1140 .tsd-page-toolbar a {
1141 color: var
(--color-text
);
1142 text-decoration: none
;
1144 .tsd-page-toolbar a.title {
1147 .tsd-page-toolbar a.title:hover {
1148 text-decoration: underline
;
1150 .tsd-page-toolbar .tsd-toolbar-contents {
1152 justify-content: space-between
;
1156 .tsd-page-toolbar .table-cell {
1158 white-space: nowrap
;
1161 .tsd-page-toolbar .table-cell:first-child {
1164 .tsd-page-toolbar .tsd-toolbar-icon {
1165 box-sizing: border-box
;
1170 .tsd-page-toolbar--hide {
1171 transform: translateY
(-100%);
1175 display: inline-block
;
1179 transition: opacity
0.1s, background-color
0.2s;
1180 vertical-align: bottom
;
1186 .tsd-widget.active {
1188 background-color: var
(--color-accent
);
1190 .tsd-widget.no-caption {
1193 .tsd-widget.no-caption:before {
1197 .tsd-widget
.options
,
1201 @media (max-width: 1024px) {
1202 .tsd-widget
.options
,
1204 display: inline-block
;
1207 input
[type
="checkbox"] + .tsd-widget:before
{
1208 background-position: -120px 0;
1210 input
[type
="checkbox"]:checked
+ .tsd-widget:before
{
1211 background-position: -160px 0;
1219 display: inline-flex
;
1220 align-items: center
;
1221 margin-left: 0.5rem;
1222 vertical-align: middle
;
1223 color: var
(--color-text
);
1226 .tsd-anchor-icon svg {
1232 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1233 visibility: visible
;
1237 text-decoration: line-through
;
1241 scrollbar-width: thin
;
1242 scrollbar-color: var
(--color-accent
) var
(--color-icon-background
);
1245 *::-webkit-scrollbar
{
1249 *::-webkit-scrollbar-track
{
1250 background: var
(--color-icon-background
);
1253 *::-webkit-scrollbar-thumb
{
1254 background-color: var
(--color-accent
);
1255 border-radius: 999rem;
1256 border: 0.25rem solid var
(--color-icon-background
);