@per-diem-calculator/vanilla 1.0.0 → 1.0.2

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 (103) hide show
  1. package/dist/index.js +11034 -0
  2. package/dist/index.umd.cjs +1384 -0
  3. package/package.json +12 -2
  4. package/.prettierrc +0 -17
  5. package/eslint.config.js +0 -29
  6. package/index.html +0 -11
  7. package/public/output.css +0 -2503
  8. package/src/css/_styles.css +0 -8
  9. package/src/css/colors.css +0 -45
  10. package/src/css/fonts.css +0 -9
  11. package/src/css/rows/_heights.css +0 -6
  12. package/src/css/rows/_index.css +0 -15
  13. package/src/css/rows/add.css +0 -18
  14. package/src/css/rows/animate-btns.css +0 -18
  15. package/src/css/rows/animate-row-close.css +0 -18
  16. package/src/css/rows/animate-row-open.css +0 -14
  17. package/src/css/rows/animate-row-other.css +0 -5
  18. package/src/css/rows/btn-add-row.css +0 -41
  19. package/src/css/rows/btn-delete.css +0 -22
  20. package/src/css/rows/btn-expenses-calculate.css +0 -22
  21. package/src/css/rows/btn-expenses-category.css +0 -22
  22. package/src/css/rows/delete.css +0 -10
  23. package/src/css/rows/details.css +0 -22
  24. package/src/css/rows/expense.css +0 -18
  25. package/src/css/rows/location.css +0 -34
  26. package/src/css/rows/summary.css +0 -22
  27. package/src/css/tom-select/defaults.css +0 -530
  28. package/src/css/tom-select/overrides.css +0 -55
  29. package/src/css/tw-shadow-props.css +0 -50
  30. package/src/index.ts +0 -1
  31. package/src/ts/components/Button/Button.ts +0 -50
  32. package/src/ts/components/Button/template.html +0 -34
  33. package/src/ts/components/ExpenseRow/ExpenseRow.ts +0 -397
  34. package/src/ts/components/ExpenseRow/template.html +0 -260
  35. package/src/ts/components/Label/Label.ts +0 -45
  36. package/src/ts/components/Label/template.html +0 -1
  37. package/src/ts/components/LocationCategory/LocationCategory.ts +0 -226
  38. package/src/ts/components/LocationCategory/template.html +0 -520
  39. package/src/ts/components/LocationDate/LocationDate.ts +0 -366
  40. package/src/ts/components/LocationDate/template.html +0 -27
  41. package/src/ts/components/LocationSelect/LocationSelect.ts +0 -299
  42. package/src/ts/components/LocationSelect/template.html +0 -45
  43. package/src/ts/components/index.ts +0 -6
  44. package/src/ts/controller.ts +0 -193
  45. package/src/ts/model.ts +0 -163
  46. package/src/ts/types/config.ts +0 -22
  47. package/src/ts/types/dates.ts +0 -82
  48. package/src/ts/types/expenses.ts +0 -73
  49. package/src/ts/types/locations.ts +0 -25
  50. package/src/ts/utils/config/configDefault.ts +0 -13
  51. package/src/ts/utils/config/index.ts +0 -12
  52. package/src/ts/utils/config/numbers.ts +0 -24
  53. package/src/ts/utils/config/sanitizeConfig.ts +0 -39
  54. package/src/ts/utils/dates/INPUT_DATE_MINMAX.ts +0 -5
  55. package/src/ts/utils/dates/YEAR_REGEX.ts +0 -4
  56. package/src/ts/utils/dates/getDateSlice.ts +0 -54
  57. package/src/ts/utils/dates/getValidAPIYear.ts +0 -17
  58. package/src/ts/utils/dates/index.ts +0 -19
  59. package/src/ts/utils/dates/isDateRaw.ts +0 -90
  60. package/src/ts/utils/dates/isShortMonth.ts +0 -24
  61. package/src/ts/utils/dates/isYYYY.ts +0 -10
  62. package/src/ts/utils/dates/offsetDateString.ts +0 -17
  63. package/src/ts/utils/expenses/INTL_MIE_RATES.ts +0 -2125
  64. package/src/ts/utils/expenses/createExpenseObjs.ts +0 -35
  65. package/src/ts/utils/expenses/getLodgingRateDomestic.ts +0 -73
  66. package/src/ts/utils/expenses/getLodgingRateIntl.ts +0 -119
  67. package/src/ts/utils/expenses/getMieRates.ts +0 -84
  68. package/src/ts/utils/expenses/index.ts +0 -5
  69. package/src/ts/utils/expenses/parseIntlLodgingRates.ts +0 -124
  70. package/src/ts/utils/expenses/returnValidStateExpense.ts +0 -46
  71. package/src/ts/utils/fetch/fetchJsonGSA.ts +0 -29
  72. package/src/ts/utils/fetch/fetchXmlDOD.ts +0 -38
  73. package/src/ts/utils/fetch/index.ts +0 -3
  74. package/src/ts/utils/fetch/memoize.ts +0 -46
  75. package/src/ts/utils/fetch/parseXml.ts +0 -19
  76. package/src/ts/utils/locations/getCitiesDomestic.ts +0 -48
  77. package/src/ts/utils/locations/getCitiesIntl.ts +0 -63
  78. package/src/ts/utils/locations/getCountriesDomestic.ts +0 -237
  79. package/src/ts/utils/locations/getCountriesIntl.ts +0 -34
  80. package/src/ts/utils/locations/index.ts +0 -6
  81. package/src/ts/utils/locations/keepUniqueLocations.ts +0 -12
  82. package/src/ts/utils/locations/locationKeys.ts +0 -10
  83. package/src/ts/utils/locations/returnValidStateLocation.ts +0 -13
  84. package/src/ts/utils/locations/sortLocations.ts +0 -19
  85. package/src/ts/utils/misc/USD.ts +0 -4
  86. package/src/ts/utils/misc/debounce.ts +0 -22
  87. package/src/ts/utils/misc/handlePointerDown.ts +0 -3
  88. package/src/ts/utils/misc/handlePointerUp.ts +0 -22
  89. package/src/ts/utils/misc/inPrimitiveType.ts +0 -4
  90. package/src/ts/utils/misc/index.ts +0 -6
  91. package/src/ts/utils/misc/wait.ts +0 -4
  92. package/src/ts/utils/styles/applyStyles.ts +0 -19
  93. package/src/ts/utils/styles/highlightInput.ts +0 -15
  94. package/src/ts/utils/styles/index.ts +0 -3
  95. package/src/ts/utils/styles/removeStyles.ts +0 -14
  96. package/src/ts/views/Expense/Expense.ts +0 -465
  97. package/src/ts/views/Expense/template.html +0 -176
  98. package/src/ts/views/Location/Location.ts +0 -763
  99. package/src/ts/views/Location/template-row.html +0 -146
  100. package/src/ts/views/Location/template.html +0 -130
  101. package/src/ts/views/index.ts +0 -2
  102. package/tsconfig.json +0 -27
  103. package/vite.config.ts +0 -12
package/public/output.css DELETED
@@ -1,2503 +0,0 @@
1
- /*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
2
- @import url(https://fonts.bunny.net/css?family=ibm-plex-mono:400,500,600|ibm-plex-sans:400,700);
3
- @layer properties;
4
- @layer theme, base, components, utilities;
5
- @layer theme {
6
- :root, :host {
7
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
8
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
9
- --font-mono: 'IBM Plex Mono';
10
- --color-neutral-50: hsl(210, 36%, 96%);
11
- --color-neutral-100: hsl(212, 33%, 89%);
12
- --color-neutral-200: hsl(210, 31%, 80%);
13
- --color-neutral-300: hsl(211, 27%, 70%);
14
- --color-neutral-400: hsl(209, 23%, 60%);
15
- --color-neutral-600: hsl(209, 28%, 39%);
16
- --color-neutral-700: hsl(209, 34%, 30%);
17
- --color-neutral-800: hsl(211, 39%, 23%);
18
- --color-neutral-900: hsl(209, 61%, 16%);
19
- --color-white: #fff;
20
- --spacing: 0.25rem;
21
- --container-3xs: 16rem;
22
- --container-2xs: 18rem;
23
- --container-xs: 20rem;
24
- --container-xl: 36rem;
25
- --container-3xl: 48rem;
26
- --text-xs: 0.75rem;
27
- --text-xs--line-height: calc(1 / 0.75);
28
- --text-sm: 0.875rem;
29
- --text-sm--line-height: calc(1.25 / 0.875);
30
- --text-base: 1rem;
31
- --text-base--line-height: calc(1.5 / 1);
32
- --text-lg: 1.125rem;
33
- --text-lg--line-height: calc(1.75 / 1.125);
34
- --text-xl: 1.25rem;
35
- --text-xl--line-height: calc(1.75 / 1.25);
36
- --text-2xl: 1.5rem;
37
- --text-2xl--line-height: calc(2 / 1.5);
38
- --text-3xl: 1.875rem;
39
- --text-3xl--line-height: calc(2.25 / 1.875);
40
- --text-4xl: 2.25rem;
41
- --text-4xl--line-height: calc(2.5 / 2.25);
42
- --font-weight-normal: 400;
43
- --font-weight-medium: 500;
44
- --font-weight-semibold: 600;
45
- --radius-lg: 0.5rem;
46
- --ease-in: cubic-bezier(0.4, 0, 1, 1);
47
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
48
- --animate-spin: spin 1s linear infinite;
49
- --default-transition-duration: 150ms;
50
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
51
- --default-font-family: var(--font-sans);
52
- --default-mono-font-family: var(--font-mono);
53
- --font-plex: 'IBM Plex Sans';
54
- --color-primary-900: hsl(245, 100%, 27%);
55
- --color-primary-800: hsl(245, 86%, 40%);
56
- --color-primary-700: hsl(245, 79%, 52%);
57
- --color-primary-600: hsl(245, 92%, 60%);
58
- --color-primary-500: hsl(243, 94%, 66%);
59
- --color-primary-200: hsl(238, 94%, 81%);
60
- --color-primary-100: hsl(238, 100%, 88%);
61
- --color-primary-50: hsl(240, 100%, 95%);
62
- --color-success-400: hsl(160, 51%, 49%);
63
- --color-error-700: hsl(352, 90%, 35%);
64
- --color-error-600: hsl(354, 85%, 44%);
65
- --color-error-400: hsl(360, 83%, 62%);
66
- --color-error-50: hsl(360, 100%, 95%);
67
- }
68
- }
69
- @layer base {
70
- *, ::after, ::before, ::backdrop, ::file-selector-button {
71
- box-sizing: border-box;
72
- margin: 0;
73
- padding: 0;
74
- border: 0 solid;
75
- }
76
- html, :host {
77
- line-height: 1.5;
78
- -webkit-text-size-adjust: 100%;
79
- tab-size: 4;
80
- 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");
81
- font-feature-settings: var(--default-font-feature-settings, normal);
82
- font-variation-settings: var(--default-font-variation-settings, normal);
83
- -webkit-tap-highlight-color: transparent;
84
- }
85
- hr {
86
- height: 0;
87
- color: inherit;
88
- border-top-width: 1px;
89
- }
90
- abbr:where([title]) {
91
- -webkit-text-decoration: underline dotted;
92
- text-decoration: underline dotted;
93
- }
94
- h1, h2, h3, h4, h5, h6 {
95
- font-size: inherit;
96
- font-weight: inherit;
97
- }
98
- a {
99
- color: inherit;
100
- -webkit-text-decoration: inherit;
101
- text-decoration: inherit;
102
- }
103
- b, strong {
104
- font-weight: bolder;
105
- }
106
- code, kbd, samp, pre {
107
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
108
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
109
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
110
- font-size: 1em;
111
- }
112
- small {
113
- font-size: 80%;
114
- }
115
- sub, sup {
116
- font-size: 75%;
117
- line-height: 0;
118
- position: relative;
119
- vertical-align: baseline;
120
- }
121
- sub {
122
- bottom: -0.25em;
123
- }
124
- sup {
125
- top: -0.5em;
126
- }
127
- table {
128
- text-indent: 0;
129
- border-color: inherit;
130
- border-collapse: collapse;
131
- }
132
- :-moz-focusring {
133
- outline: auto;
134
- }
135
- progress {
136
- vertical-align: baseline;
137
- }
138
- summary {
139
- display: list-item;
140
- }
141
- ol, ul, menu {
142
- list-style: none;
143
- }
144
- img, svg, video, canvas, audio, iframe, embed, object {
145
- display: block;
146
- vertical-align: middle;
147
- }
148
- img, video {
149
- max-width: 100%;
150
- height: auto;
151
- }
152
- button, input, select, optgroup, textarea, ::file-selector-button {
153
- font: inherit;
154
- font-feature-settings: inherit;
155
- font-variation-settings: inherit;
156
- letter-spacing: inherit;
157
- color: inherit;
158
- border-radius: 0;
159
- background-color: transparent;
160
- opacity: 1;
161
- }
162
- :where(select:is([multiple], [size])) optgroup {
163
- font-weight: bolder;
164
- }
165
- :where(select:is([multiple], [size])) optgroup option {
166
- padding-inline-start: 20px;
167
- }
168
- ::file-selector-button {
169
- margin-inline-end: 4px;
170
- }
171
- ::placeholder {
172
- opacity: 1;
173
- }
174
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
175
- ::placeholder {
176
- color: currentcolor;
177
- @supports (color: color-mix(in lab, red, red)) {
178
- color: color-mix(in oklab, currentcolor 50%, transparent);
179
- }
180
- }
181
- }
182
- textarea {
183
- resize: vertical;
184
- }
185
- ::-webkit-search-decoration {
186
- -webkit-appearance: none;
187
- }
188
- ::-webkit-date-and-time-value {
189
- min-height: 1lh;
190
- text-align: inherit;
191
- }
192
- ::-webkit-datetime-edit {
193
- display: inline-flex;
194
- }
195
- ::-webkit-datetime-edit-fields-wrapper {
196
- padding: 0;
197
- }
198
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
199
- padding-block: 0;
200
- }
201
- :-moz-ui-invalid {
202
- box-shadow: none;
203
- }
204
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
205
- appearance: button;
206
- }
207
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
208
- height: auto;
209
- }
210
- [hidden]:where(:not([hidden="until-found"])) {
211
- display: none !important;
212
- }
213
- }
214
- @layer utilities {
215
- .absolute {
216
- position: absolute;
217
- }
218
- .relative {
219
- position: relative;
220
- }
221
- .static {
222
- position: static;
223
- }
224
- .-top-16 {
225
- top: calc(var(--spacing) * -16);
226
- }
227
- .top-0 {
228
- top: calc(var(--spacing) * 0);
229
- }
230
- .right-\[24px\] {
231
- right: 24px;
232
- }
233
- .left-0 {
234
- left: calc(var(--spacing) * 0);
235
- }
236
- .left-\[-100\%\] {
237
- left: -100%;
238
- }
239
- .z-0 {
240
- z-index: 0;
241
- }
242
- .z-10 {
243
- z-index: 10;
244
- }
245
- .z-20 {
246
- z-index: 20;
247
- }
248
- .container {
249
- width: 100%;
250
- @media (width >= 40rem) {
251
- max-width: 40rem;
252
- }
253
- @media (width >= 48rem) {
254
- max-width: 48rem;
255
- }
256
- @media (width >= 64rem) {
257
- max-width: 64rem;
258
- }
259
- @media (width >= 80rem) {
260
- max-width: 80rem;
261
- }
262
- @media (width >= 96rem) {
263
- max-width: 96rem;
264
- }
265
- }
266
- .mx-auto {
267
- margin-inline: auto;
268
- }
269
- .my-3 {
270
- margin-block: calc(var(--spacing) * 3);
271
- }
272
- .my-4 {
273
- margin-block: calc(var(--spacing) * 4);
274
- }
275
- .my-6 {
276
- margin-block: calc(var(--spacing) * 6);
277
- }
278
- .my-8 {
279
- margin-block: calc(var(--spacing) * 8);
280
- }
281
- .-mt-5 {
282
- margin-top: calc(var(--spacing) * -5);
283
- }
284
- .mt-2 {
285
- margin-top: calc(var(--spacing) * 2);
286
- }
287
- .mt-2\.5 {
288
- margin-top: calc(var(--spacing) * 2.5);
289
- }
290
- .mt-6 {
291
- margin-top: calc(var(--spacing) * 6);
292
- }
293
- .mt-8 {
294
- margin-top: calc(var(--spacing) * 8);
295
- }
296
- .mr-3 {
297
- margin-right: calc(var(--spacing) * 3);
298
- }
299
- .mr-4 {
300
- margin-right: calc(var(--spacing) * 4);
301
- }
302
- .mr-5 {
303
- margin-right: calc(var(--spacing) * 5);
304
- }
305
- .mb-2 {
306
- margin-bottom: calc(var(--spacing) * 2);
307
- }
308
- .mb-2\.5 {
309
- margin-bottom: calc(var(--spacing) * 2.5);
310
- }
311
- .mb-6 {
312
- margin-bottom: calc(var(--spacing) * 6);
313
- }
314
- .mb-8 {
315
- margin-bottom: calc(var(--spacing) * 8);
316
- }
317
- .mb-18 {
318
- margin-bottom: calc(var(--spacing) * 18);
319
- }
320
- .ml-1 {
321
- margin-left: calc(var(--spacing) * 1);
322
- }
323
- .ml-2 {
324
- margin-left: calc(var(--spacing) * 2);
325
- }
326
- .ml-3 {
327
- margin-left: calc(var(--spacing) * 3);
328
- }
329
- .ml-\[30\%\] {
330
- margin-left: 30%;
331
- }
332
- .block {
333
- display: block;
334
- }
335
- .contents {
336
- display: contents;
337
- }
338
- .flex {
339
- display: flex;
340
- }
341
- .grid {
342
- display: grid;
343
- }
344
- .hidden {
345
- display: none;
346
- }
347
- .table {
348
- display: table;
349
- }
350
- .size-4 {
351
- width: calc(var(--spacing) * 4);
352
- height: calc(var(--spacing) * 4);
353
- }
354
- .size-5 {
355
- width: calc(var(--spacing) * 5);
356
- height: calc(var(--spacing) * 5);
357
- }
358
- .size-7 {
359
- width: calc(var(--spacing) * 7);
360
- height: calc(var(--spacing) * 7);
361
- }
362
- .size-8 {
363
- width: calc(var(--spacing) * 8);
364
- height: calc(var(--spacing) * 8);
365
- }
366
- .h-0 {
367
- height: calc(var(--spacing) * 0);
368
- }
369
- .h-10 {
370
- height: calc(var(--spacing) * 10);
371
- }
372
- .h-12 {
373
- height: calc(var(--spacing) * 12);
374
- }
375
- .h-16 {
376
- height: calc(var(--spacing) * 16);
377
- }
378
- .h-22 {
379
- height: calc(var(--spacing) * 22);
380
- }
381
- .h-24 {
382
- height: calc(var(--spacing) * 24);
383
- }
384
- .h-\[var\(--row-expense-open\)\] {
385
- height: var(--row-expense-open);
386
- }
387
- .h-\[var\(--row-location-open\)\] {
388
- height: var(--row-location-open);
389
- }
390
- .h-full {
391
- height: 100%;
392
- }
393
- .max-h-\[45px\] {
394
- max-height: 45px;
395
- }
396
- .max-h-\[50px\] {
397
- max-height: 50px;
398
- }
399
- .w-10 {
400
- width: calc(var(--spacing) * 10);
401
- }
402
- .w-\[12\.5\%\] {
403
- width: 12.5%;
404
- }
405
- .w-\[22\%\] {
406
- width: 22%;
407
- }
408
- .w-\[40\%\] {
409
- width: 40%;
410
- }
411
- .w-\[50\%\] {
412
- width: 50%;
413
- }
414
- .w-\[68\%\] {
415
- width: 68%;
416
- }
417
- .w-\[72\%\] {
418
- width: 72%;
419
- }
420
- .w-\[77\.5\%\] {
421
- width: 77.5%;
422
- }
423
- .w-full {
424
- width: 100%;
425
- }
426
- .max-w-3xs {
427
- max-width: var(--container-3xs);
428
- }
429
- .max-w-\[50lvh\] {
430
- max-width: 50lvh;
431
- }
432
- .max-w-xl {
433
- max-width: var(--container-xl);
434
- }
435
- .flex-shrink {
436
- flex-shrink: 1;
437
- }
438
- .shrink-0 {
439
- flex-shrink: 0;
440
- }
441
- .flex-grow {
442
- flex-grow: 1;
443
- }
444
- .grow {
445
- flex-grow: 1;
446
- }
447
- .table-auto {
448
- table-layout: auto;
449
- }
450
- .table-fixed {
451
- table-layout: fixed;
452
- }
453
- .border-collapse {
454
- border-collapse: collapse;
455
- }
456
- .-translate-y-1 {
457
- --tw-translate-y: calc(var(--spacing) * -1);
458
- translate: var(--tw-translate-x) var(--tw-translate-y);
459
- }
460
- .translate-y-0 {
461
- --tw-translate-y: calc(var(--spacing) * 0);
462
- translate: var(--tw-translate-x) var(--tw-translate-y);
463
- }
464
- .translate-y-0\.5 {
465
- --tw-translate-y: calc(var(--spacing) * 0.5);
466
- translate: var(--tw-translate-x) var(--tw-translate-y);
467
- }
468
- .rotate-0 {
469
- rotate: 0deg;
470
- }
471
- .\[transform\:translateY\(-100\%\)\] {
472
- transform: translateY(-100%);
473
- }
474
- .\[transform\:translateY\(200\%\)\] {
475
- transform: translateY(200%);
476
- }
477
- .\[transform\:translateY\(400\%\)\] {
478
- transform: translateY(400%);
479
- }
480
- .transform {
481
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
482
- }
483
- .animate-spin {
484
- animation: var(--animate-spin);
485
- }
486
- .cursor-pointer {
487
- cursor: pointer;
488
- }
489
- .resize {
490
- resize: both;
491
- }
492
- .\[appearance\:textfield\] {
493
- appearance: textfield;
494
- }
495
- .grid-cols-2 {
496
- grid-template-columns: repeat(2, minmax(0, 1fr));
497
- }
498
- .grid-cols-3 {
499
- grid-template-columns: repeat(3, minmax(0, 1fr));
500
- }
501
- .flex-col {
502
- flex-direction: column;
503
- }
504
- .items-center {
505
- align-items: center;
506
- }
507
- .items-start {
508
- align-items: flex-start;
509
- }
510
- .justify-between {
511
- justify-content: space-between;
512
- }
513
- .justify-center {
514
- justify-content: center;
515
- }
516
- .justify-items-center {
517
- justify-items: center;
518
- }
519
- .space-y-3 {
520
- :where(& > :not(:last-child)) {
521
- --tw-space-y-reverse: 0;
522
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
523
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
524
- }
525
- }
526
- .space-y-6 {
527
- :where(& > :not(:last-child)) {
528
- --tw-space-y-reverse: 0;
529
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
530
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
531
- }
532
- }
533
- .gap-y-0 {
534
- row-gap: calc(var(--spacing) * 0);
535
- }
536
- .gap-y-0\.5 {
537
- row-gap: calc(var(--spacing) * 0.5);
538
- }
539
- .divide-x {
540
- :where(& > :not(:last-child)) {
541
- --tw-divide-x-reverse: 0;
542
- border-inline-style: var(--tw-border-style);
543
- border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
544
- border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
545
- }
546
- }
547
- .divide-primary-800 {
548
- :where(& > :not(:last-child)) {
549
- border-color: var(--color-primary-800);
550
- }
551
- }
552
- .truncate {
553
- overflow: hidden;
554
- text-overflow: ellipsis;
555
- white-space: nowrap;
556
- }
557
- .overflow-hidden {
558
- overflow: hidden;
559
- }
560
- .rounded-full {
561
- border-radius: calc(infinity * 1px);
562
- }
563
- .rounded-lg {
564
- border-radius: var(--radius-lg);
565
- }
566
- .border {
567
- border-style: var(--tw-border-style);
568
- border-width: 1px;
569
- }
570
- .border-2 {
571
- border-style: var(--tw-border-style);
572
- border-width: 2px;
573
- }
574
- .border-3 {
575
- border-style: var(--tw-border-style);
576
- border-width: 3px;
577
- }
578
- .border-4 {
579
- border-style: var(--tw-border-style);
580
- border-width: 4px;
581
- }
582
- .border-t-2 {
583
- border-top-style: var(--tw-border-style);
584
- border-top-width: 2px;
585
- }
586
- .border-t-3 {
587
- border-top-style: var(--tw-border-style);
588
- border-top-width: 3px;
589
- }
590
- .border-t-4 {
591
- border-top-style: var(--tw-border-style);
592
- border-top-width: 4px;
593
- }
594
- .border-r-2 {
595
- border-right-style: var(--tw-border-style);
596
- border-right-width: 2px;
597
- }
598
- .border-r-3 {
599
- border-right-style: var(--tw-border-style);
600
- border-right-width: 3px;
601
- }
602
- .border-b {
603
- border-bottom-style: var(--tw-border-style);
604
- border-bottom-width: 1px;
605
- }
606
- .border-b-2 {
607
- border-bottom-style: var(--tw-border-style);
608
- border-bottom-width: 2px;
609
- }
610
- .border-b-3 {
611
- border-bottom-style: var(--tw-border-style);
612
- border-bottom-width: 3px;
613
- }
614
- .border-b-4 {
615
- border-bottom-style: var(--tw-border-style);
616
- border-bottom-width: 4px;
617
- }
618
- .border-l-2 {
619
- border-left-style: var(--tw-border-style);
620
- border-left-width: 2px;
621
- }
622
- .border-none {
623
- --tw-border-style: none;
624
- border-style: none;
625
- }
626
- .border-neutral-200 {
627
- border-color: var(--color-neutral-200);
628
- }
629
- .border-primary-50 {
630
- border-color: var(--color-primary-50);
631
- }
632
- .border-primary-200 {
633
- border-color: var(--color-primary-200);
634
- }
635
- .border-transparent {
636
- border-color: transparent;
637
- }
638
- .border-t-primary-600 {
639
- border-top-color: var(--color-primary-600);
640
- }
641
- .border-r-transparent {
642
- border-right-color: transparent;
643
- }
644
- .border-b-error-400 {
645
- border-bottom-color: var(--color-error-400);
646
- }
647
- .border-b-neutral-100 {
648
- border-bottom-color: var(--color-neutral-100);
649
- }
650
- .border-b-neutral-200 {
651
- border-bottom-color: var(--color-neutral-200);
652
- }
653
- .border-b-transparent {
654
- border-bottom-color: transparent;
655
- }
656
- .border-l-neutral-200 {
657
- border-left-color: var(--color-neutral-200);
658
- }
659
- .bg-\[hsl\(210\,25\%\,98\%\)\] {
660
- background-color: hsl(210,25%,98%);
661
- }
662
- .bg-error-50 {
663
- background-color: var(--color-error-50);
664
- }
665
- .bg-inherit {
666
- background-color: inherit;
667
- }
668
- .bg-neutral-50 {
669
- background-color: var(--color-neutral-50);
670
- }
671
- .bg-neutral-100 {
672
- background-color: var(--color-neutral-100);
673
- }
674
- .bg-primary-50 {
675
- background-color: var(--color-primary-50);
676
- }
677
- .bg-primary-900 {
678
- background-color: var(--color-primary-900);
679
- }
680
- .bg-transparent {
681
- background-color: transparent;
682
- }
683
- .bg-white {
684
- background-color: var(--color-white);
685
- }
686
- .bg-gradient-to-l {
687
- --tw-gradient-position: to left in oklab;
688
- background-image: linear-gradient(var(--tw-gradient-stops));
689
- }
690
- .from-primary-700 {
691
- --tw-gradient-from: var(--color-primary-700);
692
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
693
- }
694
- .via-primary-500 {
695
- --tw-gradient-via: var(--color-primary-500);
696
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
697
- --tw-gradient-stops: var(--tw-gradient-via-stops);
698
- }
699
- .via-\[percentage\:5\%_95\%\] {
700
- --tw-gradient-via-position: 5% 95%;
701
- }
702
- .to-primary-700 {
703
- --tw-gradient-to: var(--color-primary-700);
704
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
705
- }
706
- .fill-current {
707
- fill: currentcolor;
708
- }
709
- .fill-none {
710
- fill: none;
711
- }
712
- .fill-primary-50 {
713
- fill: var(--color-primary-50);
714
- }
715
- .stroke-current {
716
- stroke: currentcolor;
717
- }
718
- .stroke-neutral-400 {
719
- stroke: var(--color-neutral-400);
720
- }
721
- .p-0 {
722
- padding: calc(var(--spacing) * 0);
723
- }
724
- .p-1 {
725
- padding: calc(var(--spacing) * 1);
726
- }
727
- .p-3 {
728
- padding: calc(var(--spacing) * 3);
729
- }
730
- .p-4 {
731
- padding: calc(var(--spacing) * 4);
732
- }
733
- .p-6 {
734
- padding: calc(var(--spacing) * 6);
735
- }
736
- .px-2 {
737
- padding-inline: calc(var(--spacing) * 2);
738
- }
739
- .px-3 {
740
- padding-inline: calc(var(--spacing) * 3);
741
- }
742
- .px-4 {
743
- padding-inline: calc(var(--spacing) * 4);
744
- }
745
- .px-6 {
746
- padding-inline: calc(var(--spacing) * 6);
747
- }
748
- .px-11 {
749
- padding-inline: calc(var(--spacing) * 11);
750
- }
751
- .py-1 {
752
- padding-block: calc(var(--spacing) * 1);
753
- }
754
- .py-1\.5 {
755
- padding-block: calc(var(--spacing) * 1.5);
756
- }
757
- .py-2 {
758
- padding-block: calc(var(--spacing) * 2);
759
- }
760
- .py-2\.5 {
761
- padding-block: calc(var(--spacing) * 2.5);
762
- }
763
- .py-3 {
764
- padding-block: calc(var(--spacing) * 3);
765
- }
766
- .py-4 {
767
- padding-block: calc(var(--spacing) * 4);
768
- }
769
- .pt-2 {
770
- padding-top: calc(var(--spacing) * 2);
771
- }
772
- .pt-2\.5 {
773
- padding-top: calc(var(--spacing) * 2.5);
774
- }
775
- .pt-6 {
776
- padding-top: calc(var(--spacing) * 6);
777
- }
778
- .pr-3 {
779
- padding-right: calc(var(--spacing) * 3);
780
- }
781
- .pr-4 {
782
- padding-right: calc(var(--spacing) * 4);
783
- }
784
- .pb-14 {
785
- padding-bottom: calc(var(--spacing) * 14);
786
- }
787
- .text-center {
788
- text-align: center;
789
- }
790
- .text-left {
791
- text-align: left;
792
- }
793
- .text-right {
794
- text-align: right;
795
- }
796
- .font-mono {
797
- font-family: var(--font-mono);
798
- }
799
- .font-plex {
800
- font-family: var(--font-plex);
801
- }
802
- .text-2xl {
803
- font-size: var(--text-2xl);
804
- line-height: var(--tw-leading, var(--text-2xl--line-height));
805
- }
806
- .text-3xl {
807
- font-size: var(--text-3xl);
808
- line-height: var(--tw-leading, var(--text-3xl--line-height));
809
- }
810
- .text-lg {
811
- font-size: var(--text-lg);
812
- line-height: var(--tw-leading, var(--text-lg--line-height));
813
- }
814
- .text-sm {
815
- font-size: var(--text-sm);
816
- line-height: var(--tw-leading, var(--text-sm--line-height));
817
- }
818
- .text-xl {
819
- font-size: var(--text-xl);
820
- line-height: var(--tw-leading, var(--text-xl--line-height));
821
- }
822
- .text-xs {
823
- font-size: var(--text-xs);
824
- line-height: var(--tw-leading, var(--text-xs--line-height));
825
- }
826
- .leading-10 {
827
- --tw-leading: calc(var(--spacing) * 10);
828
- line-height: calc(var(--spacing) * 10);
829
- }
830
- .font-medium {
831
- --tw-font-weight: var(--font-weight-medium);
832
- font-weight: var(--font-weight-medium);
833
- }
834
- .font-normal {
835
- --tw-font-weight: var(--font-weight-normal);
836
- font-weight: var(--font-weight-normal);
837
- }
838
- .font-semibold {
839
- --tw-font-weight: var(--font-weight-semibold);
840
- font-weight: var(--font-weight-semibold);
841
- }
842
- .text-error-700 {
843
- color: var(--color-error-700);
844
- }
845
- .text-neutral-200 {
846
- color: var(--color-neutral-200);
847
- }
848
- .text-neutral-300 {
849
- color: var(--color-neutral-300);
850
- }
851
- .text-neutral-600 {
852
- color: var(--color-neutral-600);
853
- }
854
- .text-neutral-700 {
855
- color: var(--color-neutral-700);
856
- }
857
- .text-neutral-800 {
858
- color: var(--color-neutral-800);
859
- }
860
- .text-neutral-900 {
861
- color: var(--color-neutral-900);
862
- }
863
- .text-primary-50 {
864
- color: var(--color-primary-50);
865
- }
866
- .text-primary-100 {
867
- color: var(--color-primary-100);
868
- }
869
- .text-primary-800 {
870
- color: var(--color-primary-800);
871
- }
872
- .uppercase {
873
- text-transform: uppercase;
874
- }
875
- .underline {
876
- text-decoration-line: underline;
877
- }
878
- .opacity-0 {
879
- opacity: 0%;
880
- }
881
- .opacity-15 {
882
- opacity: 15%;
883
- }
884
- .opacity-100 {
885
- opacity: 100%;
886
- }
887
- .shadow {
888
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
889
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
890
- }
891
- .ring-2 {
892
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
893
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
894
- }
895
- .ring-neutral-200 {
896
- --tw-ring-color: var(--color-neutral-200);
897
- }
898
- .ring-neutral-300 {
899
- --tw-ring-color: var(--color-neutral-300);
900
- }
901
- .ring-transparent {
902
- --tw-ring-color: transparent;
903
- }
904
- .outline {
905
- outline-style: var(--tw-outline-style);
906
- outline-width: 1px;
907
- }
908
- .filter {
909
- 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,);
910
- }
911
- .transition {
912
- 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, visibility, content-visibility, overlay, pointer-events;
913
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
914
- transition-duration: var(--tw-duration, var(--default-transition-duration));
915
- }
916
- .transition-\[border-color\] {
917
- transition-property: border-color;
918
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
919
- transition-duration: var(--tw-duration, var(--default-transition-duration));
920
- }
921
- .transition-\[border-color_opacity\] {
922
- transition-property: border-color opacity;
923
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
924
- transition-duration: var(--tw-duration, var(--default-transition-duration));
925
- }
926
- .transition-\[box-shadow_background-color_transform\] {
927
- transition-property: box-shadow background-color transform;
928
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
929
- transition-duration: var(--tw-duration, var(--default-transition-duration));
930
- }
931
- .transition-\[transform_stroke\] {
932
- transition-property: transform stroke;
933
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
934
- transition-duration: var(--tw-duration, var(--default-transition-duration));
935
- }
936
- .transition-colors {
937
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
938
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
939
- transition-duration: var(--tw-duration, var(--default-transition-duration));
940
- }
941
- .transition-opacity {
942
- transition-property: opacity;
943
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
944
- transition-duration: var(--tw-duration, var(--default-transition-duration));
945
- }
946
- .transition-shadow {
947
- transition-property: box-shadow;
948
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
949
- transition-duration: var(--tw-duration, var(--default-transition-duration));
950
- }
951
- .transition-transform {
952
- transition-property: transform, translate, scale, rotate;
953
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
954
- transition-duration: var(--tw-duration, var(--default-transition-duration));
955
- }
956
- .duration-500 {
957
- --tw-duration: 500ms;
958
- transition-duration: 500ms;
959
- }
960
- .duration-700 {
961
- --tw-duration: 700ms;
962
- transition-duration: 700ms;
963
- }
964
- .ease-in {
965
- --tw-ease: var(--ease-in);
966
- transition-timing-function: var(--ease-in);
967
- }
968
- .will-change-transform {
969
- will-change: transform;
970
- }
971
- .select-none {
972
- -webkit-user-select: none;
973
- user-select: none;
974
- }
975
- .\[transition\:filter_0\.25s\] {
976
- transition: filter 0.25s;
977
- }
978
- .\[transition\:height_0\.7s_eas\] {
979
- transition: height 0.7s eas;
980
- }
981
- .\[transition\:height_0\.7s_ease\] {
982
- transition: height 0.7s ease;
983
- }
984
- .\[transition\:transform_1s_ease-out\] {
985
- transition: transform 1s ease-out;
986
- }
987
- .\*\:mx-auto {
988
- :is(& > *) {
989
- margin-inline: auto;
990
- }
991
- }
992
- .\*\:my-3 {
993
- :is(& > *) {
994
- margin-block: calc(var(--spacing) * 3);
995
- }
996
- }
997
- .\*\:ml-6 {
998
- :is(& > *) {
999
- margin-left: calc(var(--spacing) * 6);
1000
- }
1001
- }
1002
- .\*\:size-5 {
1003
- :is(& > *) {
1004
- width: calc(var(--spacing) * 5);
1005
- height: calc(var(--spacing) * 5);
1006
- }
1007
- }
1008
- .\*\:max-w-3xl {
1009
- :is(& > *) {
1010
- max-width: var(--container-3xl);
1011
- }
1012
- }
1013
- .\*\:max-w-xl {
1014
- :is(& > *) {
1015
- max-width: var(--container-xl);
1016
- }
1017
- }
1018
- .\*\:cursor-pointer {
1019
- :is(& > *) {
1020
- cursor: pointer;
1021
- }
1022
- }
1023
- .\*\:list-disc {
1024
- :is(& > *) {
1025
- list-style-type: disc;
1026
- }
1027
- }
1028
- .\*\:overflow-visible {
1029
- :is(& > *) {
1030
- overflow: visible;
1031
- }
1032
- }
1033
- .\*\:fill-current {
1034
- :is(& > *) {
1035
- fill: currentcolor;
1036
- }
1037
- }
1038
- .\*\:p-2\.5 {
1039
- :is(& > *) {
1040
- padding: calc(var(--spacing) * 2.5);
1041
- }
1042
- }
1043
- .\*\:p-3 {
1044
- :is(& > *) {
1045
- padding: calc(var(--spacing) * 3);
1046
- }
1047
- }
1048
- .\*\:px-2 {
1049
- :is(& > *) {
1050
- padding-inline: calc(var(--spacing) * 2);
1051
- }
1052
- }
1053
- .\*\:px-4 {
1054
- :is(& > *) {
1055
- padding-inline: calc(var(--spacing) * 4);
1056
- }
1057
- }
1058
- .\*\:py-2\.5 {
1059
- :is(& > *) {
1060
- padding-block: calc(var(--spacing) * 2.5);
1061
- }
1062
- }
1063
- .\*\:pr-4 {
1064
- :is(& > *) {
1065
- padding-right: calc(var(--spacing) * 4);
1066
- }
1067
- }
1068
- .\*\:text-lg {
1069
- :is(& > *) {
1070
- font-size: var(--text-lg);
1071
- line-height: var(--tw-leading, var(--text-lg--line-height));
1072
- }
1073
- }
1074
- .\*\:text-sm {
1075
- :is(& > *) {
1076
- font-size: var(--text-sm);
1077
- line-height: var(--tw-leading, var(--text-sm--line-height));
1078
- }
1079
- }
1080
- .\*\:font-medium {
1081
- :is(& > *) {
1082
- --tw-font-weight: var(--font-weight-medium);
1083
- font-weight: var(--font-weight-medium);
1084
- }
1085
- }
1086
- .\*\:font-semibold {
1087
- :is(& > *) {
1088
- --tw-font-weight: var(--font-weight-semibold);
1089
- font-weight: var(--font-weight-semibold);
1090
- }
1091
- }
1092
- .\*\:ring-2 {
1093
- :is(& > *) {
1094
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1095
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1096
- }
1097
- }
1098
- .\*\:ring-transparent {
1099
- :is(& > *) {
1100
- --tw-ring-color: transparent;
1101
- }
1102
- }
1103
- .\*\:transition-\[box-shadow_background-color_color\] {
1104
- :is(& > *) {
1105
- transition-property: box-shadow background-color color;
1106
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1107
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1108
- }
1109
- }
1110
- .\*\:duration-500 {
1111
- :is(& > *) {
1112
- --tw-duration: 500ms;
1113
- transition-duration: 500ms;
1114
- }
1115
- }
1116
- .\*\:select-none {
1117
- :is(& > *) {
1118
- -webkit-user-select: none;
1119
- user-select: none;
1120
- }
1121
- }
1122
- .\*\:ring-inset {
1123
- :is(& > *) {
1124
- --tw-ring-inset: inset;
1125
- }
1126
- }
1127
- .\*\*\:origin-center {
1128
- :is(& *) {
1129
- transform-origin: center;
1130
- }
1131
- }
1132
- .\*\*\:pb-2\.5 {
1133
- :is(& *) {
1134
- padding-bottom: calc(var(--spacing) * 2.5);
1135
- }
1136
- }
1137
- .\*\*\:text-center {
1138
- :is(& *) {
1139
- text-align: center;
1140
- }
1141
- }
1142
- .\*\*\:align-middle {
1143
- :is(& *) {
1144
- vertical-align: middle;
1145
- }
1146
- }
1147
- .\*\*\:font-plex {
1148
- :is(& *) {
1149
- font-family: var(--font-plex);
1150
- }
1151
- }
1152
- .\*\*\:text-sm {
1153
- :is(& *) {
1154
- font-size: var(--text-sm);
1155
- line-height: var(--tw-leading, var(--text-sm--line-height));
1156
- }
1157
- }
1158
- .\*\*\:text-xs {
1159
- :is(& *) {
1160
- font-size: var(--text-xs);
1161
- line-height: var(--tw-leading, var(--text-xs--line-height));
1162
- }
1163
- }
1164
- .\*\*\:transition-all {
1165
- :is(& *) {
1166
- transition-property: all;
1167
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1168
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1169
- }
1170
- }
1171
- .\*\*\:transition-colors {
1172
- :is(& *) {
1173
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1174
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1175
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1176
- }
1177
- }
1178
- .\*\*\:duration-300 {
1179
- :is(& *) {
1180
- --tw-duration: 300ms;
1181
- transition-duration: 300ms;
1182
- }
1183
- }
1184
- .\*\*\:ease-out {
1185
- :is(& *) {
1186
- --tw-ease: var(--ease-out);
1187
- transition-timing-function: var(--ease-out);
1188
- }
1189
- }
1190
- .group-hover\:-translate-y-1\.5 {
1191
- &:is(:where(.group):hover *) {
1192
- @media (hover: hover) {
1193
- --tw-translate-y: calc(var(--spacing) * -1.5);
1194
- translate: var(--tw-translate-x) var(--tw-translate-y);
1195
- }
1196
- }
1197
- }
1198
- .group-hover\:translate-y-1 {
1199
- &:is(:where(.group):hover *) {
1200
- @media (hover: hover) {
1201
- --tw-translate-y: calc(var(--spacing) * 1);
1202
- translate: var(--tw-translate-x) var(--tw-translate-y);
1203
- }
1204
- }
1205
- }
1206
- .group-hover\:\[transition\:transform_0\.5s_ease-out\] {
1207
- &:is(:where(.group):hover *) {
1208
- @media (hover: hover) {
1209
- transition: transform 0.5s ease-out;
1210
- }
1211
- }
1212
- }
1213
- .group-hover\:\*\:border-b-neutral-300 {
1214
- &:is(:where(.group):hover *) {
1215
- @media (hover: hover) {
1216
- :is(& > *) {
1217
- border-bottom-color: var(--color-neutral-300);
1218
- }
1219
- }
1220
- }
1221
- }
1222
- .group-focus\:\*\:border-b-neutral-300 {
1223
- &:is(:where(.group):focus *) {
1224
- :is(& > *) {
1225
- border-bottom-color: var(--color-neutral-300);
1226
- }
1227
- }
1228
- }
1229
- .group-active\:-translate-y-0\.5 {
1230
- &:is(:where(.group):active *) {
1231
- --tw-translate-y: calc(var(--spacing) * -0.5);
1232
- translate: var(--tw-translate-x) var(--tw-translate-y);
1233
- }
1234
- }
1235
- .group-active\:translate-y-\[1px\] {
1236
- &:is(:where(.group):active *) {
1237
- --tw-translate-y: 1px;
1238
- translate: var(--tw-translate-x) var(--tw-translate-y);
1239
- }
1240
- }
1241
- .group-active\:\[transition\:transform_0\.25s\] {
1242
- &:is(:where(.group):active *) {
1243
- transition: transform 0.25s;
1244
- }
1245
- }
1246
- .group-\[\.active\]\:group-hover\:-rotate-180 {
1247
- &:is(:where(.group):is(.active) *) {
1248
- &:is(:where(.group):hover *) {
1249
- @media (hover: hover) {
1250
- rotate: calc(180deg * -1);
1251
- }
1252
- }
1253
- }
1254
- }
1255
- .group-\[\.active\]\:group-hover\:stroke-primary-800 {
1256
- &:is(:where(.group):is(.active) *) {
1257
- &:is(:where(.group):hover *) {
1258
- @media (hover: hover) {
1259
- stroke: var(--color-primary-800);
1260
- }
1261
- }
1262
- }
1263
- }
1264
- .group-\[\.active\]\:group-focus-visible\:stroke-primary-800 {
1265
- &:is(:where(.group):is(.active) *) {
1266
- &:is(:where(.group):focus-visible *) {
1267
- stroke: var(--color-primary-800);
1268
- }
1269
- }
1270
- }
1271
- .group-\[\.pdc-row-add\]\:translate-x-\[200\%\] {
1272
- &:is(:where(.group):is(.pdc-row-add) *) {
1273
- --tw-translate-x: 200%;
1274
- translate: var(--tw-translate-x) var(--tw-translate-y);
1275
- }
1276
- }
1277
- .group-\[\.pdc-row-add\]\:translate-y-\[-200\%\] {
1278
- &:is(:where(.group):is(.pdc-row-add) *) {
1279
- --tw-translate-y: -200%;
1280
- translate: var(--tw-translate-x) var(--tw-translate-y);
1281
- }
1282
- }
1283
- .group-\[\.pdc-row-add\]\:-rotate-180 {
1284
- &:is(:where(.group):is(.pdc-row-add) *) {
1285
- rotate: calc(180deg * -1);
1286
- }
1287
- }
1288
- .group-\[\.pdc-row-add\]\:opacity-0 {
1289
- &:is(:where(.group):is(.pdc-row-add) *) {
1290
- opacity: 0%;
1291
- }
1292
- }
1293
- .group-\[\.pdc-row-close\]\:rotate-0 {
1294
- &:is(:where(.group):is(.pdc-row-close) *) {
1295
- rotate: 0deg;
1296
- }
1297
- }
1298
- .group-\[\.pdc-row-initial\]\:translate-x-\[200\%\] {
1299
- &:is(:where(.group):is(.pdc-row-initial) *) {
1300
- --tw-translate-x: 200%;
1301
- translate: var(--tw-translate-x) var(--tw-translate-y);
1302
- }
1303
- }
1304
- .group-\[\.pdc-row-initial\]\:translate-y-\[-200\%\] {
1305
- &:is(:where(.group):is(.pdc-row-initial) *) {
1306
- --tw-translate-y: -200%;
1307
- translate: var(--tw-translate-x) var(--tw-translate-y);
1308
- }
1309
- }
1310
- .group-\[\.pdc-row-initial\]\:-rotate-180 {
1311
- &:is(:where(.group):is(.pdc-row-initial) *) {
1312
- rotate: calc(180deg * -1);
1313
- }
1314
- }
1315
- .group-\[\.pdc-row-initial\]\:\[transform\:translateX\(100\%\)\] {
1316
- &:is(:where(.group):is(.pdc-row-initial) *) {
1317
- transform: translateX(100%);
1318
- }
1319
- }
1320
- .group-\[\.pdc-row-initial\]\:opacity-100 {
1321
- &:is(:where(.group):is(.pdc-row-initial) *) {
1322
- opacity: 100%;
1323
- }
1324
- }
1325
- .group-\[\.pdc-row-open\]\:-rotate-180 {
1326
- &:is(:where(.group):is(.pdc-row-open) *) {
1327
- rotate: calc(180deg * -1);
1328
- }
1329
- }
1330
- .selection\:bg-primary-800 {
1331
- & *::selection {
1332
- background-color: var(--color-primary-800);
1333
- }
1334
- &::selection {
1335
- background-color: var(--color-primary-800);
1336
- }
1337
- }
1338
- .selection\:text-neutral-50 {
1339
- & *::selection {
1340
- color: var(--color-neutral-50);
1341
- }
1342
- &::selection {
1343
- color: var(--color-neutral-50);
1344
- }
1345
- }
1346
- .after\:absolute {
1347
- &::after {
1348
- content: var(--tw-content);
1349
- position: absolute;
1350
- }
1351
- }
1352
- .after\:-bottom-4 {
1353
- &::after {
1354
- content: var(--tw-content);
1355
- bottom: calc(var(--spacing) * -4);
1356
- }
1357
- }
1358
- .after\:left-0 {
1359
- &::after {
1360
- content: var(--tw-content);
1361
- left: calc(var(--spacing) * 0);
1362
- }
1363
- }
1364
- .after\:mt-1\.5 {
1365
- &::after {
1366
- content: var(--tw-content);
1367
- margin-top: calc(var(--spacing) * 1.5);
1368
- }
1369
- }
1370
- .after\:w-full {
1371
- &::after {
1372
- content: var(--tw-content);
1373
- width: 100%;
1374
- }
1375
- }
1376
- .after\:max-w-\[95\%\] {
1377
- &::after {
1378
- content: var(--tw-content);
1379
- max-width: 95%;
1380
- }
1381
- }
1382
- .after\:rounded-lg {
1383
- &::after {
1384
- content: var(--tw-content);
1385
- border-radius: var(--radius-lg);
1386
- }
1387
- }
1388
- .after\:border-b-3 {
1389
- &::after {
1390
- content: var(--tw-content);
1391
- border-bottom-style: var(--tw-border-style);
1392
- border-bottom-width: 3px;
1393
- }
1394
- }
1395
- .after\:border-b-transparent {
1396
- &::after {
1397
- content: var(--tw-content);
1398
- border-bottom-color: transparent;
1399
- }
1400
- }
1401
- .after\:transition-colors {
1402
- &::after {
1403
- content: var(--tw-content);
1404
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1405
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1406
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1407
- }
1408
- }
1409
- .after\:duration-500 {
1410
- &::after {
1411
- content: var(--tw-content);
1412
- --tw-duration: 500ms;
1413
- transition-duration: 500ms;
1414
- }
1415
- }
1416
- .after\:content-\[\'_\'\] {
1417
- &::after {
1418
- content: var(--tw-content);
1419
- --tw-content: ' ';
1420
- content: var(--tw-content);
1421
- }
1422
- }
1423
- .after\:\[border-bottom\:8px_solid_transparent\] {
1424
- &::after {
1425
- content: var(--tw-content);
1426
- border-bottom: 8px solid transparent;
1427
- }
1428
- }
1429
- .focus-within\:after\:border-b-primary-800 {
1430
- &:focus-within {
1431
- &::after {
1432
- content: var(--tw-content);
1433
- border-bottom-color: var(--color-primary-800);
1434
- }
1435
- }
1436
- }
1437
- .hover\:-translate-y-1 {
1438
- &:hover {
1439
- @media (hover: hover) {
1440
- --tw-translate-y: calc(var(--spacing) * -1);
1441
- translate: var(--tw-translate-x) var(--tw-translate-y);
1442
- }
1443
- }
1444
- }
1445
- .hover\:cursor-pointer {
1446
- &:hover {
1447
- @media (hover: hover) {
1448
- cursor: pointer;
1449
- }
1450
- }
1451
- }
1452
- .hover\:bg-primary-50 {
1453
- &:hover {
1454
- @media (hover: hover) {
1455
- background-color: var(--color-primary-50);
1456
- }
1457
- }
1458
- }
1459
- .hover\:text-error-600 {
1460
- &:hover {
1461
- @media (hover: hover) {
1462
- color: var(--color-error-600);
1463
- }
1464
- }
1465
- }
1466
- .hover\:text-primary-800 {
1467
- &:hover {
1468
- @media (hover: hover) {
1469
- color: var(--color-primary-800);
1470
- }
1471
- }
1472
- }
1473
- .hover\:text-primary-900 {
1474
- &:hover {
1475
- @media (hover: hover) {
1476
- color: var(--color-primary-900);
1477
- }
1478
- }
1479
- }
1480
- .hover\:ring-primary-800 {
1481
- &:hover {
1482
- @media (hover: hover) {
1483
- --tw-ring-color: var(--color-primary-800);
1484
- }
1485
- }
1486
- }
1487
- .hover\:brightness-110 {
1488
- &:hover {
1489
- @media (hover: hover) {
1490
- --tw-brightness: brightness(110%);
1491
- 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,);
1492
- }
1493
- }
1494
- }
1495
- .\*\:hover\:cursor-pointer {
1496
- :is(& > *) {
1497
- &:hover {
1498
- @media (hover: hover) {
1499
- cursor: pointer;
1500
- }
1501
- }
1502
- }
1503
- }
1504
- .\*\:hover\:bg-primary-50 {
1505
- :is(& > *) {
1506
- &:hover {
1507
- @media (hover: hover) {
1508
- background-color: var(--color-primary-50);
1509
- }
1510
- }
1511
- }
1512
- }
1513
- .\*\:hover\:bg-primary-900 {
1514
- :is(& > *) {
1515
- &:hover {
1516
- @media (hover: hover) {
1517
- background-color: var(--color-primary-900);
1518
- }
1519
- }
1520
- }
1521
- }
1522
- .\*\:hover\:text-primary-50 {
1523
- :is(& > *) {
1524
- &:hover {
1525
- @media (hover: hover) {
1526
- color: var(--color-primary-50);
1527
- }
1528
- }
1529
- }
1530
- }
1531
- .\*\:hover\:text-primary-800 {
1532
- :is(& > *) {
1533
- &:hover {
1534
- @media (hover: hover) {
1535
- color: var(--color-primary-800);
1536
- }
1537
- }
1538
- }
1539
- }
1540
- .focus\:outline-none {
1541
- &:focus {
1542
- --tw-outline-style: none;
1543
- outline-style: none;
1544
- }
1545
- }
1546
- .\*\:focus\:outline-none {
1547
- :is(& > *) {
1548
- &:focus {
1549
- --tw-outline-style: none;
1550
- outline-style: none;
1551
- }
1552
- }
1553
- }
1554
- .focus-visible\:border-primary-800 {
1555
- &:focus-visible {
1556
- border-color: var(--color-primary-800);
1557
- }
1558
- }
1559
- .focus-visible\:border-r-primary-800 {
1560
- &:focus-visible {
1561
- border-right-color: var(--color-primary-800);
1562
- }
1563
- }
1564
- .focus-visible\:border-b-primary-800 {
1565
- &:focus-visible {
1566
- border-bottom-color: var(--color-primary-800);
1567
- }
1568
- }
1569
- .focus-visible\:bg-primary-50 {
1570
- &:focus-visible {
1571
- background-color: var(--color-primary-50);
1572
- }
1573
- }
1574
- .focus-visible\:text-error-600 {
1575
- &:focus-visible {
1576
- color: var(--color-error-600);
1577
- }
1578
- }
1579
- .focus-visible\:text-primary-800 {
1580
- &:focus-visible {
1581
- color: var(--color-primary-800);
1582
- }
1583
- }
1584
- .focus-visible\:ring-6 {
1585
- &:focus-visible {
1586
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1587
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1588
- }
1589
- }
1590
- .focus-visible\:ring-primary-800 {
1591
- &:focus-visible {
1592
- --tw-ring-color: var(--color-primary-800);
1593
- }
1594
- }
1595
- .focus-visible\:outline-none {
1596
- &:focus-visible {
1597
- --tw-outline-style: none;
1598
- outline-style: none;
1599
- }
1600
- }
1601
- .\*\:focus-visible\:\!bg-primary-50 {
1602
- :is(& > *) {
1603
- &:focus-visible {
1604
- background-color: var(--color-primary-50) !important;
1605
- }
1606
- }
1607
- }
1608
- .\*\:focus-visible\:\!text-primary-800 {
1609
- :is(& > *) {
1610
- &:focus-visible {
1611
- color: var(--color-primary-800) !important;
1612
- }
1613
- }
1614
- }
1615
- .\*\:focus-visible\:ring-6 {
1616
- :is(& > *) {
1617
- &:focus-visible {
1618
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1619
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1620
- }
1621
- }
1622
- }
1623
- .\*\:focus-visible\:ring-primary-800 {
1624
- :is(& > *) {
1625
- &:focus-visible {
1626
- --tw-ring-color: var(--color-primary-800);
1627
- }
1628
- }
1629
- }
1630
- .group-\[\.active\]\:focus-visible\:border-primary-800 {
1631
- &:is(:where(.group):is(.active) *) {
1632
- &:focus-visible {
1633
- border-color: var(--color-primary-800);
1634
- }
1635
- }
1636
- }
1637
- .focus-visible\:after\:\!border-b-primary-800 {
1638
- &:focus-visible {
1639
- &::after {
1640
- content: var(--tw-content);
1641
- border-bottom-color: var(--color-primary-800) !important;
1642
- }
1643
- }
1644
- }
1645
- .disabled\:cursor-not-allowed {
1646
- &:disabled {
1647
- cursor: not-allowed;
1648
- }
1649
- }
1650
- .disabled\:border-r-transparent {
1651
- &:disabled {
1652
- border-right-color: transparent;
1653
- }
1654
- }
1655
- .disabled\:border-b-transparent {
1656
- &:disabled {
1657
- border-bottom-color: transparent;
1658
- }
1659
- }
1660
- .disabled\:\!text-neutral-800\/30 {
1661
- &:disabled {
1662
- color: color-mix(in srgb, hsl(211, 39%, 23%) 30%, transparent) !important;
1663
- @supports (color: color-mix(in lab, red, red)) {
1664
- color: color-mix(in oklab, var(--color-neutral-800) 30%, transparent) !important;
1665
- }
1666
- }
1667
- }
1668
- .has-checked\:border-r-success-400 {
1669
- &:has(*:checked) {
1670
- border-right-color: var(--color-success-400);
1671
- }
1672
- }
1673
- .\*\:has-checked\:bg-primary-50 {
1674
- :is(& > *) {
1675
- &:has(*:checked) {
1676
- background-color: var(--color-primary-50);
1677
- }
1678
- }
1679
- }
1680
- .\*\:has-checked\:bg-primary-900 {
1681
- :is(& > *) {
1682
- &:has(*:checked) {
1683
- background-color: var(--color-primary-900);
1684
- }
1685
- }
1686
- }
1687
- .\*\:has-checked\:text-primary-50 {
1688
- :is(& > *) {
1689
- &:has(*:checked) {
1690
- color: var(--color-primary-50);
1691
- }
1692
- }
1693
- }
1694
- .\*\:has-checked\:text-primary-800 {
1695
- :is(& > *) {
1696
- &:has(*:checked) {
1697
- color: var(--color-primary-800);
1698
- }
1699
- }
1700
- }
1701
- .has-enabled\:opacity-100 {
1702
- &:has(*:enabled) {
1703
- opacity: 100%;
1704
- }
1705
- }
1706
- .has-disabled\:hover\:cursor-not-allowed {
1707
- &:has(*:disabled) {
1708
- &:hover {
1709
- @media (hover: hover) {
1710
- cursor: not-allowed;
1711
- }
1712
- }
1713
- }
1714
- }
1715
- .sm\:mr-6 {
1716
- @media (width >= 40rem) {
1717
- margin-right: calc(var(--spacing) * 6);
1718
- }
1719
- }
1720
- .sm\:ml-3 {
1721
- @media (width >= 40rem) {
1722
- margin-left: calc(var(--spacing) * 3);
1723
- }
1724
- }
1725
- .sm\:ml-4 {
1726
- @media (width >= 40rem) {
1727
- margin-left: calc(var(--spacing) * 4);
1728
- }
1729
- }
1730
- .sm\:ml-\[10\%\] {
1731
- @media (width >= 40rem) {
1732
- margin-left: 10%;
1733
- }
1734
- }
1735
- .sm\:flex {
1736
- @media (width >= 40rem) {
1737
- display: flex;
1738
- }
1739
- }
1740
- .sm\:hidden {
1741
- @media (width >= 40rem) {
1742
- display: none;
1743
- }
1744
- }
1745
- .sm\:inline-block {
1746
- @media (width >= 40rem) {
1747
- display: inline-block;
1748
- }
1749
- }
1750
- .sm\:size-5 {
1751
- @media (width >= 40rem) {
1752
- width: calc(var(--spacing) * 5);
1753
- height: calc(var(--spacing) * 5);
1754
- }
1755
- }
1756
- .sm\:size-6 {
1757
- @media (width >= 40rem) {
1758
- width: calc(var(--spacing) * 6);
1759
- height: calc(var(--spacing) * 6);
1760
- }
1761
- }
1762
- .sm\:size-8 {
1763
- @media (width >= 40rem) {
1764
- width: calc(var(--spacing) * 8);
1765
- height: calc(var(--spacing) * 8);
1766
- }
1767
- }
1768
- .sm\:h-\[var\(--row-location-open-sm\)\] {
1769
- @media (width >= 40rem) {
1770
- height: var(--row-location-open-sm);
1771
- }
1772
- }
1773
- .sm\:max-h-\[60px\] {
1774
- @media (width >= 40rem) {
1775
- max-height: 60px;
1776
- }
1777
- }
1778
- .sm\:w-\[75\%\] {
1779
- @media (width >= 40rem) {
1780
- width: 75%;
1781
- }
1782
- }
1783
- .sm\:max-w-2xs {
1784
- @media (width >= 40rem) {
1785
- max-width: var(--container-2xs);
1786
- }
1787
- }
1788
- .sm\:max-w-full {
1789
- @media (width >= 40rem) {
1790
- max-width: 100%;
1791
- }
1792
- }
1793
- .sm\:flex-col {
1794
- @media (width >= 40rem) {
1795
- flex-direction: column;
1796
- }
1797
- }
1798
- .sm\:flex-row {
1799
- @media (width >= 40rem) {
1800
- flex-direction: row;
1801
- }
1802
- }
1803
- .sm\:justify-between {
1804
- @media (width >= 40rem) {
1805
- justify-content: space-between;
1806
- }
1807
- }
1808
- .sm\:justify-items-normal {
1809
- @media (width >= 40rem) {
1810
- justify-items: normal;
1811
- }
1812
- }
1813
- .sm\:justify-items-start {
1814
- @media (width >= 40rem) {
1815
- justify-items: start;
1816
- }
1817
- }
1818
- .sm\:pr-12 {
1819
- @media (width >= 40rem) {
1820
- padding-right: calc(var(--spacing) * 12);
1821
- }
1822
- }
1823
- .sm\:text-left {
1824
- @media (width >= 40rem) {
1825
- text-align: left;
1826
- }
1827
- }
1828
- .sm\:text-base {
1829
- @media (width >= 40rem) {
1830
- font-size: var(--text-base);
1831
- line-height: var(--tw-leading, var(--text-base--line-height));
1832
- }
1833
- }
1834
- .sm\:text-sm {
1835
- @media (width >= 40rem) {
1836
- font-size: var(--text-sm);
1837
- line-height: var(--tw-leading, var(--text-sm--line-height));
1838
- }
1839
- }
1840
- .md\:max-w-xs {
1841
- @media (width >= 48rem) {
1842
- max-width: var(--container-xs);
1843
- }
1844
- }
1845
- .md\:text-4xl {
1846
- @media (width >= 48rem) {
1847
- font-size: var(--text-4xl);
1848
- line-height: var(--tw-leading, var(--text-4xl--line-height));
1849
- }
1850
- }
1851
- .print\:m-0 {
1852
- @media print {
1853
- margin: calc(var(--spacing) * 0);
1854
- }
1855
- }
1856
- .print\:block {
1857
- @media print {
1858
- display: block;
1859
- }
1860
- }
1861
- .print\:hidden {
1862
- @media print {
1863
- display: none;
1864
- }
1865
- }
1866
- .print\:bg-white {
1867
- @media print {
1868
- background-color: var(--color-white);
1869
- }
1870
- }
1871
- .print\:p-0 {
1872
- @media print {
1873
- padding: calc(var(--spacing) * 0);
1874
- }
1875
- }
1876
- .\[\&_\.down\]\:\[transform\:translateY\(15\%\)\] {
1877
- & .down {
1878
- transform: translateY(15%);
1879
- }
1880
- }
1881
- .\[\&_\.land\]\:fill-neutral-800 {
1882
- & .land {
1883
- fill: var(--color-neutral-800);
1884
- }
1885
- }
1886
- .hover\:\[\&_\.land\]\:fill-primary-800 {
1887
- &:hover {
1888
- @media (hover: hover) {
1889
- & .land {
1890
- fill: var(--color-primary-800);
1891
- }
1892
- }
1893
- }
1894
- }
1895
- .focus-visible\:\[\&_\.land\]\:fill-primary-800 {
1896
- &:focus-visible {
1897
- & .land {
1898
- fill: var(--color-primary-800);
1899
- }
1900
- }
1901
- }
1902
- .\[\&_\.state\]\:fill-neutral-800 {
1903
- & .state {
1904
- fill: var(--color-neutral-800);
1905
- }
1906
- }
1907
- .\[\&_\.state\]\:stroke-neutral-100 {
1908
- & .state {
1909
- stroke: var(--color-neutral-100);
1910
- }
1911
- }
1912
- .hover\:\[\&_\.state\]\:fill-primary-800 {
1913
- &:hover {
1914
- @media (hover: hover) {
1915
- & .state {
1916
- fill: var(--color-primary-800);
1917
- }
1918
- }
1919
- }
1920
- }
1921
- .hover\:\[\&_\.state\]\:stroke-primary-100 {
1922
- &:hover {
1923
- @media (hover: hover) {
1924
- & .state {
1925
- stroke: var(--color-primary-100);
1926
- }
1927
- }
1928
- }
1929
- }
1930
- .focus-visible\:\[\&_\.state\]\:fill-primary-800 {
1931
- &:focus-visible {
1932
- & .state {
1933
- fill: var(--color-primary-800);
1934
- }
1935
- }
1936
- }
1937
- .focus-visible\:\[\&_\.state\]\:stroke-primary-100 {
1938
- &:focus-visible {
1939
- & .state {
1940
- stroke: var(--color-primary-100);
1941
- }
1942
- }
1943
- }
1944
- .\[\&_\.up\]\:\[transform\:translateY\(-15\%\)\] {
1945
- & .up {
1946
- transform: translateY(-15%);
1947
- }
1948
- }
1949
- .\[\&_\.water\]\:fill-neutral-100 {
1950
- & .water {
1951
- fill: var(--color-neutral-100);
1952
- }
1953
- }
1954
- .hover\:\[\&_\.water\]\:fill-primary-100 {
1955
- &:hover {
1956
- @media (hover: hover) {
1957
- & .water {
1958
- fill: var(--color-primary-100);
1959
- }
1960
- }
1961
- }
1962
- }
1963
- .focus-visible\:\[\&_\.water\]\:fill-primary-100 {
1964
- &:focus-visible {
1965
- & .water {
1966
- fill: var(--color-primary-100);
1967
- }
1968
- }
1969
- }
1970
- .group-not-\[\.pdc-row-close\]\:hover\:\[\&_button_svg\]\:\!-rotate-0 {
1971
- &:is(:where(.group):not(*:is(.pdc-row-close)) *) {
1972
- &:hover {
1973
- @media (hover: hover) {
1974
- & button svg {
1975
- rotate: calc(0deg * -1) !important;
1976
- }
1977
- }
1978
- }
1979
- }
1980
- }
1981
- .group-\[\.pdc-row-close\]\:hover\:\[\&_button_svg\]\:\!-rotate-180 {
1982
- &:is(:where(.group):is(.pdc-row-close) *) {
1983
- &:hover {
1984
- @media (hover: hover) {
1985
- & button svg {
1986
- rotate: calc(180deg * -1) !important;
1987
- }
1988
- }
1989
- }
1990
- }
1991
- }
1992
- .\[\&_li\]\:hidden {
1993
- & li {
1994
- display: none;
1995
- }
1996
- }
1997
- .\[\&_li\]\:border-b-transparent {
1998
- & li {
1999
- border-bottom-color: transparent;
2000
- }
2001
- }
2002
- .\[\&_li\]\:first\:inline-block {
2003
- & li {
2004
- &:first-child {
2005
- display: inline-block;
2006
- }
2007
- }
2008
- }
2009
- .\[\&_li\]\:first\:border-b-2 {
2010
- & li {
2011
- &:first-child {
2012
- border-bottom-style: var(--tw-border-style);
2013
- border-bottom-width: 2px;
2014
- }
2015
- }
2016
- }
2017
- .\[\&_li\]\:first\:pb-2 {
2018
- & li {
2019
- &:first-child {
2020
- padding-bottom: calc(var(--spacing) * 2);
2021
- }
2022
- }
2023
- }
2024
- .sm\:\[\&_li\]\:mb-2 {
2025
- @media (width >= 40rem) {
2026
- & li {
2027
- margin-bottom: calc(var(--spacing) * 2);
2028
- }
2029
- }
2030
- }
2031
- .sm\:\[\&_li\]\:inline-block {
2032
- @media (width >= 40rem) {
2033
- & li {
2034
- display: inline-block;
2035
- }
2036
- }
2037
- }
2038
- .sm\:\[\&_li\]\:first\:hidden {
2039
- @media (width >= 40rem) {
2040
- & li {
2041
- &:first-child {
2042
- display: none;
2043
- }
2044
- }
2045
- }
2046
- }
2047
- .sm\:\[\&_li\]\:first\:border-none {
2048
- @media (width >= 40rem) {
2049
- & li {
2050
- &:first-child {
2051
- --tw-border-style: none;
2052
- border-style: none;
2053
- }
2054
- }
2055
- }
2056
- }
2057
- .sm\:\[\&_li\]\:first\:pb-0 {
2058
- @media (width >= 40rem) {
2059
- & li {
2060
- &:first-child {
2061
- padding-bottom: calc(var(--spacing) * 0);
2062
- }
2063
- }
2064
- }
2065
- }
2066
- .sm\:\[\&_li\]\:last\:border-b-2 {
2067
- @media (width >= 40rem) {
2068
- & li {
2069
- &:last-child {
2070
- border-bottom-style: var(--tw-border-style);
2071
- border-bottom-width: 2px;
2072
- }
2073
- }
2074
- }
2075
- }
2076
- .sm\:\[\&_li\]\:last\:pb-2 {
2077
- @media (width >= 40rem) {
2078
- & li {
2079
- &:last-child {
2080
- padding-bottom: calc(var(--spacing) * 2);
2081
- }
2082
- }
2083
- }
2084
- }
2085
- .group-\[\.active\]\:focus-visible\:\[\&_svg\]\:-rotate-180 {
2086
- &:is(:where(.group):is(.active) *) {
2087
- &:focus-visible {
2088
- & svg {
2089
- rotate: calc(180deg * -1);
2090
- }
2091
- }
2092
- }
2093
- }
2094
- .\[\&_td\]\:p-3 {
2095
- & td {
2096
- padding: calc(var(--spacing) * 3);
2097
- }
2098
- }
2099
- .\[\&_tr\]\:border-b-2 {
2100
- & tr {
2101
- border-bottom-style: var(--tw-border-style);
2102
- border-bottom-width: 2px;
2103
- }
2104
- }
2105
- .\[\&\.active_\.down\]\:\[transform\:scaleY\(-1\)_translateY\(-70\%\)\] {
2106
- &.active .down {
2107
- transform: scaleY(-1) translateY(-70%);
2108
- }
2109
- }
2110
- .\[\&\.active_\.up\]\:\[transform\:scaleY\(-1\)_translateY\(70\%\)\] {
2111
- &.active .up {
2112
- transform: scaleY(-1) translateY(70%);
2113
- }
2114
- }
2115
- .\[\&\:\:-webkit-calendar-picker-indicator\:focus\]\:border-b-primary-800 {
2116
- &::-webkit-calendar-picker-indicator:focus {
2117
- border-bottom-color: var(--color-primary-800);
2118
- }
2119
- }
2120
- .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
2121
- &::-webkit-inner-spin-button {
2122
- appearance: none;
2123
- }
2124
- }
2125
- .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
2126
- &::-webkit-outer-spin-button {
2127
- appearance: none;
2128
- }
2129
- }
2130
- .\[\.active\]\:z-50 {
2131
- &:is(.active) {
2132
- z-index: 50;
2133
- }
2134
- }
2135
- .\[\.active\]\:flex {
2136
- &:is(.active) {
2137
- display: flex;
2138
- }
2139
- }
2140
- .\[\.active\]\:translate-y-16 {
2141
- &:is(.active) {
2142
- --tw-translate-y: calc(var(--spacing) * 16);
2143
- translate: var(--tw-translate-x) var(--tw-translate-y);
2144
- }
2145
- }
2146
- .\[\.active\]\:opacity-100 {
2147
- &:is(.active) {
2148
- opacity: 100%;
2149
- }
2150
- }
2151
- .\[\.disabled\]\:cursor-not-allowed {
2152
- &:is(.disabled) {
2153
- cursor: not-allowed;
2154
- }
2155
- }
2156
- .\[\.disabled\]\:\*\*\:opacity-30 {
2157
- &:is(.disabled) {
2158
- :is(& *) {
2159
- opacity: 30%;
2160
- }
2161
- }
2162
- }
2163
- .\[\.error\]\:border-r-error-400 {
2164
- &:is(.error) {
2165
- border-right-color: var(--color-error-400);
2166
- }
2167
- }
2168
- .\[\.pdc-row-initial\]\:h-\[var\(--row-location-open\)\] {
2169
- &:is(.pdc-row-initial) {
2170
- height: var(--row-location-open);
2171
- }
2172
- }
2173
- .sm\:\[\.pdc-row-initial\]\:h-\[var\(--row-location-open-sm\)\] {
2174
- @media (width >= 40rem) {
2175
- &:is(.pdc-row-initial) {
2176
- height: var(--row-location-open-sm);
2177
- }
2178
- }
2179
- }
2180
- .\[\.success\]\:border-r-success-400 {
2181
- &:is(.success) {
2182
- border-right-color: var(--color-success-400);
2183
- }
2184
- }
2185
- .\[\&\>a\]\:ml-5 {
2186
- &>a {
2187
- margin-left: calc(var(--spacing) * 5);
2188
- }
2189
- }
2190
- .\[\&\>a\]\:list-item {
2191
- &>a {
2192
- display: list-item;
2193
- }
2194
- }
2195
- .\[\&\>a\]\:pl-2\.5 {
2196
- &>a {
2197
- padding-left: calc(var(--spacing) * 2.5);
2198
- }
2199
- }
2200
- }
2201
- html {
2202
- scroll-behavior: smooth;
2203
- }
2204
- @property --tw-translate-x {
2205
- syntax: "*";
2206
- inherits: false;
2207
- initial-value: 0;
2208
- }
2209
- @property --tw-translate-y {
2210
- syntax: "*";
2211
- inherits: false;
2212
- initial-value: 0;
2213
- }
2214
- @property --tw-translate-z {
2215
- syntax: "*";
2216
- inherits: false;
2217
- initial-value: 0;
2218
- }
2219
- @property --tw-rotate-x {
2220
- syntax: "*";
2221
- inherits: false;
2222
- }
2223
- @property --tw-rotate-y {
2224
- syntax: "*";
2225
- inherits: false;
2226
- }
2227
- @property --tw-rotate-z {
2228
- syntax: "*";
2229
- inherits: false;
2230
- }
2231
- @property --tw-skew-x {
2232
- syntax: "*";
2233
- inherits: false;
2234
- }
2235
- @property --tw-skew-y {
2236
- syntax: "*";
2237
- inherits: false;
2238
- }
2239
- @property --tw-space-y-reverse {
2240
- syntax: "*";
2241
- inherits: false;
2242
- initial-value: 0;
2243
- }
2244
- @property --tw-divide-x-reverse {
2245
- syntax: "*";
2246
- inherits: false;
2247
- initial-value: 0;
2248
- }
2249
- @property --tw-border-style {
2250
- syntax: "*";
2251
- inherits: false;
2252
- initial-value: solid;
2253
- }
2254
- @property --tw-gradient-position {
2255
- syntax: "*";
2256
- inherits: false;
2257
- }
2258
- @property --tw-gradient-from {
2259
- syntax: "<color>";
2260
- inherits: false;
2261
- initial-value: #0000;
2262
- }
2263
- @property --tw-gradient-via {
2264
- syntax: "<color>";
2265
- inherits: false;
2266
- initial-value: #0000;
2267
- }
2268
- @property --tw-gradient-to {
2269
- syntax: "<color>";
2270
- inherits: false;
2271
- initial-value: #0000;
2272
- }
2273
- @property --tw-gradient-stops {
2274
- syntax: "*";
2275
- inherits: false;
2276
- }
2277
- @property --tw-gradient-via-stops {
2278
- syntax: "*";
2279
- inherits: false;
2280
- }
2281
- @property --tw-gradient-from-position {
2282
- syntax: "<length-percentage>";
2283
- inherits: false;
2284
- initial-value: 0%;
2285
- }
2286
- @property --tw-gradient-via-position {
2287
- syntax: "<length-percentage>";
2288
- inherits: false;
2289
- initial-value: 50%;
2290
- }
2291
- @property --tw-gradient-to-position {
2292
- syntax: "<length-percentage>";
2293
- inherits: false;
2294
- initial-value: 100%;
2295
- }
2296
- @property --tw-leading {
2297
- syntax: "*";
2298
- inherits: false;
2299
- }
2300
- @property --tw-font-weight {
2301
- syntax: "*";
2302
- inherits: false;
2303
- }
2304
- @property --tw-shadow {
2305
- syntax: "*";
2306
- inherits: false;
2307
- initial-value: 0 0 #0000;
2308
- }
2309
- @property --tw-shadow-color {
2310
- syntax: "*";
2311
- inherits: false;
2312
- }
2313
- @property --tw-shadow-alpha {
2314
- syntax: "<percentage>";
2315
- inherits: false;
2316
- initial-value: 100%;
2317
- }
2318
- @property --tw-inset-shadow {
2319
- syntax: "*";
2320
- inherits: false;
2321
- initial-value: 0 0 #0000;
2322
- }
2323
- @property --tw-inset-shadow-color {
2324
- syntax: "*";
2325
- inherits: false;
2326
- }
2327
- @property --tw-inset-shadow-alpha {
2328
- syntax: "<percentage>";
2329
- inherits: false;
2330
- initial-value: 100%;
2331
- }
2332
- @property --tw-ring-color {
2333
- syntax: "*";
2334
- inherits: false;
2335
- }
2336
- @property --tw-ring-shadow {
2337
- syntax: "*";
2338
- inherits: false;
2339
- initial-value: 0 0 #0000;
2340
- }
2341
- @property --tw-inset-ring-color {
2342
- syntax: "*";
2343
- inherits: false;
2344
- }
2345
- @property --tw-inset-ring-shadow {
2346
- syntax: "*";
2347
- inherits: false;
2348
- initial-value: 0 0 #0000;
2349
- }
2350
- @property --tw-ring-inset {
2351
- syntax: "*";
2352
- inherits: false;
2353
- }
2354
- @property --tw-ring-offset-width {
2355
- syntax: "<length>";
2356
- inherits: false;
2357
- initial-value: 0px;
2358
- }
2359
- @property --tw-ring-offset-color {
2360
- syntax: "*";
2361
- inherits: false;
2362
- initial-value: #fff;
2363
- }
2364
- @property --tw-ring-offset-shadow {
2365
- syntax: "*";
2366
- inherits: false;
2367
- initial-value: 0 0 #0000;
2368
- }
2369
- @property --tw-outline-style {
2370
- syntax: "*";
2371
- inherits: false;
2372
- initial-value: solid;
2373
- }
2374
- @property --tw-blur {
2375
- syntax: "*";
2376
- inherits: false;
2377
- }
2378
- @property --tw-brightness {
2379
- syntax: "*";
2380
- inherits: false;
2381
- }
2382
- @property --tw-contrast {
2383
- syntax: "*";
2384
- inherits: false;
2385
- }
2386
- @property --tw-grayscale {
2387
- syntax: "*";
2388
- inherits: false;
2389
- }
2390
- @property --tw-hue-rotate {
2391
- syntax: "*";
2392
- inherits: false;
2393
- }
2394
- @property --tw-invert {
2395
- syntax: "*";
2396
- inherits: false;
2397
- }
2398
- @property --tw-opacity {
2399
- syntax: "*";
2400
- inherits: false;
2401
- }
2402
- @property --tw-saturate {
2403
- syntax: "*";
2404
- inherits: false;
2405
- }
2406
- @property --tw-sepia {
2407
- syntax: "*";
2408
- inherits: false;
2409
- }
2410
- @property --tw-drop-shadow {
2411
- syntax: "*";
2412
- inherits: false;
2413
- }
2414
- @property --tw-drop-shadow-color {
2415
- syntax: "*";
2416
- inherits: false;
2417
- }
2418
- @property --tw-drop-shadow-alpha {
2419
- syntax: "<percentage>";
2420
- inherits: false;
2421
- initial-value: 100%;
2422
- }
2423
- @property --tw-drop-shadow-size {
2424
- syntax: "*";
2425
- inherits: false;
2426
- }
2427
- @property --tw-duration {
2428
- syntax: "*";
2429
- inherits: false;
2430
- }
2431
- @property --tw-ease {
2432
- syntax: "*";
2433
- inherits: false;
2434
- }
2435
- @property --tw-content {
2436
- syntax: "*";
2437
- initial-value: "";
2438
- inherits: false;
2439
- }
2440
- @keyframes spin {
2441
- to {
2442
- transform: rotate(360deg);
2443
- }
2444
- }
2445
- @layer properties {
2446
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2447
- *, ::before, ::after, ::backdrop {
2448
- --tw-translate-x: 0;
2449
- --tw-translate-y: 0;
2450
- --tw-translate-z: 0;
2451
- --tw-rotate-x: initial;
2452
- --tw-rotate-y: initial;
2453
- --tw-rotate-z: initial;
2454
- --tw-skew-x: initial;
2455
- --tw-skew-y: initial;
2456
- --tw-space-y-reverse: 0;
2457
- --tw-divide-x-reverse: 0;
2458
- --tw-border-style: solid;
2459
- --tw-gradient-position: initial;
2460
- --tw-gradient-from: #0000;
2461
- --tw-gradient-via: #0000;
2462
- --tw-gradient-to: #0000;
2463
- --tw-gradient-stops: initial;
2464
- --tw-gradient-via-stops: initial;
2465
- --tw-gradient-from-position: 0%;
2466
- --tw-gradient-via-position: 50%;
2467
- --tw-gradient-to-position: 100%;
2468
- --tw-leading: initial;
2469
- --tw-font-weight: initial;
2470
- --tw-shadow: 0 0 #0000;
2471
- --tw-shadow-color: initial;
2472
- --tw-shadow-alpha: 100%;
2473
- --tw-inset-shadow: 0 0 #0000;
2474
- --tw-inset-shadow-color: initial;
2475
- --tw-inset-shadow-alpha: 100%;
2476
- --tw-ring-color: initial;
2477
- --tw-ring-shadow: 0 0 #0000;
2478
- --tw-inset-ring-color: initial;
2479
- --tw-inset-ring-shadow: 0 0 #0000;
2480
- --tw-ring-inset: initial;
2481
- --tw-ring-offset-width: 0px;
2482
- --tw-ring-offset-color: #fff;
2483
- --tw-ring-offset-shadow: 0 0 #0000;
2484
- --tw-outline-style: solid;
2485
- --tw-blur: initial;
2486
- --tw-brightness: initial;
2487
- --tw-contrast: initial;
2488
- --tw-grayscale: initial;
2489
- --tw-hue-rotate: initial;
2490
- --tw-invert: initial;
2491
- --tw-opacity: initial;
2492
- --tw-saturate: initial;
2493
- --tw-sepia: initial;
2494
- --tw-drop-shadow: initial;
2495
- --tw-drop-shadow-color: initial;
2496
- --tw-drop-shadow-alpha: 100%;
2497
- --tw-drop-shadow-size: initial;
2498
- --tw-duration: initial;
2499
- --tw-ease: initial;
2500
- --tw-content: "";
2501
- }
2502
- }
2503
- }