@genspectrum/dashboard-components 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (186) hide show
  1. package/LICENSE +661 -0
  2. package/README.md +109 -0
  3. package/custom-elements.json +1587 -0
  4. package/dist/dashboard-components.js +7322 -0
  5. package/dist/dashboard-components.js.map +1 -0
  6. package/dist/genspectrum-components.d.ts +298 -0
  7. package/dist/style.css +2930 -0
  8. package/package.json +109 -0
  9. package/src/constants.ts +6 -0
  10. package/src/index.ts +1 -0
  11. package/src/lapisApi/ReferenceGenome.ts +30 -0
  12. package/src/lapisApi/__mockData__/referenceGenome.json +58 -0
  13. package/src/lapisApi/lapisApi.ts +99 -0
  14. package/src/lapisApi/lapisTypes.ts +51 -0
  15. package/src/operator/Dataset.ts +3 -0
  16. package/src/operator/DivisionOperator.spec.ts +27 -0
  17. package/src/operator/DivisionOperator.ts +60 -0
  18. package/src/operator/FetchAggregatedOperator.ts +44 -0
  19. package/src/operator/FetchInsertionsOperator.ts +24 -0
  20. package/src/operator/FetchSubstitutionsOrDeletionsOperator.ts +49 -0
  21. package/src/operator/FillMissingOperator.spec.ts +26 -0
  22. package/src/operator/FillMissingOperator.ts +30 -0
  23. package/src/operator/GroupByAndSumOperator.spec.ts +26 -0
  24. package/src/operator/GroupByAndSumOperator.ts +26 -0
  25. package/src/operator/GroupByOperator.spec.ts +43 -0
  26. package/src/operator/GroupByOperator.ts +32 -0
  27. package/src/operator/MapOperator.spec.ts +13 -0
  28. package/src/operator/MapOperator.ts +16 -0
  29. package/src/operator/MockOperator.spec.ts +11 -0
  30. package/src/operator/MockOperator.ts +12 -0
  31. package/src/operator/Operator.ts +5 -0
  32. package/src/operator/SlidingOperator.spec.ts +52 -0
  33. package/src/operator/SlidingOperator.ts +23 -0
  34. package/src/operator/SortOperator.spec.ts +13 -0
  35. package/src/operator/SortOperator.ts +16 -0
  36. package/src/preact/LapisUrlContext.ts +3 -0
  37. package/src/preact/ReferenceGenomeContext.ts +5 -0
  38. package/src/preact/components/SegmentSelector.tsx +62 -0
  39. package/src/preact/components/chart.stories.tsx +42 -0
  40. package/src/preact/components/chart.tsx +32 -0
  41. package/src/preact/components/checkbox-selector.stories.tsx +56 -0
  42. package/src/preact/components/checkbox-selector.tsx +46 -0
  43. package/src/preact/components/confidence-interval-selector.tsx +45 -0
  44. package/src/preact/components/csv-download-button.stories.tsx +25 -0
  45. package/src/preact/components/csv-download-button.tsx +51 -0
  46. package/src/preact/components/error-display.stories.tsx +22 -0
  47. package/src/preact/components/error-display.tsx +5 -0
  48. package/src/preact/components/headline.stories.tsx +29 -0
  49. package/src/preact/components/headline.tsx +16 -0
  50. package/src/preact/components/info.stories.tsx +22 -0
  51. package/src/preact/components/info.tsx +16 -0
  52. package/src/preact/components/loading-display.stories.tsx +20 -0
  53. package/src/preact/components/loading-display.tsx +5 -0
  54. package/src/preact/components/min-max-percent-slider.css +40 -0
  55. package/src/preact/components/min-max-range-slider.tsx +95 -0
  56. package/src/preact/components/mutation-type-selector.tsx +30 -0
  57. package/src/preact/components/no-data-display.stories.tsx +20 -0
  58. package/src/preact/components/no-data-display.tsx +5 -0
  59. package/src/preact/components/percent-intput.tsx +49 -0
  60. package/src/preact/components/proportion-selector-dropdown.stories.tsx +66 -0
  61. package/src/preact/components/proportion-selector-dropdown.tsx +33 -0
  62. package/src/preact/components/proportion-selector.stories.tsx +81 -0
  63. package/src/preact/components/proportion-selector.tsx +43 -0
  64. package/src/preact/components/scaling-selector.stories.tsx +25 -0
  65. package/src/preact/components/scaling-selector.tsx +36 -0
  66. package/src/preact/components/select.stories.tsx +42 -0
  67. package/src/preact/components/select.tsx +21 -0
  68. package/src/preact/components/table.stories.tsx +24 -0
  69. package/src/preact/components/table.tsx +51 -0
  70. package/src/preact/components/tabs.stories.tsx +60 -0
  71. package/src/preact/components/tabs.tsx +49 -0
  72. package/src/preact/dateRangeSelector/date-range-selector.stories.tsx +32 -0
  73. package/src/preact/dateRangeSelector/date-range-selector.tsx +228 -0
  74. package/src/preact/dateRangeSelector/dateConversion.ts +8 -0
  75. package/src/preact/locationFilter/__mockData__/aggregated.json +775 -0
  76. package/src/preact/locationFilter/fetchAutocompletionList.spec.ts +36 -0
  77. package/src/preact/locationFilter/fetchAutocompletionList.ts +43 -0
  78. package/src/preact/locationFilter/location-filter.stories.tsx +50 -0
  79. package/src/preact/locationFilter/location-filter.tsx +112 -0
  80. package/src/preact/mutationComparison/__mockData__/nucleotideMutationsOtherVariant.json +295 -0
  81. package/src/preact/mutationComparison/__mockData__/nucleotideMutationsSomeVariant.json +304 -0
  82. package/src/preact/mutationComparison/fetchMutationData.spec.ts +118 -0
  83. package/src/preact/mutationComparison/getMutationComparisonTableData.spec.ts +125 -0
  84. package/src/preact/mutationComparison/getMutationComparisonTableData.ts +40 -0
  85. package/src/preact/mutationComparison/mutation-comparison-table.tsx +43 -0
  86. package/src/preact/mutationComparison/mutation-comparison-venn.tsx +122 -0
  87. package/src/preact/mutationComparison/mutation-comparison.stories.tsx +152 -0
  88. package/src/preact/mutationComparison/mutation-comparison.tsx +179 -0
  89. package/src/preact/mutationComparison/queryMutationData.ts +53 -0
  90. package/src/preact/mutationFilter/mutation-filter.stories.tsx +164 -0
  91. package/src/preact/mutationFilter/mutation-filter.tsx +268 -0
  92. package/src/preact/mutationFilter/parseAndValidateMutation.ts +54 -0
  93. package/src/preact/mutationFilter/parseMutation.spec.ts +150 -0
  94. package/src/preact/mutationFilter/sequenceTypeFromSegment.spec.ts +66 -0
  95. package/src/preact/mutationFilter/sequenceTypeFromSegment.ts +20 -0
  96. package/src/preact/mutations/__mockData__/nucleotideInsertions.json +252 -0
  97. package/src/preact/mutations/__mockData__/nucleotideMutations.json +880 -0
  98. package/src/preact/mutations/getInsertionsTableData.spec.ts +36 -0
  99. package/src/preact/mutations/getInsertionsTableData.ts +10 -0
  100. package/src/preact/mutations/getMutationsGridData.spec.ts +135 -0
  101. package/src/preact/mutations/getMutationsGridData.ts +92 -0
  102. package/src/preact/mutations/getMutationsTableData.spec.ts +94 -0
  103. package/src/preact/mutations/getMutationsTableData.ts +17 -0
  104. package/src/preact/mutations/mutations-grid.tsx +84 -0
  105. package/src/preact/mutations/mutations-insertions-table.tsx +33 -0
  106. package/src/preact/mutations/mutations-table.tsx +47 -0
  107. package/src/preact/mutations/mutations.stories.tsx +95 -0
  108. package/src/preact/mutations/mutations.tsx +192 -0
  109. package/src/preact/mutations/queryMutations.ts +55 -0
  110. package/src/preact/prevalenceOverTime/__mockData__/denominator.json +1700 -0
  111. package/src/preact/prevalenceOverTime/__mockData__/denominatorOneVariant.json +608 -0
  112. package/src/preact/prevalenceOverTime/__mockData__/numeratorEG.json +1560 -0
  113. package/src/preact/prevalenceOverTime/__mockData__/numeratorJN1.json +592 -0
  114. package/src/preact/prevalenceOverTime/__mockData__/numeratorOneVariant.json +604 -0
  115. package/src/preact/prevalenceOverTime/getPrevalenceOverTimeTableData.spec.ts +67 -0
  116. package/src/preact/prevalenceOverTime/getPrevalenceOverTimeTableData.ts +18 -0
  117. package/src/preact/prevalenceOverTime/prevalence-over-time-bar-chart.tsx +105 -0
  118. package/src/preact/prevalenceOverTime/prevalence-over-time-bubble-chart.tsx +86 -0
  119. package/src/preact/prevalenceOverTime/prevalence-over-time-line-chart.tsx +141 -0
  120. package/src/preact/prevalenceOverTime/prevalence-over-time-table.tsx +46 -0
  121. package/src/preact/prevalenceOverTime/prevalence-over-time.stories.tsx +165 -0
  122. package/src/preact/prevalenceOverTime/prevalence-over-time.tsx +202 -0
  123. package/src/preact/relativeGrowthAdvantage/__mockData__/denominator.json +376 -0
  124. package/src/preact/relativeGrowthAdvantage/__mockData__/numerator.json +332 -0
  125. package/src/preact/relativeGrowthAdvantage/relative-growth-advantage-chart.tsx +138 -0
  126. package/src/preact/relativeGrowthAdvantage/relative-growth-advantage.stories.tsx +71 -0
  127. package/src/preact/relativeGrowthAdvantage/relative-growth-advantage.tsx +136 -0
  128. package/src/preact/shared/charts/LogitScale.ts +48 -0
  129. package/src/preact/shared/charts/colors.ts +26 -0
  130. package/src/preact/shared/charts/confideceInterval.ts +29 -0
  131. package/src/preact/shared/charts/getYAxisScale.ts +16 -0
  132. package/src/preact/shared/charts/scales.ts +16 -0
  133. package/src/preact/shared/icons/DeleteIcon.tsx +17 -0
  134. package/src/preact/shared/sort/sortInsertions.spec.ts +47 -0
  135. package/src/preact/shared/sort/sortInsertions.ts +21 -0
  136. package/src/preact/shared/sort/sortMutationPositions.spec.ts +31 -0
  137. package/src/preact/shared/sort/sortMutationPositions.ts +14 -0
  138. package/src/preact/shared/sort/sortSubstitutionsAndDeletions.spec.ts +47 -0
  139. package/src/preact/shared/sort/sortSubstitutionsAndDeletions.ts +17 -0
  140. package/src/preact/shared/table/formatProportion.ts +3 -0
  141. package/src/preact/textInput/__mockData__/aggregated_hosts.json +24 -0
  142. package/src/preact/textInput/fetchAutocompleteList.ts +9 -0
  143. package/src/preact/textInput/text-input.stories.tsx +49 -0
  144. package/src/preact/textInput/text-input.tsx +73 -0
  145. package/src/preact/useQuery.ts +27 -0
  146. package/src/query/queryInsertions.ts +14 -0
  147. package/src/query/queryPrevalenceOverTime.ts +126 -0
  148. package/src/query/queryRelativeGrowthAdvantage.ts +131 -0
  149. package/src/query/querySubstitutionsOrDeletions.ts +19 -0
  150. package/src/styles/tailwind.css +3 -0
  151. package/src/styles/tailwind.d.ts +3 -0
  152. package/src/types.ts +23 -0
  153. package/src/utils/mutations.spec.ts +64 -0
  154. package/src/utils/mutations.ts +165 -0
  155. package/src/utils/temporal.spec.ts +97 -0
  156. package/src/utils/temporal.ts +348 -0
  157. package/src/utils/test-utils.ts +5 -0
  158. package/src/utils/type-utils.ts +15 -0
  159. package/src/utils/utils.spec.ts +16 -0
  160. package/src/utils/utils.ts +38 -0
  161. package/src/web-components/PreactLitAdapter.tsx +62 -0
  162. package/src/web-components/PreactLitAdapterWithGridJsStyles.tsx +12 -0
  163. package/src/web-components/app.ts +51 -0
  164. package/src/web-components/display/index.ts +4 -0
  165. package/src/web-components/display/mutation-comparison-component.stories.ts +138 -0
  166. package/src/web-components/display/mutation-comparison-component.tsx +31 -0
  167. package/src/web-components/display/mutations-component.stories.ts +107 -0
  168. package/src/web-components/display/mutations-component.tsx +27 -0
  169. package/src/web-components/display/prevalence-over-time-component.stories.ts +205 -0
  170. package/src/web-components/display/prevalence-over-time-component.tsx +46 -0
  171. package/src/web-components/display/relative-growth-advantage-component.stories.ts +89 -0
  172. package/src/web-components/display/relative-growth-advantage-component.tsx +37 -0
  173. package/src/web-components/index.ts +3 -0
  174. package/src/web-components/input/date-range-selector-component.stories.ts +53 -0
  175. package/src/web-components/input/date-range-selector-component.tsx +33 -0
  176. package/src/web-components/input/index.ts +4 -0
  177. package/src/web-components/input/location-filter-component.stories.ts +184 -0
  178. package/src/web-components/input/location-filter-component.tsx +68 -0
  179. package/src/web-components/input/location-filter.mdx +25 -0
  180. package/src/web-components/input/mutation-filter-component.stories.ts +97 -0
  181. package/src/web-components/input/mutation-filter-component.tsx +27 -0
  182. package/src/web-components/input/text-input-component.stories.ts +92 -0
  183. package/src/web-components/input/text-input-component.tsx +30 -0
  184. package/src/web-components/lapis-context.ts +3 -0
  185. package/src/web-components/reference-genome-context.ts +5 -0
  186. package/src/web-components/withinShadowRoot.story.ts +34 -0
package/dist/style.css ADDED
@@ -0,0 +1,2930 @@
1
+ .gridjs-head button, .gridjs-footer button {
2
+ cursor: pointer;
3
+ background-color: transparent;
4
+ background-image: none;
5
+ padding: 0;
6
+ margin: 0;
7
+ border: none;
8
+ outline: none;
9
+ }
10
+
11
+ .gridjs-temp {
12
+ position: relative;
13
+ }
14
+
15
+ .gridjs-head {
16
+ width: 100%;
17
+ margin-bottom: 5px;
18
+ padding: 5px 1px;
19
+ }
20
+ .gridjs-head::after {
21
+ content: "";
22
+ display: block;
23
+ clear: both;
24
+ }
25
+ .gridjs-head:empty {
26
+ padding: 0;
27
+ border: none;
28
+ }
29
+
30
+ .gridjs-container {
31
+ overflow: hidden;
32
+ display: inline-block;
33
+ padding: 2px;
34
+ color: #000;
35
+ position: relative;
36
+ z-index: 0;
37
+ }
38
+
39
+ .gridjs-footer {
40
+ display: block;
41
+ position: relative;
42
+ width: 100%;
43
+ z-index: 5;
44
+ padding: 12px 24px;
45
+ border-top: 1px solid #e5e7eb;
46
+ background-color: #fff;
47
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
48
+ border-radius: 0 0 8px 8px;
49
+ border-bottom-width: 1px;
50
+ border-color: #e5e7eb;
51
+ }
52
+ .gridjs-footer:empty {
53
+ padding: 0;
54
+ border: none;
55
+ }
56
+
57
+ input.gridjs-input {
58
+ outline: none;
59
+ background-color: #fff;
60
+ border: 1px solid #d2d6dc;
61
+ border-radius: 5px;
62
+ padding: 10px 13px;
63
+ font-size: 14px;
64
+ line-height: 1.45;
65
+ -webkit-appearance: none;
66
+ -moz-appearance: none;
67
+ appearance: none;
68
+ }
69
+ input.gridjs-input:focus {
70
+ box-shadow: 0 0 0 3px rgba(149, 189, 243, 0.5);
71
+ border-color: #9bc2f7;
72
+ }
73
+
74
+ .gridjs-pagination {
75
+ color: #3d4044;
76
+ }
77
+ .gridjs-pagination::after {
78
+ content: "";
79
+ display: block;
80
+ clear: both;
81
+ }
82
+ .gridjs-pagination .gridjs-summary {
83
+ float: left;
84
+ margin-top: 5px;
85
+ }
86
+ .gridjs-pagination .gridjs-pages {
87
+ float: right;
88
+ }
89
+ .gridjs-pagination .gridjs-pages button {
90
+ padding: 5px 14px;
91
+ border: 1px solid #d2d6dc;
92
+ background-color: #fff;
93
+ border-right: none;
94
+ outline: none;
95
+ -webkit-user-select: none;
96
+ -moz-user-select: none;
97
+ user-select: none;
98
+ }
99
+ .gridjs-pagination .gridjs-pages button:focus {
100
+ box-shadow: 0 0 0 2px rgba(149, 189, 243, 0.5);
101
+ position: relative;
102
+ margin-right: -1px;
103
+ border-right: 1px solid #d2d6dc;
104
+ }
105
+ .gridjs-pagination .gridjs-pages button:hover {
106
+ background-color: #f7f7f7;
107
+ color: rgb(60, 66, 87);
108
+ outline: none;
109
+ }
110
+ .gridjs-pagination .gridjs-pages button:disabled,
111
+ .gridjs-pagination .gridjs-pages button[disabled],
112
+ .gridjs-pagination .gridjs-pages button:hover:disabled {
113
+ cursor: default;
114
+ background-color: #fff;
115
+ color: #6b7280;
116
+ }
117
+ .gridjs-pagination .gridjs-pages button.gridjs-spread {
118
+ cursor: default;
119
+ box-shadow: none;
120
+ background-color: #fff;
121
+ }
122
+ .gridjs-pagination .gridjs-pages button.gridjs-currentPage {
123
+ background-color: #f7f7f7;
124
+ font-weight: bold;
125
+ }
126
+ .gridjs-pagination .gridjs-pages button:last-child {
127
+ border-bottom-right-radius: 6px;
128
+ border-top-right-radius: 6px;
129
+ border-right: 1px solid #d2d6dc;
130
+ }
131
+ .gridjs-pagination .gridjs-pages button:first-child {
132
+ border-bottom-left-radius: 6px;
133
+ border-top-left-radius: 6px;
134
+ }
135
+ .gridjs-pagination .gridjs-pages button:last-child:focus {
136
+ margin-right: 0;
137
+ }
138
+
139
+ button.gridjs-sort {
140
+ float: right;
141
+ height: 24px;
142
+ width: 13px;
143
+ background-color: transparent;
144
+ background-repeat: no-repeat;
145
+ background-position-x: center;
146
+ cursor: pointer;
147
+ padding: 0;
148
+ margin: 0;
149
+ border: none;
150
+ outline: none;
151
+ background-size: contain;
152
+ }
153
+ button.gridjs-sort-neutral {
154
+ opacity: 0.3;
155
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDEuOTk4cHgiIGhlaWdodD0iNDAxLjk5OHB4IiB2aWV3Qm94PSIwIDAgNDAxLjk5OCA0MDEuOTk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDEuOTk4IDQwMS45OTg7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik03My4wOTIsMTY0LjQ1MmgyNTUuODEzYzQuOTQ5LDAsOS4yMzMtMS44MDcsMTIuODQ4LTUuNDI0YzMuNjEzLTMuNjE2LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0NwoJCQljMC00Ljk0OS0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2LDUuNDI0QzIxMC4yMzIsMS44MTIsMjA1Ljk1MSwwLDIwMC45OTksMHMtOS4yMzMsMS44MTItMTIuODUsNS40MjRMNjAuMjQyLDEzMy4zMzEKCQkJYy0zLjYxNywzLjYxNy01LjQyNCw3LjkwMS01LjQyNCwxMi44NWMwLDQuOTQ4LDEuODA3LDkuMjMxLDUuNDI0LDEyLjg0N0M2My44NjMsMTYyLjY0NSw2OC4xNDQsMTY0LjQ1Miw3My4wOTIsMTY0LjQ1MnoiLz4KCQk8cGF0aCBkPSJNMzI4LjkwNSwyMzcuNTQ5SDczLjA5MmMtNC45NTIsMC05LjIzMywxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MTctNS40MjQsNy44OTgtNS40MjQsMTIuODQ3CgkJCWMwLDQuOTQ5LDEuODA3LDkuMjMzLDUuNDI0LDEyLjg0OEwxODguMTQ5LDM5Ni41N2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNy0xMjcuOTA2CgkJCWMzLjYxMy0zLjYxNCw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDhjMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDdDMzM4LjEzOSwyMzkuMzUzLDMzMy44NTQsMjM3LjU0OSwzMjguOTA1LDIzNy41NDl6Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
156
+ background-position-y: center;
157
+ }
158
+ button.gridjs-sort-asc {
159
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MXB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjE7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDE5Ny4yODdMMTU5LjAyOCw2OS4zODFjLTMuNjEzLTMuNjE3LTcuODk1LTUuNDI0LTEyLjg0Ny01LjQyNHMtOS4yMzMsMS44MDctMTIuODUsNS40MjRMNS40MjQsMTk3LjI4NwoJCUMxLjgwNywyMDAuOTA0LDAsMjA1LjE4NiwwLDIxMC4xMzRzMS44MDcsOS4yMzMsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI1LDEyLjg1LDUuNDI1aDI1NS44MTMKCQljNC45NDksMCw5LjIzMy0xLjgwOCwxMi44NDgtNS40MjVjMy42MTMtMy42MTMsNS40MjctNy44OTgsNS40MjctMTIuODQ3UzI5MC41NDgsMjAwLjkwNCwyODYuOTM1LDE5Ny4yODd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
160
+ background-position-y: 35%;
161
+ background-size: 10px;
162
+ }
163
+ button.gridjs-sort-desc {
164
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDY5LjM3N2MtMy42MTQtMy42MTctNy44OTgtNS40MjQtMTIuODQ4LTUuNDI0SDE4LjI3NGMtNC45NTIsMC05LjIzMywxLjgwNy0xMi44NSw1LjQyNAoJCUMxLjgwNyw3Mi45OTgsMCw3Ny4yNzksMCw4Mi4yMjhjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdsMTI3LjkwNywxMjcuOTA3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4CgkJczkuMjMzLTEuODExLDEyLjg0Ny01LjQyOEwyODYuOTM1LDk1LjA3NGMzLjYxMy0zLjYxNyw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDdDMjkyLjM2Miw3Ny4yNzksMjkwLjU0OCw3Mi45OTgsMjg2LjkzNSw2OS4zNzd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
165
+ background-position-y: 65%;
166
+ background-size: 10px;
167
+ }
168
+ button.gridjs-sort:focus {
169
+ outline: none;
170
+ }
171
+
172
+ table.gridjs-table {
173
+ width: 100%;
174
+ max-width: 100%;
175
+ border-collapse: collapse;
176
+ text-align: left;
177
+ display: table;
178
+ margin: 0;
179
+ padding: 0;
180
+ overflow: auto;
181
+ table-layout: fixed;
182
+ }
183
+
184
+ .gridjs-tbody {
185
+ background-color: #fff;
186
+ }
187
+
188
+ td.gridjs-td {
189
+ border: 1px solid #e5e7eb;
190
+ padding: 12px 24px;
191
+ background-color: #fff;
192
+ box-sizing: content-box;
193
+ }
194
+ td.gridjs-td:first-child {
195
+ border-left: none;
196
+ }
197
+ td.gridjs-td:last-child {
198
+ border-right: none;
199
+ }
200
+ td.gridjs-message {
201
+ text-align: center;
202
+ }
203
+
204
+ th.gridjs-th {
205
+ position: relative;
206
+ color: #6b7280;
207
+ background-color: #f9fafb;
208
+ border: 1px solid #e5e7eb;
209
+ border-top: none;
210
+ padding: 14px 24px;
211
+ -webkit-user-select: none;
212
+ -moz-user-select: none;
213
+ user-select: none;
214
+ box-sizing: border-box;
215
+ white-space: nowrap;
216
+ outline: none;
217
+ vertical-align: middle;
218
+ }
219
+ th.gridjs-th .gridjs-th-content {
220
+ text-overflow: ellipsis;
221
+ overflow: hidden;
222
+ width: 100%;
223
+ float: left;
224
+ }
225
+ th.gridjs-th-sort {
226
+ cursor: pointer;
227
+ }
228
+ th.gridjs-th-sort .gridjs-th-content {
229
+ width: calc(100% - 15px);
230
+ }
231
+ th.gridjs-th-sort:hover {
232
+ background-color: #e5e7eb;
233
+ }
234
+ th.gridjs-th-sort:focus {
235
+ background-color: #e5e7eb;
236
+ }
237
+ th.gridjs-th-fixed {
238
+ position: sticky;
239
+ box-shadow: 0 1px 0 0 #e5e7eb;
240
+ }
241
+ @supports (-moz-appearance: none) {
242
+ th.gridjs-th-fixed {
243
+ box-shadow: 0 0 0 1px #e5e7eb;
244
+ }
245
+ }
246
+ th.gridjs-th:first-child {
247
+ border-left: none;
248
+ }
249
+ th.gridjs-th:last-child {
250
+ border-right: none;
251
+ }
252
+
253
+ .gridjs-tr {
254
+ border: none;
255
+ }
256
+ .gridjs-tr-selected td {
257
+ background-color: #ebf5ff;
258
+ }
259
+ .gridjs-tr:last-child td {
260
+ border-bottom: 0;
261
+ }
262
+
263
+ .gridjs *,
264
+ .gridjs :after,
265
+ .gridjs :before {
266
+ box-sizing: border-box;
267
+ }
268
+
269
+ .gridjs-wrapper {
270
+ position: relative;
271
+ z-index: 1;
272
+ overflow: auto;
273
+ width: 100%;
274
+ -webkit-font-smoothing: antialiased;
275
+ -moz-osx-font-smoothing: grayscale;
276
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
277
+ border-radius: 8px 8px 0 0;
278
+ display: block;
279
+ border-top-width: 1px;
280
+ border-color: #e5e7eb;
281
+ }
282
+ .gridjs-wrapper:nth-last-of-type(2) {
283
+ border-radius: 8px;
284
+ border-bottom-width: 1px;
285
+ }
286
+
287
+ .gridjs-search {
288
+ float: left;
289
+ }
290
+ .gridjs-search-input {
291
+ width: 250px;
292
+ }
293
+
294
+ .gridjs-loading-bar {
295
+ z-index: 10;
296
+ position: absolute;
297
+ left: 0;
298
+ right: 0;
299
+ top: 0;
300
+ bottom: 0;
301
+ background-color: #fff;
302
+ opacity: 0.5;
303
+ }
304
+ .gridjs-loading-bar::after {
305
+ position: absolute;
306
+ top: 0;
307
+ right: 0;
308
+ bottom: 0;
309
+ left: 0;
310
+ transform: translateX(-100%);
311
+ background-image: linear-gradient(90deg, rgba(204, 204, 204, 0) 0, rgba(204, 204, 204, 0.2) 20%, rgba(204, 204, 204, 0.5) 60%, rgba(204, 204, 204, 0));
312
+ animation: shimmer 2s infinite;
313
+ content: "";
314
+ }
315
+ @keyframes shimmer {
316
+ 100% {
317
+ transform: translateX(100%);
318
+ }
319
+ }
320
+
321
+ .gridjs-td .gridjs-checkbox {
322
+ display: block;
323
+ margin: auto;
324
+ cursor: pointer;
325
+ }
326
+
327
+ .gridjs-resizable {
328
+ position: absolute;
329
+ top: 0;
330
+ bottom: 0;
331
+ right: 0;
332
+ width: 5px;
333
+ }
334
+ .gridjs-resizable:hover {
335
+ cursor: ew-resize;
336
+ background-color: #9bc2f7;
337
+ }
338
+ /*# sourceMappingURL=mermaid.css.map */input[type=range]::-webkit-slider-thumb {
339
+ -webkit-appearance: none;
340
+ pointer-events: all;
341
+ width: 24px;
342
+ height: 24px;
343
+ background-color: #fff;
344
+ border-radius: 50%;
345
+ box-shadow: 0 0 0 1px #C6C6C6;
346
+ cursor: pointer;
347
+ }
348
+
349
+ input[type=range]::-moz-range-thumb {
350
+ -webkit-appearance: none;
351
+ pointer-events: all;
352
+ width: 24px;
353
+ height: 24px;
354
+ background-color: #fff;
355
+ border-radius: 50%;
356
+ box-shadow: 0 0 0 1px #C6C6C6;
357
+ cursor: pointer;
358
+ }
359
+
360
+ input[type=range]::-webkit-slider-thumb:hover {
361
+ background: #f7f7f7;
362
+ }
363
+
364
+ input[type=range]::-webkit-slider-thumb:active {
365
+ box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
366
+ -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
367
+ }
368
+
369
+ input[type="range"] {
370
+ -webkit-appearance: none;
371
+ -moz-appearance: none;
372
+ appearance: none;
373
+ height: 2px;
374
+ width: 100%;
375
+ position: absolute;
376
+ background-color: #C6C6C6;
377
+ pointer-events: none;
378
+ }/*
379
+ ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
380
+ *//*
381
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
382
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
383
+ */
384
+
385
+ *,
386
+ ::before,
387
+ ::after {
388
+ box-sizing: border-box; /* 1 */
389
+ border-width: 0; /* 2 */
390
+ border-style: solid; /* 2 */
391
+ border-color: #e5e7eb; /* 2 */
392
+ }
393
+
394
+ ::before,
395
+ ::after {
396
+ --tw-content: '';
397
+ }
398
+
399
+ /*
400
+ 1. Use a consistent sensible line-height in all browsers.
401
+ 2. Prevent adjustments of font size after orientation changes in iOS.
402
+ 3. Use a more readable tab size.
403
+ 4. Use the user's configured `sans` font-family by default.
404
+ 5. Use the user's configured `sans` font-feature-settings by default.
405
+ 6. Use the user's configured `sans` font-variation-settings by default.
406
+ 7. Disable tap highlights on iOS
407
+ */
408
+
409
+ html,
410
+ :host {
411
+ line-height: 1.5; /* 1 */
412
+ -webkit-text-size-adjust: 100%; /* 2 */
413
+ -moz-tab-size: 4; /* 3 */
414
+ -o-tab-size: 4;
415
+ tab-size: 4; /* 3 */
416
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
417
+ font-feature-settings: normal; /* 5 */
418
+ font-variation-settings: normal; /* 6 */
419
+ -webkit-tap-highlight-color: transparent; /* 7 */
420
+ }
421
+
422
+ /*
423
+ 1. Remove the margin in all browsers.
424
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
425
+ */
426
+
427
+ body {
428
+ margin: 0; /* 1 */
429
+ line-height: inherit; /* 2 */
430
+ }
431
+
432
+ /*
433
+ 1. Add the correct height in Firefox.
434
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
435
+ 3. Ensure horizontal rules are visible by default.
436
+ */
437
+
438
+ hr {
439
+ height: 0; /* 1 */
440
+ color: inherit; /* 2 */
441
+ border-top-width: 1px; /* 3 */
442
+ }
443
+
444
+ /*
445
+ Add the correct text decoration in Chrome, Edge, and Safari.
446
+ */
447
+
448
+ abbr:where([title]) {
449
+ -webkit-text-decoration: underline dotted;
450
+ text-decoration: underline dotted;
451
+ }
452
+
453
+ /*
454
+ Remove the default font size and weight for headings.
455
+ */
456
+
457
+ h1,
458
+ h2,
459
+ h3,
460
+ h4,
461
+ h5,
462
+ h6 {
463
+ font-size: inherit;
464
+ font-weight: inherit;
465
+ }
466
+
467
+ /*
468
+ Reset links to optimize for opt-in styling instead of opt-out.
469
+ */
470
+
471
+ a {
472
+ color: inherit;
473
+ text-decoration: inherit;
474
+ }
475
+
476
+ /*
477
+ Add the correct font weight in Edge and Safari.
478
+ */
479
+
480
+ b,
481
+ strong {
482
+ font-weight: bolder;
483
+ }
484
+
485
+ /*
486
+ 1. Use the user's configured `mono` font-family by default.
487
+ 2. Use the user's configured `mono` font-feature-settings by default.
488
+ 3. Use the user's configured `mono` font-variation-settings by default.
489
+ 4. Correct the odd `em` font sizing in all browsers.
490
+ */
491
+
492
+ code,
493
+ kbd,
494
+ samp,
495
+ pre {
496
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
497
+ font-feature-settings: normal; /* 2 */
498
+ font-variation-settings: normal; /* 3 */
499
+ font-size: 1em; /* 4 */
500
+ }
501
+
502
+ /*
503
+ Add the correct font size in all browsers.
504
+ */
505
+
506
+ small {
507
+ font-size: 80%;
508
+ }
509
+
510
+ /*
511
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
512
+ */
513
+
514
+ sub,
515
+ sup {
516
+ font-size: 75%;
517
+ line-height: 0;
518
+ position: relative;
519
+ vertical-align: baseline;
520
+ }
521
+
522
+ sub {
523
+ bottom: -0.25em;
524
+ }
525
+
526
+ sup {
527
+ top: -0.5em;
528
+ }
529
+
530
+ /*
531
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
532
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
533
+ 3. Remove gaps between table borders by default.
534
+ */
535
+
536
+ table {
537
+ text-indent: 0; /* 1 */
538
+ border-color: inherit; /* 2 */
539
+ border-collapse: collapse; /* 3 */
540
+ }
541
+
542
+ /*
543
+ 1. Change the font styles in all browsers.
544
+ 2. Remove the margin in Firefox and Safari.
545
+ 3. Remove default padding in all browsers.
546
+ */
547
+
548
+ button,
549
+ input,
550
+ optgroup,
551
+ select,
552
+ textarea {
553
+ font-family: inherit; /* 1 */
554
+ font-feature-settings: inherit; /* 1 */
555
+ font-variation-settings: inherit; /* 1 */
556
+ font-size: 100%; /* 1 */
557
+ font-weight: inherit; /* 1 */
558
+ line-height: inherit; /* 1 */
559
+ letter-spacing: inherit; /* 1 */
560
+ color: inherit; /* 1 */
561
+ margin: 0; /* 2 */
562
+ padding: 0; /* 3 */
563
+ }
564
+
565
+ /*
566
+ Remove the inheritance of text transform in Edge and Firefox.
567
+ */
568
+
569
+ button,
570
+ select {
571
+ text-transform: none;
572
+ }
573
+
574
+ /*
575
+ 1. Correct the inability to style clickable types in iOS and Safari.
576
+ 2. Remove default button styles.
577
+ */
578
+
579
+ button,
580
+ input:where([type='button']),
581
+ input:where([type='reset']),
582
+ input:where([type='submit']) {
583
+ -webkit-appearance: button; /* 1 */
584
+ background-color: transparent; /* 2 */
585
+ background-image: none; /* 2 */
586
+ }
587
+
588
+ /*
589
+ Use the modern Firefox focus style for all focusable elements.
590
+ */
591
+
592
+ :-moz-focusring {
593
+ outline: auto;
594
+ }
595
+
596
+ /*
597
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
598
+ */
599
+
600
+ :-moz-ui-invalid {
601
+ box-shadow: none;
602
+ }
603
+
604
+ /*
605
+ Add the correct vertical alignment in Chrome and Firefox.
606
+ */
607
+
608
+ progress {
609
+ vertical-align: baseline;
610
+ }
611
+
612
+ /*
613
+ Correct the cursor style of increment and decrement buttons in Safari.
614
+ */
615
+
616
+ ::-webkit-inner-spin-button,
617
+ ::-webkit-outer-spin-button {
618
+ height: auto;
619
+ }
620
+
621
+ /*
622
+ 1. Correct the odd appearance in Chrome and Safari.
623
+ 2. Correct the outline style in Safari.
624
+ */
625
+
626
+ [type='search'] {
627
+ -webkit-appearance: textfield; /* 1 */
628
+ outline-offset: -2px; /* 2 */
629
+ }
630
+
631
+ /*
632
+ Remove the inner padding in Chrome and Safari on macOS.
633
+ */
634
+
635
+ ::-webkit-search-decoration {
636
+ -webkit-appearance: none;
637
+ }
638
+
639
+ /*
640
+ 1. Correct the inability to style clickable types in iOS and Safari.
641
+ 2. Change font properties to `inherit` in Safari.
642
+ */
643
+
644
+ ::-webkit-file-upload-button {
645
+ -webkit-appearance: button; /* 1 */
646
+ font: inherit; /* 2 */
647
+ }
648
+
649
+ /*
650
+ Add the correct display in Chrome and Safari.
651
+ */
652
+
653
+ summary {
654
+ display: list-item;
655
+ }
656
+
657
+ /*
658
+ Removes the default spacing and border for appropriate elements.
659
+ */
660
+
661
+ blockquote,
662
+ dl,
663
+ dd,
664
+ h1,
665
+ h2,
666
+ h3,
667
+ h4,
668
+ h5,
669
+ h6,
670
+ hr,
671
+ figure,
672
+ p,
673
+ pre {
674
+ margin: 0;
675
+ }
676
+
677
+ fieldset {
678
+ margin: 0;
679
+ padding: 0;
680
+ }
681
+
682
+ legend {
683
+ padding: 0;
684
+ }
685
+
686
+ ol,
687
+ ul,
688
+ menu {
689
+ list-style: none;
690
+ margin: 0;
691
+ padding: 0;
692
+ }
693
+
694
+ /*
695
+ Reset default styling for dialogs.
696
+ */
697
+ dialog {
698
+ padding: 0;
699
+ }
700
+
701
+ /*
702
+ Prevent resizing textareas horizontally by default.
703
+ */
704
+
705
+ textarea {
706
+ resize: vertical;
707
+ }
708
+
709
+ /*
710
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
711
+ 2. Set the default placeholder color to the user's configured gray 400 color.
712
+ */
713
+
714
+ input::-moz-placeholder, textarea::-moz-placeholder {
715
+ opacity: 1; /* 1 */
716
+ color: #9ca3af; /* 2 */
717
+ }
718
+
719
+ input::placeholder,
720
+ textarea::placeholder {
721
+ opacity: 1; /* 1 */
722
+ color: #9ca3af; /* 2 */
723
+ }
724
+
725
+ /*
726
+ Set the default cursor for buttons.
727
+ */
728
+
729
+ button,
730
+ [role="button"] {
731
+ cursor: pointer;
732
+ }
733
+
734
+ /*
735
+ Make sure disabled buttons don't get the pointer cursor.
736
+ */
737
+ :disabled {
738
+ cursor: default;
739
+ }
740
+
741
+ /*
742
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
743
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
744
+ This can trigger a poorly considered lint error in some tools but is included by design.
745
+ */
746
+
747
+ img,
748
+ svg,
749
+ video,
750
+ canvas,
751
+ audio,
752
+ iframe,
753
+ embed,
754
+ object {
755
+ display: block; /* 1 */
756
+ vertical-align: middle; /* 2 */
757
+ }
758
+
759
+ /*
760
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
761
+ */
762
+
763
+ img,
764
+ video {
765
+ max-width: 100%;
766
+ height: auto;
767
+ }
768
+
769
+ /* Make elements with the HTML hidden attribute stay hidden by default */
770
+ [hidden] {
771
+ display: none;
772
+ }
773
+
774
+ :root,
775
+ [data-theme] {
776
+ background-color: var(--fallback-b1,oklch(var(--b1)/1));
777
+ color: var(--fallback-bc,oklch(var(--bc)/1));
778
+ }
779
+
780
+ @supports not (color: oklch(0% 0 0)) {
781
+
782
+ :root {
783
+ color-scheme: light;
784
+ --fallback-p: #491eff;
785
+ --fallback-pc: #d4dbff;
786
+ --fallback-s: #ff41c7;
787
+ --fallback-sc: #fff9fc;
788
+ --fallback-a: #00cfbd;
789
+ --fallback-ac: #00100d;
790
+ --fallback-n: #2b3440;
791
+ --fallback-nc: #d7dde4;
792
+ --fallback-b1: #ffffff;
793
+ --fallback-b2: #e5e6e6;
794
+ --fallback-b3: #e5e6e6;
795
+ --fallback-bc: #1f2937;
796
+ --fallback-in: #00b3f0;
797
+ --fallback-inc: #000000;
798
+ --fallback-su: #00ca92;
799
+ --fallback-suc: #000000;
800
+ --fallback-wa: #ffc22d;
801
+ --fallback-wac: #000000;
802
+ --fallback-er: #ff6f70;
803
+ --fallback-erc: #000000;
804
+ }
805
+
806
+ @media (prefers-color-scheme: dark) {
807
+
808
+ :root {
809
+ color-scheme: dark;
810
+ --fallback-p: #7582ff;
811
+ --fallback-pc: #050617;
812
+ --fallback-s: #ff71cf;
813
+ --fallback-sc: #190211;
814
+ --fallback-a: #00c7b5;
815
+ --fallback-ac: #000e0c;
816
+ --fallback-n: #2a323c;
817
+ --fallback-nc: #a6adbb;
818
+ --fallback-b1: #1d232a;
819
+ --fallback-b2: #191e24;
820
+ --fallback-b3: #15191e;
821
+ --fallback-bc: #a6adbb;
822
+ --fallback-in: #00b3f0;
823
+ --fallback-inc: #000000;
824
+ --fallback-su: #00ca92;
825
+ --fallback-suc: #000000;
826
+ --fallback-wa: #ffc22d;
827
+ --fallback-wac: #000000;
828
+ --fallback-er: #ff6f70;
829
+ --fallback-erc: #000000;
830
+ }
831
+ }
832
+ }
833
+
834
+ html {
835
+ -webkit-tap-highlight-color: transparent;
836
+ }
837
+
838
+ :root {
839
+ color-scheme: light;
840
+ --in: 72.06% 0.191 231.6;
841
+ --su: 64.8% 0.150 160;
842
+ --wa: 84.71% 0.199 83.87;
843
+ --er: 71.76% 0.221 22.18;
844
+ --pc: 89.824% 0.06192 275.75;
845
+ --ac: 15.352% 0.0368 183.61;
846
+ --inc: 0% 0 0;
847
+ --suc: 0% 0 0;
848
+ --wac: 0% 0 0;
849
+ --erc: 0% 0 0;
850
+ --rounded-box: 1rem;
851
+ --rounded-btn: 0.5rem;
852
+ --rounded-badge: 1.9rem;
853
+ --animation-btn: 0.25s;
854
+ --animation-input: .2s;
855
+ --btn-focus-scale: 0.95;
856
+ --border-btn: 1px;
857
+ --tab-border: 1px;
858
+ --tab-radius: 0.5rem;
859
+ --p: 49.12% 0.3096 275.75;
860
+ --s: 69.71% 0.329 342.55;
861
+ --sc: 98.71% 0.0106 342.55;
862
+ --a: 76.76% 0.184 183.61;
863
+ --n: 32.1785% 0.02476 255.701624;
864
+ --nc: 89.4994% 0.011585 252.096176;
865
+ --b1: 100% 0 0;
866
+ --b2: 96.1151% 0 0;
867
+ --b3: 92.4169% 0.00108 197.137559;
868
+ --bc: 27.8078% 0.029596 256.847952;
869
+ }
870
+
871
+ @media (prefers-color-scheme: dark) {
872
+
873
+ :root {
874
+ color-scheme: dark;
875
+ --in: 72.06% 0.191 231.6;
876
+ --su: 64.8% 0.150 160;
877
+ --wa: 84.71% 0.199 83.87;
878
+ --er: 71.76% 0.221 22.18;
879
+ --pc: 13.138% 0.0392 275.75;
880
+ --sc: 14.96% 0.052 342.55;
881
+ --ac: 14.902% 0.0334 183.61;
882
+ --inc: 0% 0 0;
883
+ --suc: 0% 0 0;
884
+ --wac: 0% 0 0;
885
+ --erc: 0% 0 0;
886
+ --rounded-box: 1rem;
887
+ --rounded-btn: 0.5rem;
888
+ --rounded-badge: 1.9rem;
889
+ --animation-btn: 0.25s;
890
+ --animation-input: .2s;
891
+ --btn-focus-scale: 0.95;
892
+ --border-btn: 1px;
893
+ --tab-border: 1px;
894
+ --tab-radius: 0.5rem;
895
+ --p: 65.69% 0.196 275.75;
896
+ --s: 74.8% 0.26 342.55;
897
+ --a: 74.51% 0.167 183.61;
898
+ --n: 31.3815% 0.021108 254.139175;
899
+ --nc: 74.6477% 0.0216 264.435964;
900
+ --b1: 25.3267% 0.015896 252.417568;
901
+ --b2: 23.2607% 0.013807 253.100675;
902
+ --b3: 21.1484% 0.01165 254.087939;
903
+ --bc: 74.6477% 0.0216 264.435964;
904
+ }
905
+ }
906
+
907
+ [data-theme=light] {
908
+ color-scheme: light;
909
+ --in: 72.06% 0.191 231.6;
910
+ --su: 64.8% 0.150 160;
911
+ --wa: 84.71% 0.199 83.87;
912
+ --er: 71.76% 0.221 22.18;
913
+ --pc: 89.824% 0.06192 275.75;
914
+ --ac: 15.352% 0.0368 183.61;
915
+ --inc: 0% 0 0;
916
+ --suc: 0% 0 0;
917
+ --wac: 0% 0 0;
918
+ --erc: 0% 0 0;
919
+ --rounded-box: 1rem;
920
+ --rounded-btn: 0.5rem;
921
+ --rounded-badge: 1.9rem;
922
+ --animation-btn: 0.25s;
923
+ --animation-input: .2s;
924
+ --btn-focus-scale: 0.95;
925
+ --border-btn: 1px;
926
+ --tab-border: 1px;
927
+ --tab-radius: 0.5rem;
928
+ --p: 49.12% 0.3096 275.75;
929
+ --s: 69.71% 0.329 342.55;
930
+ --sc: 98.71% 0.0106 342.55;
931
+ --a: 76.76% 0.184 183.61;
932
+ --n: 32.1785% 0.02476 255.701624;
933
+ --nc: 89.4994% 0.011585 252.096176;
934
+ --b1: 100% 0 0;
935
+ --b2: 96.1151% 0 0;
936
+ --b3: 92.4169% 0.00108 197.137559;
937
+ --bc: 27.8078% 0.029596 256.847952;
938
+ }
939
+
940
+ [data-theme=dark] {
941
+ color-scheme: dark;
942
+ --in: 72.06% 0.191 231.6;
943
+ --su: 64.8% 0.150 160;
944
+ --wa: 84.71% 0.199 83.87;
945
+ --er: 71.76% 0.221 22.18;
946
+ --pc: 13.138% 0.0392 275.75;
947
+ --sc: 14.96% 0.052 342.55;
948
+ --ac: 14.902% 0.0334 183.61;
949
+ --inc: 0% 0 0;
950
+ --suc: 0% 0 0;
951
+ --wac: 0% 0 0;
952
+ --erc: 0% 0 0;
953
+ --rounded-box: 1rem;
954
+ --rounded-btn: 0.5rem;
955
+ --rounded-badge: 1.9rem;
956
+ --animation-btn: 0.25s;
957
+ --animation-input: .2s;
958
+ --btn-focus-scale: 0.95;
959
+ --border-btn: 1px;
960
+ --tab-border: 1px;
961
+ --tab-radius: 0.5rem;
962
+ --p: 65.69% 0.196 275.75;
963
+ --s: 74.8% 0.26 342.55;
964
+ --a: 74.51% 0.167 183.61;
965
+ --n: 31.3815% 0.021108 254.139175;
966
+ --nc: 74.6477% 0.0216 264.435964;
967
+ --b1: 25.3267% 0.015896 252.417568;
968
+ --b2: 23.2607% 0.013807 253.100675;
969
+ --b3: 21.1484% 0.01165 254.087939;
970
+ --bc: 74.6477% 0.0216 264.435964;
971
+ }
972
+
973
+ *, ::before, ::after {
974
+ --tw-border-spacing-x: 0;
975
+ --tw-border-spacing-y: 0;
976
+ --tw-translate-x: 0;
977
+ --tw-translate-y: 0;
978
+ --tw-rotate: 0;
979
+ --tw-skew-x: 0;
980
+ --tw-skew-y: 0;
981
+ --tw-scale-x: 1;
982
+ --tw-scale-y: 1;
983
+ --tw-pan-x: ;
984
+ --tw-pan-y: ;
985
+ --tw-pinch-zoom: ;
986
+ --tw-scroll-snap-strictness: proximity;
987
+ --tw-gradient-from-position: ;
988
+ --tw-gradient-via-position: ;
989
+ --tw-gradient-to-position: ;
990
+ --tw-ordinal: ;
991
+ --tw-slashed-zero: ;
992
+ --tw-numeric-figure: ;
993
+ --tw-numeric-spacing: ;
994
+ --tw-numeric-fraction: ;
995
+ --tw-ring-inset: ;
996
+ --tw-ring-offset-width: 0px;
997
+ --tw-ring-offset-color: #fff;
998
+ --tw-ring-color: rgb(59 130 246 / 0.5);
999
+ --tw-ring-offset-shadow: 0 0 #0000;
1000
+ --tw-ring-shadow: 0 0 #0000;
1001
+ --tw-shadow: 0 0 #0000;
1002
+ --tw-shadow-colored: 0 0 #0000;
1003
+ --tw-blur: ;
1004
+ --tw-brightness: ;
1005
+ --tw-contrast: ;
1006
+ --tw-grayscale: ;
1007
+ --tw-hue-rotate: ;
1008
+ --tw-invert: ;
1009
+ --tw-saturate: ;
1010
+ --tw-sepia: ;
1011
+ --tw-drop-shadow: ;
1012
+ --tw-backdrop-blur: ;
1013
+ --tw-backdrop-brightness: ;
1014
+ --tw-backdrop-contrast: ;
1015
+ --tw-backdrop-grayscale: ;
1016
+ --tw-backdrop-hue-rotate: ;
1017
+ --tw-backdrop-invert: ;
1018
+ --tw-backdrop-opacity: ;
1019
+ --tw-backdrop-saturate: ;
1020
+ --tw-backdrop-sepia: ;
1021
+ --tw-contain-size: ;
1022
+ --tw-contain-layout: ;
1023
+ --tw-contain-paint: ;
1024
+ --tw-contain-style: ;
1025
+ }
1026
+
1027
+ ::backdrop {
1028
+ --tw-border-spacing-x: 0;
1029
+ --tw-border-spacing-y: 0;
1030
+ --tw-translate-x: 0;
1031
+ --tw-translate-y: 0;
1032
+ --tw-rotate: 0;
1033
+ --tw-skew-x: 0;
1034
+ --tw-skew-y: 0;
1035
+ --tw-scale-x: 1;
1036
+ --tw-scale-y: 1;
1037
+ --tw-pan-x: ;
1038
+ --tw-pan-y: ;
1039
+ --tw-pinch-zoom: ;
1040
+ --tw-scroll-snap-strictness: proximity;
1041
+ --tw-gradient-from-position: ;
1042
+ --tw-gradient-via-position: ;
1043
+ --tw-gradient-to-position: ;
1044
+ --tw-ordinal: ;
1045
+ --tw-slashed-zero: ;
1046
+ --tw-numeric-figure: ;
1047
+ --tw-numeric-spacing: ;
1048
+ --tw-numeric-fraction: ;
1049
+ --tw-ring-inset: ;
1050
+ --tw-ring-offset-width: 0px;
1051
+ --tw-ring-offset-color: #fff;
1052
+ --tw-ring-color: rgb(59 130 246 / 0.5);
1053
+ --tw-ring-offset-shadow: 0 0 #0000;
1054
+ --tw-ring-shadow: 0 0 #0000;
1055
+ --tw-shadow: 0 0 #0000;
1056
+ --tw-shadow-colored: 0 0 #0000;
1057
+ --tw-blur: ;
1058
+ --tw-brightness: ;
1059
+ --tw-contrast: ;
1060
+ --tw-grayscale: ;
1061
+ --tw-hue-rotate: ;
1062
+ --tw-invert: ;
1063
+ --tw-saturate: ;
1064
+ --tw-sepia: ;
1065
+ --tw-drop-shadow: ;
1066
+ --tw-backdrop-blur: ;
1067
+ --tw-backdrop-brightness: ;
1068
+ --tw-backdrop-contrast: ;
1069
+ --tw-backdrop-grayscale: ;
1070
+ --tw-backdrop-hue-rotate: ;
1071
+ --tw-backdrop-invert: ;
1072
+ --tw-backdrop-opacity: ;
1073
+ --tw-backdrop-saturate: ;
1074
+ --tw-backdrop-sepia: ;
1075
+ --tw-contain-size: ;
1076
+ --tw-contain-layout: ;
1077
+ --tw-contain-paint: ;
1078
+ --tw-contain-style: ;
1079
+ }
1080
+ .avatar.placeholder > div {
1081
+ display: flex;
1082
+ align-items: center;
1083
+ justify-content: center;
1084
+ }
1085
+ @media (hover:hover) {
1086
+
1087
+ .label a:hover {
1088
+ --tw-text-opacity: 1;
1089
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
1090
+ }
1091
+
1092
+ .menu li > *:not(ul, .menu-title, details, .btn):active,
1093
+ .menu li > *:not(ul, .menu-title, details, .btn).active,
1094
+ .menu li > details > summary:active {
1095
+ --tw-bg-opacity: 1;
1096
+ background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
1097
+ --tw-text-opacity: 1;
1098
+ color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
1099
+ }
1100
+
1101
+ .tab:hover {
1102
+ --tw-text-opacity: 1;
1103
+ }
1104
+
1105
+ .table tr.hover:hover,
1106
+ .table tr.hover:nth-child(even):hover {
1107
+ --tw-bg-opacity: 1;
1108
+ background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
1109
+ }
1110
+ }
1111
+ .btn {
1112
+ display: inline-flex;
1113
+ height: 3rem;
1114
+ min-height: 3rem;
1115
+ flex-shrink: 0;
1116
+ cursor: pointer;
1117
+ -webkit-user-select: none;
1118
+ -moz-user-select: none;
1119
+ user-select: none;
1120
+ flex-wrap: wrap;
1121
+ align-items: center;
1122
+ justify-content: center;
1123
+ border-radius: var(--rounded-btn, 0.5rem);
1124
+ border-color: transparent;
1125
+ border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
1126
+ padding-left: 1rem;
1127
+ padding-right: 1rem;
1128
+ text-align: center;
1129
+ font-size: 0.875rem;
1130
+ line-height: 1em;
1131
+ gap: 0.5rem;
1132
+ font-weight: 600;
1133
+ text-decoration-line: none;
1134
+ transition-duration: 200ms;
1135
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1136
+ border-width: var(--border-btn, 1px);
1137
+ animation: button-pop var(--animation-btn, 0.25s) ease-out;
1138
+ transition-property: color, background-color, border-color, opacity, box-shadow, transform;
1139
+ --tw-text-opacity: 1;
1140
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
1141
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1142
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1143
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1144
+ outline-color: var(--fallback-bc,oklch(var(--bc)/1));
1145
+ background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
1146
+ --tw-bg-opacity: 1;
1147
+ --tw-border-opacity: 1;
1148
+ }
1149
+ .btn-disabled,
1150
+ .btn[disabled],
1151
+ .btn:disabled {
1152
+ pointer-events: none;
1153
+ }
1154
+ :where(.btn:is(input[type="checkbox"])),
1155
+ :where(.btn:is(input[type="radio"])) {
1156
+ width: auto;
1157
+ -webkit-appearance: none;
1158
+ -moz-appearance: none;
1159
+ appearance: none;
1160
+ }
1161
+ .btn:is(input[type="checkbox"]):after,
1162
+ .btn:is(input[type="radio"]):after {
1163
+ --tw-content: attr(aria-label);
1164
+ content: var(--tw-content);
1165
+ }
1166
+ .checkbox {
1167
+ flex-shrink: 0;
1168
+ --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
1169
+ --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
1170
+ height: 1.5rem;
1171
+ width: 1.5rem;
1172
+ cursor: pointer;
1173
+ -webkit-appearance: none;
1174
+ -moz-appearance: none;
1175
+ appearance: none;
1176
+ border-radius: var(--rounded-btn, 0.5rem);
1177
+ border-width: 1px;
1178
+ border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
1179
+ --tw-border-opacity: 0.2;
1180
+ }
1181
+ .diff {
1182
+ position: relative;
1183
+ display: grid;
1184
+ width: 100%;
1185
+ overflow: hidden;
1186
+ container-type: inline-size;
1187
+ grid-template-columns: auto 1fr;
1188
+ }
1189
+ .dropdown {
1190
+ position: relative;
1191
+ display: inline-block;
1192
+ }
1193
+ .dropdown > *:not(summary):focus {
1194
+ outline: 2px solid transparent;
1195
+ outline-offset: 2px;
1196
+ }
1197
+ .dropdown .dropdown-content {
1198
+ position: absolute;
1199
+ }
1200
+ .dropdown:is(:not(details)) .dropdown-content {
1201
+ visibility: hidden;
1202
+ opacity: 0;
1203
+ transform-origin: top;
1204
+ --tw-scale-x: .95;
1205
+ --tw-scale-y: .95;
1206
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1207
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1208
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1209
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1210
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1211
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1212
+ transition-duration: 200ms;
1213
+ }
1214
+ .dropdown-end .dropdown-content {
1215
+ inset-inline-end: 0px;
1216
+ }
1217
+ .dropdown-left .dropdown-content {
1218
+ bottom: auto;
1219
+ inset-inline-end: 100%;
1220
+ top: 0px;
1221
+ transform-origin: right;
1222
+ }
1223
+ .dropdown-right .dropdown-content {
1224
+ bottom: auto;
1225
+ inset-inline-start: 100%;
1226
+ top: 0px;
1227
+ transform-origin: left;
1228
+ }
1229
+ .dropdown-bottom .dropdown-content {
1230
+ bottom: auto;
1231
+ top: 100%;
1232
+ transform-origin: top;
1233
+ }
1234
+ .dropdown-top .dropdown-content {
1235
+ bottom: 100%;
1236
+ top: auto;
1237
+ transform-origin: bottom;
1238
+ }
1239
+ .dropdown-end.dropdown-right .dropdown-content {
1240
+ bottom: 0px;
1241
+ top: auto;
1242
+ }
1243
+ .dropdown-end.dropdown-left .dropdown-content {
1244
+ bottom: 0px;
1245
+ top: auto;
1246
+ }
1247
+ .dropdown.dropdown-open .dropdown-content,
1248
+ .dropdown:not(.dropdown-hover):focus .dropdown-content,
1249
+ .dropdown:focus-within .dropdown-content {
1250
+ visibility: visible;
1251
+ opacity: 1;
1252
+ }
1253
+ @media (hover: hover) {
1254
+
1255
+ .dropdown.dropdown-hover:hover .dropdown-content {
1256
+ visibility: visible;
1257
+ opacity: 1;
1258
+ }
1259
+
1260
+ .btm-nav > *.disabled:hover,
1261
+ .btm-nav > *[disabled]:hover {
1262
+ pointer-events: none;
1263
+ --tw-border-opacity: 0;
1264
+ background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
1265
+ --tw-bg-opacity: 0.1;
1266
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
1267
+ --tw-text-opacity: 0.2;
1268
+ }
1269
+
1270
+ .btn:hover {
1271
+ --tw-border-opacity: 1;
1272
+ border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
1273
+ --tw-bg-opacity: 1;
1274
+ background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
1275
+ }
1276
+
1277
+ @supports (color: color-mix(in oklab, black, black)) {
1278
+
1279
+ .btn:hover {
1280
+ background-color: color-mix(
1281
+ in oklab,
1282
+ oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
1283
+ black
1284
+ );
1285
+ border-color: color-mix(
1286
+ in oklab,
1287
+ oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
1288
+ black
1289
+ );
1290
+ }
1291
+ }
1292
+
1293
+ @supports not (color: oklch(0% 0 0)) {
1294
+
1295
+ .btn:hover {
1296
+ background-color: var(--btn-color, var(--fallback-b2));
1297
+ border-color: var(--btn-color, var(--fallback-b2));
1298
+ }
1299
+ }
1300
+
1301
+ .btn.glass:hover {
1302
+ --glass-opacity: 25%;
1303
+ --glass-border-opacity: 15%;
1304
+ }
1305
+
1306
+ .btn-outline.btn-primary:hover {
1307
+ --tw-text-opacity: 1;
1308
+ color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1309
+ }
1310
+
1311
+ @supports (color: color-mix(in oklab, black, black)) {
1312
+
1313
+ .btn-outline.btn-primary:hover {
1314
+ background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1315
+ border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1316
+ }
1317
+ }
1318
+
1319
+ .btn-disabled:hover,
1320
+ .btn[disabled]:hover,
1321
+ .btn:disabled:hover {
1322
+ --tw-border-opacity: 0;
1323
+ background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
1324
+ --tw-bg-opacity: 0.2;
1325
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
1326
+ --tw-text-opacity: 0.2;
1327
+ }
1328
+
1329
+ @supports (color: color-mix(in oklab, black, black)) {
1330
+
1331
+ .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
1332
+ background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1333
+ border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1334
+ }
1335
+ }
1336
+
1337
+ .dropdown.dropdown-hover:hover .dropdown-content {
1338
+ --tw-scale-x: 1;
1339
+ --tw-scale-y: 1;
1340
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1341
+ }
1342
+
1343
+ :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
1344
+ cursor: pointer;
1345
+ outline: 2px solid transparent;
1346
+ outline-offset: 2px;
1347
+ }
1348
+
1349
+ @supports (color: oklch(0% 0 0)) {
1350
+
1351
+ :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
1352
+ background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
1353
+ }
1354
+ }
1355
+
1356
+ .tab[disabled],
1357
+ .tab[disabled]:hover {
1358
+ cursor: not-allowed;
1359
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
1360
+ --tw-text-opacity: 0.2;
1361
+ }
1362
+ }
1363
+ .dropdown:is(details) summary::-webkit-details-marker {
1364
+ display: none;
1365
+ }
1366
+ .footer {
1367
+ display: grid;
1368
+ width: 100%;
1369
+ grid-auto-flow: row;
1370
+ place-items: start;
1371
+ -moz-column-gap: 1rem;
1372
+ column-gap: 1rem;
1373
+ row-gap: 2.5rem;
1374
+ font-size: 0.875rem;
1375
+ line-height: 1.25rem;
1376
+ }
1377
+ .footer > * {
1378
+ display: grid;
1379
+ place-items: start;
1380
+ gap: 0.5rem;
1381
+ }
1382
+ @media (min-width: 48rem) {
1383
+
1384
+ .footer {
1385
+ grid-auto-flow: column;
1386
+ }
1387
+
1388
+ .footer-center {
1389
+ grid-auto-flow: row dense;
1390
+ }
1391
+ }
1392
+ .label {
1393
+ display: flex;
1394
+ -webkit-user-select: none;
1395
+ -moz-user-select: none;
1396
+ user-select: none;
1397
+ align-items: center;
1398
+ justify-content: space-between;
1399
+ padding-left: 0.25rem;
1400
+ padding-right: 0.25rem;
1401
+ padding-top: 0.5rem;
1402
+ padding-bottom: 0.5rem;
1403
+ }
1404
+ .input {
1405
+ flex-shrink: 1;
1406
+ -webkit-appearance: none;
1407
+ -moz-appearance: none;
1408
+ appearance: none;
1409
+ height: 3rem;
1410
+ padding-left: 1rem;
1411
+ padding-right: 1rem;
1412
+ font-size: 1rem;
1413
+ line-height: 2;
1414
+ line-height: 1.5rem;
1415
+ border-radius: var(--rounded-btn, 0.5rem);
1416
+ border-width: 1px;
1417
+ border-color: transparent;
1418
+ --tw-bg-opacity: 1;
1419
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
1420
+ }
1421
+ .input[type="number"]::-webkit-inner-spin-button,
1422
+ .input-md[type="number"]::-webkit-inner-spin-button {
1423
+ margin-top: -1rem;
1424
+ margin-bottom: -1rem;
1425
+ margin-inline-end: -1rem;
1426
+ }
1427
+ .join {
1428
+ display: inline-flex;
1429
+ align-items: stretch;
1430
+ border-radius: var(--rounded-btn, 0.5rem);
1431
+ }
1432
+ .join :where(.join-item) {
1433
+ border-start-end-radius: 0;
1434
+ border-end-end-radius: 0;
1435
+ border-end-start-radius: 0;
1436
+ border-start-start-radius: 0;
1437
+ }
1438
+ .join .join-item:not(:first-child):not(:last-child),
1439
+ .join *:not(:first-child):not(:last-child) .join-item {
1440
+ border-start-end-radius: 0;
1441
+ border-end-end-radius: 0;
1442
+ border-end-start-radius: 0;
1443
+ border-start-start-radius: 0;
1444
+ }
1445
+ .join .join-item:first-child:not(:last-child),
1446
+ .join *:first-child:not(:last-child) .join-item {
1447
+ border-start-end-radius: 0;
1448
+ border-end-end-radius: 0;
1449
+ }
1450
+ .join .dropdown .join-item:first-child:not(:last-child),
1451
+ .join *:first-child:not(:last-child) .dropdown .join-item {
1452
+ border-start-end-radius: inherit;
1453
+ border-end-end-radius: inherit;
1454
+ }
1455
+ .join :where(.join-item:first-child:not(:last-child)),
1456
+ .join :where(*:first-child:not(:last-child) .join-item) {
1457
+ border-end-start-radius: inherit;
1458
+ border-start-start-radius: inherit;
1459
+ }
1460
+ .join .join-item:last-child:not(:first-child),
1461
+ .join *:last-child:not(:first-child) .join-item {
1462
+ border-end-start-radius: 0;
1463
+ border-start-start-radius: 0;
1464
+ }
1465
+ .join :where(.join-item:last-child:not(:first-child)),
1466
+ .join :where(*:last-child:not(:first-child) .join-item) {
1467
+ border-start-end-radius: inherit;
1468
+ border-end-end-radius: inherit;
1469
+ }
1470
+ @supports not selector(:has(*)) {
1471
+
1472
+ :where(.join *) {
1473
+ border-radius: inherit;
1474
+ }
1475
+ }
1476
+ @supports selector(:has(*)) {
1477
+
1478
+ :where(.join *:has(.join-item)) {
1479
+ border-radius: inherit;
1480
+ }
1481
+ }
1482
+ .menu {
1483
+ display: flex;
1484
+ flex-direction: column;
1485
+ flex-wrap: wrap;
1486
+ font-size: 0.875rem;
1487
+ line-height: 1.25rem;
1488
+ padding: 0.5rem;
1489
+ }
1490
+ .menu :where(li ul) {
1491
+ position: relative;
1492
+ white-space: nowrap;
1493
+ margin-inline-start: 1rem;
1494
+ padding-inline-start: 0.5rem;
1495
+ }
1496
+ .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
1497
+ display: grid;
1498
+ grid-auto-flow: column;
1499
+ align-content: flex-start;
1500
+ align-items: center;
1501
+ gap: 0.5rem;
1502
+ grid-auto-columns: minmax(auto, max-content) auto max-content;
1503
+ -webkit-user-select: none;
1504
+ -moz-user-select: none;
1505
+ user-select: none;
1506
+ }
1507
+ .menu li.disabled {
1508
+ cursor: not-allowed;
1509
+ -webkit-user-select: none;
1510
+ -moz-user-select: none;
1511
+ user-select: none;
1512
+ color: var(--fallback-bc,oklch(var(--bc)/0.3));
1513
+ }
1514
+ .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
1515
+ display: none;
1516
+ }
1517
+ :where(.menu li) {
1518
+ position: relative;
1519
+ display: flex;
1520
+ flex-shrink: 0;
1521
+ flex-direction: column;
1522
+ flex-wrap: wrap;
1523
+ align-items: stretch;
1524
+ }
1525
+ :where(.menu li) .badge {
1526
+ justify-self: end;
1527
+ }
1528
+ .radio {
1529
+ flex-shrink: 0;
1530
+ --chkbg: var(--bc);
1531
+ height: 1.5rem;
1532
+ width: 1.5rem;
1533
+ cursor: pointer;
1534
+ -webkit-appearance: none;
1535
+ -moz-appearance: none;
1536
+ appearance: none;
1537
+ border-radius: 9999px;
1538
+ border-width: 1px;
1539
+ border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
1540
+ --tw-border-opacity: 0.2;
1541
+ }
1542
+ .range {
1543
+ height: 1.5rem;
1544
+ width: 100%;
1545
+ cursor: pointer;
1546
+ -moz-appearance: none;
1547
+ appearance: none;
1548
+ -webkit-appearance: none;
1549
+ --range-shdw: var(--fallback-bc,oklch(var(--bc)/1));
1550
+ overflow: hidden;
1551
+ border-radius: var(--rounded-box, 1rem);
1552
+ background-color: transparent;
1553
+ }
1554
+ .range:focus {
1555
+ outline: none;
1556
+ }
1557
+ .select {
1558
+ display: inline-flex;
1559
+ cursor: pointer;
1560
+ -webkit-user-select: none;
1561
+ -moz-user-select: none;
1562
+ user-select: none;
1563
+ -webkit-appearance: none;
1564
+ -moz-appearance: none;
1565
+ appearance: none;
1566
+ height: 3rem;
1567
+ min-height: 3rem;
1568
+ padding-left: 1rem;
1569
+ padding-right: 2.5rem;
1570
+ font-size: 0.875rem;
1571
+ line-height: 1.25rem;
1572
+ line-height: 2;
1573
+ border-radius: var(--rounded-btn, 0.5rem);
1574
+ border-width: 1px;
1575
+ border-color: transparent;
1576
+ --tw-bg-opacity: 1;
1577
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
1578
+ background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
1579
+ linear-gradient(135deg, currentColor 50%, transparent 50%);
1580
+ background-position: calc(100% - 20px) calc(1px + 50%),
1581
+ calc(100% - 16.1px) calc(1px + 50%);
1582
+ background-size: 4px 4px,
1583
+ 4px 4px;
1584
+ background-repeat: no-repeat;
1585
+ }
1586
+ .select[multiple] {
1587
+ height: auto;
1588
+ }
1589
+ .stack {
1590
+ display: inline-grid;
1591
+ place-items: center;
1592
+ align-items: flex-end;
1593
+ }
1594
+ .stack > * {
1595
+ grid-column-start: 1;
1596
+ grid-row-start: 1;
1597
+ transform: translateY(10%) scale(0.9);
1598
+ z-index: 1;
1599
+ width: 100%;
1600
+ opacity: 0.6;
1601
+ }
1602
+ .stack > *:nth-child(2) {
1603
+ transform: translateY(5%) scale(0.95);
1604
+ z-index: 2;
1605
+ opacity: 0.8;
1606
+ }
1607
+ .stack > *:nth-child(1) {
1608
+ transform: translateY(0) scale(1);
1609
+ z-index: 3;
1610
+ opacity: 1;
1611
+ }
1612
+ .steps .step {
1613
+ display: grid;
1614
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1615
+ grid-template-columns: auto;
1616
+ grid-template-rows: repeat(2, minmax(0, 1fr));
1617
+ grid-template-rows: 40px 1fr;
1618
+ place-items: center;
1619
+ text-align: center;
1620
+ min-width: 4rem;
1621
+ }
1622
+ .tabs {
1623
+ display: grid;
1624
+ align-items: flex-end;
1625
+ }
1626
+ .tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active),
1627
+ .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active) {
1628
+ border-bottom-color: transparent;
1629
+ }
1630
+ .tab {
1631
+ position: relative;
1632
+ grid-row-start: 1;
1633
+ display: inline-flex;
1634
+ height: 2rem;
1635
+ cursor: pointer;
1636
+ -webkit-user-select: none;
1637
+ -moz-user-select: none;
1638
+ user-select: none;
1639
+ -webkit-appearance: none;
1640
+ -moz-appearance: none;
1641
+ appearance: none;
1642
+ flex-wrap: wrap;
1643
+ align-items: center;
1644
+ justify-content: center;
1645
+ text-align: center;
1646
+ font-size: 0.875rem;
1647
+ line-height: 1.25rem;
1648
+ line-height: 2;
1649
+ --tab-padding: 1rem;
1650
+ --tw-text-opacity: 0.5;
1651
+ --tab-color: var(--fallback-bc,oklch(var(--bc)/1));
1652
+ --tab-bg: var(--fallback-b1,oklch(var(--b1)/1));
1653
+ --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1));
1654
+ color: var(--tab-color);
1655
+ padding-inline-start: var(--tab-padding, 1rem);
1656
+ padding-inline-end: var(--tab-padding, 1rem);
1657
+ }
1658
+ .tab:is(input[type="radio"]) {
1659
+ width: auto;
1660
+ border-bottom-right-radius: 0px;
1661
+ border-bottom-left-radius: 0px;
1662
+ }
1663
+ .tab:is(input[type="radio"]):after {
1664
+ --tw-content: attr(aria-label);
1665
+ content: var(--tw-content);
1666
+ }
1667
+ .tab:not(input):empty {
1668
+ cursor: default;
1669
+ grid-column-start: span 9999;
1670
+ }
1671
+ .tab-content {
1672
+ grid-column-start: 1;
1673
+ grid-column-end: span 9999;
1674
+ grid-row-start: 2;
1675
+ margin-top: calc(var(--tab-border) * -1);
1676
+ display: none;
1677
+ border-color: transparent;
1678
+ border-width: var(--tab-border, 0);
1679
+ }
1680
+ :checked + .tab-content:nth-child(2),
1681
+ .tab-active + .tab-content:nth-child(2) {
1682
+ border-start-start-radius: 0px;
1683
+ }
1684
+ input.tab:checked + .tab-content,
1685
+ .tab-active + .tab-content {
1686
+ display: block;
1687
+ }
1688
+ .table {
1689
+ position: relative;
1690
+ width: 100%;
1691
+ border-radius: var(--rounded-box, 1rem);
1692
+ text-align: left;
1693
+ font-size: 0.875rem;
1694
+ line-height: 1.25rem;
1695
+ }
1696
+ .table :where(.table-pin-rows thead tr) {
1697
+ position: sticky;
1698
+ top: 0px;
1699
+ z-index: 1;
1700
+ --tw-bg-opacity: 1;
1701
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
1702
+ }
1703
+ .table :where(.table-pin-rows tfoot tr) {
1704
+ position: sticky;
1705
+ bottom: 0px;
1706
+ z-index: 1;
1707
+ --tw-bg-opacity: 1;
1708
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
1709
+ }
1710
+ .table :where(.table-pin-cols tr th) {
1711
+ position: sticky;
1712
+ left: 0px;
1713
+ right: 0px;
1714
+ --tw-bg-opacity: 1;
1715
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
1716
+ }
1717
+ .btm-nav > *.disabled,
1718
+ .btm-nav > *[disabled] {
1719
+ pointer-events: none;
1720
+ --tw-border-opacity: 0;
1721
+ background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
1722
+ --tw-bg-opacity: 0.1;
1723
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
1724
+ --tw-text-opacity: 0.2;
1725
+ }
1726
+ .btm-nav > * .label {
1727
+ font-size: 1rem;
1728
+ line-height: 1.5rem;
1729
+ }
1730
+ .btn:active:hover,
1731
+ .btn:active:focus {
1732
+ animation: button-pop 0s ease-out;
1733
+ transform: scale(var(--btn-focus-scale, 0.97));
1734
+ }
1735
+ @supports not (color: oklch(0% 0 0)) {
1736
+
1737
+ .btn {
1738
+ background-color: var(--btn-color, var(--fallback-b2));
1739
+ border-color: var(--btn-color, var(--fallback-b2));
1740
+ }
1741
+
1742
+ .btn-primary {
1743
+ --btn-color: var(--fallback-p);
1744
+ }
1745
+ }
1746
+ @supports (color: color-mix(in oklab, black, black)) {
1747
+
1748
+ .btn-outline.btn-primary.btn-active {
1749
+ background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1750
+ border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1751
+ }
1752
+ }
1753
+ .btn:focus-visible {
1754
+ outline-style: solid;
1755
+ outline-width: 2px;
1756
+ outline-offset: 2px;
1757
+ }
1758
+ .btn-primary {
1759
+ --tw-text-opacity: 1;
1760
+ color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1761
+ outline-color: var(--fallback-p,oklch(var(--p)/1));
1762
+ }
1763
+ @supports (color: oklch(0% 0 0)) {
1764
+
1765
+ .btn-primary {
1766
+ --btn-color: var(--p);
1767
+ }
1768
+ }
1769
+ .btn.glass {
1770
+ --tw-shadow: 0 0 #0000;
1771
+ --tw-shadow-colored: 0 0 #0000;
1772
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1773
+ outline-color: currentColor;
1774
+ }
1775
+ .btn.glass.btn-active {
1776
+ --glass-opacity: 25%;
1777
+ --glass-border-opacity: 15%;
1778
+ }
1779
+ .btn-outline.btn-primary {
1780
+ --tw-text-opacity: 1;
1781
+ color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
1782
+ }
1783
+ .btn-outline.btn-primary.btn-active {
1784
+ --tw-text-opacity: 1;
1785
+ color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1786
+ }
1787
+ .btn.btn-disabled,
1788
+ .btn[disabled],
1789
+ .btn:disabled {
1790
+ --tw-border-opacity: 0;
1791
+ background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
1792
+ --tw-bg-opacity: 0.2;
1793
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
1794
+ --tw-text-opacity: 0.2;
1795
+ }
1796
+ .btn:is(input[type="checkbox"]:checked),
1797
+ .btn:is(input[type="radio"]:checked) {
1798
+ --tw-border-opacity: 1;
1799
+ border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
1800
+ --tw-bg-opacity: 1;
1801
+ background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
1802
+ --tw-text-opacity: 1;
1803
+ color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1804
+ }
1805
+ .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
1806
+ outline-color: var(--fallback-p,oklch(var(--p)/1));
1807
+ }
1808
+ @keyframes button-pop {
1809
+
1810
+ 0% {
1811
+ transform: scale(var(--btn-focus-scale, 0.98));
1812
+ }
1813
+
1814
+ 40% {
1815
+ transform: scale(1.02);
1816
+ }
1817
+
1818
+ 100% {
1819
+ transform: scale(1);
1820
+ }
1821
+ }
1822
+ .checkbox:focus {
1823
+ box-shadow: none;
1824
+ }
1825
+ .checkbox:focus-visible {
1826
+ outline-style: solid;
1827
+ outline-width: 2px;
1828
+ outline-offset: 2px;
1829
+ outline-color: var(--fallback-bc,oklch(var(--bc)/1));
1830
+ }
1831
+ .checkbox:checked,
1832
+ .checkbox[aria-checked="true"] {
1833
+ background-repeat: no-repeat;
1834
+ animation: checkmark var(--animation-input, 0.2s) ease-out;
1835
+ background-color: var(--chkbg);
1836
+ background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
1837
+ linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
1838
+ linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),
1839
+ linear-gradient(
1840
+ 45deg,
1841
+ var(--chkbg) 30%,
1842
+ var(--chkfg) 30.99%,
1843
+ var(--chkfg) 40%,
1844
+ transparent 40.99%
1845
+ ),
1846
+ linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);
1847
+ }
1848
+ .checkbox:indeterminate {
1849
+ --tw-bg-opacity: 1;
1850
+ background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
1851
+ background-repeat: no-repeat;
1852
+ animation: checkmark var(--animation-input, 0.2s) ease-out;
1853
+ background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
1854
+ linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
1855
+ linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%);
1856
+ }
1857
+ .checkbox:disabled {
1858
+ cursor: not-allowed;
1859
+ border-color: transparent;
1860
+ --tw-bg-opacity: 1;
1861
+ background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
1862
+ opacity: 0.2;
1863
+ }
1864
+ @keyframes checkmark {
1865
+
1866
+ 0% {
1867
+ background-position-y: 5px;
1868
+ }
1869
+
1870
+ 50% {
1871
+ background-position-y: -2px;
1872
+ }
1873
+
1874
+ 100% {
1875
+ background-position-y: 0;
1876
+ }
1877
+ }
1878
+ .dropdown.dropdown-open .dropdown-content,
1879
+ .dropdown:focus .dropdown-content,
1880
+ .dropdown:focus-within .dropdown-content {
1881
+ --tw-scale-x: 1;
1882
+ --tw-scale-y: 1;
1883
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1884
+ }
1885
+ .input input {
1886
+ --tw-bg-opacity: 1;
1887
+ background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
1888
+ background-color: transparent;
1889
+ }
1890
+ .input input:focus {
1891
+ outline: 2px solid transparent;
1892
+ outline-offset: 2px;
1893
+ }
1894
+ .input[list]::-webkit-calendar-picker-indicator {
1895
+ line-height: 1em;
1896
+ }
1897
+ .input-bordered {
1898
+ border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1899
+ }
1900
+ .input:focus,
1901
+ .input:focus-within {
1902
+ box-shadow: none;
1903
+ border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1904
+ outline-style: solid;
1905
+ outline-width: 2px;
1906
+ outline-offset: 2px;
1907
+ outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1908
+ }
1909
+ .input-error {
1910
+ --tw-border-opacity: 1;
1911
+ border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
1912
+ }
1913
+ .input-error:focus,
1914
+ .input-error:focus-within {
1915
+ --tw-border-opacity: 1;
1916
+ border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
1917
+ outline-color: var(--fallback-er,oklch(var(--er)/1));
1918
+ }
1919
+ .input-disabled,
1920
+ .input:disabled,
1921
+ .input[disabled] {
1922
+ cursor: not-allowed;
1923
+ --tw-border-opacity: 1;
1924
+ border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
1925
+ --tw-bg-opacity: 1;
1926
+ background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
1927
+ color: var(--fallback-bc,oklch(var(--bc)/0.4));
1928
+ }
1929
+ .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder {
1930
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
1931
+ --tw-placeholder-opacity: 0.2;
1932
+ }
1933
+ .input-disabled::placeholder,
1934
+ .input:disabled::placeholder,
1935
+ .input[disabled]::placeholder {
1936
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
1937
+ --tw-placeholder-opacity: 0.2;
1938
+ }
1939
+ .input::-webkit-date-and-time-value {
1940
+ text-align: inherit;
1941
+ }
1942
+ .join > :where(*:not(:first-child)) {
1943
+ margin-top: 0px;
1944
+ margin-bottom: 0px;
1945
+ margin-inline-start: -1px;
1946
+ }
1947
+ .join-item:focus {
1948
+ isolation: isolate;
1949
+ }
1950
+ .loading {
1951
+ pointer-events: none;
1952
+ display: inline-block;
1953
+ aspect-ratio: 1 / 1;
1954
+ width: 1.5rem;
1955
+ background-color: currentColor;
1956
+ -webkit-mask-size: 100%;
1957
+ mask-size: 100%;
1958
+ -webkit-mask-repeat: no-repeat;
1959
+ mask-repeat: no-repeat;
1960
+ -webkit-mask-position: center;
1961
+ mask-position: center;
1962
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1963
+ mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1964
+ }
1965
+ :where(.menu li:empty) {
1966
+ --tw-bg-opacity: 1;
1967
+ background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
1968
+ opacity: 0.1;
1969
+ margin: 0.5rem 1rem;
1970
+ height: 1px;
1971
+ }
1972
+ .menu :where(li ul):before {
1973
+ position: absolute;
1974
+ bottom: 0.75rem;
1975
+ inset-inline-start: 0px;
1976
+ top: 0.75rem;
1977
+ width: 1px;
1978
+ --tw-bg-opacity: 1;
1979
+ background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
1980
+ opacity: 0.1;
1981
+ content: "";
1982
+ }
1983
+ .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
1984
+ .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
1985
+ border-radius: var(--rounded-btn, 0.5rem);
1986
+ padding-left: 1rem;
1987
+ padding-right: 1rem;
1988
+ padding-top: 0.5rem;
1989
+ padding-bottom: 0.5rem;
1990
+ text-align: start;
1991
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1992
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1993
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1994
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1995
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1996
+ transition-duration: 200ms;
1997
+ text-wrap: balance;
1998
+ }
1999
+ :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
2000
+ cursor: pointer;
2001
+ background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
2002
+ --tw-text-opacity: 1;
2003
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
2004
+ outline: 2px solid transparent;
2005
+ outline-offset: 2px;
2006
+ }
2007
+ .menu li > *:not(ul, .menu-title, details, .btn):active,
2008
+ .menu li > *:not(ul, .menu-title, details, .btn).active,
2009
+ .menu li > details > summary:active {
2010
+ --tw-bg-opacity: 1;
2011
+ background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
2012
+ --tw-text-opacity: 1;
2013
+ color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
2014
+ }
2015
+ .menu :where(li > details > summary)::-webkit-details-marker {
2016
+ display: none;
2017
+ }
2018
+ .menu :where(li > details > summary):after,
2019
+ .menu :where(li > .menu-dropdown-toggle):after {
2020
+ justify-self: end;
2021
+ display: block;
2022
+ margin-top: -0.5rem;
2023
+ height: 0.5rem;
2024
+ width: 0.5rem;
2025
+ transform: rotate(45deg);
2026
+ transition-property: transform, margin-top;
2027
+ transition-duration: 0.3s;
2028
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2029
+ content: "";
2030
+ transform-origin: 75% 75%;
2031
+ box-shadow: 2px 2px;
2032
+ pointer-events: none;
2033
+ }
2034
+ .menu :where(li > details[open] > summary):after,
2035
+ .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
2036
+ transform: rotate(225deg);
2037
+ margin-top: 0;
2038
+ }
2039
+ .mockup-phone .display {
2040
+ overflow: hidden;
2041
+ border-radius: 40px;
2042
+ margin-top: -25px;
2043
+ }
2044
+ .mockup-browser .mockup-browser-toolbar .input {
2045
+ position: relative;
2046
+ margin-left: auto;
2047
+ margin-right: auto;
2048
+ display: block;
2049
+ height: 1.75rem;
2050
+ width: 24rem;
2051
+ overflow: hidden;
2052
+ text-overflow: ellipsis;
2053
+ white-space: nowrap;
2054
+ --tw-bg-opacity: 1;
2055
+ background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
2056
+ padding-left: 2rem;
2057
+ direction: ltr;
2058
+ }
2059
+ .mockup-browser .mockup-browser-toolbar .input:before {
2060
+ content: "";
2061
+ position: absolute;
2062
+ left: 0.5rem;
2063
+ top: 50%;
2064
+ aspect-ratio: 1 / 1;
2065
+ height: 0.75rem;
2066
+ --tw-translate-y: -50%;
2067
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2068
+ border-radius: 9999px;
2069
+ border-width: 2px;
2070
+ border-color: currentColor;
2071
+ opacity: 0.6;
2072
+ }
2073
+ .mockup-browser .mockup-browser-toolbar .input:after {
2074
+ content: "";
2075
+ position: absolute;
2076
+ left: 1.25rem;
2077
+ top: 50%;
2078
+ height: 0.5rem;
2079
+ --tw-translate-y: 25%;
2080
+ --tw-rotate: -45deg;
2081
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2082
+ border-radius: 9999px;
2083
+ border-width: 1px;
2084
+ border-color: currentColor;
2085
+ opacity: 0.6;
2086
+ }
2087
+ @keyframes modal-pop {
2088
+
2089
+ 0% {
2090
+ opacity: 0;
2091
+ }
2092
+ }
2093
+ @keyframes progress-loading {
2094
+
2095
+ 50% {
2096
+ background-position-x: -115%;
2097
+ }
2098
+ }
2099
+ .radio:focus {
2100
+ box-shadow: none;
2101
+ }
2102
+ .radio:focus-visible {
2103
+ outline-style: solid;
2104
+ outline-width: 2px;
2105
+ outline-offset: 2px;
2106
+ outline-color: var(--fallback-bc,oklch(var(--bc)/1));
2107
+ }
2108
+ .radio:checked,
2109
+ .radio[aria-checked="true"] {
2110
+ --tw-bg-opacity: 1;
2111
+ background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
2112
+ background-image: none;
2113
+ animation: radiomark var(--animation-input, 0.2s) ease-out;
2114
+ box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
2115
+ 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
2116
+ }
2117
+ .radio:disabled {
2118
+ cursor: not-allowed;
2119
+ opacity: 0.2;
2120
+ }
2121
+ @keyframes radiomark {
2122
+
2123
+ 0% {
2124
+ box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
2125
+ 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
2126
+ }
2127
+
2128
+ 50% {
2129
+ box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
2130
+ 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;
2131
+ }
2132
+
2133
+ 100% {
2134
+ box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
2135
+ 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
2136
+ }
2137
+ }
2138
+ .range:focus-visible::-webkit-slider-thumb {
2139
+ --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
2140
+ }
2141
+ .range:focus-visible::-moz-range-thumb {
2142
+ --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
2143
+ }
2144
+ .range::-webkit-slider-runnable-track {
2145
+ height: 0.5rem;
2146
+ width: 100%;
2147
+ border-radius: var(--rounded-box, 1rem);
2148
+ background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
2149
+ }
2150
+ .range::-moz-range-track {
2151
+ height: 0.5rem;
2152
+ width: 100%;
2153
+ border-radius: var(--rounded-box, 1rem);
2154
+ background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
2155
+ }
2156
+ .range::-webkit-slider-thumb {
2157
+ position: relative;
2158
+ height: 1.5rem;
2159
+ width: 1.5rem;
2160
+ border-radius: var(--rounded-box, 1rem);
2161
+ border-style: none;
2162
+ --tw-bg-opacity: 1;
2163
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
2164
+ appearance: none;
2165
+ -webkit-appearance: none;
2166
+ top: 50%;
2167
+ color: var(--range-shdw);
2168
+ transform: translateY(-50%);
2169
+ --filler-size: 100rem;
2170
+ --filler-offset: 0.6rem;
2171
+ box-shadow: 0 0 0 3px var(--range-shdw) inset,
2172
+ var(--focus-shadow, 0 0),
2173
+ calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
2174
+ }
2175
+ .range::-moz-range-thumb {
2176
+ position: relative;
2177
+ height: 1.5rem;
2178
+ width: 1.5rem;
2179
+ border-radius: var(--rounded-box, 1rem);
2180
+ border-style: none;
2181
+ --tw-bg-opacity: 1;
2182
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
2183
+ top: 50%;
2184
+ color: var(--range-shdw);
2185
+ --filler-size: 100rem;
2186
+ --filler-offset: 0.5rem;
2187
+ box-shadow: 0 0 0 3px var(--range-shdw) inset,
2188
+ var(--focus-shadow, 0 0),
2189
+ calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
2190
+ }
2191
+ @keyframes rating-pop {
2192
+
2193
+ 0% {
2194
+ transform: translateY(-0.125em);
2195
+ }
2196
+
2197
+ 40% {
2198
+ transform: translateY(-0.125em);
2199
+ }
2200
+
2201
+ 100% {
2202
+ transform: translateY(0);
2203
+ }
2204
+ }
2205
+ .select-bordered {
2206
+ border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
2207
+ }
2208
+ .select:focus {
2209
+ box-shadow: none;
2210
+ border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
2211
+ outline-style: solid;
2212
+ outline-width: 2px;
2213
+ outline-offset: 2px;
2214
+ outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
2215
+ }
2216
+ .select-disabled,
2217
+ .select:disabled,
2218
+ .select[disabled] {
2219
+ cursor: not-allowed;
2220
+ --tw-border-opacity: 1;
2221
+ border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
2222
+ --tw-bg-opacity: 1;
2223
+ background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
2224
+ color: var(--fallback-bc,oklch(var(--bc)/0.4));
2225
+ }
2226
+ .select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {
2227
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
2228
+ --tw-placeholder-opacity: 0.2;
2229
+ }
2230
+ .select-disabled::placeholder,
2231
+ .select:disabled::placeholder,
2232
+ .select[disabled]::placeholder {
2233
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
2234
+ --tw-placeholder-opacity: 0.2;
2235
+ }
2236
+ .select-multiple,
2237
+ .select[multiple],
2238
+ .select[size].select:not([size="1"]) {
2239
+ background-image: none;
2240
+ padding-right: 1rem;
2241
+ }
2242
+ [dir="rtl"] .select {
2243
+ background-position: calc(0% + 12px) calc(1px + 50%),
2244
+ calc(0% + 16px) calc(1px + 50%);
2245
+ }
2246
+ @keyframes skeleton {
2247
+
2248
+ from {
2249
+ background-position: 150%;
2250
+ }
2251
+
2252
+ to {
2253
+ background-position: -50%;
2254
+ }
2255
+ }
2256
+ .steps .step:before {
2257
+ top: 0px;
2258
+ grid-column-start: 1;
2259
+ grid-row-start: 1;
2260
+ height: 0.5rem;
2261
+ width: 100%;
2262
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2263
+ --tw-bg-opacity: 1;
2264
+ background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
2265
+ --tw-text-opacity: 1;
2266
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
2267
+ content: "";
2268
+ margin-inline-start: -100%;
2269
+ }
2270
+ .steps .step:after {
2271
+ content: counter(step);
2272
+ counter-increment: step;
2273
+ z-index: 1;
2274
+ position: relative;
2275
+ grid-column-start: 1;
2276
+ grid-row-start: 1;
2277
+ display: grid;
2278
+ height: 2rem;
2279
+ width: 2rem;
2280
+ place-items: center;
2281
+ place-self: center;
2282
+ border-radius: 9999px;
2283
+ --tw-bg-opacity: 1;
2284
+ background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
2285
+ --tw-text-opacity: 1;
2286
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
2287
+ }
2288
+ .steps .step:first-child:before {
2289
+ content: none;
2290
+ }
2291
+ .steps .step[data-content]:after {
2292
+ content: attr(data-content);
2293
+ }
2294
+ .tabs-lifted > .tab:focus-visible {
2295
+ border-end-end-radius: 0;
2296
+ border-end-start-radius: 0;
2297
+ }
2298
+ .tab.tab-active:not(.tab-disabled):not([disabled]),
2299
+ .tab:is(input:checked) {
2300
+ border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
2301
+ --tw-border-opacity: 1;
2302
+ --tw-text-opacity: 1;
2303
+ }
2304
+ .tab:focus {
2305
+ outline: 2px solid transparent;
2306
+ outline-offset: 2px;
2307
+ }
2308
+ .tab:focus-visible {
2309
+ outline: 2px solid currentColor;
2310
+ outline-offset: -5px;
2311
+ }
2312
+ .tab-disabled,
2313
+ .tab[disabled] {
2314
+ cursor: not-allowed;
2315
+ color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
2316
+ --tw-text-opacity: 0.2;
2317
+ }
2318
+ .tabs-bordered > .tab {
2319
+ border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
2320
+ --tw-border-opacity: 0.2;
2321
+ border-style: solid;
2322
+ border-bottom-width: calc(var(--tab-border, 1px) + 1px);
2323
+ }
2324
+ .tabs-lifted > .tab {
2325
+ border: var(--tab-border, 1px) solid transparent;
2326
+ border-width: 0 0 var(--tab-border, 1px) 0;
2327
+ border-start-start-radius: var(--tab-radius, 0.5rem);
2328
+ border-start-end-radius: var(--tab-radius, 0.5rem);
2329
+ border-bottom-color: var(--tab-border-color);
2330
+ padding-inline-start: var(--tab-padding, 1rem);
2331
+ padding-inline-end: var(--tab-padding, 1rem);
2332
+ padding-top: var(--tab-border, 1px);
2333
+ }
2334
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]),
2335
+ .tabs-lifted > .tab:is(input:checked) {
2336
+ background-color: var(--tab-bg);
2337
+ border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
2338
+ border-inline-start-color: var(--tab-border-color);
2339
+ border-inline-end-color: var(--tab-border-color);
2340
+ border-top-color: var(--tab-border-color);
2341
+ padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
2342
+ padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
2343
+ padding-bottom: var(--tab-border, 1px);
2344
+ padding-top: 0;
2345
+ }
2346
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
2347
+ z-index: 1;
2348
+ content: "";
2349
+ display: block;
2350
+ position: absolute;
2351
+ width: calc(100% + var(--tab-radius, 0.5rem) * 2);
2352
+ height: var(--tab-radius, 0.5rem);
2353
+ bottom: 0;
2354
+ background-size: var(--tab-radius, 0.5rem);
2355
+ background-position: top left,
2356
+ top right;
2357
+ background-repeat: no-repeat;
2358
+ --tab-grad: calc(69% - var(--tab-border, 1px));
2359
+ --radius-start: radial-gradient(
2360
+ circle at top left,
2361
+ transparent var(--tab-grad),
2362
+ var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
2363
+ var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
2364
+ var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
2365
+ );
2366
+ --radius-end: radial-gradient(
2367
+ circle at top right,
2368
+ transparent var(--tab-grad),
2369
+ var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
2370
+ var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
2371
+ var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
2372
+ );
2373
+ background-image: var(--radius-start), var(--radius-end);
2374
+ }
2375
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
2376
+ background-image: var(--radius-end);
2377
+ background-position: top right;
2378
+ }
2379
+ [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before {
2380
+ background-image: var(--radius-start);
2381
+ background-position: top left;
2382
+ }
2383
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
2384
+ background-image: var(--radius-start);
2385
+ background-position: top left;
2386
+ }
2387
+ [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before {
2388
+ background-image: var(--radius-end);
2389
+ background-position: top right;
2390
+ }
2391
+ .tabs-lifted
2392
+ > .tab-active:not(.tab-disabled):not([disabled])
2393
+ + .tabs-lifted
2394
+ .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
2395
+ background-image: var(--radius-end);
2396
+ background-position: top right;
2397
+ }
2398
+ .tabs-boxed .tab {
2399
+ border-radius: var(--rounded-btn, 0.5rem);
2400
+ }
2401
+ :is([dir="rtl"] .table) {
2402
+ text-align: right;
2403
+ }
2404
+ .table :where(th, td) {
2405
+ padding-left: 1rem;
2406
+ padding-right: 1rem;
2407
+ padding-top: 0.75rem;
2408
+ padding-bottom: 0.75rem;
2409
+ vertical-align: middle;
2410
+ }
2411
+ .table tr.active,
2412
+ .table tr.active:nth-child(even),
2413
+ .table-zebra tbody tr:nth-child(even) {
2414
+ --tw-bg-opacity: 1;
2415
+ background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
2416
+ }
2417
+ .table :where(thead tr, tbody tr:not(:last-child),tbody tr:first-child:last-child) {
2418
+ border-bottom-width: 1px;
2419
+ --tw-border-opacity: 1;
2420
+ border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
2421
+ }
2422
+ .table :where(thead, tfoot) {
2423
+ white-space: nowrap;
2424
+ font-size: 0.75rem;
2425
+ line-height: 1rem;
2426
+ font-weight: 700;
2427
+ color: var(--fallback-bc,oklch(var(--bc)/0.6));
2428
+ }
2429
+ .table :where(tfoot) {
2430
+ border-top-width: 1px;
2431
+ --tw-border-opacity: 1;
2432
+ border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
2433
+ }
2434
+ @keyframes toast-pop {
2435
+
2436
+ 0% {
2437
+ transform: scale(0.9);
2438
+ opacity: 0;
2439
+ }
2440
+
2441
+ 100% {
2442
+ transform: scale(1);
2443
+ opacity: 1;
2444
+ }
2445
+ }
2446
+ .btn-xs {
2447
+ height: 1.5rem;
2448
+ min-height: 1.5rem;
2449
+ padding-left: 0.5rem;
2450
+ padding-right: 0.5rem;
2451
+ font-size: 0.75rem;
2452
+ }
2453
+ .btn-sm {
2454
+ height: 2rem;
2455
+ min-height: 2rem;
2456
+ padding-left: 0.75rem;
2457
+ padding-right: 0.75rem;
2458
+ font-size: 0.875rem;
2459
+ }
2460
+ .btn-square:where(.btn-xs) {
2461
+ height: 1.5rem;
2462
+ width: 1.5rem;
2463
+ padding: 0px;
2464
+ }
2465
+ .btn-square:where(.btn-sm) {
2466
+ height: 2rem;
2467
+ width: 2rem;
2468
+ padding: 0px;
2469
+ }
2470
+ .btn-circle:where(.btn-xs) {
2471
+ height: 1.5rem;
2472
+ width: 1.5rem;
2473
+ border-radius: 9999px;
2474
+ padding: 0px;
2475
+ }
2476
+ .btn-circle:where(.btn-sm) {
2477
+ height: 2rem;
2478
+ width: 2rem;
2479
+ border-radius: 9999px;
2480
+ padding: 0px;
2481
+ }
2482
+ .join.join-vertical {
2483
+ flex-direction: column;
2484
+ }
2485
+ .join.join-vertical .join-item:first-child:not(:last-child),
2486
+ .join.join-vertical *:first-child:not(:last-child) .join-item {
2487
+ border-end-start-radius: 0;
2488
+ border-end-end-radius: 0;
2489
+ border-start-start-radius: inherit;
2490
+ border-start-end-radius: inherit;
2491
+ }
2492
+ .join.join-vertical .join-item:last-child:not(:first-child),
2493
+ .join.join-vertical *:last-child:not(:first-child) .join-item {
2494
+ border-start-start-radius: 0;
2495
+ border-start-end-radius: 0;
2496
+ border-end-start-radius: inherit;
2497
+ border-end-end-radius: inherit;
2498
+ }
2499
+ .join.join-horizontal {
2500
+ flex-direction: row;
2501
+ }
2502
+ .join.join-horizontal .join-item:first-child:not(:last-child),
2503
+ .join.join-horizontal *:first-child:not(:last-child) .join-item {
2504
+ border-end-end-radius: 0;
2505
+ border-start-end-radius: 0;
2506
+ border-end-start-radius: inherit;
2507
+ border-start-start-radius: inherit;
2508
+ }
2509
+ .join.join-horizontal .join-item:last-child:not(:first-child),
2510
+ .join.join-horizontal *:last-child:not(:first-child) .join-item {
2511
+ border-end-start-radius: 0;
2512
+ border-start-start-radius: 0;
2513
+ border-end-end-radius: inherit;
2514
+ border-start-end-radius: inherit;
2515
+ }
2516
+ .select-xs {
2517
+ height: 1.5rem;
2518
+ min-height: 1.5rem;
2519
+ padding-left: 0.5rem;
2520
+ padding-right: 2rem;
2521
+ font-size: 0.75rem;
2522
+ line-height: 1rem;
2523
+ line-height: 1.625;
2524
+ }
2525
+ [dir="rtl"] .select-xs {
2526
+ padding-left: 2rem;
2527
+ padding-right: 0.5rem;
2528
+ }
2529
+ .steps-horizontal .step {
2530
+ display: grid;
2531
+ grid-template-columns: repeat(1, minmax(0, 1fr));
2532
+ grid-template-rows: repeat(2, minmax(0, 1fr));
2533
+ place-items: center;
2534
+ text-align: center;
2535
+ }
2536
+ .steps-vertical .step {
2537
+ display: grid;
2538
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2539
+ grid-template-rows: repeat(1, minmax(0, 1fr));
2540
+ }
2541
+ .tabs-md :where(.tab) {
2542
+ height: 2rem;
2543
+ font-size: 0.875rem;
2544
+ line-height: 1.25rem;
2545
+ line-height: 2;
2546
+ --tab-padding: 1rem;
2547
+ }
2548
+ .tabs-lg :where(.tab) {
2549
+ height: 3rem;
2550
+ font-size: 1.125rem;
2551
+ line-height: 1.75rem;
2552
+ line-height: 2;
2553
+ --tab-padding: 1.25rem;
2554
+ }
2555
+ .tabs-sm :where(.tab) {
2556
+ height: 1.5rem;
2557
+ font-size: 0.875rem;
2558
+ line-height: .75rem;
2559
+ --tab-padding: 0.75rem;
2560
+ }
2561
+ .tabs-xs :where(.tab) {
2562
+ height: 1.25rem;
2563
+ font-size: 0.75rem;
2564
+ line-height: .75rem;
2565
+ --tab-padding: 0.5rem;
2566
+ }
2567
+ .tooltip {
2568
+ position: relative;
2569
+ display: inline-block;
2570
+ --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
2571
+ }
2572
+ .tooltip:before {
2573
+ position: absolute;
2574
+ pointer-events: none;
2575
+ z-index: 1;
2576
+ content: var(--tw-content);
2577
+ --tw-content: attr(data-tip);
2578
+ }
2579
+ .tooltip:before, .tooltip-top:before {
2580
+ transform: translateX(-50%);
2581
+ top: auto;
2582
+ left: 50%;
2583
+ right: auto;
2584
+ bottom: var(--tooltip-offset);
2585
+ }
2586
+ .join.join-vertical > :where(*:not(:first-child)) {
2587
+ margin-left: 0px;
2588
+ margin-right: 0px;
2589
+ margin-top: -1px;
2590
+ }
2591
+ .join.join-horizontal > :where(*:not(:first-child)) {
2592
+ margin-top: 0px;
2593
+ margin-bottom: 0px;
2594
+ margin-inline-start: -1px;
2595
+ }
2596
+ .steps-horizontal .step {
2597
+ grid-template-rows: 40px 1fr;
2598
+ grid-template-columns: auto;
2599
+ min-width: 4rem;
2600
+ }
2601
+ .steps-horizontal .step:before {
2602
+ height: 0.5rem;
2603
+ width: 100%;
2604
+ --tw-translate-x: 0px;
2605
+ --tw-translate-y: 0px;
2606
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2607
+ content: "";
2608
+ margin-inline-start: -100%;
2609
+ }
2610
+ :is([dir="rtl"] .steps-horizontal .step):before {
2611
+ --tw-translate-x: 0px;
2612
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2613
+ }
2614
+ .steps-vertical .step {
2615
+ gap: 0.5rem;
2616
+ grid-template-columns: 40px 1fr;
2617
+ grid-template-rows: auto;
2618
+ min-height: 4rem;
2619
+ justify-items: start;
2620
+ }
2621
+ .steps-vertical .step:before {
2622
+ height: 100%;
2623
+ width: 0.5rem;
2624
+ --tw-translate-x: -50%;
2625
+ --tw-translate-y: -50%;
2626
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2627
+ margin-inline-start: 50%;
2628
+ }
2629
+ :is([dir="rtl"] .steps-vertical .step):before {
2630
+ --tw-translate-x: 50%;
2631
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2632
+ }
2633
+ .tooltip {
2634
+ position: relative;
2635
+ display: inline-block;
2636
+ text-align: center;
2637
+ --tooltip-tail: 0.1875rem;
2638
+ --tooltip-color: var(--fallback-n,oklch(var(--n)/1));
2639
+ --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));
2640
+ --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
2641
+ }
2642
+ .tooltip:before,
2643
+ .tooltip:after {
2644
+ opacity: 0;
2645
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2646
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2647
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2648
+ transition-delay: 100ms;
2649
+ transition-duration: 200ms;
2650
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2651
+ }
2652
+ .tooltip:after {
2653
+ position: absolute;
2654
+ content: "";
2655
+ border-style: solid;
2656
+ border-width: var(--tooltip-tail, 0);
2657
+ width: 0;
2658
+ height: 0;
2659
+ display: block;
2660
+ }
2661
+ .tooltip:before {
2662
+ max-width: 20rem;
2663
+ border-radius: 0.25rem;
2664
+ padding-left: 0.5rem;
2665
+ padding-right: 0.5rem;
2666
+ padding-top: 0.25rem;
2667
+ padding-bottom: 0.25rem;
2668
+ font-size: 0.875rem;
2669
+ line-height: 1.25rem;
2670
+ background-color: var(--tooltip-color);
2671
+ color: var(--tooltip-text-color);
2672
+ width: -moz-max-content;
2673
+ width: max-content;
2674
+ }
2675
+ .tooltip.tooltip-open:before {
2676
+ opacity: 1;
2677
+ transition-delay: 75ms;
2678
+ }
2679
+ .tooltip.tooltip-open:after {
2680
+ opacity: 1;
2681
+ transition-delay: 75ms;
2682
+ }
2683
+ .tooltip:hover:before {
2684
+ opacity: 1;
2685
+ transition-delay: 75ms;
2686
+ }
2687
+ .tooltip:hover:after {
2688
+ opacity: 1;
2689
+ transition-delay: 75ms;
2690
+ }
2691
+ .tooltip:has(:focus-visible):after,
2692
+ .tooltip:has(:focus-visible):before {
2693
+ opacity: 1;
2694
+ transition-delay: 75ms;
2695
+ }
2696
+ .tooltip:not([data-tip]):hover:before,
2697
+ .tooltip:not([data-tip]):hover:after {
2698
+ visibility: hidden;
2699
+ opacity: 0;
2700
+ }
2701
+ .tooltip:after, .tooltip-top:after {
2702
+ transform: translateX(-50%);
2703
+ border-color: var(--tooltip-color) transparent transparent transparent;
2704
+ top: auto;
2705
+ left: 50%;
2706
+ right: auto;
2707
+ bottom: var(--tooltip-tail-offset);
2708
+ }
2709
+ .visible {
2710
+ visibility: visible;
2711
+ }
2712
+ .static {
2713
+ position: static;
2714
+ }
2715
+ .relative {
2716
+ position: relative;
2717
+ }
2718
+ .z-\[1\] {
2719
+ z-index: 1;
2720
+ }
2721
+ .col-\[9999\] {
2722
+ grid-column: 9999;
2723
+ }
2724
+ .m-1 {
2725
+ margin: 0.25rem;
2726
+ }
2727
+ .m-2 {
2728
+ margin: 0.5rem;
2729
+ }
2730
+ .mx-1 {
2731
+ margin-left: 0.25rem;
2732
+ margin-right: 0.25rem;
2733
+ }
2734
+ .my-1 {
2735
+ margin-top: 0.25rem;
2736
+ margin-bottom: 0.25rem;
2737
+ }
2738
+ .my-4 {
2739
+ margin-top: 1rem;
2740
+ margin-bottom: 1rem;
2741
+ }
2742
+ .mb-1 {
2743
+ margin-bottom: 0.25rem;
2744
+ }
2745
+ .mb-2 {
2746
+ margin-bottom: 0.5rem;
2747
+ }
2748
+ .me-1 {
2749
+ margin-inline-end: 0.25rem;
2750
+ }
2751
+ .ml-1 {
2752
+ margin-left: 0.25rem;
2753
+ }
2754
+ .ml-2 {
2755
+ margin-left: 0.5rem;
2756
+ }
2757
+ .mt-2 {
2758
+ margin-top: 0.5rem;
2759
+ }
2760
+ .inline {
2761
+ display: inline;
2762
+ }
2763
+ .flex {
2764
+ display: flex;
2765
+ }
2766
+ .table {
2767
+ display: table;
2768
+ }
2769
+ .grid {
2770
+ display: grid;
2771
+ }
2772
+ .w-11\/12 {
2773
+ width: 91.666667%;
2774
+ }
2775
+ .w-16 {
2776
+ width: 4rem;
2777
+ }
2778
+ .w-32 {
2779
+ width: 8rem;
2780
+ }
2781
+ .w-64 {
2782
+ width: 16rem;
2783
+ }
2784
+ .w-72 {
2785
+ width: 18rem;
2786
+ }
2787
+ .w-full {
2788
+ width: 100%;
2789
+ }
2790
+ .min-w-0 {
2791
+ min-width: 0px;
2792
+ }
2793
+ .max-w-screen-lg {
2794
+ max-width: 1024px;
2795
+ }
2796
+ .grow {
2797
+ flex-grow: 1;
2798
+ }
2799
+ .flex-row {
2800
+ flex-direction: row;
2801
+ }
2802
+ .flex-col {
2803
+ flex-direction: column;
2804
+ }
2805
+ .flex-wrap {
2806
+ flex-wrap: wrap;
2807
+ }
2808
+ .flex-nowrap {
2809
+ flex-wrap: nowrap;
2810
+ }
2811
+ .items-center {
2812
+ align-items: center;
2813
+ }
2814
+ .justify-center {
2815
+ justify-content: center;
2816
+ }
2817
+ .gap-1 {
2818
+ gap: 0.25rem;
2819
+ }
2820
+ .gap-2 {
2821
+ gap: 0.5rem;
2822
+ }
2823
+ .whitespace-nowrap {
2824
+ white-space: nowrap;
2825
+ }
2826
+ .text-nowrap {
2827
+ text-wrap: nowrap;
2828
+ }
2829
+ .break-words {
2830
+ overflow-wrap: break-word;
2831
+ }
2832
+ .rounded {
2833
+ border-radius: 0.25rem;
2834
+ }
2835
+ .rounded-box {
2836
+ border-radius: var(--rounded-box, 1rem);
2837
+ }
2838
+ .rounded-lg {
2839
+ border-radius: 0.5rem;
2840
+ }
2841
+ .rounded-none {
2842
+ border-radius: 0px;
2843
+ }
2844
+ .border {
2845
+ border-width: 1px;
2846
+ }
2847
+ .border-2 {
2848
+ border-width: 2px;
2849
+ }
2850
+ .border-base-300 {
2851
+ --tw-border-opacity: 1;
2852
+ border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
2853
+ }
2854
+ .border-error {
2855
+ --tw-border-opacity: 1;
2856
+ border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
2857
+ }
2858
+ .border-gray-300 {
2859
+ --tw-border-opacity: 1;
2860
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
2861
+ }
2862
+ .bg-base-100 {
2863
+ --tw-bg-opacity: 1;
2864
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
2865
+ }
2866
+ .bg-base-200 {
2867
+ --tw-bg-opacity: 1;
2868
+ background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
2869
+ }
2870
+ .bg-white {
2871
+ --tw-bg-opacity: 1;
2872
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2873
+ }
2874
+ .p-1 {
2875
+ padding: 0.25rem;
2876
+ }
2877
+ .p-2 {
2878
+ padding: 0.5rem;
2879
+ }
2880
+ .px-2 {
2881
+ padding-left: 0.5rem;
2882
+ padding-right: 0.5rem;
2883
+ }
2884
+ .px-2\.5 {
2885
+ padding-left: 0.625rem;
2886
+ padding-right: 0.625rem;
2887
+ }
2888
+ .px-4 {
2889
+ padding-left: 1rem;
2890
+ padding-right: 1rem;
2891
+ }
2892
+ .py-0 {
2893
+ padding-top: 0px;
2894
+ padding-bottom: 0px;
2895
+ }
2896
+ .py-0\.5 {
2897
+ padding-top: 0.125rem;
2898
+ padding-bottom: 0.125rem;
2899
+ }
2900
+ .py-16 {
2901
+ padding-top: 4rem;
2902
+ padding-bottom: 4rem;
2903
+ }
2904
+ .text-xs {
2905
+ font-size: 0.75rem;
2906
+ line-height: 1rem;
2907
+ }
2908
+ .font-medium {
2909
+ font-weight: 500;
2910
+ }
2911
+ .shadow {
2912
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2913
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2914
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2915
+ }
2916
+ .filter {
2917
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2918
+ }.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
2919
+ /*rtl:begin:ignore*/left:0/*
2920
+ /*rtl:end:ignore*/}/*
2921
+ /*rtl:begin:ignore*/
2922
+ /*
2923
+ /*rtl:end:ignore*/
2924
+ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
2925
+ /*rtl:begin:ignore*/right:0/*
2926
+ /*rtl:end:ignore*/}/*
2927
+ /*rtl:begin:ignore*/
2928
+ /*
2929
+ /*rtl:end:ignore*/
2930
+ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}