hasting-swatchcart-module 1.0.38 → 1.0.40

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 (125) hide show
  1. package/dist/assets/index-CIv0ji-N.js +164 -0
  2. package/dist/assets/index-shLdPuto.css +1 -0
  3. package/dist/index.html +14 -0
  4. package/package.json +102 -102
  5. package/dist/assets/index.css +0 -3117
  6. package/dist/cdn/lib/components/SwatchesModule.d.ts +0 -11
  7. package/dist/cdn/lib/main.d.ts +0 -9
  8. package/dist/cdn/lib/store/LibraryProvider.d.ts +0 -4
  9. package/dist/cdn/lib/store/rootReducer.d.ts +0 -11
  10. package/dist/cdn/lib/store/store.d.ts +0 -25
  11. package/dist/cdn/lib/store/withStore.d.ts +0 -2
  12. package/dist/cdn/lib/vite-env.d.ts +0 -1
  13. package/dist/cdn/main.css +0 -3117
  14. package/dist/cdn/main.js +0 -31572
  15. package/dist/cdn/src/app/App.d.ts +0 -12
  16. package/dist/cdn/src/app/assets/svg/ArrowIconSVG.d.ts +0 -3
  17. package/dist/cdn/src/app/assets/svg/CheckMarkIconSVG.d.ts +0 -3
  18. package/dist/cdn/src/app/assets/svg/ChevronSVGIcon.d.ts +0 -3
  19. package/dist/cdn/src/app/assets/svg/CloseIconSVG.d.ts +0 -3
  20. package/dist/cdn/src/app/assets/svg/DarkWhiteIconSVG.d.ts +0 -1
  21. package/dist/cdn/src/app/assets/svg/MinusIconSVG.d.ts +0 -3
  22. package/dist/cdn/src/app/assets/svg/PlusIconSVG.d.ts +0 -3
  23. package/dist/cdn/src/app/assets/svg/SearchIconSVG.d.ts +0 -3
  24. package/dist/cdn/src/app/assets/svg/TrashIconSVG.d.ts +0 -3
  25. package/dist/cdn/src/app/assets/svg/WhiteWhiteIconSVG.d.ts +0 -1
  26. package/dist/cdn/src/app/main.d.ts +0 -0
  27. package/dist/cdn/src/app/providers/StoreProvider.d.ts +0 -6
  28. package/dist/cdn/src/app/store/rootReducer.d.ts +0 -11
  29. package/dist/cdn/src/app/store/storageMiddleware.d.ts +0 -7
  30. package/dist/cdn/src/app/store/store.d.ts +0 -24
  31. package/dist/cdn/src/features/Cart/lib/CartCervices.d.ts +0 -5
  32. package/dist/cdn/src/features/Cart/model/cartSlice.d.ts +0 -3
  33. package/dist/cdn/src/features/Cart/model/selectors.d.ts +0 -223
  34. package/dist/cdn/src/features/Cart/model/types.d.ts +0 -7
  35. package/dist/cdn/src/features/Cart/ui/CartHeader/CartHeader.d.ts +0 -31
  36. package/dist/cdn/src/features/Cart/ui/CartList/CartList.d.ts +0 -1
  37. package/dist/cdn/src/features/Cart/ui/CartListItem/CartListItem.d.ts +0 -10
  38. package/dist/cdn/src/features/Cart/ui/CartWrapper/CartWrapper.d.ts +0 -9
  39. package/dist/cdn/src/features/Cart/ui/Counter/Counter.d.ts +0 -9
  40. package/dist/cdn/src/features/DataAdapter/lib/DataAdapterServices.d.ts +0 -19
  41. package/dist/cdn/src/features/DataAdapter/utils/types.d.ts +0 -11
  42. package/dist/cdn/src/features/MultiProduct/lib/MultiProductCartServices.d.ts +0 -13
  43. package/dist/cdn/src/features/MultiProduct/model/API/api.d.ts +0 -7
  44. package/dist/cdn/src/features/MultiProduct/model/API/routes.d.ts +0 -7
  45. package/dist/cdn/src/features/MultiProduct/model/multiProductCartSlice.d.ts +0 -9
  46. package/dist/cdn/src/features/MultiProduct/model/selectors.d.ts +0 -38
  47. package/dist/cdn/src/features/MultiProduct/model/thunk.d.ts +0 -11
  48. package/dist/cdn/src/features/MultiProduct/model/types.d.ts +0 -71
  49. package/dist/cdn/src/features/MultiProduct/ui/CartSelectedProductList/CartSelectedProductList.d.ts +0 -1
  50. package/dist/cdn/src/features/MultiProduct/ui/FiltersSelectedProductItem/FiltersSelectedProductItem.d.ts +0 -1
  51. package/dist/cdn/src/features/MultiProduct/ui/MaterialMultiProductList/MaterialMultiProductList.d.ts +0 -42
  52. package/dist/cdn/src/features/MultiProduct/ui/MultiProductCartHeader/MultiProductCartHeader.d.ts +0 -5
  53. package/dist/cdn/src/features/MultiProduct/ui/MultiProductItemCart/MultiProductItemCart.d.ts +0 -25
  54. package/dist/cdn/src/features/MultiProduct/ui/MultiProductWrapper/MultiProductWrapper.d.ts +0 -6
  55. package/dist/cdn/src/features/MultiProduct/ui/ProductList/ProductList.d.ts +0 -14
  56. package/dist/cdn/src/features/MultiProduct/ui/ProductListItem/ProductListItem.d.ts +0 -6
  57. package/dist/cdn/src/features/MultiProduct/ui/SelectedProductItem/SelectedProductItem.d.ts +0 -1
  58. package/dist/cdn/src/features/MultiProduct/ui/SwatchContentContainer/SwatchContentContainer.d.ts +0 -15
  59. package/dist/cdn/src/features/MultiProduct/ui/SwatchListItem/SwatchListItem.d.ts +0 -41
  60. package/dist/cdn/src/features/MultiProduct/ui/SwatchesMultiProductList/SwatchesMultiProductList.d.ts +0 -29
  61. package/dist/cdn/src/features/MultiProduct/utils/constants.d.ts +0 -6
  62. package/dist/cdn/src/features/MultiProduct/utils/randomList.d.ts +0 -2
  63. package/dist/cdn/src/features/SwatchModule/SwatchModule/ui/SwatchModule.d.ts +0 -2
  64. package/dist/cdn/src/features/swatches/lib/AttributeHelper.d.ts +0 -7
  65. package/dist/cdn/src/features/swatches/lib/SwatchesServices.d.ts +0 -11
  66. package/dist/cdn/src/features/swatches/model/selectors.d.ts +0 -10
  67. package/dist/cdn/src/features/swatches/model/swatchesSlice.d.ts +0 -53
  68. package/dist/cdn/src/features/swatches/model/thunks.d.ts +0 -22
  69. package/dist/cdn/src/features/swatches/model/types.d.ts +0 -148
  70. package/dist/cdn/src/features/swatches/ui/Filters/ColorsFilter.d.ts +0 -1
  71. package/dist/cdn/src/features/swatches/ui/Filters/LooksFilter.d.ts +0 -1
  72. package/dist/cdn/src/features/swatches/ui/Filters/MaterialsFilter.d.ts +0 -1
  73. package/dist/cdn/src/features/swatches/ui/Filters/index.d.ts +0 -1
  74. package/dist/cdn/src/features/swatches/ui/HexGridZoom/HexGridZoom.d.ts +0 -3
  75. package/dist/cdn/src/features/swatches/ui/ImageGridZoom/ImageGridZoom.d.ts +0 -3
  76. package/dist/cdn/src/features/swatches/ui/MaterialSingleProductList/MaterialSingleProductList.d.ts +0 -7
  77. package/dist/cdn/src/features/swatches/ui/ProductElement/index.d.ts +0 -28
  78. package/dist/cdn/src/features/swatches/ui/SwatchWrapper/SwatchWrapper.d.ts +0 -8
  79. package/dist/cdn/src/features/swatches/ui/Swatches.d.ts +0 -2
  80. package/dist/cdn/src/features/swatches/ui/SwatchesList/SwatchesList.d.ts +0 -28
  81. package/dist/cdn/src/features/swatches/ui/SwatchesListWrapper/SwatchesListWrapper.d.ts +0 -1
  82. package/dist/cdn/src/features/swatches/utils/constants.d.ts +0 -3
  83. package/dist/cdn/src/features/swatches/utils/hooks/useCartCount.d.ts +0 -18
  84. package/dist/cdn/src/features/swatches/utils/types.d.ts +0 -22
  85. package/dist/cdn/src/shared/constants/constants.d.ts +0 -1
  86. package/dist/cdn/src/shared/constants/props.d.ts +0 -1058
  87. package/dist/cdn/src/shared/constants/select.d.ts +0 -4
  88. package/dist/cdn/src/shared/constants/selectedMaterials.d.ts +0 -1
  89. package/dist/cdn/src/shared/types/activeTab.d.ts +0 -5
  90. package/dist/cdn/src/shared/types/fetchData.d.ts +0 -41
  91. package/dist/cdn/src/shared/types/svg.d.ts +0 -3
  92. package/dist/cdn/src/shared/ui/CartPrice/CartPrice.d.ts +0 -7
  93. package/dist/cdn/src/shared/ui/Checkbox/Checkbox.d.ts +0 -4
  94. package/dist/cdn/src/shared/ui/CustomButton/CustomButton.d.ts +0 -6
  95. package/dist/cdn/src/shared/ui/CustomModal/CustomModal.d.ts +0 -11
  96. package/dist/cdn/src/shared/ui/CustomSidebar/CustomSidebar.d.ts +0 -8
  97. package/dist/cdn/src/shared/ui/Dialog/Dialog.d.ts +0 -19
  98. package/dist/cdn/src/shared/ui/Hint/Hint.d.ts +0 -60
  99. package/dist/cdn/src/shared/ui/Label/Label.d.ts +0 -7
  100. package/dist/cdn/src/shared/ui/Loader/Loader.d.ts +0 -10
  101. package/dist/cdn/src/shared/ui/Markdown/MDWithAccordion.d.ts +0 -10
  102. package/dist/cdn/src/shared/ui/MaterialItem/MaterialItem.d.ts +0 -8
  103. package/dist/cdn/src/shared/ui/MaterialListItem/MaterialListItem.d.ts +0 -8
  104. package/dist/cdn/src/shared/ui/MultiSelect/MultiSelect.d.ts +0 -20
  105. package/dist/cdn/src/shared/ui/PopoverTooltip/InfoIcon.d.ts +0 -1
  106. package/dist/cdn/src/shared/ui/PopoverTooltip/PopoverTooltip.d.ts +0 -11
  107. package/dist/cdn/src/shared/ui/SingleSelect/SingleSelect.d.ts +0 -18
  108. package/dist/cdn/src/shared/ui/Slider/Slider.d.ts +0 -11
  109. package/dist/cdn/src/shared/ui/SwatchLimitModal/SwatchLimitModal.d.ts +0 -6
  110. package/dist/cdn/src/shared/ui/popover.d.ts +0 -9
  111. package/dist/cdn/src/shared/utils/cn.d.ts +0 -2
  112. package/dist/cdn/src/shared/utils/storageService.d.ts +0 -38
  113. package/dist/cdn/src/shared/utils/toast.d.ts +0 -3
  114. package/dist/cdn/src/shared/utils/uniqueList.d.ts +0 -1
  115. package/dist/components/SwatchesModule.d.ts +0 -11
  116. package/dist/main.cjs +0 -158
  117. package/dist/main.cjs.map +0 -1
  118. package/dist/main.d.ts +0 -9
  119. package/dist/main.js +0 -24547
  120. package/dist/main.js.map +0 -1
  121. package/dist/store/LibraryProvider.d.ts +0 -4
  122. package/dist/store/rootReducer.d.ts +0 -11
  123. package/dist/store/store.d.ts +0 -25
  124. package/dist/store/withStore.d.ts +0 -2
  125. /package/dist/{cdn/vite.svg → vite.svg} +0 -0
package/dist/cdn/main.css DELETED
@@ -1,3117 +0,0 @@
1
- /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
2
- @layer properties {
3
- @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
- *, :before, :after, ::backdrop {
5
- --tw-animation-delay: 0s;
6
- --tw-animation-direction: normal;
7
- --tw-animation-duration: initial;
8
- --tw-animation-fill-mode: none;
9
- --tw-animation-iteration-count: 1;
10
- --tw-enter-blur: 0;
11
- --tw-enter-opacity: 1;
12
- --tw-enter-rotate: 0;
13
- --tw-enter-scale: 1;
14
- --tw-enter-translate-x: 0;
15
- --tw-enter-translate-y: 0;
16
- --tw-exit-blur: 0;
17
- --tw-exit-opacity: 1;
18
- --tw-exit-rotate: 0;
19
- --tw-exit-scale: 1;
20
- --tw-exit-translate-x: 0;
21
- --tw-exit-translate-y: 0;
22
- --tw-translate-x: 0;
23
- --tw-translate-y: 0;
24
- --tw-translate-z: 0;
25
- --tw-rotate-x: initial;
26
- --tw-rotate-y: initial;
27
- --tw-rotate-z: initial;
28
- --tw-skew-x: initial;
29
- --tw-skew-y: initial;
30
- --tw-pan-x: initial;
31
- --tw-pan-y: initial;
32
- --tw-pinch-zoom: initial;
33
- --tw-space-y-reverse: 0;
34
- --tw-border-style: solid;
35
- --tw-leading: initial;
36
- --tw-font-weight: initial;
37
- --tw-tracking: initial;
38
- --tw-shadow: 0 0 #0000;
39
- --tw-shadow-color: initial;
40
- --tw-shadow-alpha: 100%;
41
- --tw-inset-shadow: 0 0 #0000;
42
- --tw-inset-shadow-color: initial;
43
- --tw-inset-shadow-alpha: 100%;
44
- --tw-ring-color: initial;
45
- --tw-ring-shadow: 0 0 #0000;
46
- --tw-inset-ring-color: initial;
47
- --tw-inset-ring-shadow: 0 0 #0000;
48
- --tw-ring-inset: initial;
49
- --tw-ring-offset-width: 0px;
50
- --tw-ring-offset-color: #fff;
51
- --tw-ring-offset-shadow: 0 0 #0000;
52
- --tw-blur: initial;
53
- --tw-brightness: initial;
54
- --tw-contrast: initial;
55
- --tw-grayscale: initial;
56
- --tw-hue-rotate: initial;
57
- --tw-invert: initial;
58
- --tw-opacity: initial;
59
- --tw-saturate: initial;
60
- --tw-sepia: initial;
61
- --tw-drop-shadow: initial;
62
- --tw-drop-shadow-color: initial;
63
- --tw-drop-shadow-alpha: 100%;
64
- --tw-drop-shadow-size: initial;
65
- --tw-backdrop-blur: initial;
66
- --tw-backdrop-brightness: initial;
67
- --tw-backdrop-contrast: initial;
68
- --tw-backdrop-grayscale: initial;
69
- --tw-backdrop-hue-rotate: initial;
70
- --tw-backdrop-invert: initial;
71
- --tw-backdrop-opacity: initial;
72
- --tw-backdrop-saturate: initial;
73
- --tw-backdrop-sepia: initial;
74
- --tw-duration: initial;
75
- --tw-ease: initial;
76
- --tw-space-x-reverse: 0;
77
- }
78
- }
79
- }
80
-
81
- @layer theme {
82
- :root, :host {
83
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
84
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
85
- --color-amber-300: oklch(87.9% .169 91.605);
86
- --color-amber-700: oklch(55.5% .163 48.998);
87
- --color-gray-50: oklch(98.5% .002 247.839);
88
- --color-gray-100: oklch(96.7% .003 264.542);
89
- --color-gray-200: oklch(92.8% .006 264.531);
90
- --color-gray-300: oklch(87.2% .01 258.338);
91
- --color-gray-400: oklch(70.7% .022 261.325);
92
- --color-gray-500: oklch(55.1% .027 264.364);
93
- --color-gray-700: oklch(37.3% .034 259.733);
94
- --color-gray-800: oklch(27.8% .033 256.848);
95
- --color-black: #000;
96
- --color-white: #fff;
97
- --spacing: .25rem;
98
- --container-5xl: 64rem;
99
- --text-xs: .75rem;
100
- --text-xs--line-height: calc(1 / .75);
101
- --text-sm: .875rem;
102
- --text-sm--line-height: calc(1.25 / .875);
103
- --text-base: 1rem;
104
- --text-base--line-height: calc(1.5 / 1);
105
- --text-3xl: 1.875rem;
106
- --text-3xl--line-height: calc(2.25 / 1.875);
107
- --font-weight-normal: 400;
108
- --font-weight-medium: 500;
109
- --font-weight-semibold: 600;
110
- --font-weight-bold: 700;
111
- --tracking-tight: -.025em;
112
- --leading-snug: 1.375;
113
- --radius-2xl: 1rem;
114
- --ease-in-out: cubic-bezier(.4, 0, .2, 1);
115
- --animate-spin: spin 1s linear infinite;
116
- --aspect-video: 16 / 9;
117
- --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
118
- --default-font-family: var(--font-sans);
119
- --default-mono-font-family: var(--font-mono);
120
- }
121
- }
122
-
123
- @layer base {
124
- *, :after, :before, ::backdrop {
125
- box-sizing: border-box;
126
- border: 0 solid;
127
- margin: 0;
128
- padding: 0;
129
- }
130
-
131
- ::file-selector-button {
132
- box-sizing: border-box;
133
- border: 0 solid;
134
- margin: 0;
135
- padding: 0;
136
- }
137
-
138
- html, :host {
139
- -webkit-text-size-adjust: 100%;
140
- tab-size: 4;
141
- line-height: 1.5;
142
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
143
- font-feature-settings: var(--default-font-feature-settings, normal);
144
- font-variation-settings: var(--default-font-variation-settings, normal);
145
- -webkit-tap-highlight-color: transparent;
146
- }
147
-
148
- hr {
149
- height: 0;
150
- color: inherit;
151
- border-top-width: 1px;
152
- }
153
-
154
- abbr:where([title]) {
155
- -webkit-text-decoration: underline dotted;
156
- text-decoration: underline dotted;
157
- }
158
-
159
- h1, h2, h3, h4, h5, h6 {
160
- font-size: inherit;
161
- font-weight: inherit;
162
- }
163
-
164
- a {
165
- color: inherit;
166
- -webkit-text-decoration: inherit;
167
- -webkit-text-decoration: inherit;
168
- -webkit-text-decoration: inherit;
169
- text-decoration: inherit;
170
- }
171
-
172
- b, strong {
173
- font-weight: bolder;
174
- }
175
-
176
- code, kbd, samp, pre {
177
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
178
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
179
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
180
- font-size: 1em;
181
- }
182
-
183
- small {
184
- font-size: 80%;
185
- }
186
-
187
- sub, sup {
188
- vertical-align: baseline;
189
- font-size: 75%;
190
- line-height: 0;
191
- position: relative;
192
- }
193
-
194
- sub {
195
- bottom: -.25em;
196
- }
197
-
198
- sup {
199
- top: -.5em;
200
- }
201
-
202
- table {
203
- text-indent: 0;
204
- border-color: inherit;
205
- border-collapse: collapse;
206
- }
207
-
208
- :-moz-focusring {
209
- outline: auto;
210
- }
211
-
212
- progress {
213
- vertical-align: baseline;
214
- }
215
-
216
- summary {
217
- display: list-item;
218
- }
219
-
220
- ol, ul, menu {
221
- list-style: none;
222
- }
223
-
224
- img, svg, video, canvas, audio, iframe, embed, object {
225
- vertical-align: middle;
226
- display: block;
227
- }
228
-
229
- img, video {
230
- max-width: 100%;
231
- height: auto;
232
- }
233
-
234
- button, input, select, optgroup, textarea {
235
- font: inherit;
236
- font-feature-settings: inherit;
237
- font-variation-settings: inherit;
238
- letter-spacing: inherit;
239
- color: inherit;
240
- opacity: 1;
241
- background-color: #0000;
242
- border-radius: 0;
243
- }
244
-
245
- ::file-selector-button {
246
- font: inherit;
247
- font-feature-settings: inherit;
248
- font-variation-settings: inherit;
249
- letter-spacing: inherit;
250
- color: inherit;
251
- opacity: 1;
252
- background-color: #0000;
253
- border-radius: 0;
254
- }
255
-
256
- :where(select:is([multiple], [size])) optgroup {
257
- font-weight: bolder;
258
- }
259
-
260
- :where(select:is([multiple], [size])) optgroup option {
261
- padding-inline-start: 20px;
262
- }
263
-
264
- ::file-selector-button {
265
- margin-inline-end: 4px;
266
- }
267
-
268
- ::placeholder {
269
- opacity: 1;
270
- }
271
-
272
- @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
273
- ::placeholder {
274
- color: currentColor;
275
- }
276
-
277
- @supports (color: color-mix(in lab, red, red)) {
278
- ::placeholder {
279
- color: color-mix(in oklab, currentcolor 50%, transparent);
280
- }
281
- }
282
- }
283
-
284
- textarea {
285
- resize: vertical;
286
- }
287
-
288
- ::-webkit-search-decoration {
289
- -webkit-appearance: none;
290
- }
291
-
292
- ::-webkit-date-and-time-value {
293
- min-height: 1lh;
294
- text-align: inherit;
295
- }
296
-
297
- ::-webkit-datetime-edit {
298
- display: inline-flex;
299
- }
300
-
301
- ::-webkit-datetime-edit-fields-wrapper {
302
- padding: 0;
303
- }
304
-
305
- ::-webkit-datetime-edit {
306
- padding-block: 0;
307
- }
308
-
309
- ::-webkit-datetime-edit-year-field {
310
- padding-block: 0;
311
- }
312
-
313
- ::-webkit-datetime-edit-month-field {
314
- padding-block: 0;
315
- }
316
-
317
- ::-webkit-datetime-edit-day-field {
318
- padding-block: 0;
319
- }
320
-
321
- ::-webkit-datetime-edit-hour-field {
322
- padding-block: 0;
323
- }
324
-
325
- ::-webkit-datetime-edit-minute-field {
326
- padding-block: 0;
327
- }
328
-
329
- ::-webkit-datetime-edit-second-field {
330
- padding-block: 0;
331
- }
332
-
333
- ::-webkit-datetime-edit-millisecond-field {
334
- padding-block: 0;
335
- }
336
-
337
- ::-webkit-datetime-edit-meridiem-field {
338
- padding-block: 0;
339
- }
340
-
341
- ::-webkit-calendar-picker-indicator {
342
- line-height: 1;
343
- }
344
-
345
- :-moz-ui-invalid {
346
- box-shadow: none;
347
- }
348
-
349
- button, input:where([type="button"], [type="reset"], [type="submit"]) {
350
- appearance: button;
351
- }
352
-
353
- ::file-selector-button {
354
- appearance: button;
355
- }
356
-
357
- ::-webkit-inner-spin-button {
358
- height: auto;
359
- }
360
-
361
- ::-webkit-outer-spin-button {
362
- height: auto;
363
- }
364
-
365
- [hidden]:where(:not([hidden="until-found"])) {
366
- display: none !important;
367
- }
368
-
369
- @supports (color: color-mix(in lab, red, red)) {
370
- * {
371
- outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
372
- }
373
- }
374
-
375
- * {
376
- border-color: var(--border);
377
- outline-color: var(--ring);
378
- }
379
-
380
- @supports (color: color-mix(in lab, red, red)) {
381
- * {
382
- outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
383
- }
384
- }
385
- }
386
-
387
- @layer components, utilities;
388
-
389
- @property --tw-animation-delay {
390
- syntax: "*";
391
- inherits: false;
392
- initial-value: 0s;
393
- }
394
-
395
- @property --tw-animation-direction {
396
- syntax: "*";
397
- inherits: false;
398
- initial-value: normal;
399
- }
400
-
401
- @property --tw-animation-duration {
402
- syntax: "*";
403
- inherits: false
404
- }
405
-
406
- @property --tw-animation-fill-mode {
407
- syntax: "*";
408
- inherits: false;
409
- initial-value: none;
410
- }
411
-
412
- @property --tw-animation-iteration-count {
413
- syntax: "*";
414
- inherits: false;
415
- initial-value: 1;
416
- }
417
-
418
- @property --tw-enter-blur {
419
- syntax: "*";
420
- inherits: false;
421
- initial-value: 0;
422
- }
423
-
424
- @property --tw-enter-opacity {
425
- syntax: "*";
426
- inherits: false;
427
- initial-value: 1;
428
- }
429
-
430
- @property --tw-enter-rotate {
431
- syntax: "*";
432
- inherits: false;
433
- initial-value: 0;
434
- }
435
-
436
- @property --tw-enter-scale {
437
- syntax: "*";
438
- inherits: false;
439
- initial-value: 1;
440
- }
441
-
442
- @property --tw-enter-translate-x {
443
- syntax: "*";
444
- inherits: false;
445
- initial-value: 0;
446
- }
447
-
448
- @property --tw-enter-translate-y {
449
- syntax: "*";
450
- inherits: false;
451
- initial-value: 0;
452
- }
453
-
454
- @property --tw-exit-blur {
455
- syntax: "*";
456
- inherits: false;
457
- initial-value: 0;
458
- }
459
-
460
- @property --tw-exit-opacity {
461
- syntax: "*";
462
- inherits: false;
463
- initial-value: 1;
464
- }
465
-
466
- @property --tw-exit-rotate {
467
- syntax: "*";
468
- inherits: false;
469
- initial-value: 0;
470
- }
471
-
472
- @property --tw-exit-scale {
473
- syntax: "*";
474
- inherits: false;
475
- initial-value: 1;
476
- }
477
-
478
- @property --tw-exit-translate-x {
479
- syntax: "*";
480
- inherits: false;
481
- initial-value: 0;
482
- }
483
-
484
- @property --tw-exit-translate-y {
485
- syntax: "*";
486
- inherits: false;
487
- initial-value: 0;
488
- }
489
-
490
- html {
491
- -webkit-text-size-adjust: 100%;
492
- line-height: 1.15;
493
- }
494
-
495
- body {
496
- margin: 0;
497
- }
498
-
499
- main {
500
- display: block;
501
- }
502
-
503
- h1 {
504
- margin: .67em 0;
505
- font-size: 2em;
506
- }
507
-
508
- hr {
509
- box-sizing: content-box;
510
- height: 0;
511
- overflow: visible;
512
- }
513
-
514
- pre {
515
- font-family: monospace;
516
- font-size: 1em;
517
- }
518
-
519
- a {
520
- background-color: #0000;
521
- }
522
-
523
- abbr[title] {
524
- border-bottom: none;
525
- -webkit-text-decoration: underline dotted;
526
- text-decoration: underline dotted;
527
- }
528
-
529
- b, strong {
530
- font-weight: bolder;
531
- }
532
-
533
- code, kbd, samp {
534
- font-family: monospace;
535
- font-size: 1em;
536
- }
537
-
538
- small {
539
- font-size: 80%;
540
- }
541
-
542
- sub, sup {
543
- vertical-align: baseline;
544
- font-size: 75%;
545
- line-height: 0;
546
- position: relative;
547
- }
548
-
549
- sub {
550
- bottom: -.25em;
551
- }
552
-
553
- sup {
554
- top: -.5em;
555
- }
556
-
557
- img {
558
- border-style: none;
559
- }
560
-
561
- button, input, optgroup, select, textarea {
562
- margin: 0;
563
- font-family: inherit;
564
- font-size: 100%;
565
- line-height: 1.15;
566
- }
567
-
568
- button, input {
569
- overflow: visible;
570
- }
571
-
572
- button, select {
573
- text-transform: none;
574
- }
575
-
576
- button, [type="button"], [type="reset"], [type="submit"] {
577
- -webkit-appearance: button;
578
- }
579
-
580
- button::-moz-focus-inner {
581
- border-style: none;
582
- padding: 0;
583
- }
584
-
585
- [type="button"]::-moz-focus-inner {
586
- border-style: none;
587
- padding: 0;
588
- }
589
-
590
- [type="reset"]::-moz-focus-inner {
591
- border-style: none;
592
- padding: 0;
593
- }
594
-
595
- [type="submit"]::-moz-focus-inner {
596
- border-style: none;
597
- padding: 0;
598
- }
599
-
600
- button:-moz-focusring {
601
- outline: 1px dotted buttontext;
602
- }
603
-
604
- [type="button"]:-moz-focusring {
605
- outline: 1px dotted buttontext;
606
- }
607
-
608
- [type="reset"]:-moz-focusring {
609
- outline: 1px dotted buttontext;
610
- }
611
-
612
- [type="submit"]:-moz-focusring {
613
- outline: 1px dotted buttontext;
614
- }
615
-
616
- fieldset {
617
- padding: .35em .75em .625em;
618
- }
619
-
620
- legend {
621
- box-sizing: border-box;
622
- color: inherit;
623
- white-space: normal;
624
- max-width: 100%;
625
- padding: 0;
626
- display: table;
627
- }
628
-
629
- progress {
630
- vertical-align: baseline;
631
- }
632
-
633
- textarea {
634
- overflow: auto;
635
- }
636
-
637
- [type="checkbox"], [type="radio"] {
638
- box-sizing: border-box;
639
- padding: 0;
640
- }
641
-
642
- [type="number"]::-webkit-inner-spin-button {
643
- height: auto;
644
- }
645
-
646
- [type="number"]::-webkit-outer-spin-button {
647
- height: auto;
648
- }
649
-
650
- [type="search"] {
651
- -webkit-appearance: textfield;
652
- outline-offset: -2px;
653
- }
654
-
655
- [type="search"]::-webkit-search-decoration {
656
- -webkit-appearance: none;
657
- }
658
-
659
- ::-webkit-file-upload-button {
660
- -webkit-appearance: button;
661
- font: inherit;
662
- }
663
-
664
- details {
665
- display: block;
666
- }
667
-
668
- summary {
669
- display: list-item;
670
- }
671
-
672
- template, [hidden] {
673
- display: none;
674
- }
675
-
676
- :root {
677
- --border: oklch(92.2% 0 0);
678
- --main-accent-color: #ac5331;
679
- --svg-dark: #282828;
680
- --background-grey: #e5e6ea;
681
- --main-font-family: "Poppins";
682
- --grey-text-color: #c2c2c2;
683
- --label-bg: #f8f9fa;
684
- --sm-padding: 20px;
685
- --padding: 8px;
686
- --sidebar-bg: #fff;
687
- --sidebar-overlay: #00000073;
688
- --sidebar-transition: .25s cubic-bezier(.2, .8, .2, 1);
689
- --sidebar-width: 560px;
690
- --sidebar-shadow: 0 8px 30px #00000026;
691
- --sidebar-padding: 20px 20px;
692
- --radius: .625rem;
693
- --background: oklch(100% 0 0);
694
- --foreground: oklch(14.5% 0 0);
695
- --card: oklch(100% 0 0);
696
- --card-foreground: oklch(14.5% 0 0);
697
- --popover: oklch(100% 0 0);
698
- --popover-foreground: oklch(14.5% 0 0);
699
- --primary: #b65633;
700
- --primary-foreground: oklch(98.5% 0 0);
701
- --secondary: #8e8d70;
702
- --secondary-foreground: oklch(20.5% 0 0);
703
- --muted: oklch(97% 0 0);
704
- --muted-foreground: oklch(55.6% 0 0);
705
- --accent: oklch(97% 0 0);
706
- --accent-foreground: oklch(20.5% 0 0);
707
- --destructive: oklch(57.7% .245 27.325);
708
- --input: oklch(92.2% 0 0);
709
- --ring: oklch(70.8% 0 0);
710
- --link: #62603f;
711
- --chart-1: oklch(64.6% .222 41.116);
712
- --chart-2: oklch(60% .118 184.704);
713
- --chart-3: oklch(39.8% .07 227.392);
714
- --chart-4: oklch(82.8% .189 84.429);
715
- --chart-5: oklch(76.9% .188 70.08);
716
- --product-name-font-size: 3.2rem;
717
- --bg-accordion: #f0ece7;
718
- --border-accordion: #d9d9d9;
719
- --color-black: #282828;
720
- --white: #fff;
721
- --sidebar: oklch(98.5% 0 0);
722
- --sidebar-foreground: oklch(14.5% 0 0);
723
- --sidebar-primary: oklch(20.5% 0 0);
724
- --sidebar-primary-foreground: oklch(98.5% 0 0);
725
- --sidebar-accent: oklch(97% 0 0);
726
- --sidebar-accent-foreground: oklch(20.5% 0 0);
727
- --sidebar-border: oklch(92.2% 0 0);
728
- --sidebar-ring: oklch(70.8% 0 0);
729
- }
730
-
731
- #root-container .pointer-events-auto {
732
- pointer-events: auto;
733
- }
734
-
735
- #root-container .pointer-events-none {
736
- pointer-events: none;
737
- }
738
-
739
- #root-container .visible {
740
- visibility: visible;
741
- }
742
-
743
- #root-container .sr-only {
744
- clip-path: inset(50%);
745
- white-space: nowrap;
746
- border-width: 0;
747
- width: 1px;
748
- height: 1px;
749
- margin: -1px;
750
- padding: 0;
751
- position: absolute;
752
- overflow: hidden;
753
- }
754
-
755
- #root-container .absolute {
756
- position: absolute;
757
- }
758
-
759
- #root-container .fixed {
760
- position: fixed;
761
- }
762
-
763
- #root-container .relative {
764
- position: relative;
765
- }
766
-
767
- #root-container .static {
768
- position: static;
769
- }
770
-
771
- #root-container .inset-0 {
772
- inset: calc(var(--spacing) * 0);
773
- }
774
-
775
- #root-container .top-0 {
776
- top: calc(var(--spacing) * 0);
777
- }
778
-
779
- #root-container .top-1\/2 {
780
- top: 50%;
781
- }
782
-
783
- #root-container .top-2 {
784
- top: calc(var(--spacing) * 2);
785
- }
786
-
787
- #root-container .top-4 {
788
- top: calc(var(--spacing) * 4);
789
- }
790
-
791
- #root-container .top-\[50\%\] {
792
- top: 50%;
793
- }
794
-
795
- #root-container .right-0 {
796
- right: calc(var(--spacing) * 0);
797
- }
798
-
799
- #root-container .right-2 {
800
- right: calc(var(--spacing) * 2);
801
- }
802
-
803
- #root-container .right-3 {
804
- right: calc(var(--spacing) * 3);
805
- }
806
-
807
- #root-container .right-4 {
808
- right: calc(var(--spacing) * 4);
809
- }
810
-
811
- #root-container .right-\[-20px\] {
812
- right: -20px;
813
- }
814
-
815
- #root-container .-bottom-\[10px\] {
816
- bottom: -10px;
817
- }
818
-
819
- #root-container .left-\[50\%\] {
820
- left: 50%;
821
- }
822
-
823
- #root-container .z-50 {
824
- z-index: 50;
825
- }
826
-
827
- #root-container .z-150 {
828
- z-index: 150;
829
- }
830
-
831
- #root-container .z-10000 {
832
- z-index: 10000;
833
- }
834
-
835
- #root-container .z-10001 {
836
- z-index: 10001;
837
- }
838
-
839
- #root-container .z-99999999999999 {
840
- z-index: 2147483647;
841
- }
842
-
843
- #root-container .z-\[99\] {
844
- z-index: 99;
845
- }
846
-
847
- #root-container .z-\[100\] {
848
- z-index: 100;
849
- }
850
-
851
- #root-container .z-\[60000\] {
852
- z-index: 60000;
853
- }
854
-
855
- #root-container .container {
856
- width: 100%;
857
- }
858
-
859
- @media (min-width: 320px) {
860
- #root-container .container {
861
- max-width: 320px;
862
- }
863
- }
864
-
865
- @media (min-width: 375px) {
866
- #root-container .container {
867
- max-width: 375px;
868
- }
869
- }
870
-
871
- @media (min-width: 425px) {
872
- #root-container .container {
873
- max-width: 425px;
874
- }
875
- }
876
-
877
- @media (min-width: 40rem) {
878
- #root-container .container {
879
- max-width: 40rem;
880
- }
881
- }
882
-
883
- @media (min-width: 48rem) {
884
- #root-container .container {
885
- max-width: 48rem;
886
- }
887
- }
888
-
889
- @media (min-width: 64rem) {
890
- #root-container .container {
891
- max-width: 64rem;
892
- }
893
- }
894
-
895
- @media (min-width: 80rem) {
896
- #root-container .container {
897
- max-width: 80rem;
898
- }
899
- }
900
-
901
- @media (min-width: 96rem) {
902
- #root-container .container {
903
- max-width: 96rem;
904
- }
905
- }
906
-
907
- #root-container .m-0\! {
908
- margin: calc(var(--spacing) * 0) !important;
909
- }
910
-
911
- #root-container .m-2 {
912
- margin: calc(var(--spacing) * 2);
913
- }
914
-
915
- #root-container .m-\[2px\] {
916
- margin: 2px;
917
- }
918
-
919
- #root-container .m-auto {
920
- margin: auto;
921
- }
922
-
923
- #root-container .mt-2 {
924
- margin-top: calc(var(--spacing) * 2);
925
- }
926
-
927
- #root-container .mr-1 {
928
- margin-right: calc(var(--spacing) * 1);
929
- }
930
-
931
- #root-container .mb-2 {
932
- margin-bottom: calc(var(--spacing) * 2);
933
- }
934
-
935
- #root-container .mb-4 {
936
- margin-bottom: calc(var(--spacing) * 4);
937
- }
938
-
939
- #root-container .mb-\[4px\] {
940
- margin-bottom: 4px;
941
- }
942
-
943
- #root-container .mb-\[12px\] {
944
- margin-bottom: 12px;
945
- }
946
-
947
- #root-container .ml-2 {
948
- margin-left: calc(var(--spacing) * 2);
949
- }
950
-
951
- #root-container .block {
952
- display: block;
953
- }
954
-
955
- #root-container .block\! {
956
- display: block !important;
957
- }
958
-
959
- #root-container .flex {
960
- display: flex;
961
- }
962
-
963
- #root-container .flex\! {
964
- display: flex !important;
965
- }
966
-
967
- #root-container .grid {
968
- display: grid;
969
- }
970
-
971
- #root-container .hidden {
972
- display: none;
973
- }
974
-
975
- #root-container .hidden\! {
976
- display: none !important;
977
- }
978
-
979
- #root-container .inline-flex {
980
- display: inline-flex;
981
- }
982
-
983
- #root-container .aspect-square {
984
- aspect-ratio: 1;
985
- }
986
-
987
- #root-container .aspect-video {
988
- aspect-ratio: var(--aspect-video);
989
- }
990
-
991
- #root-container .size-3 {
992
- width: calc(var(--spacing) * 3);
993
- height: calc(var(--spacing) * 3);
994
- }
995
-
996
- #root-container .size-4 {
997
- width: calc(var(--spacing) * 4);
998
- height: calc(var(--spacing) * 4);
999
- }
1000
-
1001
- #root-container .size-5 {
1002
- width: calc(var(--spacing) * 5);
1003
- height: calc(var(--spacing) * 5);
1004
- }
1005
-
1006
- #root-container .size-6 {
1007
- width: calc(var(--spacing) * 6);
1008
- height: calc(var(--spacing) * 6);
1009
- }
1010
-
1011
- #root-container .h-0 {
1012
- height: calc(var(--spacing) * 0);
1013
- }
1014
-
1015
- #root-container .h-2 {
1016
- height: calc(var(--spacing) * 2);
1017
- }
1018
-
1019
- #root-container .h-3 {
1020
- height: calc(var(--spacing) * 3);
1021
- }
1022
-
1023
- #root-container .h-3\.5 {
1024
- height: calc(var(--spacing) * 3.5);
1025
- }
1026
-
1027
- #root-container .h-4 {
1028
- height: calc(var(--spacing) * 4);
1029
- }
1030
-
1031
- #root-container .h-5 {
1032
- height: calc(var(--spacing) * 5);
1033
- }
1034
-
1035
- #root-container .h-8 {
1036
- height: calc(var(--spacing) * 8);
1037
- }
1038
-
1039
- #root-container .h-40 {
1040
- height: calc(var(--spacing) * 40);
1041
- }
1042
-
1043
- #root-container .h-\[8px\] {
1044
- height: 8px;
1045
- }
1046
-
1047
- #root-container .h-\[12px\] {
1048
- height: 12px;
1049
- }
1050
-
1051
- #root-container .h-\[16px\] {
1052
- height: 16px;
1053
- }
1054
-
1055
- #root-container .h-\[30px\] {
1056
- height: 30px;
1057
- }
1058
-
1059
- #root-container .h-\[36px\] {
1060
- height: 36px;
1061
- }
1062
-
1063
- #root-container .h-\[40px\] {
1064
- height: 40px;
1065
- }
1066
-
1067
- #root-container .h-\[64px\] {
1068
- height: 64px;
1069
- }
1070
-
1071
- #root-container .h-\[64px\]\! {
1072
- height: 64px !important;
1073
- }
1074
-
1075
- #root-container .h-\[780px\] {
1076
- height: 780px;
1077
- }
1078
-
1079
- #root-container .h-auto {
1080
- height: auto;
1081
- }
1082
-
1083
- #root-container .h-full {
1084
- height: 100%;
1085
- }
1086
-
1087
- #root-container .h-full\! {
1088
- height: 100% !important;
1089
- }
1090
-
1091
- #root-container .max-h-0 {
1092
- max-height: calc(var(--spacing) * 0);
1093
- }
1094
-
1095
- #root-container .max-h-40 {
1096
- max-height: calc(var(--spacing) * 40);
1097
- }
1098
-
1099
- #root-container .max-h-75 {
1100
- max-height: calc(var(--spacing) * 75);
1101
- }
1102
-
1103
- #root-container .max-h-80 {
1104
- max-height: calc(var(--spacing) * 80);
1105
- }
1106
-
1107
- #root-container .max-h-\[80vh\] {
1108
- max-height: 80vh;
1109
- }
1110
-
1111
- #root-container .max-h-\[90vh\] {
1112
- max-height: 90vh;
1113
- }
1114
-
1115
- #root-container .min-h-0 {
1116
- min-height: calc(var(--spacing) * 0);
1117
- }
1118
-
1119
- #root-container .min-h-9 {
1120
- min-height: calc(var(--spacing) * 9);
1121
- }
1122
-
1123
- #root-container .w-0 {
1124
- width: calc(var(--spacing) * 0);
1125
- }
1126
-
1127
- #root-container .w-8 {
1128
- width: calc(var(--spacing) * 8);
1129
- }
1130
-
1131
- #root-container .w-64 {
1132
- width: calc(var(--spacing) * 64);
1133
- }
1134
-
1135
- #root-container .w-72 {
1136
- width: calc(var(--spacing) * 72);
1137
- }
1138
-
1139
- #root-container .w-80 {
1140
- width: calc(var(--spacing) * 80);
1141
- }
1142
-
1143
- #root-container .w-\[8px\] {
1144
- width: 8px;
1145
- }
1146
-
1147
- #root-container .w-\[12px\] {
1148
- width: 12px;
1149
- }
1150
-
1151
- #root-container .w-\[16px\] {
1152
- width: 16px;
1153
- }
1154
-
1155
- #root-container .w-\[20px\] {
1156
- width: 20px;
1157
- }
1158
-
1159
- #root-container .w-\[30px\] {
1160
- width: 30px;
1161
- }
1162
-
1163
- #root-container .w-\[40px\] {
1164
- width: 40px;
1165
- }
1166
-
1167
- #root-container .w-\[64px\] {
1168
- width: 64px;
1169
- }
1170
-
1171
- #root-container .w-\[90px\] {
1172
- width: 90px;
1173
- }
1174
-
1175
- #root-container .w-\[var\(--radix-popover-trigger-width\)\] {
1176
- width: var(--radix-popover-trigger-width);
1177
- }
1178
-
1179
- #root-container .w-auto {
1180
- width: auto;
1181
- }
1182
-
1183
- #root-container .w-full {
1184
- width: 100%;
1185
- }
1186
-
1187
- #root-container .max-w-\[90vw\] {
1188
- max-width: 90vw;
1189
- }
1190
-
1191
- #root-container .max-w-\[154px\] {
1192
- max-width: 154px;
1193
- }
1194
-
1195
- #root-container .max-w-\[300px\] {
1196
- max-width: 300px;
1197
- }
1198
-
1199
- #root-container .max-w-\[calc\(100\%-2rem\)\] {
1200
- max-width: calc(100% - 2rem);
1201
- }
1202
-
1203
- #root-container .max-w-max {
1204
- max-width: max-content;
1205
- }
1206
-
1207
- #root-container .min-w-0 {
1208
- min-width: calc(var(--spacing) * 0);
1209
- }
1210
-
1211
- #root-container .min-w-\[16px\] {
1212
- min-width: 16px;
1213
- }
1214
-
1215
- #root-container .min-w-\[80px\] {
1216
- min-width: 80px;
1217
- }
1218
-
1219
- #root-container .min-w-\[auto\] {
1220
- min-width: auto;
1221
- }
1222
-
1223
- #root-container .flex-1 {
1224
- flex: 1;
1225
- }
1226
-
1227
- #root-container .flex-none {
1228
- flex: none;
1229
- }
1230
-
1231
- #root-container .flex-shrink-0, #root-container .shrink-0 {
1232
- flex-shrink: 0;
1233
- }
1234
-
1235
- #root-container .shrink-0\! {
1236
- flex-shrink: 0 !important;
1237
- }
1238
-
1239
- #root-container .origin-\(--radix-popover-content-transform-origin\) {
1240
- transform-origin: var(--radix-popover-content-transform-origin);
1241
- }
1242
-
1243
- #root-container .translate-x-\[-50\%\] {
1244
- --tw-translate-x: -50%;
1245
- translate: var(--tw-translate-x) var(--tw-translate-y);
1246
- }
1247
-
1248
- #root-container .-translate-y-1\/2 {
1249
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1250
- translate: var(--tw-translate-x) var(--tw-translate-y);
1251
- }
1252
-
1253
- #root-container .-translate-y-4 {
1254
- --tw-translate-y: calc(var(--spacing) * -4);
1255
- translate: var(--tw-translate-x) var(--tw-translate-y);
1256
- }
1257
-
1258
- #root-container .translate-y-0 {
1259
- --tw-translate-y: calc(var(--spacing) * 0);
1260
- translate: var(--tw-translate-x) var(--tw-translate-y);
1261
- }
1262
-
1263
- #root-container .translate-y-\[-50\%\] {
1264
- --tw-translate-y: -50%;
1265
- translate: var(--tw-translate-x) var(--tw-translate-y);
1266
- }
1267
-
1268
- #root-container .rotate-180 {
1269
- rotate: 180deg;
1270
- }
1271
-
1272
- #root-container .rotate-360 {
1273
- rotate: 360deg;
1274
- }
1275
-
1276
- #root-container .transform {
1277
- transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
1278
- }
1279
-
1280
- #root-container .transform-gpu {
1281
- transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
1282
- }
1283
-
1284
- #root-container .animate-spin {
1285
- animation: var(--animate-spin);
1286
- }
1287
-
1288
- #root-container .cursor-not-allowed {
1289
- cursor: not-allowed;
1290
- }
1291
-
1292
- #root-container .cursor-pointer {
1293
- cursor: pointer;
1294
- }
1295
-
1296
- #root-container .touch-pan-y {
1297
- --tw-pan-y: pan-y;
1298
- touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
1299
- }
1300
-
1301
- #root-container .resize {
1302
- resize: both;
1303
- }
1304
-
1305
- #root-container .grid-cols-1 {
1306
- grid-template-columns: repeat(1, minmax(0, 1fr));
1307
- }
1308
-
1309
- #root-container .grid-cols-2 {
1310
- grid-template-columns: repeat(2, minmax(0, 1fr));
1311
- }
1312
-
1313
- #root-container .flex-col {
1314
- flex-direction: column;
1315
- }
1316
-
1317
- #root-container .flex-col-reverse {
1318
- flex-direction: column-reverse;
1319
- }
1320
-
1321
- #root-container .flex-row {
1322
- flex-direction: row;
1323
- }
1324
-
1325
- #root-container .flex-row\! {
1326
- flex-direction: row !important;
1327
- }
1328
-
1329
- #root-container .flex-wrap {
1330
- flex-wrap: wrap;
1331
- }
1332
-
1333
- #root-container .items-center {
1334
- align-items: center;
1335
- }
1336
-
1337
- #root-container .items-center\! {
1338
- align-items: center !important;
1339
- }
1340
-
1341
- #root-container .items-start {
1342
- align-items: flex-start;
1343
- }
1344
-
1345
- #root-container .justify-between {
1346
- justify-content: space-between;
1347
- }
1348
-
1349
- #root-container .justify-center {
1350
- justify-content: center;
1351
- }
1352
-
1353
- #root-container .gap-\[4px\] {
1354
- gap: 4px;
1355
- }
1356
-
1357
- #root-container .gap-\[8px\] {
1358
- gap: 8px;
1359
- }
1360
-
1361
- #root-container .gap-\[8px\]\! {
1362
- gap: 8px !important;
1363
- }
1364
-
1365
- #root-container .gap-\[12px\] {
1366
- gap: 12px;
1367
- }
1368
-
1369
- #root-container .gap-\[16px\] {
1370
- gap: 16px;
1371
- }
1372
-
1373
- #root-container .gap-\[16px\]\! {
1374
- gap: 16px !important;
1375
- }
1376
-
1377
- #root-container .gap-\[var\(--sm-padding\)\] {
1378
- gap: var(--sm-padding);
1379
- }
1380
-
1381
- :where(#root-container .space-y-1\.5 > :not(:last-child)) {
1382
- --tw-space-y-reverse: 0;
1383
- margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
1384
- margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
1385
- }
1386
-
1387
- #root-container .truncate {
1388
- text-overflow: ellipsis;
1389
- white-space: nowrap;
1390
- overflow: hidden;
1391
- }
1392
-
1393
- #root-container .overflow-hidden {
1394
- overflow: hidden;
1395
- }
1396
-
1397
- #root-container .overflow-x-auto\! {
1398
- overflow-x: auto !important;
1399
- }
1400
-
1401
- #root-container .overflow-y-auto {
1402
- overflow-y: auto;
1403
- }
1404
-
1405
- #root-container .overscroll-contain {
1406
- overscroll-behavior: contain;
1407
- }
1408
-
1409
- #root-container .scroll-smooth {
1410
- scroll-behavior: smooth;
1411
- }
1412
-
1413
- #root-container .rounded {
1414
- border-radius: .25rem;
1415
- }
1416
-
1417
- #root-container .rounded-2xl {
1418
- border-radius: var(--radius-2xl);
1419
- }
1420
-
1421
- #root-container .rounded-\[1rem\] {
1422
- border-radius: 1rem;
1423
- }
1424
-
1425
- #root-container .rounded-\[4px\] {
1426
- border-radius: 4px;
1427
- }
1428
-
1429
- #root-container .rounded-full {
1430
- border-radius: 3.40282e38px;
1431
- }
1432
-
1433
- #root-container .rounded-lg {
1434
- border-radius: var(--radius);
1435
- }
1436
-
1437
- #root-container .rounded-md {
1438
- border-radius: calc(var(--radius) - 2px);
1439
- }
1440
-
1441
- #root-container .rounded-sm {
1442
- border-radius: calc(var(--radius) - 4px);
1443
- }
1444
-
1445
- #root-container .rounded-xl {
1446
- border-radius: calc(var(--radius) + 4px);
1447
- }
1448
-
1449
- #root-container .border {
1450
- border-style: var(--tw-border-style);
1451
- border-width: 1px;
1452
- }
1453
-
1454
- #root-container .border-y {
1455
- border-block-style: var(--tw-border-style);
1456
- border-block-width: 1px;
1457
- }
1458
-
1459
- #root-container .border-t {
1460
- border-top-style: var(--tw-border-style);
1461
- border-top-width: 1px;
1462
- }
1463
-
1464
- #root-container .border-t-\[10px\] {
1465
- border-top-style: var(--tw-border-style);
1466
- border-top-width: 10px;
1467
- }
1468
-
1469
- #root-container .border-r-\[10px\] {
1470
- border-right-style: var(--tw-border-style);
1471
- border-right-width: 10px;
1472
- }
1473
-
1474
- #root-container .border-b {
1475
- border-bottom-style: var(--tw-border-style);
1476
- border-bottom-width: 1px;
1477
- }
1478
-
1479
- #root-container .border-b\! {
1480
- border-bottom-style: var(--tw-border-style) !important;
1481
- border-bottom-width: 1px !important;
1482
- }
1483
-
1484
- #root-container .border-l-\[10px\] {
1485
- border-left-style: var(--tw-border-style);
1486
- border-left-width: 10px;
1487
- }
1488
-
1489
- #root-container .border-none {
1490
- --tw-border-style: none;
1491
- border-style: none;
1492
- }
1493
-
1494
- #root-container .border-solid {
1495
- --tw-border-style: solid;
1496
- border-style: solid;
1497
- }
1498
-
1499
- #root-container .border-solid\! {
1500
- --tw-border-style: solid !important;
1501
- border-style: solid !important;
1502
- }
1503
-
1504
- #root-container .border-\[var\(--border\)\] {
1505
- border-color: var(--border);
1506
- }
1507
-
1508
- #root-container .border-\[var\(--border\)\]\! {
1509
- border-color: var(--border) !important;
1510
- }
1511
-
1512
- #root-container .border-\[var\(--main-accent-color\)\] {
1513
- border-color: var(--main-accent-color);
1514
- }
1515
-
1516
- #root-container .border-amber-700 {
1517
- border-color: var(--color-amber-700);
1518
- }
1519
-
1520
- #root-container .border-gray-200 {
1521
- border-color: var(--color-gray-200);
1522
- }
1523
-
1524
- #root-container .border-input {
1525
- border-color: var(--input);
1526
- }
1527
-
1528
- #root-container .border-transparent {
1529
- border-color: #0000;
1530
- }
1531
-
1532
- #root-container .border-r-transparent {
1533
- border-right-color: #0000;
1534
- }
1535
-
1536
- #root-container .border-b-border {
1537
- border-bottom-color: var(--border);
1538
- }
1539
-
1540
- #root-container .border-l-transparent {
1541
- border-left-color: #0000;
1542
- }
1543
-
1544
- #root-container .bg-\[\#000\] {
1545
- background-color: #000;
1546
- }
1547
-
1548
- #root-container .bg-\[var\(--background\)\] {
1549
- background-color: var(--background);
1550
- }
1551
-
1552
- #root-container .bg-\[var\(--background-grey\)\] {
1553
- background-color: var(--background-grey);
1554
- }
1555
-
1556
- #root-container .bg-\[var\(--border\)\] {
1557
- background-color: var(--border);
1558
- }
1559
-
1560
- #root-container .bg-\[var\(--label-bg\)\] {
1561
- background-color: var(--label-bg);
1562
- }
1563
-
1564
- #root-container .bg-\[var\(--main-accent-color\)\] {
1565
- background-color: var(--main-accent-color);
1566
- }
1567
-
1568
- #root-container .bg-\[var\(--sidebar-b\)\] {
1569
- background-color: var(--sidebar-b);
1570
- }
1571
-
1572
- #root-container .bg-\[var\(--sidebar-bg\)\] {
1573
- background-color: var(--sidebar-bg);
1574
- }
1575
-
1576
- #root-container .bg-amber-300 {
1577
- background-color: var(--color-amber-300);
1578
- }
1579
-
1580
- #root-container .bg-black {
1581
- background-color: var(--color-black);
1582
- }
1583
-
1584
- #root-container .bg-black\/30 {
1585
- background-color: #0000004d;
1586
- }
1587
-
1588
- @supports (color: color-mix(in lab, red, red)) {
1589
- #root-container .bg-black\/30 {
1590
- background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1591
- }
1592
- }
1593
-
1594
- #root-container .bg-black\/40 {
1595
- background-color: #0006;
1596
- }
1597
-
1598
- @supports (color: color-mix(in lab, red, red)) {
1599
- #root-container .bg-black\/40 {
1600
- background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1601
- }
1602
- }
1603
-
1604
- #root-container .bg-black\/80 {
1605
- background-color: #000c;
1606
- }
1607
-
1608
- @supports (color: color-mix(in lab, red, red)) {
1609
- #root-container .bg-black\/80 {
1610
- background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
1611
- }
1612
- }
1613
-
1614
- #root-container .bg-gray-100 {
1615
- background-color: var(--color-gray-100);
1616
- }
1617
-
1618
- #root-container .bg-gray-200 {
1619
- background-color: var(--color-gray-200);
1620
- }
1621
-
1622
- #root-container .bg-gray-400 {
1623
- background-color: var(--color-gray-400);
1624
- }
1625
-
1626
- #root-container .bg-popover {
1627
- background-color: var(--popover);
1628
- }
1629
-
1630
- #root-container .bg-white {
1631
- background-color: var(--color-white);
1632
- }
1633
-
1634
- #root-container .stroke-\[var\(--svg-dark\)\] {
1635
- stroke: var(--svg-dark);
1636
- }
1637
-
1638
- #root-container .object-cover {
1639
- object-fit: cover;
1640
- }
1641
-
1642
- #root-container .p-0 {
1643
- padding: calc(var(--spacing) * 0);
1644
- }
1645
-
1646
- #root-container .p-1 {
1647
- padding: calc(var(--spacing) * 1);
1648
- }
1649
-
1650
- #root-container .p-2 {
1651
- padding: calc(var(--spacing) * 2);
1652
- }
1653
-
1654
- #root-container .p-4 {
1655
- padding: calc(var(--spacing) * 4);
1656
- }
1657
-
1658
- #root-container .p-\[0\.4rem\] {
1659
- padding: .4rem;
1660
- }
1661
-
1662
- #root-container .p-\[1\.6rem\] {
1663
- padding: 1.6rem;
1664
- }
1665
-
1666
- #root-container .p-\[1\.25rem\] {
1667
- padding: 1.25rem;
1668
- }
1669
-
1670
- #root-container .p-\[var\(--padding\)\] {
1671
- padding: var(--padding);
1672
- }
1673
-
1674
- #root-container .p-\[var\(--sm-padding\)\] {
1675
- padding: var(--sm-padding);
1676
- }
1677
-
1678
- #root-container .p-\[var\(--sm-padding\)\]\! {
1679
- padding: var(--sm-padding) !important;
1680
- }
1681
-
1682
- #root-container .px-2 {
1683
- padding-inline: calc(var(--spacing) * 2);
1684
- }
1685
-
1686
- #root-container .px-3 {
1687
- padding-inline: calc(var(--spacing) * 3);
1688
- }
1689
-
1690
- #root-container .px-4 {
1691
- padding-inline: calc(var(--spacing) * 4);
1692
- }
1693
-
1694
- #root-container .px-\[8px\] {
1695
- padding-inline: 8px;
1696
- }
1697
-
1698
- #root-container .px-\[var\(--sm-padding\)\] {
1699
- padding-inline: var(--sm-padding);
1700
- }
1701
-
1702
- #root-container .py-0\.5 {
1703
- padding-block: calc(var(--spacing) * .5);
1704
- }
1705
-
1706
- #root-container .py-1 {
1707
- padding-block: calc(var(--spacing) * 1);
1708
- }
1709
-
1710
- #root-container .py-2 {
1711
- padding-block: calc(var(--spacing) * 2);
1712
- }
1713
-
1714
- #root-container .py-3 {
1715
- padding-block: calc(var(--spacing) * 3);
1716
- }
1717
-
1718
- #root-container .py-\[8px\] {
1719
- padding-block: 8px;
1720
- }
1721
-
1722
- #root-container .pt-3 {
1723
- padding-top: calc(var(--spacing) * 3);
1724
- }
1725
-
1726
- #root-container .pr-8 {
1727
- padding-right: calc(var(--spacing) * 8);
1728
- }
1729
-
1730
- #root-container .pb-2 {
1731
- padding-bottom: calc(var(--spacing) * 2);
1732
- }
1733
-
1734
- #root-container .text-center {
1735
- text-align: center;
1736
- }
1737
-
1738
- #root-container .text-left {
1739
- text-align: left;
1740
- }
1741
-
1742
- #root-container .text-3xl {
1743
- font-size: var(--text-3xl);
1744
- line-height: var(--tw-leading, var(--text-3xl--line-height));
1745
- }
1746
-
1747
- #root-container .text-base {
1748
- font-size: var(--text-base);
1749
- line-height: var(--tw-leading, var(--text-base--line-height));
1750
- }
1751
-
1752
- #root-container .text-sm {
1753
- font-size: var(--text-sm);
1754
- line-height: var(--tw-leading, var(--text-sm--line-height));
1755
- }
1756
-
1757
- #root-container .text-xs {
1758
- font-size: var(--text-xs);
1759
- line-height: var(--tw-leading, var(--text-xs--line-height));
1760
- }
1761
-
1762
- #root-container .text-xs\/snug {
1763
- font-size: var(--text-xs);
1764
- line-height: var(--leading-snug);
1765
- }
1766
-
1767
- #root-container .text-\[0\.95rem\] {
1768
- font-size: .95rem;
1769
- }
1770
-
1771
- #root-container .text-\[1\.1rem\] {
1772
- font-size: 1.1rem;
1773
- }
1774
-
1775
- #root-container .text-\[1\.05rem\] {
1776
- font-size: 1.05rem;
1777
- }
1778
-
1779
- #root-container .text-\[1\.8rem\] {
1780
- font-size: 1.8rem;
1781
- }
1782
-
1783
- #root-container .text-\[1rem\] {
1784
- font-size: 1rem;
1785
- }
1786
-
1787
- #root-container .text-\[8px\] {
1788
- font-size: 8px;
1789
- }
1790
-
1791
- #root-container .leading-6 {
1792
- --tw-leading: calc(var(--spacing) * 6);
1793
- line-height: calc(var(--spacing) * 6);
1794
- }
1795
-
1796
- #root-container .leading-\[1\.6\] {
1797
- --tw-leading: 1.6;
1798
- line-height: 1.6;
1799
- }
1800
-
1801
- #root-container .leading-\[1\.45\] {
1802
- --tw-leading: 1.45;
1803
- line-height: 1.45;
1804
- }
1805
-
1806
- #root-container .leading-\[14px\] {
1807
- --tw-leading: 14px;
1808
- line-height: 14px;
1809
- }
1810
-
1811
- #root-container .leading-\[16px\] {
1812
- --tw-leading: 16px;
1813
- line-height: 16px;
1814
- }
1815
-
1816
- #root-container .leading-\[20px\] {
1817
- --tw-leading: 20px;
1818
- line-height: 20px;
1819
- }
1820
-
1821
- #root-container .leading-\[24px\] {
1822
- --tw-leading: 24px;
1823
- line-height: 24px;
1824
- }
1825
-
1826
- #root-container .leading-none {
1827
- --tw-leading: 1;
1828
- line-height: 1;
1829
- }
1830
-
1831
- #root-container .font-bold {
1832
- --tw-font-weight: var(--font-weight-bold);
1833
- font-weight: var(--font-weight-bold);
1834
- }
1835
-
1836
- #root-container .font-medium {
1837
- --tw-font-weight: var(--font-weight-medium);
1838
- font-weight: var(--font-weight-medium);
1839
- }
1840
-
1841
- #root-container .font-normal {
1842
- --tw-font-weight: var(--font-weight-normal);
1843
- font-weight: var(--font-weight-normal);
1844
- }
1845
-
1846
- #root-container .font-semibold {
1847
- --tw-font-weight: var(--font-weight-semibold);
1848
- font-weight: var(--font-weight-semibold);
1849
- }
1850
-
1851
- #root-container .tracking-tight {
1852
- --tw-tracking: var(--tracking-tight);
1853
- letter-spacing: var(--tracking-tight);
1854
- }
1855
-
1856
- #root-container .whitespace-nowrap {
1857
- white-space: nowrap;
1858
- }
1859
-
1860
- #root-container .text-\[var\(--main-accent-color\)\] {
1861
- color: var(--main-accent-color);
1862
- }
1863
-
1864
- #root-container .text-\[var\(--text\)\] {
1865
- color: var(--text);
1866
- }
1867
-
1868
- #root-container .text-\[var\(--text-muted\)\] {
1869
- color: var(--text-muted);
1870
- }
1871
-
1872
- #root-container .text-amber-700 {
1873
- color: var(--color-amber-700);
1874
- }
1875
-
1876
- #root-container .text-black {
1877
- color: var(--color-black);
1878
- }
1879
-
1880
- #root-container .text-current {
1881
- color: currentColor;
1882
- }
1883
-
1884
- #root-container .text-gray-200 {
1885
- color: var(--color-gray-200);
1886
- }
1887
-
1888
- #root-container .text-gray-400 {
1889
- color: var(--color-gray-400);
1890
- }
1891
-
1892
- #root-container .text-gray-500 {
1893
- color: var(--color-gray-500);
1894
- }
1895
-
1896
- #root-container .text-gray-700 {
1897
- color: var(--color-gray-700);
1898
- }
1899
-
1900
- #root-container .text-gray-800 {
1901
- color: var(--color-gray-800);
1902
- }
1903
-
1904
- #root-container .text-muted-foreground {
1905
- color: var(--muted-foreground);
1906
- }
1907
-
1908
- #root-container .text-popover-foreground {
1909
- color: var(--popover-foreground);
1910
- }
1911
-
1912
- #root-container .text-white {
1913
- color: var(--color-white);
1914
- }
1915
-
1916
- #root-container .capitalize {
1917
- text-transform: capitalize;
1918
- }
1919
-
1920
- #root-container .underline {
1921
- text-decoration-line: underline;
1922
- }
1923
-
1924
- #root-container .placeholder-\[var\(--text-muted\)\]::placeholder {
1925
- color: var(--text-muted);
1926
- }
1927
-
1928
- #root-container .opacity-0 {
1929
- opacity: 0;
1930
- }
1931
-
1932
- #root-container .opacity-60 {
1933
- opacity: .6;
1934
- }
1935
-
1936
- #root-container .opacity-70 {
1937
- opacity: .7;
1938
- }
1939
-
1940
- #root-container .opacity-100 {
1941
- opacity: 1;
1942
- }
1943
-
1944
- #root-container .shadow {
1945
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
1946
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1947
- }
1948
-
1949
- #root-container .shadow-\[0_-2px_10px_rgba\(40\,40\,40\,0\.10\)\] {
1950
- --tw-shadow: 0 -2px 10px var(--tw-shadow-color, #2828281a);
1951
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1952
- }
1953
-
1954
- #root-container .shadow-lg {
1955
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
1956
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1957
- }
1958
-
1959
- #root-container .shadow-sm {
1960
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
1961
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1962
- }
1963
-
1964
- #root-container .shadow-xl {
1965
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
1966
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1967
- }
1968
-
1969
- #root-container .shadow-xs {
1970
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
1971
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1972
- }
1973
-
1974
- #root-container .outline-hidden {
1975
- --tw-outline-style: none;
1976
- outline-style: none;
1977
- }
1978
-
1979
- @media (forced-colors: active) {
1980
- #root-container .outline-hidden {
1981
- outline-offset: 2px;
1982
- outline: 2px solid #0000;
1983
- }
1984
- }
1985
-
1986
- #root-container .filter {
1987
- 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, );
1988
- }
1989
-
1990
- #root-container .backdrop-blur {
1991
- --tw-backdrop-blur: blur(8px);
1992
- -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
1993
- backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
1994
- }
1995
-
1996
- #root-container .transition {
1997
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1998
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1999
- transition-duration: var(--tw-duration, .2s);
2000
- }
2001
-
2002
- #root-container .transition-\[max-height\,opacity\,transform\] {
2003
- transition-property: max-height, opacity, transform;
2004
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2005
- transition-duration: var(--tw-duration, .2s);
2006
- }
2007
-
2008
- #root-container .transition-all {
2009
- transition-property: all;
2010
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2011
- transition-duration: var(--tw-duration, .2s);
2012
- }
2013
-
2014
- #root-container .transition-colors {
2015
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2016
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2017
- transition-duration: var(--tw-duration, .2s);
2018
- }
2019
-
2020
- #root-container .transition-shadow {
2021
- transition-property: box-shadow;
2022
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2023
- transition-duration: var(--tw-duration, .2s);
2024
- }
2025
-
2026
- #root-container .transition-transform {
2027
- transition-property: transform, translate, scale, rotate;
2028
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2029
- transition-duration: var(--tw-duration, .2s);
2030
- }
2031
-
2032
- #root-container .transition-none {
2033
- transition-property: none;
2034
- }
2035
-
2036
- #root-container .duration-200 {
2037
- --tw-duration: .2s;
2038
- transition-duration: .2s;
2039
- }
2040
-
2041
- #root-container .duration-300 {
2042
- --tw-duration: .3s;
2043
- transition-duration: .3s;
2044
- }
2045
-
2046
- #root-container .duration-500 {
2047
- --tw-duration: .5s;
2048
- transition-duration: .5s;
2049
- }
2050
-
2051
- #root-container .duration-\[400ms\] {
2052
- --tw-duration: .4s;
2053
- transition-duration: .4s;
2054
- }
2055
-
2056
- #root-container .ease-in-out {
2057
- --tw-ease: var(--ease-in-out);
2058
- transition-timing-function: var(--ease-in-out);
2059
- }
2060
-
2061
- #root-container .outline-none {
2062
- --tw-outline-style: none;
2063
- outline-style: none;
2064
- }
2065
-
2066
- #root-container .select-none {
2067
- -webkit-user-select: none;
2068
- user-select: none;
2069
- }
2070
-
2071
- #root-container .last\:border-b-0:last-child {
2072
- border-bottom-style: var(--tw-border-style);
2073
- border-bottom-width: 0;
2074
- }
2075
-
2076
- @media (hover: hover) {
2077
- #root-container .hover\:border-primary:hover {
2078
- border-color: var(--primary);
2079
- }
2080
-
2081
- #root-container .hover\:bg-gray-50:hover {
2082
- background-color: var(--color-gray-50);
2083
- }
2084
-
2085
- #root-container .hover\:bg-gray-100:hover {
2086
- background-color: var(--color-gray-100);
2087
- }
2088
-
2089
- #root-container .hover\:bg-gray-300:hover {
2090
- background-color: var(--color-gray-300);
2091
- }
2092
-
2093
- #root-container .hover\:bg-secondary:hover {
2094
- background-color: var(--secondary);
2095
- }
2096
-
2097
- #root-container .hover\:text-\[var\(--main-accent-color\)\]:hover {
2098
- color: var(--main-accent-color);
2099
- }
2100
-
2101
- #root-container .hover\:text-primary:hover {
2102
- color: var(--primary);
2103
- }
2104
-
2105
- #root-container .hover\:opacity-90:hover {
2106
- opacity: .9;
2107
- }
2108
-
2109
- #root-container .hover\:brightness-90:hover {
2110
- --tw-brightness: brightness(90%);
2111
- 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, );
2112
- }
2113
-
2114
- #root-container .hover\:brightness-95:hover {
2115
- --tw-brightness: brightness(95%);
2116
- 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, );
2117
- }
2118
-
2119
- #root-container .hover\:brightness-110:hover {
2120
- --tw-brightness: brightness(110%);
2121
- 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, );
2122
- }
2123
- }
2124
-
2125
- #root-container .focus\:border-\[var\(--main-accent-color\)\]:focus {
2126
- border-color: var(--main-accent-color);
2127
- }
2128
-
2129
- #root-container .focus\:border-primary:focus {
2130
- border-color: var(--primary);
2131
- }
2132
-
2133
- #root-container .focus\:bg-gray-50:focus {
2134
- background-color: var(--color-gray-50);
2135
- }
2136
-
2137
- #root-container .focus\:ring-2:focus {
2138
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2139
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2140
- }
2141
-
2142
- #root-container .focus\:ring-\[var\(--main-accent-color\)\]:focus {
2143
- --tw-ring-color: var(--main-accent-color);
2144
- }
2145
-
2146
- #root-container .focus\:ring-offset-2:focus {
2147
- --tw-ring-offset-width: 2px;
2148
- --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2149
- }
2150
-
2151
- #root-container .focus\:outline-none:focus {
2152
- --tw-outline-style: none;
2153
- outline-style: none;
2154
- }
2155
-
2156
- #root-container .focus-visible\:border-ring:focus-visible {
2157
- border-color: var(--ring);
2158
- }
2159
-
2160
- #root-container .focus-visible\:ring-2:focus-visible {
2161
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2162
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2163
- }
2164
-
2165
- #root-container .focus-visible\:ring-\[3px\]:focus-visible {
2166
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2167
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2168
- }
2169
-
2170
- #root-container .focus-visible\:ring-\[var\(--main-accent-color\)\]:focus-visible {
2171
- --tw-ring-color: var(--main-accent-color);
2172
- }
2173
-
2174
- #root-container .focus-visible\:ring-ring\/50:focus-visible {
2175
- --tw-ring-color: var(--ring);
2176
- }
2177
-
2178
- @supports (color: color-mix(in lab, red, red)) {
2179
- #root-container .focus-visible\:ring-ring\/50:focus-visible {
2180
- --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
2181
- }
2182
- }
2183
-
2184
- #root-container .focus-visible\:outline-none:focus-visible {
2185
- --tw-outline-style: none;
2186
- outline-style: none;
2187
- }
2188
-
2189
- #root-container .disabled\:pointer-events-none:disabled {
2190
- pointer-events: none;
2191
- }
2192
-
2193
- #root-container .disabled\:cursor-not-allowed:disabled {
2194
- cursor: not-allowed;
2195
- }
2196
-
2197
- #root-container .disabled\:opacity-40:disabled {
2198
- opacity: .4;
2199
- }
2200
-
2201
- #root-container .disabled\:opacity-50:disabled {
2202
- opacity: .5;
2203
- }
2204
-
2205
- #root-container .aria-invalid\:border-destructive[aria-invalid="true"] {
2206
- border-color: var(--destructive);
2207
- }
2208
-
2209
- #root-container .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
2210
- --tw-ring-color: var(--destructive);
2211
- }
2212
-
2213
- @supports (color: color-mix(in lab, red, red)) {
2214
- #root-container .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
2215
- --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
2216
- }
2217
- }
2218
-
2219
- #root-container .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
2220
- --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
2221
- }
2222
-
2223
- #root-container .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
2224
- --tw-enter-translate-x: calc(2 * var(--spacing));
2225
- }
2226
-
2227
- #root-container .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
2228
- --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
2229
- }
2230
-
2231
- #root-container .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
2232
- --tw-enter-translate-y: calc(2 * var(--spacing));
2233
- }
2234
-
2235
- #root-container .data-\[state\=checked\]\:bg-transparent[data-state="checked"] {
2236
- background-color: #0000;
2237
- }
2238
-
2239
- #root-container .data-\[state\=checked\]\:text-black[data-state="checked"] {
2240
- color: var(--color-black);
2241
- }
2242
-
2243
- #root-container .data-\[state\=closed\]\:animate-out[data-state="closed"] {
2244
- animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
2245
- }
2246
-
2247
- #root-container .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
2248
- --tw-exit-opacity: 0;
2249
- }
2250
-
2251
- #root-container .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
2252
- --tw-exit-scale: .95;
2253
- }
2254
-
2255
- #root-container .data-\[state\=open\]\:animate-in[data-state="open"] {
2256
- animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
2257
- }
2258
-
2259
- #root-container .data-\[state\=open\]\:border-primary[data-state="open"] {
2260
- border-color: var(--primary);
2261
- }
2262
-
2263
- #root-container .data-\[state\=open\]\:fade-in-0[data-state="open"] {
2264
- --tw-enter-opacity: 0;
2265
- }
2266
-
2267
- #root-container .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
2268
- --tw-enter-scale: .95;
2269
- }
2270
-
2271
- @media (min-width: 375px) {
2272
- #root-container .\32 xs\:min-w-\[100px\] {
2273
- min-width: 100px;
2274
- }
2275
- }
2276
-
2277
- @media (min-width: 425px) {
2278
- #root-container .xs\:min-w-\[110px\] {
2279
- min-width: 110px;
2280
- }
2281
- }
2282
-
2283
- @media (min-width: 40rem) {
2284
- #root-container .sm\:pointer-events-none {
2285
- pointer-events: none;
2286
- }
2287
-
2288
- #root-container .sm\:right-4 {
2289
- right: calc(var(--spacing) * 4);
2290
- }
2291
-
2292
- #root-container .sm\:block\! {
2293
- display: block !important;
2294
- }
2295
-
2296
- #root-container .sm\:flex {
2297
- display: flex;
2298
- }
2299
-
2300
- #root-container .sm\:hidden\! {
2301
- display: none !important;
2302
- }
2303
-
2304
- #root-container .sm\:h-6 {
2305
- height: calc(var(--spacing) * 6);
2306
- }
2307
-
2308
- #root-container .sm\:h-\[16px\] {
2309
- height: 16px;
2310
- }
2311
-
2312
- #root-container .sm\:h-\[32px\] {
2313
- height: 32px;
2314
- }
2315
-
2316
- #root-container .sm\:h-\[64px\] {
2317
- height: 64px;
2318
- }
2319
-
2320
- #root-container .sm\:h-full {
2321
- height: 100%;
2322
- }
2323
-
2324
- #root-container .sm\:w-6 {
2325
- width: calc(var(--spacing) * 6);
2326
- }
2327
-
2328
- #root-container .sm\:w-\[16px\] {
2329
- width: 16px;
2330
- }
2331
-
2332
- #root-container .sm\:w-\[32px\] {
2333
- width: 32px;
2334
- }
2335
-
2336
- #root-container .sm\:w-\[50\%\] {
2337
- width: 50%;
2338
- }
2339
-
2340
- #root-container .sm\:w-\[64px\] {
2341
- width: 64px;
2342
- }
2343
-
2344
- #root-container .sm\:w-\[102px\] {
2345
- width: 102px;
2346
- }
2347
-
2348
- #root-container .sm\:w-full {
2349
- width: 100%;
2350
- }
2351
-
2352
- #root-container .sm\:max-w-5xl {
2353
- max-width: var(--container-5xl);
2354
- }
2355
-
2356
- #root-container .sm\:max-w-\[360px\] {
2357
- max-width: 360px;
2358
- }
2359
-
2360
- #root-container .sm\:max-w-\[auto\] {
2361
- max-width: auto;
2362
- }
2363
-
2364
- #root-container .sm\:min-w-\[130px\] {
2365
- min-width: 130px;
2366
- }
2367
-
2368
- #root-container .sm\:min-w-\[180px\] {
2369
- min-width: 180px;
2370
- }
2371
-
2372
- #root-container .sm\:min-w-\[250px\] {
2373
- min-width: 250px;
2374
- }
2375
-
2376
- #root-container .sm\:grid-cols-3 {
2377
- grid-template-columns: repeat(3, minmax(0, 1fr));
2378
- }
2379
-
2380
- #root-container .sm\:grid-cols-4 {
2381
- grid-template-columns: repeat(4, minmax(0, 1fr));
2382
- }
2383
-
2384
- #root-container .sm\:flex-row {
2385
- flex-direction: row;
2386
- }
2387
-
2388
- #root-container .sm\:items-center {
2389
- align-items: center;
2390
- }
2391
-
2392
- #root-container .sm\:items-end {
2393
- align-items: flex-end;
2394
- }
2395
-
2396
- #root-container .sm\:justify-between {
2397
- justify-content: space-between;
2398
- }
2399
-
2400
- #root-container .sm\:justify-center {
2401
- justify-content: center;
2402
- }
2403
-
2404
- #root-container .sm\:justify-end {
2405
- justify-content: flex-end;
2406
- }
2407
-
2408
- #root-container .sm\:gap-\[12px\] {
2409
- gap: 12px;
2410
- }
2411
-
2412
- #root-container .sm\:gap-\[16px\] {
2413
- gap: 16px;
2414
- }
2415
-
2416
- :where(#root-container .sm\:space-x-2 > :not(:last-child)) {
2417
- --tw-space-x-reverse: 0;
2418
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
2419
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
2420
- }
2421
-
2422
- #root-container .sm\:border-t {
2423
- border-top-style: var(--tw-border-style);
2424
- border-top-width: 1px;
2425
- }
2426
-
2427
- #root-container .sm\:border-r {
2428
- border-right-style: var(--tw-border-style);
2429
- border-right-width: 1px;
2430
- }
2431
-
2432
- #root-container .sm\:border-none {
2433
- --tw-border-style: none;
2434
- border-style: none;
2435
- }
2436
-
2437
- #root-container .sm\:border-solid {
2438
- --tw-border-style: solid;
2439
- border-style: solid;
2440
- }
2441
-
2442
- #root-container .sm\:border-\[var\(--border\)\] {
2443
- border-color: var(--border);
2444
- }
2445
-
2446
- #root-container .sm\:p-2 {
2447
- padding: calc(var(--spacing) * 2);
2448
- }
2449
-
2450
- #root-container .sm\:p-\[var\(--sm-padding\)\] {
2451
- padding: var(--sm-padding);
2452
- }
2453
-
2454
- #root-container .sm\:px-4 {
2455
- padding-inline: calc(var(--spacing) * 4);
2456
- }
2457
-
2458
- #root-container .sm\:px-\[var\(--sm-padding\)\] {
2459
- padding-inline: var(--sm-padding);
2460
- }
2461
-
2462
- #root-container .sm\:text-sm {
2463
- font-size: var(--text-sm);
2464
- line-height: var(--tw-leading, var(--text-sm--line-height));
2465
- }
2466
-
2467
- #root-container .sm\:opacity-0 {
2468
- opacity: 0;
2469
- }
2470
-
2471
- @media (hover: hover) {
2472
- #root-container .sm\:group-hover\:pointer-events-auto:is(:where(.group):hover *) {
2473
- pointer-events: auto;
2474
- }
2475
-
2476
- #root-container .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
2477
- opacity: 1;
2478
- }
2479
- }
2480
- }
2481
-
2482
- @media (min-width: 64rem) {
2483
- #root-container .lg\:visible\! {
2484
- visibility: visible !important;
2485
- }
2486
-
2487
- #root-container .lg\:flex\! {
2488
- display: flex !important;
2489
- }
2490
-
2491
- #root-container .lg\:hidden\! {
2492
- display: none !important;
2493
- }
2494
-
2495
- #root-container .lg\:w-\[50\%\] {
2496
- width: 50%;
2497
- }
2498
-
2499
- #root-container .lg\:w-\[50\%\]\! {
2500
- width: 50% !important;
2501
- }
2502
-
2503
- #root-container .lg\:max-w-\[240px\] {
2504
- max-width: 240px;
2505
- }
2506
-
2507
- #root-container .lg\:max-w-\[382px\] {
2508
- max-width: 382px;
2509
- }
2510
-
2511
- #root-container .lg\:min-w-\[160px\] {
2512
- min-width: 160px;
2513
- }
2514
-
2515
- #root-container .lg\:grid-cols-5 {
2516
- grid-template-columns: repeat(5, minmax(0, 1fr));
2517
- }
2518
-
2519
- #root-container .lg\:grid-cols-6 {
2520
- grid-template-columns: repeat(6, minmax(0, 1fr));
2521
- }
2522
-
2523
- #root-container .lg\:flex-row {
2524
- flex-direction: row;
2525
- }
2526
-
2527
- #root-container .lg\:items-end {
2528
- align-items: flex-end;
2529
- }
2530
-
2531
- #root-container .lg\:justify-between {
2532
- justify-content: space-between;
2533
- }
2534
-
2535
- #root-container .lg\:justify-end {
2536
- justify-content: flex-end;
2537
- }
2538
-
2539
- #root-container .lg\:border-none {
2540
- --tw-border-style: none;
2541
- border-style: none;
2542
- }
2543
- }
2544
-
2545
- @media (min-width: 80rem) {
2546
- #root-container .xl\:w-full\! {
2547
- width: 100% !important;
2548
- }
2549
-
2550
- #root-container .xl\:max-w-\[68\%\]\! {
2551
- max-width: 68% !important;
2552
- }
2553
-
2554
- #root-container .xl\:grid-cols-7 {
2555
- grid-template-columns: repeat(7, minmax(0, 1fr));
2556
- }
2557
-
2558
- #root-container .xl\:grid-cols-8 {
2559
- grid-template-columns: repeat(8, minmax(0, 1fr));
2560
- }
2561
- }
2562
-
2563
- @media (min-width: 96rem) {
2564
- #root-container .\32 xl\:grid-cols-9 {
2565
- grid-template-columns: repeat(9, minmax(0, 1fr));
2566
- }
2567
- }
2568
-
2569
- @media (prefers-color-scheme: dark) {
2570
- #root-container .dark\:bg-input\/30 {
2571
- background-color: var(--input);
2572
- }
2573
-
2574
- @supports (color: color-mix(in lab, red, red)) {
2575
- #root-container .dark\:bg-input\/30 {
2576
- background-color: color-mix(in oklab, var(--input) 30%, transparent);
2577
- }
2578
- }
2579
-
2580
- #root-container .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
2581
- --tw-ring-color: var(--destructive);
2582
- }
2583
-
2584
- @supports (color: color-mix(in lab, red, red)) {
2585
- #root-container .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
2586
- --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
2587
- }
2588
- }
2589
- }
2590
-
2591
- #root-container .\[\&_svg_path\]\:stroke-\[var\(--main-accent-color\)\] svg path {
2592
- stroke: var(--main-accent-color);
2593
- }
2594
-
2595
- #root-container .\[\&_svg_path\]\:stroke-\[var\(--svg-dark\)\] svg path {
2596
- stroke: var(--svg-dark);
2597
- }
2598
-
2599
- #root-container .text-xs {
2600
- font-size: 1.2rem;
2601
- }
2602
-
2603
- #root-container .text-sm {
2604
- font-size: 1.4rem;
2605
- }
2606
-
2607
- #root-container .text-base {
2608
- font-size: 1.6rem;
2609
- }
2610
-
2611
- #root-container .text-lg {
2612
- font-size: 1.8rem;
2613
- }
2614
-
2615
- #root-container .text-xl {
2616
- font-size: 2rem;
2617
- }
2618
-
2619
- #root-container .text-2xl {
2620
- font-size: 2.4rem;
2621
- }
2622
-
2623
- #root-container .text-3xl {
2624
- font-size: 3rem;
2625
- }
2626
-
2627
- #root-container .text-4xl {
2628
- font-size: 3.6rem;
2629
- }
2630
-
2631
- #root-container .text-5xl {
2632
- font-size: 4.8rem;
2633
- }
2634
-
2635
- #root-container .text-6xl {
2636
- font-size: 6rem;
2637
- }
2638
-
2639
- #root-container .text-7xl {
2640
- font-size: 7.2rem;
2641
- }
2642
-
2643
- #root-container .text-8xl {
2644
- font-size: 9.6rem;
2645
- }
2646
-
2647
- #root-container .text-9xl {
2648
- font-size: 12.8rem;
2649
- }
2650
-
2651
- h2 {
2652
- margin: 0 !important;
2653
- }
2654
-
2655
- html {
2656
- height: 100%;
2657
- font-size: 62.5%;
2658
- }
2659
-
2660
- body {
2661
- font-weight: 400;
2662
- }
2663
-
2664
- button {
2665
- cursor: pointer;
2666
- }
2667
-
2668
- #root-container .Toastify__toast {
2669
- background: #1f1f1f;
2670
- border-radius: 12px;
2671
- font-size: 14px;
2672
- }
2673
-
2674
- #root-container .Toastify__toast--error {
2675
- color: #fff;
2676
- background: #2a2a2a;
2677
- }
2678
-
2679
- @property --tw-translate-x {
2680
- syntax: "*";
2681
- inherits: false;
2682
- initial-value: 0;
2683
- }
2684
-
2685
- @property --tw-translate-y {
2686
- syntax: "*";
2687
- inherits: false;
2688
- initial-value: 0;
2689
- }
2690
-
2691
- @property --tw-translate-z {
2692
- syntax: "*";
2693
- inherits: false;
2694
- initial-value: 0;
2695
- }
2696
-
2697
- @property --tw-rotate-x {
2698
- syntax: "*";
2699
- inherits: false
2700
- }
2701
-
2702
- @property --tw-rotate-y {
2703
- syntax: "*";
2704
- inherits: false
2705
- }
2706
-
2707
- @property --tw-rotate-z {
2708
- syntax: "*";
2709
- inherits: false
2710
- }
2711
-
2712
- @property --tw-skew-x {
2713
- syntax: "*";
2714
- inherits: false
2715
- }
2716
-
2717
- @property --tw-skew-y {
2718
- syntax: "*";
2719
- inherits: false
2720
- }
2721
-
2722
- @property --tw-pan-x {
2723
- syntax: "*";
2724
- inherits: false
2725
- }
2726
-
2727
- @property --tw-pan-y {
2728
- syntax: "*";
2729
- inherits: false
2730
- }
2731
-
2732
- @property --tw-pinch-zoom {
2733
- syntax: "*";
2734
- inherits: false
2735
- }
2736
-
2737
- @property --tw-space-y-reverse {
2738
- syntax: "*";
2739
- inherits: false;
2740
- initial-value: 0;
2741
- }
2742
-
2743
- @property --tw-border-style {
2744
- syntax: "*";
2745
- inherits: false;
2746
- initial-value: solid;
2747
- }
2748
-
2749
- @property --tw-leading {
2750
- syntax: "*";
2751
- inherits: false
2752
- }
2753
-
2754
- @property --tw-font-weight {
2755
- syntax: "*";
2756
- inherits: false
2757
- }
2758
-
2759
- @property --tw-tracking {
2760
- syntax: "*";
2761
- inherits: false
2762
- }
2763
-
2764
- @property --tw-shadow {
2765
- syntax: "*";
2766
- inherits: false;
2767
- initial-value: 0 0 #0000;
2768
- }
2769
-
2770
- @property --tw-shadow-color {
2771
- syntax: "*";
2772
- inherits: false
2773
- }
2774
-
2775
- @property --tw-shadow-alpha {
2776
- syntax: "<percentage>";
2777
- inherits: false;
2778
- initial-value: 100%;
2779
- }
2780
-
2781
- @property --tw-inset-shadow {
2782
- syntax: "*";
2783
- inherits: false;
2784
- initial-value: 0 0 #0000;
2785
- }
2786
-
2787
- @property --tw-inset-shadow-color {
2788
- syntax: "*";
2789
- inherits: false
2790
- }
2791
-
2792
- @property --tw-inset-shadow-alpha {
2793
- syntax: "<percentage>";
2794
- inherits: false;
2795
- initial-value: 100%;
2796
- }
2797
-
2798
- @property --tw-ring-color {
2799
- syntax: "*";
2800
- inherits: false
2801
- }
2802
-
2803
- @property --tw-ring-shadow {
2804
- syntax: "*";
2805
- inherits: false;
2806
- initial-value: 0 0 #0000;
2807
- }
2808
-
2809
- @property --tw-inset-ring-color {
2810
- syntax: "*";
2811
- inherits: false
2812
- }
2813
-
2814
- @property --tw-inset-ring-shadow {
2815
- syntax: "*";
2816
- inherits: false;
2817
- initial-value: 0 0 #0000;
2818
- }
2819
-
2820
- @property --tw-ring-inset {
2821
- syntax: "*";
2822
- inherits: false
2823
- }
2824
-
2825
- @property --tw-ring-offset-width {
2826
- syntax: "<length>";
2827
- inherits: false;
2828
- initial-value: 0;
2829
- }
2830
-
2831
- @property --tw-ring-offset-color {
2832
- syntax: "*";
2833
- inherits: false;
2834
- initial-value: #fff;
2835
- }
2836
-
2837
- @property --tw-ring-offset-shadow {
2838
- syntax: "*";
2839
- inherits: false;
2840
- initial-value: 0 0 #0000;
2841
- }
2842
-
2843
- @property --tw-blur {
2844
- syntax: "*";
2845
- inherits: false
2846
- }
2847
-
2848
- @property --tw-brightness {
2849
- syntax: "*";
2850
- inherits: false
2851
- }
2852
-
2853
- @property --tw-contrast {
2854
- syntax: "*";
2855
- inherits: false
2856
- }
2857
-
2858
- @property --tw-grayscale {
2859
- syntax: "*";
2860
- inherits: false
2861
- }
2862
-
2863
- @property --tw-hue-rotate {
2864
- syntax: "*";
2865
- inherits: false
2866
- }
2867
-
2868
- @property --tw-invert {
2869
- syntax: "*";
2870
- inherits: false
2871
- }
2872
-
2873
- @property --tw-opacity {
2874
- syntax: "*";
2875
- inherits: false
2876
- }
2877
-
2878
- @property --tw-saturate {
2879
- syntax: "*";
2880
- inherits: false
2881
- }
2882
-
2883
- @property --tw-sepia {
2884
- syntax: "*";
2885
- inherits: false
2886
- }
2887
-
2888
- @property --tw-drop-shadow {
2889
- syntax: "*";
2890
- inherits: false
2891
- }
2892
-
2893
- @property --tw-drop-shadow-color {
2894
- syntax: "*";
2895
- inherits: false
2896
- }
2897
-
2898
- @property --tw-drop-shadow-alpha {
2899
- syntax: "<percentage>";
2900
- inherits: false;
2901
- initial-value: 100%;
2902
- }
2903
-
2904
- @property --tw-drop-shadow-size {
2905
- syntax: "*";
2906
- inherits: false
2907
- }
2908
-
2909
- @property --tw-backdrop-blur {
2910
- syntax: "*";
2911
- inherits: false
2912
- }
2913
-
2914
- @property --tw-backdrop-brightness {
2915
- syntax: "*";
2916
- inherits: false
2917
- }
2918
-
2919
- @property --tw-backdrop-contrast {
2920
- syntax: "*";
2921
- inherits: false
2922
- }
2923
-
2924
- @property --tw-backdrop-grayscale {
2925
- syntax: "*";
2926
- inherits: false
2927
- }
2928
-
2929
- @property --tw-backdrop-hue-rotate {
2930
- syntax: "*";
2931
- inherits: false
2932
- }
2933
-
2934
- @property --tw-backdrop-invert {
2935
- syntax: "*";
2936
- inherits: false
2937
- }
2938
-
2939
- @property --tw-backdrop-opacity {
2940
- syntax: "*";
2941
- inherits: false
2942
- }
2943
-
2944
- @property --tw-backdrop-saturate {
2945
- syntax: "*";
2946
- inherits: false
2947
- }
2948
-
2949
- @property --tw-backdrop-sepia {
2950
- syntax: "*";
2951
- inherits: false
2952
- }
2953
-
2954
- @property --tw-duration {
2955
- syntax: "*";
2956
- inherits: false
2957
- }
2958
-
2959
- @property --tw-ease {
2960
- syntax: "*";
2961
- inherits: false
2962
- }
2963
-
2964
- @property --tw-space-x-reverse {
2965
- syntax: "*";
2966
- inherits: false;
2967
- initial-value: 0;
2968
- }
2969
-
2970
- @keyframes spin {
2971
- to {
2972
- transform: rotate(360deg);
2973
- }
2974
- }
2975
-
2976
- @keyframes enter {
2977
- from {
2978
- opacity: var(--tw-enter-opacity, 1);
2979
- transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
2980
- filter: blur(var(--tw-enter-blur, 0));
2981
- }
2982
- }
2983
-
2984
- @keyframes exit {
2985
- to {
2986
- opacity: var(--tw-exit-opacity, 1);
2987
- transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
2988
- filter: blur(var(--tw-exit-blur, 0));
2989
- }
2990
- }
2991
- ._prose_1l8lv_1 {
2992
- color: #e5e5e5;
2993
- }
2994
- ._prose_1l8lv_1 h1,
2995
- ._prose_1l8lv_1 h2,
2996
- ._prose_1l8lv_1 h3,
2997
- ._prose_1l8lv_1 h4,
2998
- ._prose_1l8lv_1 h5,
2999
- ._prose_1l8lv_1 h6 {
3000
- color: #fff;
3001
- font-size: 1.1rem;
3002
- font-weight: 600;
3003
- margin: 0 0 0.3rem 0;
3004
- }
3005
-
3006
- ._mdAccordion_1l8lv_16 {
3007
- border-radius: 0.8rem;
3008
- margin: 0.8rem 0;
3009
- background: transparent;
3010
- color: #fff;
3011
- }
3012
- ._mdAccordion_1l8lv_16 > summary {
3013
- cursor: pointer;
3014
- font-weight: 600;
3015
- padding: 0.6rem 1rem;
3016
- border-radius: 0.8rem;
3017
- background: #1f1f1f;
3018
- color: #f5f5f5;
3019
- transition: background 0.2s ease;
3020
- }
3021
- ._mdAccordion_1l8lv_16 > summary:hover {
3022
- background: #2d2d2d;
3023
- }
3024
- ._mdAccordion_1l8lv_16 > summary::-webkit-details-marker {
3025
- display: none;
3026
- }
3027
- ._mdAccordion_1l8lv_16[open] > summary {
3028
- border-radius: 0.8rem 0.8rem 0 0;
3029
- background: #2b2b2b;
3030
- }
3031
- ._mdAccordion_1l8lv_16[open] > *:not(summary) {
3032
- border-radius: 0 0 0.8rem 0.8rem;
3033
- background: #2b2b2b;
3034
- color: #e5e5e5;
3035
- line-height: 1.45;
3036
- }
3037
-
3038
- ._prose_1l8lv_1 a {
3039
- color: #4ea1f3;
3040
- font-weight: 500;
3041
- text-decoration: none;
3042
- }
3043
- ._prose_1l8lv_1 a:hover {
3044
- color: #76c0ff;
3045
- text-decoration: underline;
3046
- }._overlay_1aet8_1 {
3047
- position: fixed;
3048
- inset: 0;
3049
- background: var(--sidebar-overlay);
3050
- display: flex;
3051
- z-index: 9999999999999;
3052
- transition: opacity var(--sidebar-transition);
3053
- }
3054
-
3055
- ._panel_1aet8_10 {
3056
- position: absolute;
3057
- top: 0;
3058
- bottom: 0;
3059
- right: 0;
3060
- width: var(--sidebar-width);
3061
- box-shadow: var(--sidebar-shadow);
3062
- display: flex;
3063
- flex-direction: column;
3064
- transition: transform var(--sidebar-transition);
3065
- transform: translateX(100%);
3066
- }
3067
- @media (max-width: 640px) {
3068
- ._panel_1aet8_10 {
3069
- width: 500px;
3070
- }
3071
- }
3072
- @media (max-width: 500px) {
3073
- ._panel_1aet8_10 {
3074
- width: 400px;
3075
- }
3076
- }
3077
- @media (max-width: 400px) {
3078
- ._panel_1aet8_10 {
3079
- width: 320px;
3080
- }
3081
- }
3082
-
3083
- ._enter_1aet8_38 {
3084
- transform: translateX(0);
3085
- }
3086
-
3087
- ._exit_1aet8_42 {
3088
- transform: translateX(100%);
3089
- }
3090
-
3091
- ._title_1aet8_46 {
3092
- margin: 0;
3093
- font-size: 16px;
3094
- line-height: 1.6;
3095
- font-weight: 500;
3096
- }
3097
-
3098
- ._closeBtn_1aet8_53 {
3099
- width: 30px;
3100
- height: 30px;
3101
- background: var(--background-grey);
3102
- border: none;
3103
- cursor: pointer;
3104
- border-radius: 100px;
3105
- -webkit-border-radius: 100px;
3106
- -moz-border-radius: 100px;
3107
- -ms-border-radius: 100px;
3108
- -o-border-radius: 100px;
3109
- }
3110
- ._closeBtn_1aet8_53 svg path {
3111
- stroke: var(--svg-dark);
3112
- }
3113
-
3114
- ._content_1aet8_69 {
3115
- flex: 1 1 auto;
3116
- overflow-y: auto;
3117
- }