@powerhousedao/common 1.8.0 → 1.9.0

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.
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
3
  @layer theme {
4
4
  :root, :host {
@@ -6,25 +6,87 @@
6
6
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
7
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
8
  "Courier New", monospace;
9
- --color-blue-100: hsl(209 100% 90%);
10
- --color-gray-50: hsl(0 0% 99%);
11
- --color-gray-100: hsl(0 0% 96%);
12
- --color-gray-300: hsl(210 3% 85%);
13
- --color-gray-400: hsl(180 2% 78%);
14
- --color-gray-600: hsl(200 4% 44%);
15
- --color-gray-800: hsl(200 4% 26%);
16
- --color-gray-900: hsl(192 5% 21%);
9
+ --color-red-400: oklch(0.704 0.191 22.216);
10
+ --color-red-500: oklch(0.637 0.237 25.331);
11
+ --color-red-600: oklch(0.577 0.245 27.325);
12
+ --color-red-700: oklch(0.505 0.213 27.518);
13
+ --color-red-800: oklch(0.444 0.177 26.899);
14
+ --color-red-900: oklch(0.396 0.141 25.723);
15
+ --color-orange-100: oklch(0.954 0.038 75.164);
16
+ --color-orange-700: oklch(0.553 0.195 38.402);
17
+ --color-orange-800: oklch(0.47 0.157 37.304);
18
+ --color-orange-900: oklch(0.408 0.123 38.172);
19
+ --color-yellow-100: oklch(0.973 0.071 103.193);
20
+ --color-yellow-300: oklch(0.905 0.182 98.111);
21
+ --color-yellow-400: oklch(0.852 0.199 91.936);
22
+ --color-yellow-900: oklch(0.421 0.095 57.708);
23
+ --color-green-100: oklch(0.962 0.044 156.743);
24
+ --color-green-500: oklch(0.723 0.219 149.579);
25
+ --color-green-700: oklch(0.527 0.154 150.069);
26
+ --color-green-800: oklch(0.448 0.119 151.328);
27
+ --color-green-900: oklch(0.393 0.095 152.535);
28
+ --color-blue-100: oklch(0.932 0.032 255.585);
29
+ --color-blue-400: oklch(0.707 0.165 254.624);
30
+ --color-blue-500: oklch(0.623 0.214 259.815);
31
+ --color-blue-600: oklch(0.546 0.245 262.881);
32
+ --color-blue-800: oklch(0.424 0.199 265.638);
33
+ --color-blue-900: oklch(0.379 0.146 265.522);
34
+ --color-purple-900: oklch(0.381 0.176 304.987);
35
+ --color-slate-50: oklch(0.984 0.003 247.858);
36
+ --color-slate-100: oklch(0.968 0.007 247.896);
37
+ --color-slate-200: oklch(0.929 0.013 255.508);
38
+ --color-slate-300: oklch(0.869 0.022 252.894);
39
+ --color-slate-500: oklch(0.554 0.046 257.417);
40
+ --color-slate-600: oklch(0.446 0.043 257.281);
41
+ --color-slate-700: oklch(0.372 0.044 257.287);
42
+ --color-slate-800: oklch(0.279 0.041 260.031);
43
+ --color-slate-900: oklch(0.208 0.042 265.755);
44
+ --color-gray-50: oklch(0.985 0.002 247.839);
45
+ --color-gray-100: oklch(0.967 0.003 264.542);
46
+ --color-gray-200: oklch(0.928 0.006 264.531);
47
+ --color-gray-300: oklch(0.872 0.01 258.338);
48
+ --color-gray-400: oklch(0.707 0.022 261.325);
49
+ --color-gray-500: oklch(0.551 0.027 264.364);
50
+ --color-gray-600: oklch(0.446 0.03 256.802);
51
+ --color-gray-700: oklch(0.373 0.034 259.733);
52
+ --color-gray-800: oklch(0.278 0.033 256.848);
53
+ --color-gray-900: oklch(0.21 0.034 264.665);
54
+ --color-black: #000;
55
+ --color-white: #fff;
17
56
  --spacing: 0.25rem;
57
+ --container-xs: 20rem;
58
+ --container-md: 28rem;
59
+ --container-4xl: 56rem;
60
+ --text-xs: 0.75rem;
61
+ --text-xs--line-height: calc(1 / 0.75);
18
62
  --text-sm: 0.875rem;
19
63
  --text-sm--line-height: calc(1.25 / 0.875);
20
64
  --text-base: 1rem;
21
65
  --text-base--line-height: calc(1.5 / 1);
66
+ --text-lg: 1.125rem;
67
+ --text-lg--line-height: calc(1.75 / 1.125);
22
68
  --text-xl: 1.25rem;
23
69
  --text-xl--line-height: calc(1.75 / 1.25);
70
+ --text-2xl: 1.5rem;
71
+ --text-2xl--line-height: calc(2 / 1.5);
72
+ --font-weight-extralight: 200;
73
+ --font-weight-normal: 400;
74
+ --font-weight-medium: 500;
24
75
  --font-weight-semibold: 600;
25
76
  --font-weight-bold: 700;
77
+ --tracking-wide: 0.025em;
78
+ --tracking-widest: 0.1em;
79
+ --radius-sm: 0.25rem;
26
80
  --radius-md: 0.375rem;
81
+ --radius-lg: 0.5rem;
82
+ --radius-xl: 0.75rem;
27
83
  --radius-2xl: 1rem;
84
+ --radius-3xl: 1.5rem;
85
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
86
+ --animate-spin: spin 1s linear infinite;
87
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
88
+ --default-transition-duration: 150ms;
89
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
28
90
  --default-font-family: var(--font-sans);
29
91
  --default-font-feature-settings: var(--font-sans--font-feature-settings);
30
92
  --default-font-variation-settings: var(
@@ -333,7 +395,8 @@
333
395
  color: var(--color-gray-600);
334
396
  }
335
397
  }
336
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
398
+ /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
399
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
337
400
  :root {
338
401
  --toastify-color-light: #fff;
339
402
  --toastify-color-dark: #121212;
@@ -1018,7 +1081,120 @@
1018
1081
  }
1019
1082
  }
1020
1083
  @layer theme, base, components, utilities;
1021
- @layer theme;
1084
+ @layer theme {
1085
+ :root, :host {
1086
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
1087
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1088
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
1089
+ "Courier New", monospace;
1090
+ --color-red-100: hsl(3 82% 96%);
1091
+ --color-red-400: hsl(5 82% 83%);
1092
+ --color-red-500: hsl(5 80% 78%);
1093
+ --color-red-600: hsl(4 81% 74%);
1094
+ --color-red-700: hsl(4 81% 69%);
1095
+ --color-red-800: hsl(5 81% 61%);
1096
+ --color-red-900: hsl(5 81% 56%);
1097
+ --color-orange-100: hsl(33 100% 90%);
1098
+ --color-orange-700: hsl(32 100% 60%);
1099
+ --color-orange-800: hsl(33 100% 55%);
1100
+ --color-orange-900: hsl(32 100% 50%);
1101
+ --color-yellow-100: hsl(46 100% 94%);
1102
+ --color-yellow-300: hsl(47 100% 79%);
1103
+ --color-yellow-400: hsl(47 100% 69%);
1104
+ --color-yellow-900: hsl(47 100% 49%);
1105
+ --color-green-100: hsl(134 51% 89%);
1106
+ --color-green-500: hsl(136 53% 66%);
1107
+ --color-green-700: hsl(136 52% 55%);
1108
+ --color-green-800: hsl(136 53% 49%);
1109
+ --color-green-900: hsl(136 53% 43%);
1110
+ --color-blue-100: hsl(209 100% 90%);
1111
+ --color-blue-400: hsl(209 100% 75%);
1112
+ --color-blue-500: hsl(209 100% 70%);
1113
+ --color-blue-600: hsl(209 100% 65%);
1114
+ --color-blue-800: hsl(209 100% 55%);
1115
+ --color-blue-900: hsl(209 100% 50%);
1116
+ --color-purple-900: hsl(263 78% 63%);
1117
+ --color-slate-50: hsl(210 20% 96%);
1118
+ --color-slate-100: hsl(210 9% 74%);
1119
+ --color-slate-200: hsl(210 9% 48%);
1120
+ --color-slate-300: hsl(210 9% 39%);
1121
+ --color-slate-500: hsl(207 8% 21%);
1122
+ --color-slate-600: hsl(210 9% 13%);
1123
+ --color-slate-700: hsl(204 9% 11%);
1124
+ --color-slate-800: hsl(195 9% 9%);
1125
+ --color-slate-900: hsl(195 6% 6%);
1126
+ --color-gray-50: hsl(0 0% 99%);
1127
+ --color-gray-100: hsl(0 0% 96%);
1128
+ --color-gray-200: hsl(0 0% 94%);
1129
+ --color-gray-300: hsl(210 3% 85%);
1130
+ --color-gray-400: hsl(180 2% 78%);
1131
+ --color-gray-500: hsl(200 2% 63%);
1132
+ --color-gray-600: hsl(200 4% 44%);
1133
+ --color-gray-700: hsl(189 5% 29%);
1134
+ --color-gray-800: hsl(200 4% 26%);
1135
+ --color-gray-900: hsl(192 5% 21%);
1136
+ --color-black: hsl(0 0% 0%);
1137
+ --color-white: hsl(0 0% 100%);
1138
+ --spacing: 0.25rem;
1139
+ --container-xs: 20rem;
1140
+ --container-md: 28rem;
1141
+ --container-4xl: 56rem;
1142
+ --text-xs: 0.75rem;
1143
+ --text-xs--line-height: calc(1 / 0.75);
1144
+ --text-sm: 0.875rem;
1145
+ --text-sm--line-height: calc(1.25 / 0.875);
1146
+ --text-base: 1rem;
1147
+ --text-base--line-height: calc(1.5 / 1);
1148
+ --text-lg: 1.125rem;
1149
+ --text-lg--line-height: calc(1.75 / 1.125);
1150
+ --text-xl: 1.25rem;
1151
+ --text-xl--line-height: calc(1.75 / 1.25);
1152
+ --text-2xl: 1.5rem;
1153
+ --text-2xl--line-height: calc(2 / 1.5);
1154
+ --font-weight-extralight: 200;
1155
+ --font-weight-normal: 400;
1156
+ --font-weight-medium: 500;
1157
+ --font-weight-semibold: 600;
1158
+ --font-weight-bold: 700;
1159
+ --tracking-wide: 0.025em;
1160
+ --tracking-widest: 0.1em;
1161
+ --radius-sm: 0.25rem;
1162
+ --radius-md: 0.375rem;
1163
+ --radius-lg: 0.5rem;
1164
+ --radius-xl: 0.75rem;
1165
+ --radius-2xl: 1rem;
1166
+ --radius-3xl: 1.5rem;
1167
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
1168
+ --animate-spin: spin 1s linear infinite;
1169
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1170
+ --default-transition-duration: 150ms;
1171
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1172
+ --default-font-family: var(--font-sans);
1173
+ --default-font-feature-settings: var(--font-sans--font-feature-settings);
1174
+ --default-font-variation-settings: var(
1175
+ --font-sans--font-variation-settings
1176
+ );
1177
+ --default-mono-font-family: var(--font-mono);
1178
+ --default-mono-font-feature-settings: var(
1179
+ --font-mono--font-feature-settings
1180
+ );
1181
+ --default-mono-font-variation-settings: var(
1182
+ --font-mono--font-variation-settings
1183
+ );
1184
+ --color-charcoal-300: hsl(221 17% 67%);
1185
+ --color-charcoal-700: hsl(219 17% 34%);
1186
+ --color-charcoal-800: hsl(221 17% 26%);
1187
+ --color-charcoal-900: hsl(220 17% 17%);
1188
+ --animate-fade-in: fadeIn 0.3s ease-in-out;
1189
+ --animate-fade-out: fadeOut 0.1s ease-in-out;
1190
+ --animate-zoom-in: zoomIn 0.3s ease-in-out;
1191
+ --animate-zoom-out: zoomOut 0.1s ease-in-out;
1192
+ --animate-slide-in-from-top: slideInFromTop 0.2s ease-in-out;
1193
+ --animate-slide-in-from-bottom: slideInFromBottom 0.2s ease-in-out;
1194
+ --animate-slide-in-from-left: slideInFromLeft 0.2s ease-in-out;
1195
+ --animate-slide-in-from-right: slideInFromRight 0.2s ease-in-out;
1196
+ }
1197
+ }
1022
1198
  @layer base {
1023
1199
  *, ::after, ::before, ::backdrop, ::file-selector-button {
1024
1200
  box-sizing: border-box;
@@ -1160,84 +1336,4255 @@
1160
1336
  display: none !important;
1161
1337
  }
1162
1338
  }
1163
- @layer utilities;
1164
- :root {
1165
- --toastify-toast-min-height: 48px;
1166
- --toastify-toast-bd-radius: 8px;
1167
- --toastify-text-color-light: var(--color-gray-800);
1168
- --toastify-color-progress-info: var(--color-gray-300);
1169
- --toastify-color-progress-success: var(--color-gray-300);
1170
- --toastify-color-progress-warning: var(--color-gray-300);
1171
- --toastify-color-progress-error: var(--color-gray-300);
1172
- --toastify-color-progress-light: var(--color-gray-300);
1173
- }
1174
- html:has(dialog[open]) {
1175
- overflow: hidden;
1176
- }
1177
- .checkbox-container input[type="checkbox"] {
1178
- accent-color: var(--color-gray-900);
1179
- }
1180
- .rmsc {
1181
- --rmsc-main: var(--color-gray-300) !important;
1182
- --rmsc-hover: var(--color-gray-100) !important;
1183
- --rmsc-selected: var(--color-gray-300) !important;
1184
- }
1185
- .Toastify__toast-body {
1186
- padding: 0;
1187
- margin: 0;
1188
- font-size: 14px;
1189
- font-weight: 600;
1190
- }
1191
- .Toastify__toast {
1192
- box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.32);
1193
- padding: 12px 16px 12px 16px;
1194
- }
1195
- .Toastify__progress-bar--wrp {
1196
- height: 2px;
1197
- }
1198
- input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
1199
- -webkit-appearance: none;
1200
- -moz-appearance: none;
1201
- appearance: none;
1202
- margin: 0;
1203
- }
1204
- input[type="number"] {
1205
- -moz-appearance: textfield;
1206
- }
1207
- h1, h2, h3, h4, h5, h6, p {
1208
- color: var(--color-gray-900);
1209
- }
1210
- @property --tw-rotate-x {
1211
- syntax: "*";
1212
- inherits: false;
1213
- initial-value: rotateX(0);
1214
- }
1215
- @property --tw-rotate-y {
1216
- syntax: "*";
1217
- inherits: false;
1218
- initial-value: rotateY(0);
1219
- }
1220
- @property --tw-rotate-z {
1221
- syntax: "*";
1222
- inherits: false;
1223
- initial-value: rotateZ(0);
1224
- }
1225
- @property --tw-skew-x {
1226
- syntax: "*";
1227
- inherits: false;
1228
- initial-value: skewX(0);
1229
- }
1230
- @property --tw-skew-y {
1231
- syntax: "*";
1232
- inherits: false;
1233
- initial-value: skewY(0);
1234
- }
1235
- @property --tw-border-style {
1236
- syntax: "*";
1237
- inherits: false;
1238
- initial-value: solid;
1239
- }
1240
- @property --tw-font-weight {
1241
- syntax: "*";
1242
- inherits: false;
1339
+ @layer utilities {
1340
+ .\!pointer-events-auto {
1341
+ pointer-events: auto !important;
1342
+ }
1343
+ .pointer-events-none {
1344
+ pointer-events: none;
1345
+ }
1346
+ .collapse {
1347
+ visibility: collapse;
1348
+ }
1349
+ .invisible {
1350
+ visibility: hidden;
1351
+ }
1352
+ .visible {
1353
+ visibility: visible;
1354
+ }
1355
+ .sr-only {
1356
+ position: absolute;
1357
+ width: 1px;
1358
+ height: 1px;
1359
+ padding: 0;
1360
+ margin: -1px;
1361
+ overflow: hidden;
1362
+ clip: rect(0, 0, 0, 0);
1363
+ white-space: nowrap;
1364
+ border-width: 0;
1365
+ }
1366
+ .absolute {
1367
+ position: absolute;
1368
+ }
1369
+ .fixed {
1370
+ position: fixed;
1371
+ }
1372
+ .relative {
1373
+ position: relative;
1374
+ }
1375
+ .sticky {
1376
+ position: sticky;
1377
+ }
1378
+ .inset-0 {
1379
+ inset: calc(var(--spacing) * 0);
1380
+ }
1381
+ .inset-8 {
1382
+ inset: calc(var(--spacing) * 8);
1383
+ }
1384
+ .inset-y-0 {
1385
+ inset-block: calc(var(--spacing) * 0);
1386
+ }
1387
+ .inset-y-2 {
1388
+ inset-block: calc(var(--spacing) * 2);
1389
+ }
1390
+ .top-0 {
1391
+ top: calc(var(--spacing) * 0);
1392
+ }
1393
+ .top-1\/2 {
1394
+ top: calc(1/2 * 100%);
1395
+ }
1396
+ .top-3 {
1397
+ top: calc(var(--spacing) * 3);
1398
+ }
1399
+ .top-3\.5 {
1400
+ top: calc(var(--spacing) * 3.5);
1401
+ }
1402
+ .top-8 {
1403
+ top: calc(var(--spacing) * 8);
1404
+ }
1405
+ .top-10 {
1406
+ top: calc(var(--spacing) * 10);
1407
+ }
1408
+ .top-14 {
1409
+ top: calc(var(--spacing) * 14);
1410
+ }
1411
+ .top-\[-2px\] {
1412
+ top: -2px;
1413
+ }
1414
+ .top-\[48px\] {
1415
+ top: 48px;
1416
+ }
1417
+ .right-0 {
1418
+ right: calc(var(--spacing) * 0);
1419
+ }
1420
+ .right-1 {
1421
+ right: calc(var(--spacing) * 1);
1422
+ }
1423
+ .right-2 {
1424
+ right: calc(var(--spacing) * 2);
1425
+ }
1426
+ .right-3 {
1427
+ right: calc(var(--spacing) * 3);
1428
+ }
1429
+ .right-5 {
1430
+ right: calc(var(--spacing) * 5);
1431
+ }
1432
+ .right-8 {
1433
+ right: calc(var(--spacing) * 8);
1434
+ }
1435
+ .right-\[-2px\] {
1436
+ right: -2px;
1437
+ }
1438
+ .bottom-0 {
1439
+ bottom: calc(var(--spacing) * 0);
1440
+ }
1441
+ .bottom-5 {
1442
+ bottom: calc(var(--spacing) * 5);
1443
+ }
1444
+ .bottom-\[-2px\] {
1445
+ bottom: -2px;
1446
+ }
1447
+ .bottom-\[-3px\] {
1448
+ bottom: -3px;
1449
+ }
1450
+ .left-0 {
1451
+ left: calc(var(--spacing) * 0);
1452
+ }
1453
+ .left-1\/2 {
1454
+ left: calc(1/2 * 100%);
1455
+ }
1456
+ .left-2 {
1457
+ left: calc(var(--spacing) * 2);
1458
+ }
1459
+ .left-2\.5 {
1460
+ left: calc(var(--spacing) * 2.5);
1461
+ }
1462
+ .left-8 {
1463
+ left: calc(var(--spacing) * 8);
1464
+ }
1465
+ .left-\[-2px\] {
1466
+ left: -2px;
1467
+ }
1468
+ .isolate {
1469
+ isolation: isolate;
1470
+ }
1471
+ .z-0 {
1472
+ z-index: 0;
1473
+ }
1474
+ .z-10 {
1475
+ z-index: 10;
1476
+ }
1477
+ .z-50 {
1478
+ z-index: 50;
1479
+ }
1480
+ .container {
1481
+ width: 100%;
1482
+ @media (width >= 40rem) {
1483
+ max-width: 40rem;
1484
+ }
1485
+ @media (width >= 48rem) {
1486
+ max-width: 48rem;
1487
+ }
1488
+ @media (width >= 64rem) {
1489
+ max-width: 64rem;
1490
+ }
1491
+ @media (width >= 80rem) {
1492
+ max-width: 80rem;
1493
+ }
1494
+ @media (width >= 96rem) {
1495
+ max-width: 96rem;
1496
+ }
1497
+ }
1498
+ .-m-2 {
1499
+ margin: calc(var(--spacing) * -2);
1500
+ }
1501
+ .m-6 {
1502
+ margin: calc(var(--spacing) * 6);
1503
+ }
1504
+ .m-8 {
1505
+ margin: calc(var(--spacing) * 8);
1506
+ }
1507
+ .mx-1 {
1508
+ margin-inline: calc(var(--spacing) * 1);
1509
+ }
1510
+ .mx-3 {
1511
+ margin-inline: calc(var(--spacing) * 3);
1512
+ }
1513
+ .mx-10 {
1514
+ margin-inline: calc(var(--spacing) * 10);
1515
+ }
1516
+ .mx-auto {
1517
+ margin-inline: auto;
1518
+ }
1519
+ .my-0 {
1520
+ margin-block: calc(var(--spacing) * 0);
1521
+ }
1522
+ .my-1 {
1523
+ margin-block: calc(var(--spacing) * 1);
1524
+ }
1525
+ .my-3 {
1526
+ margin-block: calc(var(--spacing) * 3);
1527
+ }
1528
+ .my-4 {
1529
+ margin-block: calc(var(--spacing) * 4);
1530
+ }
1531
+ .my-6 {
1532
+ margin-block: calc(var(--spacing) * 6);
1533
+ }
1534
+ .my-8 {
1535
+ margin-block: calc(var(--spacing) * 8);
1536
+ }
1537
+ .my-40 {
1538
+ margin-block: calc(var(--spacing) * 40);
1539
+ }
1540
+ .-mt-12 {
1541
+ margin-top: calc(var(--spacing) * -12);
1542
+ }
1543
+ .-mt-20 {
1544
+ margin-top: calc(var(--spacing) * -20);
1545
+ }
1546
+ .mt-0\.5 {
1547
+ margin-top: calc(var(--spacing) * 0.5);
1548
+ }
1549
+ .mt-1 {
1550
+ margin-top: calc(var(--spacing) * 1);
1551
+ }
1552
+ .mt-2 {
1553
+ margin-top: calc(var(--spacing) * 2);
1554
+ }
1555
+ .mt-3 {
1556
+ margin-top: calc(var(--spacing) * 3);
1557
+ }
1558
+ .mt-4 {
1559
+ margin-top: calc(var(--spacing) * 4);
1560
+ }
1561
+ .mt-8 {
1562
+ margin-top: calc(var(--spacing) * 8);
1563
+ }
1564
+ .mt-\[-6px\] {
1565
+ margin-top: -6px;
1566
+ }
1567
+ .mt-\[5px\] {
1568
+ margin-top: 5px;
1569
+ }
1570
+ .mt-\[14px\] {
1571
+ margin-top: 14px;
1572
+ }
1573
+ .mt-\[15px\] {
1574
+ margin-top: 15px;
1575
+ }
1576
+ .mt-\[18px\] {
1577
+ margin-top: 18px;
1578
+ }
1579
+ .-mr-1 {
1580
+ margin-right: calc(var(--spacing) * -1);
1581
+ }
1582
+ .mr-1 {
1583
+ margin-right: calc(var(--spacing) * 1);
1584
+ }
1585
+ .mr-1\.5 {
1586
+ margin-right: calc(var(--spacing) * 1.5);
1587
+ }
1588
+ .mr-2 {
1589
+ margin-right: calc(var(--spacing) * 2);
1590
+ }
1591
+ .mr-3 {
1592
+ margin-right: calc(var(--spacing) * 3);
1593
+ }
1594
+ .mr-6 {
1595
+ margin-right: calc(var(--spacing) * 6);
1596
+ }
1597
+ .-mb-1 {
1598
+ margin-bottom: calc(var(--spacing) * -1);
1599
+ }
1600
+ .mb-0 {
1601
+ margin-bottom: calc(var(--spacing) * 0);
1602
+ }
1603
+ .mb-0\.5 {
1604
+ margin-bottom: calc(var(--spacing) * 0.5);
1605
+ }
1606
+ .mb-1 {
1607
+ margin-bottom: calc(var(--spacing) * 1);
1608
+ }
1609
+ .mb-2 {
1610
+ margin-bottom: calc(var(--spacing) * 2);
1611
+ }
1612
+ .mb-3 {
1613
+ margin-bottom: calc(var(--spacing) * 3);
1614
+ }
1615
+ .mb-4 {
1616
+ margin-bottom: calc(var(--spacing) * 4);
1617
+ }
1618
+ .mb-5 {
1619
+ margin-bottom: calc(var(--spacing) * 5);
1620
+ }
1621
+ .mb-6 {
1622
+ margin-bottom: calc(var(--spacing) * 6);
1623
+ }
1624
+ .mb-8 {
1625
+ margin-bottom: calc(var(--spacing) * 8);
1626
+ }
1627
+ .mb-\[3px\] {
1628
+ margin-bottom: 3px;
1629
+ }
1630
+ .-ml-6 {
1631
+ margin-left: calc(var(--spacing) * -6);
1632
+ }
1633
+ .ml-1 {
1634
+ margin-left: calc(var(--spacing) * 1);
1635
+ }
1636
+ .ml-2 {
1637
+ margin-left: calc(var(--spacing) * 2);
1638
+ }
1639
+ .ml-3 {
1640
+ margin-left: calc(var(--spacing) * 3);
1641
+ }
1642
+ .ml-\[234px\] {
1643
+ margin-left: 234px;
1644
+ }
1645
+ .ml-auto {
1646
+ margin-left: auto;
1647
+ }
1648
+ .line-clamp-2 {
1649
+ overflow: hidden;
1650
+ display: -webkit-box;
1651
+ -webkit-box-orient: vertical;
1652
+ -webkit-line-clamp: 2;
1653
+ }
1654
+ .\!inline {
1655
+ display: inline !important;
1656
+ }
1657
+ .block {
1658
+ display: block;
1659
+ }
1660
+ .flex {
1661
+ display: flex;
1662
+ }
1663
+ .grid {
1664
+ display: grid;
1665
+ }
1666
+ .hidden {
1667
+ display: none;
1668
+ }
1669
+ .inline {
1670
+ display: inline;
1671
+ }
1672
+ .inline-block {
1673
+ display: inline-block;
1674
+ }
1675
+ .inline-flex {
1676
+ display: inline-flex;
1677
+ }
1678
+ .table {
1679
+ display: table;
1680
+ }
1681
+ .aspect-square {
1682
+ aspect-ratio: 1 / 1;
1683
+ }
1684
+ .size-2\.5 {
1685
+ width: calc(var(--spacing) * 2.5);
1686
+ height: calc(var(--spacing) * 2.5);
1687
+ }
1688
+ .size-3 {
1689
+ width: calc(var(--spacing) * 3);
1690
+ height: calc(var(--spacing) * 3);
1691
+ }
1692
+ .size-3\.5 {
1693
+ width: calc(var(--spacing) * 3.5);
1694
+ height: calc(var(--spacing) * 3.5);
1695
+ }
1696
+ .size-4 {
1697
+ width: calc(var(--spacing) * 4);
1698
+ height: calc(var(--spacing) * 4);
1699
+ }
1700
+ .size-6 {
1701
+ width: calc(var(--spacing) * 6);
1702
+ height: calc(var(--spacing) * 6);
1703
+ }
1704
+ .size-7 {
1705
+ width: calc(var(--spacing) * 7);
1706
+ height: calc(var(--spacing) * 7);
1707
+ }
1708
+ .size-8 {
1709
+ width: calc(var(--spacing) * 8);
1710
+ height: calc(var(--spacing) * 8);
1711
+ }
1712
+ .size-10 {
1713
+ width: calc(var(--spacing) * 10);
1714
+ height: calc(var(--spacing) * 10);
1715
+ }
1716
+ .size-\[18px\] {
1717
+ width: 18px;
1718
+ height: 18px;
1719
+ }
1720
+ .size-\[calc\(100\%-32px\)\] {
1721
+ width: calc(100% - 32px);
1722
+ height: calc(100% - 32px);
1723
+ }
1724
+ .size-full {
1725
+ width: 100%;
1726
+ height: 100%;
1727
+ }
1728
+ .h-0\.5 {
1729
+ height: calc(var(--spacing) * 0.5);
1730
+ }
1731
+ .h-3 {
1732
+ height: calc(var(--spacing) * 3);
1733
+ }
1734
+ .h-4 {
1735
+ height: calc(var(--spacing) * 4);
1736
+ }
1737
+ .h-5 {
1738
+ height: calc(var(--spacing) * 5);
1739
+ }
1740
+ .h-6 {
1741
+ height: calc(var(--spacing) * 6);
1742
+ }
1743
+ .h-7 {
1744
+ height: calc(var(--spacing) * 7);
1745
+ }
1746
+ .h-8 {
1747
+ height: calc(var(--spacing) * 8);
1748
+ }
1749
+ .h-9 {
1750
+ height: calc(var(--spacing) * 9);
1751
+ }
1752
+ .h-10 {
1753
+ height: calc(var(--spacing) * 10);
1754
+ }
1755
+ .h-11 {
1756
+ height: calc(var(--spacing) * 11);
1757
+ }
1758
+ .h-12 {
1759
+ height: calc(var(--spacing) * 12);
1760
+ }
1761
+ .h-24 {
1762
+ height: calc(var(--spacing) * 24);
1763
+ }
1764
+ .h-48 {
1765
+ height: calc(var(--spacing) * 48);
1766
+ }
1767
+ .h-\[20px\] {
1768
+ height: 20px;
1769
+ }
1770
+ .h-\[28px\] {
1771
+ height: 28px;
1772
+ }
1773
+ .h-\[34px\] {
1774
+ height: 34px;
1775
+ }
1776
+ .h-\[37px\] {
1777
+ height: 37px;
1778
+ }
1779
+ .h-\[52px\] {
1780
+ height: 52px;
1781
+ }
1782
+ .h-\[60px\] {
1783
+ height: 60px;
1784
+ }
1785
+ .h-\[148px\] {
1786
+ height: 148px;
1787
+ }
1788
+ .h-\[244px\] {
1789
+ height: 244px;
1790
+ }
1791
+ .h-\[300px\] {
1792
+ height: 300px;
1793
+ }
1794
+ .h-\[420px\] {
1795
+ height: 420px;
1796
+ }
1797
+ .h-auto {
1798
+ height: auto;
1799
+ }
1800
+ .h-dvh {
1801
+ height: 100dvh;
1802
+ }
1803
+ .h-full {
1804
+ height: 100%;
1805
+ }
1806
+ .h-max {
1807
+ height: max-content;
1808
+ }
1809
+ .h-px {
1810
+ height: 1px;
1811
+ }
1812
+ .h-screen {
1813
+ height: 100vh;
1814
+ }
1815
+ .h-svh {
1816
+ height: 100svh;
1817
+ }
1818
+ .max-h-0 {
1819
+ max-height: calc(var(--spacing) * 0);
1820
+ }
1821
+ .max-h-6 {
1822
+ max-height: calc(var(--spacing) * 6);
1823
+ }
1824
+ .max-h-\[245px\] {
1825
+ max-height: 245px;
1826
+ }
1827
+ .max-h-\[300px\] {
1828
+ max-height: 300px;
1829
+ }
1830
+ .max-h-screen {
1831
+ max-height: 100vh;
1832
+ }
1833
+ .min-h-4 {
1834
+ min-height: calc(var(--spacing) * 4);
1835
+ }
1836
+ .min-h-9 {
1837
+ min-height: calc(var(--spacing) * 9);
1838
+ }
1839
+ .min-h-11 {
1840
+ min-height: calc(var(--spacing) * 11);
1841
+ }
1842
+ .min-h-12 {
1843
+ min-height: calc(var(--spacing) * 12);
1844
+ }
1845
+ .min-h-\[48px\] {
1846
+ min-height: 48px;
1847
+ }
1848
+ .min-h-\[50px\] {
1849
+ min-height: 50px;
1850
+ }
1851
+ .min-h-full {
1852
+ min-height: 100%;
1853
+ }
1854
+ .w-\(--radix-popover-trigger-width\) {
1855
+ width: var(--radix-popover-trigger-width);
1856
+ }
1857
+ .w-4 {
1858
+ width: calc(var(--spacing) * 4);
1859
+ }
1860
+ .w-4\/5 {
1861
+ width: calc(4/5 * 100%);
1862
+ }
1863
+ .w-5 {
1864
+ width: calc(var(--spacing) * 5);
1865
+ }
1866
+ .w-6 {
1867
+ width: calc(var(--spacing) * 6);
1868
+ }
1869
+ .w-7 {
1870
+ width: calc(var(--spacing) * 7);
1871
+ }
1872
+ .w-8 {
1873
+ width: calc(var(--spacing) * 8);
1874
+ }
1875
+ .w-11 {
1876
+ width: calc(var(--spacing) * 11);
1877
+ }
1878
+ .w-32 {
1879
+ width: calc(var(--spacing) * 32);
1880
+ }
1881
+ .w-48 {
1882
+ width: calc(var(--spacing) * 48);
1883
+ }
1884
+ .w-52 {
1885
+ width: calc(var(--spacing) * 52);
1886
+ }
1887
+ .w-64 {
1888
+ width: calc(var(--spacing) * 64);
1889
+ }
1890
+ .w-72 {
1891
+ width: calc(var(--spacing) * 72);
1892
+ }
1893
+ .w-96 {
1894
+ width: calc(var(--spacing) * 96);
1895
+ }
1896
+ .w-\[--radix-popover-trigger-width\] {
1897
+ width: --radix-popover-trigger-width;
1898
+ }
1899
+ .w-\[10px\] {
1900
+ width: 10px;
1901
+ }
1902
+ .w-\[16px\] {
1903
+ width: 16px;
1904
+ }
1905
+ .w-\[26px\] {
1906
+ width: 26px;
1907
+ }
1908
+ .w-\[34px\] {
1909
+ width: 34px;
1910
+ }
1911
+ .w-\[43px\] {
1912
+ width: 43px;
1913
+ }
1914
+ .w-\[50px\] {
1915
+ width: 50px;
1916
+ }
1917
+ .w-\[68px\] {
1918
+ width: 68px;
1919
+ }
1920
+ .w-\[114px\] {
1921
+ width: 114px;
1922
+ }
1923
+ .w-\[184px\] {
1924
+ width: 184px;
1925
+ }
1926
+ .w-\[200px\] {
1927
+ width: 200px;
1928
+ }
1929
+ .w-\[275px\] {
1930
+ width: 275px;
1931
+ }
1932
+ .w-\[320px\] {
1933
+ width: 320px;
1934
+ }
1935
+ .w-\[400px\] {
1936
+ width: 400px;
1937
+ }
1938
+ .w-\[408px\] {
1939
+ width: 408px;
1940
+ }
1941
+ .w-\[420px\] {
1942
+ width: 420px;
1943
+ }
1944
+ .w-\[432px\] {
1945
+ width: 432px;
1946
+ }
1947
+ .w-\[450px\] {
1948
+ width: 450px;
1949
+ }
1950
+ .w-\[500px\] {
1951
+ width: 500px;
1952
+ }
1953
+ .w-\[700px\] {
1954
+ width: 700px;
1955
+ }
1956
+ .w-auto {
1957
+ width: auto;
1958
+ }
1959
+ .w-fit {
1960
+ width: fit-content;
1961
+ }
1962
+ .w-full {
1963
+ width: 100%;
1964
+ }
1965
+ .w-max {
1966
+ width: max-content;
1967
+ }
1968
+ .w-px {
1969
+ width: 1px;
1970
+ }
1971
+ .w-screen {
1972
+ width: 100vw;
1973
+ }
1974
+ .max-w-4xl {
1975
+ max-width: var(--container-4xl);
1976
+ }
1977
+ .max-w-36 {
1978
+ max-width: calc(var(--spacing) * 36);
1979
+ }
1980
+ .max-w-96 {
1981
+ max-width: calc(var(--spacing) * 96);
1982
+ }
1983
+ .max-w-\[408px\] {
1984
+ max-width: 408px;
1985
+ }
1986
+ .max-w-fit {
1987
+ max-width: fit-content;
1988
+ }
1989
+ .max-w-full {
1990
+ max-width: 100%;
1991
+ }
1992
+ .max-w-md {
1993
+ max-width: var(--container-md);
1994
+ }
1995
+ .max-w-none {
1996
+ max-width: none;
1997
+ }
1998
+ .max-w-xs {
1999
+ max-width: var(--container-xs);
2000
+ }
2001
+ .min-w-0 {
2002
+ min-width: calc(var(--spacing) * 0);
2003
+ }
2004
+ .min-w-4 {
2005
+ min-width: calc(var(--spacing) * 4);
2006
+ }
2007
+ .min-w-8 {
2008
+ min-width: calc(var(--spacing) * 8);
2009
+ }
2010
+ .min-w-36 {
2011
+ min-width: calc(var(--spacing) * 36);
2012
+ }
2013
+ .min-w-64 {
2014
+ min-width: calc(var(--spacing) * 64);
2015
+ }
2016
+ .min-w-72 {
2017
+ min-width: calc(var(--spacing) * 72);
2018
+ }
2019
+ .min-w-\[142px\] {
2020
+ min-width: 142px;
2021
+ }
2022
+ .min-w-\[160px\] {
2023
+ min-width: 160px;
2024
+ }
2025
+ .min-w-\[360px\] {
2026
+ min-width: 360px;
2027
+ }
2028
+ .min-w-\[408px\] {
2029
+ min-width: 408px;
2030
+ }
2031
+ .flex-1 {
2032
+ flex: 1;
2033
+ }
2034
+ .flex-none {
2035
+ flex: none;
2036
+ }
2037
+ .shrink-0 {
2038
+ flex-shrink: 0;
2039
+ }
2040
+ .grow {
2041
+ flex-grow: 1;
2042
+ }
2043
+ .border-separate {
2044
+ border-collapse: separate;
2045
+ }
2046
+ .-translate-x-1\/2 {
2047
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
2048
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2049
+ }
2050
+ .translate-x-1\/2 {
2051
+ --tw-translate-x: calc(1/2 * 100%);
2052
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2053
+ }
2054
+ .translate-x-\[5px\] {
2055
+ --tw-translate-x: 5px;
2056
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2057
+ }
2058
+ .-translate-y-1 {
2059
+ --tw-translate-y: calc(var(--spacing) * -1);
2060
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2061
+ }
2062
+ .-translate-y-1\/2 {
2063
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
2064
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2065
+ }
2066
+ .-scale-x-100 {
2067
+ --tw-scale-x: calc(100% * -1);
2068
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2069
+ }
2070
+ .-rotate-90 {
2071
+ rotate: calc(90deg * -1);
2072
+ }
2073
+ .-rotate-180 {
2074
+ rotate: calc(180deg * -1);
2075
+ }
2076
+ .rotate-90 {
2077
+ rotate: 90deg;
2078
+ }
2079
+ .rotate-180 {
2080
+ rotate: 180deg;
2081
+ }
2082
+ .rotate-\[270deg\] {
2083
+ rotate: 270deg;
2084
+ }
2085
+ .transform {
2086
+ transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
2087
+ }
2088
+ .animate-pulse {
2089
+ animation: var(--animate-pulse);
2090
+ }
2091
+ .animate-spin {
2092
+ animation: var(--animate-spin);
2093
+ }
2094
+ .\!cursor-not-allowed {
2095
+ cursor: not-allowed !important;
2096
+ }
2097
+ .cursor-default {
2098
+ cursor: default;
2099
+ }
2100
+ .cursor-ew-resize {
2101
+ cursor: ew-resize;
2102
+ }
2103
+ .cursor-not-allowed {
2104
+ cursor: not-allowed;
2105
+ }
2106
+ .cursor-pointer {
2107
+ cursor: pointer;
2108
+ }
2109
+ .resize {
2110
+ resize: both;
2111
+ }
2112
+ .resize-none {
2113
+ resize: none;
2114
+ }
2115
+ .resize-y {
2116
+ resize: vertical;
2117
+ }
2118
+ .list-disc {
2119
+ list-style-type: disc;
2120
+ }
2121
+ .appearance-none {
2122
+ appearance: none;
2123
+ }
2124
+ .grid-cols-2 {
2125
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2126
+ }
2127
+ .grid-cols-3 {
2128
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2129
+ }
2130
+ .grid-cols-\[1fr\,auto\,1fr\] {
2131
+ grid-template-columns: 1fr,auto,1fr;
2132
+ }
2133
+ .grid-cols-\[1fr\,auto\] {
2134
+ grid-template-columns: 1fr,auto;
2135
+ }
2136
+ .grid-cols-\[208px\,380px\] {
2137
+ grid-template-columns: 208px,380px;
2138
+ }
2139
+ .grid-cols-\[auto\,auto\] {
2140
+ grid-template-columns: auto,auto;
2141
+ }
2142
+ .grid-cols-\[minmax\(min-content\,1018px\)\] {
2143
+ grid-template-columns: minmax(min-content,1018px);
2144
+ }
2145
+ .grid-rows-4 {
2146
+ grid-template-rows: repeat(4, minmax(0, 1fr));
2147
+ }
2148
+ .flex-col {
2149
+ flex-direction: column;
2150
+ }
2151
+ .flex-row {
2152
+ flex-direction: row;
2153
+ }
2154
+ .flex-wrap {
2155
+ flex-wrap: wrap;
2156
+ }
2157
+ .place-items-center {
2158
+ place-items: center;
2159
+ }
2160
+ .items-baseline {
2161
+ align-items: baseline;
2162
+ }
2163
+ .items-center {
2164
+ align-items: center;
2165
+ }
2166
+ .items-start {
2167
+ align-items: flex-start;
2168
+ }
2169
+ .items-stretch {
2170
+ align-items: stretch;
2171
+ }
2172
+ .justify-between {
2173
+ justify-content: space-between;
2174
+ }
2175
+ .justify-center {
2176
+ justify-content: center;
2177
+ }
2178
+ .justify-end {
2179
+ justify-content: flex-end;
2180
+ }
2181
+ .justify-start {
2182
+ justify-content: flex-start;
2183
+ }
2184
+ .gap-1 {
2185
+ gap: calc(var(--spacing) * 1);
2186
+ }
2187
+ .gap-2 {
2188
+ gap: calc(var(--spacing) * 2);
2189
+ }
2190
+ .gap-3 {
2191
+ gap: calc(var(--spacing) * 3);
2192
+ }
2193
+ .gap-4 {
2194
+ gap: calc(var(--spacing) * 4);
2195
+ }
2196
+ .gap-32 {
2197
+ gap: calc(var(--spacing) * 32);
2198
+ }
2199
+ .gap-\[-2px\] {
2200
+ gap: -2px;
2201
+ }
2202
+ .space-y-2 {
2203
+ :where(& > :not(:last-child)) {
2204
+ --tw-space-y-reverse: 0;
2205
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
2206
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
2207
+ }
2208
+ }
2209
+ .gap-x-1 {
2210
+ column-gap: calc(var(--spacing) * 1);
2211
+ }
2212
+ .gap-x-2 {
2213
+ column-gap: calc(var(--spacing) * 2);
2214
+ }
2215
+ .gap-x-4 {
2216
+ column-gap: calc(var(--spacing) * 4);
2217
+ }
2218
+ .gap-x-6 {
2219
+ column-gap: calc(var(--spacing) * 6);
2220
+ }
2221
+ .gap-x-8 {
2222
+ column-gap: calc(var(--spacing) * 8);
2223
+ }
2224
+ .gap-x-12 {
2225
+ column-gap: calc(var(--spacing) * 12);
2226
+ }
2227
+ .gap-x-16 {
2228
+ column-gap: calc(var(--spacing) * 16);
2229
+ }
2230
+ .gap-x-\[3px\] {
2231
+ column-gap: 3px;
2232
+ }
2233
+ .gap-x-\[14px\] {
2234
+ column-gap: 14px;
2235
+ }
2236
+ .space-x-2 {
2237
+ :where(& > :not(:last-child)) {
2238
+ --tw-space-x-reverse: 0;
2239
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
2240
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
2241
+ }
2242
+ }
2243
+ .gap-y-1 {
2244
+ row-gap: calc(var(--spacing) * 1);
2245
+ }
2246
+ .gap-y-4 {
2247
+ row-gap: calc(var(--spacing) * 4);
2248
+ }
2249
+ .gap-y-\[15px\] {
2250
+ row-gap: 15px;
2251
+ }
2252
+ .truncate {
2253
+ overflow: hidden;
2254
+ text-overflow: ellipsis;
2255
+ white-space: nowrap;
2256
+ }
2257
+ .overflow-auto {
2258
+ overflow: auto;
2259
+ }
2260
+ .overflow-hidden {
2261
+ overflow: hidden;
2262
+ }
2263
+ .overflow-scroll {
2264
+ overflow: scroll;
2265
+ }
2266
+ .overflow-x-hidden {
2267
+ overflow-x: hidden;
2268
+ }
2269
+ .overflow-y-auto {
2270
+ overflow-y: auto;
2271
+ }
2272
+ .rounded {
2273
+ border-radius: 0.25rem;
2274
+ }
2275
+ .rounded-2xl {
2276
+ border-radius: var(--radius-2xl);
2277
+ }
2278
+ .rounded-3xl {
2279
+ border-radius: var(--radius-3xl);
2280
+ }
2281
+ .rounded-\[4px\] {
2282
+ border-radius: 4px;
2283
+ }
2284
+ .rounded-\[6px\] {
2285
+ border-radius: 6px;
2286
+ }
2287
+ .rounded-full {
2288
+ border-radius: calc(infinity * 1px);
2289
+ }
2290
+ .rounded-lg {
2291
+ border-radius: var(--radius-lg);
2292
+ }
2293
+ .rounded-md {
2294
+ border-radius: var(--radius-md);
2295
+ }
2296
+ .rounded-sm {
2297
+ border-radius: var(--radius-sm);
2298
+ }
2299
+ .rounded-xl {
2300
+ border-radius: var(--radius-xl);
2301
+ }
2302
+ .rounded-s-md {
2303
+ border-start-start-radius: var(--radius-md);
2304
+ border-end-start-radius: var(--radius-md);
2305
+ }
2306
+ .rounded-e-md {
2307
+ border-start-end-radius: var(--radius-md);
2308
+ border-end-end-radius: var(--radius-md);
2309
+ }
2310
+ .rounded-t {
2311
+ border-top-left-radius: 0.25rem;
2312
+ border-top-right-radius: 0.25rem;
2313
+ }
2314
+ .rounded-t-md {
2315
+ border-top-left-radius: var(--radius-md);
2316
+ border-top-right-radius: var(--radius-md);
2317
+ }
2318
+ .rounded-t-none {
2319
+ border-top-left-radius: 0;
2320
+ border-top-right-radius: 0;
2321
+ }
2322
+ .rounded-l-md {
2323
+ border-top-left-radius: var(--radius-md);
2324
+ border-bottom-left-radius: var(--radius-md);
2325
+ }
2326
+ .rounded-l-none {
2327
+ border-top-left-radius: 0;
2328
+ border-bottom-left-radius: 0;
2329
+ }
2330
+ .rounded-r-md {
2331
+ border-top-right-radius: var(--radius-md);
2332
+ border-bottom-right-radius: var(--radius-md);
2333
+ }
2334
+ .rounded-r-none {
2335
+ border-top-right-radius: 0;
2336
+ border-bottom-right-radius: 0;
2337
+ }
2338
+ .border {
2339
+ border-style: var(--tw-border-style);
2340
+ border-width: 1px;
2341
+ }
2342
+ .border-0 {
2343
+ border-style: var(--tw-border-style);
2344
+ border-width: 0px;
2345
+ }
2346
+ .border-2 {
2347
+ border-style: var(--tw-border-style);
2348
+ border-width: 2px;
2349
+ }
2350
+ .border-y {
2351
+ border-block-style: var(--tw-border-style);
2352
+ border-block-width: 1px;
2353
+ }
2354
+ .border-y-0 {
2355
+ border-block-style: var(--tw-border-style);
2356
+ border-block-width: 0px;
2357
+ }
2358
+ .border-y-2 {
2359
+ border-block-style: var(--tw-border-style);
2360
+ border-block-width: 2px;
2361
+ }
2362
+ .border-t {
2363
+ border-top-style: var(--tw-border-style);
2364
+ border-top-width: 1px;
2365
+ }
2366
+ .border-r-\[0\.5px\] {
2367
+ border-right-style: var(--tw-border-style);
2368
+ border-right-width: 0.5px;
2369
+ }
2370
+ .border-b {
2371
+ border-bottom-style: var(--tw-border-style);
2372
+ border-bottom-width: 1px;
2373
+ }
2374
+ .border-b-2 {
2375
+ border-bottom-style: var(--tw-border-style);
2376
+ border-bottom-width: 2px;
2377
+ }
2378
+ .border-l {
2379
+ border-left-style: var(--tw-border-style);
2380
+ border-left-width: 1px;
2381
+ }
2382
+ .border-l-\[0\.5px\] {
2383
+ border-left-style: var(--tw-border-style);
2384
+ border-left-width: 0.5px;
2385
+ }
2386
+ .border-dashed {
2387
+ --tw-border-style: dashed;
2388
+ border-style: dashed;
2389
+ }
2390
+ .border-none {
2391
+ --tw-border-style: none;
2392
+ border-style: none;
2393
+ }
2394
+ .border-solid {
2395
+ --tw-border-style: solid;
2396
+ border-style: solid;
2397
+ }
2398
+ .border-blue-500 {
2399
+ border-color: var(--color-blue-500);
2400
+ }
2401
+ .border-blue-600 {
2402
+ border-color: var(--color-blue-600);
2403
+ }
2404
+ .border-gray-100 {
2405
+ border-color: var(--color-gray-100);
2406
+ }
2407
+ .border-gray-200 {
2408
+ border-color: var(--color-gray-200);
2409
+ }
2410
+ .border-gray-300 {
2411
+ border-color: var(--color-gray-300);
2412
+ }
2413
+ .border-gray-400 {
2414
+ border-color: var(--color-gray-400);
2415
+ }
2416
+ .border-gray-600 {
2417
+ border-color: var(--color-gray-600);
2418
+ }
2419
+ .border-gray-700 {
2420
+ border-color: var(--color-gray-700);
2421
+ }
2422
+ .border-gray-800 {
2423
+ border-color: var(--color-gray-800);
2424
+ }
2425
+ .border-gray-900 {
2426
+ border-color: var(--color-gray-900);
2427
+ }
2428
+ .border-red-700 {
2429
+ border-color: var(--color-red-700);
2430
+ }
2431
+ .border-red-900 {
2432
+ border-color: var(--color-red-900);
2433
+ }
2434
+ .border-slate-50 {
2435
+ border-color: var(--color-slate-50);
2436
+ }
2437
+ .border-slate-100 {
2438
+ border-color: var(--color-slate-100);
2439
+ }
2440
+ .border-transparent {
2441
+ border-color: transparent;
2442
+ }
2443
+ .border-white {
2444
+ border-color: var(--color-white);
2445
+ }
2446
+ .border-b-gray-300 {
2447
+ border-bottom-color: var(--color-gray-300);
2448
+ }
2449
+ .bg-\[\#FCFCFC\] {
2450
+ background-color: #FCFCFC;
2451
+ }
2452
+ .bg-\[\#ffffff\] {
2453
+ background-color: #ffffff;
2454
+ }
2455
+ .bg-black {
2456
+ background-color: var(--color-black);
2457
+ }
2458
+ .bg-blue-100 {
2459
+ background-color: var(--color-blue-100);
2460
+ }
2461
+ .bg-blue-500 {
2462
+ background-color: var(--color-blue-500);
2463
+ }
2464
+ .bg-blue-800 {
2465
+ background-color: var(--color-blue-800);
2466
+ }
2467
+ .bg-blue-900 {
2468
+ background-color: var(--color-blue-900);
2469
+ }
2470
+ .bg-gray-50 {
2471
+ background-color: var(--color-gray-50);
2472
+ }
2473
+ .bg-gray-100 {
2474
+ background-color: var(--color-gray-100);
2475
+ }
2476
+ .bg-gray-200 {
2477
+ background-color: var(--color-gray-200);
2478
+ }
2479
+ .bg-gray-300 {
2480
+ background-color: var(--color-gray-300);
2481
+ }
2482
+ .bg-gray-400 {
2483
+ background-color: var(--color-gray-400);
2484
+ }
2485
+ .bg-gray-500 {
2486
+ background-color: var(--color-gray-500);
2487
+ }
2488
+ .bg-gray-800 {
2489
+ background-color: var(--color-gray-800);
2490
+ }
2491
+ .bg-gray-900 {
2492
+ background-color: var(--color-gray-900);
2493
+ }
2494
+ .bg-green-100 {
2495
+ background-color: var(--color-green-100);
2496
+ }
2497
+ .bg-green-500 {
2498
+ background-color: var(--color-green-500);
2499
+ }
2500
+ .bg-inherit {
2501
+ background-color: inherit;
2502
+ }
2503
+ .bg-orange-100 {
2504
+ background-color: var(--color-orange-100);
2505
+ }
2506
+ .bg-red-500 {
2507
+ background-color: var(--color-red-500);
2508
+ }
2509
+ .bg-red-600 {
2510
+ background-color: var(--color-red-600);
2511
+ }
2512
+ .bg-red-900 {
2513
+ background-color: var(--color-red-900);
2514
+ }
2515
+ .bg-slate-50 {
2516
+ background-color: var(--color-slate-50);
2517
+ }
2518
+ .bg-slate-100 {
2519
+ background-color: var(--color-slate-100);
2520
+ }
2521
+ .bg-slate-900\/50 {
2522
+ background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
2523
+ }
2524
+ .bg-transparent {
2525
+ background-color: transparent;
2526
+ }
2527
+ .bg-white {
2528
+ background-color: var(--color-white);
2529
+ }
2530
+ .bg-yellow-100 {
2531
+ background-color: var(--color-yellow-100);
2532
+ }
2533
+ .bg-yellow-300 {
2534
+ background-color: var(--color-yellow-300);
2535
+ }
2536
+ .object-contain {
2537
+ object-fit: contain;
2538
+ }
2539
+ .object-cover {
2540
+ object-fit: cover;
2541
+ }
2542
+ .p-0 {
2543
+ padding: calc(var(--spacing) * 0);
2544
+ }
2545
+ .p-0\.5 {
2546
+ padding: calc(var(--spacing) * 0.5);
2547
+ }
2548
+ .p-1 {
2549
+ padding: calc(var(--spacing) * 1);
2550
+ }
2551
+ .p-2 {
2552
+ padding: calc(var(--spacing) * 2);
2553
+ }
2554
+ .p-3 {
2555
+ padding: calc(var(--spacing) * 3);
2556
+ }
2557
+ .p-4 {
2558
+ padding: calc(var(--spacing) * 4);
2559
+ }
2560
+ .p-6 {
2561
+ padding: calc(var(--spacing) * 6);
2562
+ }
2563
+ .p-8 {
2564
+ padding: calc(var(--spacing) * 8);
2565
+ }
2566
+ .p-10 {
2567
+ padding: calc(var(--spacing) * 10);
2568
+ }
2569
+ .px-0\.5 {
2570
+ padding-inline: calc(var(--spacing) * 0.5);
2571
+ }
2572
+ .px-1 {
2573
+ padding-inline: calc(var(--spacing) * 1);
2574
+ }
2575
+ .px-2 {
2576
+ padding-inline: calc(var(--spacing) * 2);
2577
+ }
2578
+ .px-3 {
2579
+ padding-inline: calc(var(--spacing) * 3);
2580
+ }
2581
+ .px-4 {
2582
+ padding-inline: calc(var(--spacing) * 4);
2583
+ }
2584
+ .px-5 {
2585
+ padding-inline: calc(var(--spacing) * 5);
2586
+ }
2587
+ .px-6 {
2588
+ padding-inline: calc(var(--spacing) * 6);
2589
+ }
2590
+ .px-\[2px\] {
2591
+ padding-inline: 2px;
2592
+ }
2593
+ .px-\[5\.5px\] {
2594
+ padding-inline: 5.5px;
2595
+ }
2596
+ .py-0 {
2597
+ padding-block: calc(var(--spacing) * 0);
2598
+ }
2599
+ .py-0\.5 {
2600
+ padding-block: calc(var(--spacing) * 0.5);
2601
+ }
2602
+ .py-1 {
2603
+ padding-block: calc(var(--spacing) * 1);
2604
+ }
2605
+ .py-1\.5 {
2606
+ padding-block: calc(var(--spacing) * 1.5);
2607
+ }
2608
+ .py-2 {
2609
+ padding-block: calc(var(--spacing) * 2);
2610
+ }
2611
+ .py-3 {
2612
+ padding-block: calc(var(--spacing) * 3);
2613
+ }
2614
+ .py-4 {
2615
+ padding-block: calc(var(--spacing) * 4);
2616
+ }
2617
+ .py-28 {
2618
+ padding-block: calc(var(--spacing) * 28);
2619
+ }
2620
+ .py-\[5px\] {
2621
+ padding-block: 5px;
2622
+ }
2623
+ .py-\[7px\] {
2624
+ padding-block: 7px;
2625
+ }
2626
+ .pt-0 {
2627
+ padding-top: calc(var(--spacing) * 0);
2628
+ }
2629
+ .pt-0\.5 {
2630
+ padding-top: calc(var(--spacing) * 0.5);
2631
+ }
2632
+ .pt-1 {
2633
+ padding-top: calc(var(--spacing) * 1);
2634
+ }
2635
+ .pt-2 {
2636
+ padding-top: calc(var(--spacing) * 2);
2637
+ }
2638
+ .pt-3 {
2639
+ padding-top: calc(var(--spacing) * 3);
2640
+ }
2641
+ .pt-6 {
2642
+ padding-top: calc(var(--spacing) * 6);
2643
+ }
2644
+ .pt-12 {
2645
+ padding-top: calc(var(--spacing) * 12);
2646
+ }
2647
+ .pt-\[25px\] {
2648
+ padding-top: 25px;
2649
+ }
2650
+ .pr-1 {
2651
+ padding-right: calc(var(--spacing) * 1);
2652
+ }
2653
+ .pr-2 {
2654
+ padding-right: calc(var(--spacing) * 2);
2655
+ }
2656
+ .pr-2\.5 {
2657
+ padding-right: calc(var(--spacing) * 2.5);
2658
+ }
2659
+ .pr-3 {
2660
+ padding-right: calc(var(--spacing) * 3);
2661
+ }
2662
+ .pr-4 {
2663
+ padding-right: calc(var(--spacing) * 4);
2664
+ }
2665
+ .pr-6 {
2666
+ padding-right: calc(var(--spacing) * 6);
2667
+ }
2668
+ .pr-7 {
2669
+ padding-right: calc(var(--spacing) * 7);
2670
+ }
2671
+ .pr-8 {
2672
+ padding-right: calc(var(--spacing) * 8);
2673
+ }
2674
+ .pr-9 {
2675
+ padding-right: calc(var(--spacing) * 9);
2676
+ }
2677
+ .pr-12 {
2678
+ padding-right: calc(var(--spacing) * 12);
2679
+ }
2680
+ .pb-0 {
2681
+ padding-bottom: calc(var(--spacing) * 0);
2682
+ }
2683
+ .pb-0\.5 {
2684
+ padding-bottom: calc(var(--spacing) * 0.5);
2685
+ }
2686
+ .pb-2 {
2687
+ padding-bottom: calc(var(--spacing) * 2);
2688
+ }
2689
+ .pb-4 {
2690
+ padding-bottom: calc(var(--spacing) * 4);
2691
+ }
2692
+ .pb-6 {
2693
+ padding-bottom: calc(var(--spacing) * 6);
2694
+ }
2695
+ .\!pl-8 {
2696
+ padding-left: calc(var(--spacing) * 8) !important;
2697
+ }
2698
+ .pl-1 {
2699
+ padding-left: calc(var(--spacing) * 1);
2700
+ }
2701
+ .pl-1\.5 {
2702
+ padding-left: calc(var(--spacing) * 1.5);
2703
+ }
2704
+ .pl-2 {
2705
+ padding-left: calc(var(--spacing) * 2);
2706
+ }
2707
+ .pl-3 {
2708
+ padding-left: calc(var(--spacing) * 3);
2709
+ }
2710
+ .pl-4 {
2711
+ padding-left: calc(var(--spacing) * 4);
2712
+ }
2713
+ .pl-5 {
2714
+ padding-left: calc(var(--spacing) * 5);
2715
+ }
2716
+ .pl-8 {
2717
+ padding-left: calc(var(--spacing) * 8);
2718
+ }
2719
+ .text-center {
2720
+ text-align: center;
2721
+ }
2722
+ .text-left {
2723
+ text-align: left;
2724
+ }
2725
+ .text-right {
2726
+ text-align: right;
2727
+ }
2728
+ .text-start {
2729
+ text-align: start;
2730
+ }
2731
+ .font-sans {
2732
+ font-family: var(--font-sans);
2733
+ }
2734
+ .text-2xl {
2735
+ font-size: var(--text-2xl);
2736
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
2737
+ }
2738
+ .text-base {
2739
+ font-size: var(--text-base);
2740
+ line-height: var(--tw-leading, var(--text-base--line-height));
2741
+ }
2742
+ .text-lg {
2743
+ font-size: var(--text-lg);
2744
+ line-height: var(--tw-leading, var(--text-lg--line-height));
2745
+ }
2746
+ .text-sm {
2747
+ font-size: var(--text-sm);
2748
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2749
+ }
2750
+ .text-xl {
2751
+ font-size: var(--text-xl);
2752
+ line-height: var(--tw-leading, var(--text-xl--line-height));
2753
+ }
2754
+ .text-xs {
2755
+ font-size: var(--text-xs);
2756
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2757
+ }
2758
+ .text-\[10px\] {
2759
+ font-size: 10px;
2760
+ }
2761
+ .text-\[12px\] {
2762
+ font-size: 12px;
2763
+ }
2764
+ .text-\[14px\] {
2765
+ font-size: 14px;
2766
+ }
2767
+ .leading-3 {
2768
+ --tw-leading: calc(var(--spacing) * 3);
2769
+ line-height: calc(var(--spacing) * 3);
2770
+ }
2771
+ .leading-4 {
2772
+ --tw-leading: calc(var(--spacing) * 4);
2773
+ line-height: calc(var(--spacing) * 4);
2774
+ }
2775
+ .leading-5 {
2776
+ --tw-leading: calc(var(--spacing) * 5);
2777
+ line-height: calc(var(--spacing) * 5);
2778
+ }
2779
+ .leading-6 {
2780
+ --tw-leading: calc(var(--spacing) * 6);
2781
+ line-height: calc(var(--spacing) * 6);
2782
+ }
2783
+ .leading-10 {
2784
+ --tw-leading: calc(var(--spacing) * 10);
2785
+ line-height: calc(var(--spacing) * 10);
2786
+ }
2787
+ .leading-\[18px\] {
2788
+ --tw-leading: 18px;
2789
+ line-height: 18px;
2790
+ }
2791
+ .leading-\[20px\] {
2792
+ --tw-leading: 20px;
2793
+ line-height: 20px;
2794
+ }
2795
+ .leading-\[22px\] {
2796
+ --tw-leading: 22px;
2797
+ line-height: 22px;
2798
+ }
2799
+ .leading-\[28px\] {
2800
+ --tw-leading: 28px;
2801
+ line-height: 28px;
2802
+ }
2803
+ .font-bold {
2804
+ --tw-font-weight: var(--font-weight-bold);
2805
+ font-weight: var(--font-weight-bold);
2806
+ }
2807
+ .font-extralight {
2808
+ --tw-font-weight: var(--font-weight-extralight);
2809
+ font-weight: var(--font-weight-extralight);
2810
+ }
2811
+ .font-medium {
2812
+ --tw-font-weight: var(--font-weight-medium);
2813
+ font-weight: var(--font-weight-medium);
2814
+ }
2815
+ .font-normal {
2816
+ --tw-font-weight: var(--font-weight-normal);
2817
+ font-weight: var(--font-weight-normal);
2818
+ }
2819
+ .font-semibold {
2820
+ --tw-font-weight: var(--font-weight-semibold);
2821
+ font-weight: var(--font-weight-semibold);
2822
+ }
2823
+ .tracking-wide {
2824
+ --tw-tracking: var(--tracking-wide);
2825
+ letter-spacing: var(--tracking-wide);
2826
+ }
2827
+ .tracking-widest {
2828
+ --tw-tracking: var(--tracking-widest);
2829
+ letter-spacing: var(--tracking-widest);
2830
+ }
2831
+ .text-nowrap {
2832
+ text-wrap: nowrap;
2833
+ }
2834
+ .whitespace-nowrap {
2835
+ white-space: nowrap;
2836
+ }
2837
+ .\!text-gray-300 {
2838
+ color: var(--color-gray-300) !important;
2839
+ }
2840
+ .\!text-red-800 {
2841
+ color: var(--color-red-800) !important;
2842
+ }
2843
+ .\!text-red-900 {
2844
+ color: var(--color-red-900) !important;
2845
+ }
2846
+ .text-\[\#9DA6B9\] {
2847
+ color: #9DA6B9;
2848
+ }
2849
+ .text-\[\#E2E4E7\] {
2850
+ color: #E2E4E7;
2851
+ }
2852
+ .text-black {
2853
+ color: var(--color-black);
2854
+ }
2855
+ .text-blue-500 {
2856
+ color: var(--color-blue-500);
2857
+ }
2858
+ .text-blue-600 {
2859
+ color: var(--color-blue-600);
2860
+ }
2861
+ .text-blue-900 {
2862
+ color: var(--color-blue-900);
2863
+ }
2864
+ .text-current {
2865
+ color: currentColor;
2866
+ }
2867
+ .text-gray-50 {
2868
+ color: var(--color-gray-50);
2869
+ }
2870
+ .text-gray-200 {
2871
+ color: var(--color-gray-200);
2872
+ }
2873
+ .text-gray-300 {
2874
+ color: var(--color-gray-300);
2875
+ }
2876
+ .text-gray-400 {
2877
+ color: var(--color-gray-400);
2878
+ }
2879
+ .text-gray-500 {
2880
+ color: var(--color-gray-500);
2881
+ }
2882
+ .text-gray-600 {
2883
+ color: var(--color-gray-600);
2884
+ }
2885
+ .text-gray-700 {
2886
+ color: var(--color-gray-700);
2887
+ }
2888
+ .text-gray-800 {
2889
+ color: var(--color-gray-800);
2890
+ }
2891
+ .text-gray-900 {
2892
+ color: var(--color-gray-900);
2893
+ }
2894
+ .text-green-700 {
2895
+ color: var(--color-green-700);
2896
+ }
2897
+ .text-green-800 {
2898
+ color: var(--color-green-800);
2899
+ }
2900
+ .text-green-900 {
2901
+ color: var(--color-green-900);
2902
+ }
2903
+ .text-inherit {
2904
+ color: inherit;
2905
+ }
2906
+ .text-orange-700 {
2907
+ color: var(--color-orange-700);
2908
+ }
2909
+ .text-orange-800 {
2910
+ color: var(--color-orange-800);
2911
+ }
2912
+ .text-orange-900 {
2913
+ color: var(--color-orange-900);
2914
+ }
2915
+ .text-purple-900 {
2916
+ color: var(--color-purple-900);
2917
+ }
2918
+ .text-red-400 {
2919
+ color: var(--color-red-400);
2920
+ }
2921
+ .text-red-700 {
2922
+ color: var(--color-red-700);
2923
+ }
2924
+ .text-red-800 {
2925
+ color: var(--color-red-800);
2926
+ }
2927
+ .text-red-900 {
2928
+ color: var(--color-red-900);
2929
+ }
2930
+ .text-slate-50 {
2931
+ color: var(--color-slate-50);
2932
+ }
2933
+ .text-slate-100 {
2934
+ color: var(--color-slate-100);
2935
+ }
2936
+ .text-slate-200 {
2937
+ color: var(--color-slate-200);
2938
+ }
2939
+ .text-slate-300 {
2940
+ color: var(--color-slate-300);
2941
+ }
2942
+ .text-slate-500 {
2943
+ color: var(--color-slate-500);
2944
+ }
2945
+ .text-slate-800 {
2946
+ color: var(--color-slate-800);
2947
+ }
2948
+ .text-white {
2949
+ color: var(--color-white);
2950
+ }
2951
+ .text-yellow-400 {
2952
+ color: var(--color-yellow-400);
2953
+ }
2954
+ .text-yellow-900 {
2955
+ color: var(--color-yellow-900);
2956
+ }
2957
+ .capitalize {
2958
+ text-transform: capitalize;
2959
+ }
2960
+ .lowercase {
2961
+ text-transform: lowercase;
2962
+ }
2963
+ .uppercase {
2964
+ text-transform: uppercase;
2965
+ }
2966
+ .underline {
2967
+ text-decoration-line: underline;
2968
+ }
2969
+ .accent-gray-900 {
2970
+ accent-color: var(--color-gray-900);
2971
+ }
2972
+ .opacity-0 {
2973
+ opacity: 0%;
2974
+ }
2975
+ .opacity-50 {
2976
+ opacity: 50%;
2977
+ }
2978
+ .opacity-60 {
2979
+ opacity: 60%;
2980
+ }
2981
+ .opacity-80 {
2982
+ opacity: 80%;
2983
+ }
2984
+ .shadow {
2985
+ --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));
2986
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2987
+ }
2988
+ .shadow-\[0px_2px_4px_0px_rgba\(0\,0\,0\,0\.08\)\,0px_3px_10px_0px_rgba\(0\,0\,0\,0\.10\)\] {
2989
+ --tw-shadow: 0px 2px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0px 3px 10px 0px var(--tw-shadow-color, rgba(0,0,0,0.10));
2990
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2991
+ }
2992
+ .shadow-\[1px_4px_15px_0px_rgba\(74\,88\,115\,0\.25\)\] {
2993
+ --tw-shadow: 1px 4px 15px 0px var(--tw-shadow-color, rgba(74,88,115,0.25));
2994
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2995
+ }
2996
+ .shadow-button {
2997
+ --tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
2998
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2999
+ }
3000
+ .shadow-lg {
3001
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3002
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3003
+ }
3004
+ .shadow-md {
3005
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3006
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3007
+ }
3008
+ .shadow-sm {
3009
+ --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));
3010
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3011
+ }
3012
+ .shadow-tooltip {
3013
+ --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 0px 44px 48px -12px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 0px 24px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
3014
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3015
+ }
3016
+ .ring-0 {
3017
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3018
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3019
+ }
3020
+ .shadow-black\/\[\.04\] {
3021
+ --tw-shadow-color: color-mix(in oklab, var(--color-black) 4%, transparent);
3022
+ }
3023
+ .ring-gray-900 {
3024
+ --tw-ring-color: var(--color-gray-900);
3025
+ }
3026
+ .outline {
3027
+ outline-style: var(--tw-outline-style);
3028
+ outline-width: 1px;
3029
+ }
3030
+ .outline-red-900 {
3031
+ outline-color: var(--color-red-900);
3032
+ }
3033
+ .blur {
3034
+ --tw-blur: blur(8px);
3035
+ 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,);
3036
+ }
3037
+ .filter {
3038
+ 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,);
3039
+ }
3040
+ .transition {
3041
+ 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;
3042
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3043
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3044
+ }
3045
+ .transition-\[border-radius\] {
3046
+ transition-property: border-radius;
3047
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3048
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3049
+ }
3050
+ .transition-\[max-height\] {
3051
+ transition-property: max-height;
3052
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3053
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3054
+ }
3055
+ .transition-\[width\] {
3056
+ transition-property: width;
3057
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3058
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3059
+ }
3060
+ .transition-all {
3061
+ transition-property: all;
3062
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3063
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3064
+ }
3065
+ .transition-colors {
3066
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
3067
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3068
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3069
+ }
3070
+ .transition-opacity {
3071
+ transition-property: opacity;
3072
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3073
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3074
+ }
3075
+ .transition-shadow {
3076
+ transition-property: box-shadow;
3077
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3078
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3079
+ }
3080
+ .transition-transform {
3081
+ transition-property: transform, translate, scale, rotate;
3082
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3083
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3084
+ }
3085
+ .transition-none {
3086
+ transition-property: none;
3087
+ }
3088
+ .delay-75 {
3089
+ transition-delay: 75ms;
3090
+ }
3091
+ .duration-75 {
3092
+ --tw-duration: 75ms;
3093
+ transition-duration: 75ms;
3094
+ }
3095
+ .duration-200 {
3096
+ --tw-duration: 200ms;
3097
+ transition-duration: 200ms;
3098
+ }
3099
+ .duration-300 {
3100
+ --tw-duration: 300ms;
3101
+ transition-duration: 300ms;
3102
+ }
3103
+ .duration-500 {
3104
+ --tw-duration: 500ms;
3105
+ transition-duration: 500ms;
3106
+ }
3107
+ .ease-in-out {
3108
+ --tw-ease: var(--ease-in-out);
3109
+ transition-timing-function: var(--ease-in-out);
3110
+ }
3111
+ .ease-linear {
3112
+ --tw-ease: linear;
3113
+ transition-timing-function: linear;
3114
+ }
3115
+ .outline-none {
3116
+ --tw-outline-style: none;
3117
+ outline-style: none;
3118
+ }
3119
+ .select-all {
3120
+ -webkit-user-select: all;
3121
+ user-select: all;
3122
+ }
3123
+ .select-none {
3124
+ -webkit-user-select: none;
3125
+ user-select: none;
3126
+ }
3127
+ .group-focus-within\:\!text-gray-900 {
3128
+ &:is(:where(.group):focus-within *) {
3129
+ color: var(--color-gray-900) !important;
3130
+ }
3131
+ }
3132
+ .group-hover\:visible {
3133
+ &:is(:where(.group):hover *) {
3134
+ @media (hover: hover) {
3135
+ visibility: visible;
3136
+ }
3137
+ }
3138
+ }
3139
+ .group-hover\:mr-0 {
3140
+ &:is(:where(.group):hover *) {
3141
+ @media (hover: hover) {
3142
+ margin-right: calc(var(--spacing) * 0);
3143
+ }
3144
+ }
3145
+ }
3146
+ .group-hover\:block {
3147
+ &:is(:where(.group):hover *) {
3148
+ @media (hover: hover) {
3149
+ display: block;
3150
+ }
3151
+ }
3152
+ }
3153
+ .group-hover\:cursor-pointer {
3154
+ &:is(:where(.group):hover *) {
3155
+ @media (hover: hover) {
3156
+ cursor: pointer;
3157
+ }
3158
+ }
3159
+ }
3160
+ .group-hover\:border-gray-900 {
3161
+ &:is(:where(.group):hover *) {
3162
+ @media (hover: hover) {
3163
+ border-color: var(--color-gray-900);
3164
+ }
3165
+ }
3166
+ }
3167
+ .group-hover\:\!text-red-900 {
3168
+ &:is(:where(.group):hover *) {
3169
+ @media (hover: hover) {
3170
+ color: var(--color-red-900) !important;
3171
+ }
3172
+ }
3173
+ }
3174
+ .group-hover\:text-gray-700 {
3175
+ &:is(:where(.group):hover *) {
3176
+ @media (hover: hover) {
3177
+ color: var(--color-gray-700);
3178
+ }
3179
+ }
3180
+ }
3181
+ .group-hover\:text-gray-800 {
3182
+ &:is(:where(.group):hover *) {
3183
+ @media (hover: hover) {
3184
+ color: var(--color-gray-800);
3185
+ }
3186
+ }
3187
+ }
3188
+ .group-hover\:text-gray-900 {
3189
+ &:is(:where(.group):hover *) {
3190
+ @media (hover: hover) {
3191
+ color: var(--color-gray-900);
3192
+ }
3193
+ }
3194
+ }
3195
+ .group-hover\:text-inherit {
3196
+ &:is(:where(.group):hover *) {
3197
+ @media (hover: hover) {
3198
+ color: inherit;
3199
+ }
3200
+ }
3201
+ }
3202
+ .group-hover\:opacity-100 {
3203
+ &:is(:where(.group):hover *) {
3204
+ @media (hover: hover) {
3205
+ opacity: 100%;
3206
+ }
3207
+ }
3208
+ }
3209
+ .group-hover\/node\:block {
3210
+ &:is(:where(.group\/node):hover *) {
3211
+ @media (hover: hover) {
3212
+ display: block;
3213
+ }
3214
+ }
3215
+ }
3216
+ .group-hover\/node\:text-gray-900 {
3217
+ &:is(:where(.group\/node):hover *) {
3218
+ @media (hover: hover) {
3219
+ color: var(--color-gray-900);
3220
+ }
3221
+ }
3222
+ }
3223
+ .group-hover\/sidebar-footer\:block {
3224
+ &:is(:where(.group\/sidebar-footer):hover *) {
3225
+ @media (hover: hover) {
3226
+ display: block;
3227
+ }
3228
+ }
3229
+ }
3230
+ .group-hover\/sidebar-footer\:hidden {
3231
+ &:is(:where(.group\/sidebar-footer):hover *) {
3232
+ @media (hover: hover) {
3233
+ display: none;
3234
+ }
3235
+ }
3236
+ }
3237
+ .group-hover\/sidebar-item\:visible {
3238
+ &:is(:where(.group\/sidebar-item):hover *) {
3239
+ @media (hover: hover) {
3240
+ visibility: visible;
3241
+ }
3242
+ }
3243
+ }
3244
+ .group-hover\/sidebar-resizer\:bg-gray-500 {
3245
+ &:is(:where(.group\/sidebar-resizer):hover *) {
3246
+ @media (hover: hover) {
3247
+ background-color: var(--color-gray-500);
3248
+ }
3249
+ }
3250
+ }
3251
+ .group-hover\/sidebar-resizer\:opacity-100 {
3252
+ &:is(:where(.group\/sidebar-resizer):hover *) {
3253
+ @media (hover: hover) {
3254
+ opacity: 100%;
3255
+ }
3256
+ }
3257
+ }
3258
+ .peer-checked\:bg-blue-900 {
3259
+ &:is(:where(.peer):checked ~ *) {
3260
+ background-color: var(--color-blue-900);
3261
+ }
3262
+ }
3263
+ .peer-hover\:text-gray-900 {
3264
+ &:is(:where(.peer):hover ~ *) {
3265
+ @media (hover: hover) {
3266
+ color: var(--color-gray-900);
3267
+ }
3268
+ }
3269
+ }
3270
+ .peer-focus\:outline-none {
3271
+ &:is(:where(.peer):focus ~ *) {
3272
+ --tw-outline-style: none;
3273
+ outline-style: none;
3274
+ }
3275
+ }
3276
+ .placeholder\:text-right {
3277
+ &::placeholder {
3278
+ text-align: right;
3279
+ }
3280
+ }
3281
+ .placeholder\:text-gray-50 {
3282
+ &::placeholder {
3283
+ color: var(--color-gray-50);
3284
+ }
3285
+ }
3286
+ .placeholder\:text-gray-500 {
3287
+ &::placeholder {
3288
+ color: var(--color-gray-500);
3289
+ }
3290
+ }
3291
+ .placeholder\:text-red-800 {
3292
+ &::placeholder {
3293
+ color: var(--color-red-800);
3294
+ }
3295
+ }
3296
+ .group-focus-within\:placeholder\:\!text-gray-700 {
3297
+ &:is(:where(.group):focus-within *) {
3298
+ &::placeholder {
3299
+ color: var(--color-gray-700) !important;
3300
+ }
3301
+ }
3302
+ }
3303
+ .group-hover\:placeholder\:text-gray-700 {
3304
+ &:is(:where(.group):hover *) {
3305
+ @media (hover: hover) {
3306
+ &::placeholder {
3307
+ color: var(--color-gray-700);
3308
+ }
3309
+ }
3310
+ }
3311
+ }
3312
+ .before\:absolute {
3313
+ &::before {
3314
+ content: var(--tw-content);
3315
+ position: absolute;
3316
+ }
3317
+ }
3318
+ .before\:top-\[0\.4em\] {
3319
+ &::before {
3320
+ content: var(--tw-content);
3321
+ top: 0.4em;
3322
+ }
3323
+ }
3324
+ .before\:left-0 {
3325
+ &::before {
3326
+ content: var(--tw-content);
3327
+ left: calc(var(--spacing) * 0);
3328
+ }
3329
+ }
3330
+ .before\:size-2 {
3331
+ &::before {
3332
+ content: var(--tw-content);
3333
+ width: calc(var(--spacing) * 2);
3334
+ height: calc(var(--spacing) * 2);
3335
+ }
3336
+ }
3337
+ .before\:rounded-full {
3338
+ &::before {
3339
+ content: var(--tw-content);
3340
+ border-radius: calc(infinity * 1px);
3341
+ }
3342
+ }
3343
+ .before\:bg-blue-900 {
3344
+ &::before {
3345
+ content: var(--tw-content);
3346
+ background-color: var(--color-blue-900);
3347
+ }
3348
+ }
3349
+ .before\:bg-orange-900 {
3350
+ &::before {
3351
+ content: var(--tw-content);
3352
+ background-color: var(--color-orange-900);
3353
+ }
3354
+ }
3355
+ .before\:bg-red-900 {
3356
+ &::before {
3357
+ content: var(--tw-content);
3358
+ background-color: var(--color-red-900);
3359
+ }
3360
+ }
3361
+ .after\:absolute {
3362
+ &::after {
3363
+ content: var(--tw-content);
3364
+ position: absolute;
3365
+ }
3366
+ }
3367
+ .after\:start-0\.5 {
3368
+ &::after {
3369
+ content: var(--tw-content);
3370
+ inset-inline-start: calc(var(--spacing) * 0.5);
3371
+ }
3372
+ }
3373
+ .after\:-top-2\.5 {
3374
+ &::after {
3375
+ content: var(--tw-content);
3376
+ top: calc(var(--spacing) * -2.5);
3377
+ }
3378
+ }
3379
+ .after\:top-0\.5 {
3380
+ &::after {
3381
+ content: var(--tw-content);
3382
+ top: calc(var(--spacing) * 0.5);
3383
+ }
3384
+ }
3385
+ .after\:top-1\/2 {
3386
+ &::after {
3387
+ content: var(--tw-content);
3388
+ top: calc(1/2 * 100%);
3389
+ }
3390
+ }
3391
+ .after\:left-1\/2 {
3392
+ &::after {
3393
+ content: var(--tw-content);
3394
+ left: calc(1/2 * 100%);
3395
+ }
3396
+ }
3397
+ .after\:left-\[15px\] {
3398
+ &::after {
3399
+ content: var(--tw-content);
3400
+ left: 15px;
3401
+ }
3402
+ }
3403
+ .after\:size-2\.5 {
3404
+ &::after {
3405
+ content: var(--tw-content);
3406
+ width: calc(var(--spacing) * 2.5);
3407
+ height: calc(var(--spacing) * 2.5);
3408
+ }
3409
+ }
3410
+ .after\:size-5 {
3411
+ &::after {
3412
+ content: var(--tw-content);
3413
+ width: calc(var(--spacing) * 5);
3414
+ height: calc(var(--spacing) * 5);
3415
+ }
3416
+ }
3417
+ .after\:h-4 {
3418
+ &::after {
3419
+ content: var(--tw-content);
3420
+ height: calc(var(--spacing) * 4);
3421
+ }
3422
+ }
3423
+ .after\:w-px {
3424
+ &::after {
3425
+ content: var(--tw-content);
3426
+ width: 1px;
3427
+ }
3428
+ }
3429
+ .after\:-translate-x-1\/2 {
3430
+ &::after {
3431
+ content: var(--tw-content);
3432
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
3433
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3434
+ }
3435
+ }
3436
+ .after\:-translate-y-1\/2 {
3437
+ &::after {
3438
+ content: var(--tw-content);
3439
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
3440
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3441
+ }
3442
+ }
3443
+ .after\:rounded-full {
3444
+ &::after {
3445
+ content: var(--tw-content);
3446
+ border-radius: calc(infinity * 1px);
3447
+ }
3448
+ }
3449
+ .after\:border {
3450
+ &::after {
3451
+ content: var(--tw-content);
3452
+ border-style: var(--tw-border-style);
3453
+ border-width: 1px;
3454
+ }
3455
+ }
3456
+ .after\:border-none {
3457
+ &::after {
3458
+ content: var(--tw-content);
3459
+ --tw-border-style: none;
3460
+ border-style: none;
3461
+ }
3462
+ }
3463
+ .after\:bg-gray-50 {
3464
+ &::after {
3465
+ content: var(--tw-content);
3466
+ background-color: var(--color-gray-50);
3467
+ }
3468
+ }
3469
+ .after\:bg-gray-300 {
3470
+ &::after {
3471
+ content: var(--tw-content);
3472
+ background-color: var(--color-gray-300);
3473
+ }
3474
+ }
3475
+ .after\:bg-gray-600 {
3476
+ &::after {
3477
+ content: var(--tw-content);
3478
+ background-color: var(--color-gray-600);
3479
+ }
3480
+ }
3481
+ .after\:bg-gray-800 {
3482
+ &::after {
3483
+ content: var(--tw-content);
3484
+ background-color: var(--color-gray-800);
3485
+ }
3486
+ }
3487
+ .after\:transition-all {
3488
+ &::after {
3489
+ content: var(--tw-content);
3490
+ transition-property: all;
3491
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3492
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3493
+ }
3494
+ }
3495
+ .after\:content-\[\'\'\] {
3496
+ &::after {
3497
+ content: var(--tw-content);
3498
+ --tw-content: '';
3499
+ content: var(--tw-content);
3500
+ }
3501
+ }
3502
+ .group-hover\:after\:bg-gray-900 {
3503
+ &:is(:where(.group):hover *) {
3504
+ @media (hover: hover) {
3505
+ &::after {
3506
+ content: var(--tw-content);
3507
+ background-color: var(--color-gray-900);
3508
+ }
3509
+ }
3510
+ }
3511
+ }
3512
+ .peer-checked\:after\:translate-x-full {
3513
+ &:is(:where(.peer):checked ~ *) {
3514
+ &::after {
3515
+ content: var(--tw-content);
3516
+ --tw-translate-x: 100%;
3517
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3518
+ }
3519
+ }
3520
+ }
3521
+ .first\:border-l-0 {
3522
+ &:first-child {
3523
+ border-left-style: var(--tw-border-style);
3524
+ border-left-width: 0px;
3525
+ }
3526
+ }
3527
+ .first\:group-first\/sidebar-item-wrapper\:after\:hidden {
3528
+ &:first-child {
3529
+ &:is(:where(.group\/sidebar-item-wrapper):first-child *) {
3530
+ &::after {
3531
+ content: var(--tw-content);
3532
+ display: none;
3533
+ }
3534
+ }
3535
+ }
3536
+ }
3537
+ .last\:mb-0 {
3538
+ &:last-child {
3539
+ margin-bottom: calc(var(--spacing) * 0);
3540
+ }
3541
+ }
3542
+ .last\:rounded-b-md {
3543
+ &:last-child {
3544
+ border-bottom-right-radius: var(--radius-md);
3545
+ border-bottom-left-radius: var(--radius-md);
3546
+ }
3547
+ }
3548
+ .odd\:bg-white {
3549
+ &:nth-child(odd) {
3550
+ background-color: var(--color-white);
3551
+ }
3552
+ }
3553
+ .even\:bg-gray-50 {
3554
+ &:nth-child(even) {
3555
+ background-color: var(--color-gray-50);
3556
+ }
3557
+ }
3558
+ .first-of-type\:rounded-t-2xl {
3559
+ &:first-of-type {
3560
+ border-top-left-radius: var(--radius-2xl);
3561
+ border-top-right-radius: var(--radius-2xl);
3562
+ }
3563
+ }
3564
+ .first-of-type\:border-b-0 {
3565
+ &:first-of-type {
3566
+ border-bottom-style: var(--tw-border-style);
3567
+ border-bottom-width: 0px;
3568
+ }
3569
+ }
3570
+ .first-of-type\:pt-3 {
3571
+ &:first-of-type {
3572
+ padding-top: calc(var(--spacing) * 3);
3573
+ }
3574
+ }
3575
+ .last-of-type\:mb-0 {
3576
+ &:last-of-type {
3577
+ margin-bottom: calc(var(--spacing) * 0);
3578
+ }
3579
+ }
3580
+ .last-of-type\:rounded-b-2xl {
3581
+ &:last-of-type {
3582
+ border-bottom-right-radius: var(--radius-2xl);
3583
+ border-bottom-left-radius: var(--radius-2xl);
3584
+ }
3585
+ }
3586
+ .last-of-type\:border-t-0 {
3587
+ &:last-of-type {
3588
+ border-top-style: var(--tw-border-style);
3589
+ border-top-width: 0px;
3590
+ }
3591
+ }
3592
+ .last-of-type\:pb-3 {
3593
+ &:last-of-type {
3594
+ padding-bottom: calc(var(--spacing) * 3);
3595
+ }
3596
+ }
3597
+ .last-of-type\:text-gray-800 {
3598
+ &:last-of-type {
3599
+ color: var(--color-gray-800);
3600
+ }
3601
+ }
3602
+ .focus-within\:border-b-gray-300 {
3603
+ &:focus-within {
3604
+ border-bottom-color: var(--color-gray-300);
3605
+ }
3606
+ }
3607
+ .focus-within\:bg-gray-100 {
3608
+ &:focus-within {
3609
+ background-color: var(--color-gray-100);
3610
+ }
3611
+ }
3612
+ .focus-within\:ring-1 {
3613
+ &:focus-within {
3614
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3615
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3616
+ }
3617
+ }
3618
+ .focus-within\:ring-offset-0 {
3619
+ &:focus-within {
3620
+ --tw-ring-offset-width: 0px;
3621
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3622
+ }
3623
+ }
3624
+ .hover\:scale-100 {
3625
+ &:hover {
3626
+ @media (hover: hover) {
3627
+ --tw-scale-x: 100%;
3628
+ --tw-scale-y: 100%;
3629
+ --tw-scale-z: 100%;
3630
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3631
+ }
3632
+ }
3633
+ }
3634
+ .hover\:scale-105 {
3635
+ &:hover {
3636
+ @media (hover: hover) {
3637
+ --tw-scale-x: 105%;
3638
+ --tw-scale-y: 105%;
3639
+ --tw-scale-z: 105%;
3640
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3641
+ }
3642
+ }
3643
+ }
3644
+ .hover\:rounded-\[4px\] {
3645
+ &:hover {
3646
+ @media (hover: hover) {
3647
+ border-radius: 4px;
3648
+ }
3649
+ }
3650
+ }
3651
+ .hover\:border-gray-100 {
3652
+ &:hover {
3653
+ @media (hover: hover) {
3654
+ border-color: var(--color-gray-100);
3655
+ }
3656
+ }
3657
+ }
3658
+ .hover\:border-gray-300 {
3659
+ &:hover {
3660
+ @media (hover: hover) {
3661
+ border-color: var(--color-gray-300);
3662
+ }
3663
+ }
3664
+ }
3665
+ .hover\:border-gray-500 {
3666
+ &:hover {
3667
+ @media (hover: hover) {
3668
+ border-color: var(--color-gray-500);
3669
+ }
3670
+ }
3671
+ }
3672
+ .hover\:border-gray-600 {
3673
+ &:hover {
3674
+ @media (hover: hover) {
3675
+ border-color: var(--color-gray-600);
3676
+ }
3677
+ }
3678
+ }
3679
+ .hover\:border-gray-900 {
3680
+ &:hover {
3681
+ @media (hover: hover) {
3682
+ border-color: var(--color-gray-900);
3683
+ }
3684
+ }
3685
+ }
3686
+ .hover\:border-red-900 {
3687
+ &:hover {
3688
+ @media (hover: hover) {
3689
+ border-color: var(--color-red-900);
3690
+ }
3691
+ }
3692
+ }
3693
+ .hover\:border-b-gray-300 {
3694
+ &:hover {
3695
+ @media (hover: hover) {
3696
+ border-bottom-color: var(--color-gray-300);
3697
+ }
3698
+ }
3699
+ }
3700
+ .hover\:\!bg-transparent {
3701
+ &:hover {
3702
+ @media (hover: hover) {
3703
+ background-color: transparent !important;
3704
+ }
3705
+ }
3706
+ }
3707
+ .hover\:bg-gray-50 {
3708
+ &:hover {
3709
+ @media (hover: hover) {
3710
+ background-color: var(--color-gray-50);
3711
+ }
3712
+ }
3713
+ }
3714
+ .hover\:bg-gray-100 {
3715
+ &:hover {
3716
+ @media (hover: hover) {
3717
+ background-color: var(--color-gray-100);
3718
+ }
3719
+ }
3720
+ }
3721
+ .hover\:bg-gray-200 {
3722
+ &:hover {
3723
+ @media (hover: hover) {
3724
+ background-color: var(--color-gray-200);
3725
+ }
3726
+ }
3727
+ }
3728
+ .hover\:bg-gray-300 {
3729
+ &:hover {
3730
+ @media (hover: hover) {
3731
+ background-color: var(--color-gray-300);
3732
+ }
3733
+ }
3734
+ }
3735
+ .hover\:bg-gray-900 {
3736
+ &:hover {
3737
+ @media (hover: hover) {
3738
+ background-color: var(--color-gray-900);
3739
+ }
3740
+ }
3741
+ }
3742
+ .hover\:bg-slate-50 {
3743
+ &:hover {
3744
+ @media (hover: hover) {
3745
+ background-color: var(--color-slate-50);
3746
+ }
3747
+ }
3748
+ }
3749
+ .hover\:bg-slate-100 {
3750
+ &:hover {
3751
+ @media (hover: hover) {
3752
+ background-color: var(--color-slate-100);
3753
+ }
3754
+ }
3755
+ }
3756
+ .hover\:bg-slate-800 {
3757
+ &:hover {
3758
+ @media (hover: hover) {
3759
+ background-color: var(--color-slate-800);
3760
+ }
3761
+ }
3762
+ }
3763
+ .hover\:bg-transparent {
3764
+ &:hover {
3765
+ @media (hover: hover) {
3766
+ background-color: transparent;
3767
+ }
3768
+ }
3769
+ }
3770
+ .hover\:bg-white {
3771
+ &:hover {
3772
+ @media (hover: hover) {
3773
+ background-color: var(--color-white);
3774
+ }
3775
+ }
3776
+ }
3777
+ .hover\:pr-6 {
3778
+ &:hover {
3779
+ @media (hover: hover) {
3780
+ padding-right: calc(var(--spacing) * 6);
3781
+ }
3782
+ }
3783
+ }
3784
+ .hover\:pr-12 {
3785
+ &:hover {
3786
+ @media (hover: hover) {
3787
+ padding-right: calc(var(--spacing) * 12);
3788
+ }
3789
+ }
3790
+ }
3791
+ .hover\:text-\[\#9896FF\] {
3792
+ &:hover {
3793
+ @media (hover: hover) {
3794
+ color: #9896FF;
3795
+ }
3796
+ }
3797
+ }
3798
+ .hover\:text-blue-900 {
3799
+ &:hover {
3800
+ @media (hover: hover) {
3801
+ color: var(--color-blue-900);
3802
+ }
3803
+ }
3804
+ }
3805
+ .hover\:text-gray-300 {
3806
+ &:hover {
3807
+ @media (hover: hover) {
3808
+ color: var(--color-gray-300);
3809
+ }
3810
+ }
3811
+ }
3812
+ .hover\:text-gray-500 {
3813
+ &:hover {
3814
+ @media (hover: hover) {
3815
+ color: var(--color-gray-500);
3816
+ }
3817
+ }
3818
+ }
3819
+ .hover\:text-gray-600 {
3820
+ &:hover {
3821
+ @media (hover: hover) {
3822
+ color: var(--color-gray-600);
3823
+ }
3824
+ }
3825
+ }
3826
+ .hover\:text-gray-700 {
3827
+ &:hover {
3828
+ @media (hover: hover) {
3829
+ color: var(--color-gray-700);
3830
+ }
3831
+ }
3832
+ }
3833
+ .hover\:text-gray-800 {
3834
+ &:hover {
3835
+ @media (hover: hover) {
3836
+ color: var(--color-gray-800);
3837
+ }
3838
+ }
3839
+ }
3840
+ .hover\:text-gray-900 {
3841
+ &:hover {
3842
+ @media (hover: hover) {
3843
+ color: var(--color-gray-900);
3844
+ }
3845
+ }
3846
+ }
3847
+ .hover\:text-red-900 {
3848
+ &:hover {
3849
+ @media (hover: hover) {
3850
+ color: var(--color-red-900);
3851
+ }
3852
+ }
3853
+ }
3854
+ .hover\:text-slate-200 {
3855
+ &:hover {
3856
+ @media (hover: hover) {
3857
+ color: var(--color-slate-200);
3858
+ }
3859
+ }
3860
+ }
3861
+ .hover\:text-white {
3862
+ &:hover {
3863
+ @media (hover: hover) {
3864
+ color: var(--color-white);
3865
+ }
3866
+ }
3867
+ }
3868
+ .hover\:underline {
3869
+ &:hover {
3870
+ @media (hover: hover) {
3871
+ text-decoration-line: underline;
3872
+ }
3873
+ }
3874
+ }
3875
+ .hover\:opacity-80 {
3876
+ &:hover {
3877
+ @media (hover: hover) {
3878
+ opacity: 80%;
3879
+ }
3880
+ }
3881
+ }
3882
+ .hover\:opacity-100 {
3883
+ &:hover {
3884
+ @media (hover: hover) {
3885
+ opacity: 100%;
3886
+ }
3887
+ }
3888
+ }
3889
+ .hover\:brightness-125 {
3890
+ &:hover {
3891
+ @media (hover: hover) {
3892
+ --tw-brightness: brightness(125%);
3893
+ 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,);
3894
+ }
3895
+ }
3896
+ }
3897
+ .focus-within\:hover\:cursor-default {
3898
+ &:focus-within {
3899
+ &:hover {
3900
+ @media (hover: hover) {
3901
+ cursor: default;
3902
+ }
3903
+ }
3904
+ }
3905
+ }
3906
+ .focus-within\:hover\:bg-white {
3907
+ &:focus-within {
3908
+ &:hover {
3909
+ @media (hover: hover) {
3910
+ background-color: var(--color-white);
3911
+ }
3912
+ }
3913
+ }
3914
+ }
3915
+ .focus\:z-10 {
3916
+ &:focus {
3917
+ z-index: 10;
3918
+ }
3919
+ }
3920
+ .focus\:border-r-0 {
3921
+ &:focus {
3922
+ border-right-style: var(--tw-border-style);
3923
+ border-right-width: 0px;
3924
+ }
3925
+ }
3926
+ .focus\:bg-gray-50 {
3927
+ &:focus {
3928
+ background-color: var(--color-gray-50);
3929
+ }
3930
+ }
3931
+ .focus\:bg-white {
3932
+ &:focus {
3933
+ background-color: var(--color-white);
3934
+ }
3935
+ }
3936
+ .focus\:bg-none {
3937
+ &:focus {
3938
+ background-image: none;
3939
+ }
3940
+ }
3941
+ .focus\:ring-1 {
3942
+ &:focus {
3943
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3944
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3945
+ }
3946
+ }
3947
+ .focus\:ring-gray-900 {
3948
+ &:focus {
3949
+ --tw-ring-color: var(--color-gray-900);
3950
+ }
3951
+ }
3952
+ .focus\:ring-offset-0 {
3953
+ &:focus {
3954
+ --tw-ring-offset-width: 0px;
3955
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3956
+ }
3957
+ }
3958
+ .focus\:outline-none {
3959
+ &:focus {
3960
+ --tw-outline-style: none;
3961
+ outline-style: none;
3962
+ }
3963
+ }
3964
+ .focus-visible\:ring-0 {
3965
+ &:focus-visible {
3966
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3967
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3968
+ }
3969
+ }
3970
+ .focus-visible\:ring-1 {
3971
+ &:focus-visible {
3972
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3973
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3974
+ }
3975
+ }
3976
+ .focus-visible\:ring-2 {
3977
+ &:focus-visible {
3978
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3979
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3980
+ }
3981
+ }
3982
+ .focus-visible\:ring-gray-900 {
3983
+ &:focus-visible {
3984
+ --tw-ring-color: var(--color-gray-900);
3985
+ }
3986
+ }
3987
+ .focus-visible\:ring-offset-0 {
3988
+ &:focus-visible {
3989
+ --tw-ring-offset-width: 0px;
3990
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3991
+ }
3992
+ }
3993
+ .focus-visible\:ring-offset-2 {
3994
+ &:focus-visible {
3995
+ --tw-ring-offset-width: 2px;
3996
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3997
+ }
3998
+ }
3999
+ .focus-visible\:ring-offset-white {
4000
+ &:focus-visible {
4001
+ --tw-ring-offset-color: var(--color-white);
4002
+ }
4003
+ }
4004
+ .focus-visible\:outline-none {
4005
+ &:focus-visible {
4006
+ --tw-outline-style: none;
4007
+ outline-style: none;
4008
+ }
4009
+ }
4010
+ .active\:border-blue-800 {
4011
+ &:active {
4012
+ border-color: var(--color-blue-800);
4013
+ }
4014
+ }
4015
+ .active\:border-red-800 {
4016
+ &:active {
4017
+ border-color: var(--color-red-800);
4018
+ }
4019
+ }
4020
+ .active\:border-slate-100 {
4021
+ &:active {
4022
+ border-color: var(--color-slate-100);
4023
+ }
4024
+ }
4025
+ .active\:border-slate-700 {
4026
+ &:active {
4027
+ border-color: var(--color-slate-700);
4028
+ }
4029
+ }
4030
+ .active\:text-gray-600 {
4031
+ &:active {
4032
+ color: var(--color-gray-600);
4033
+ }
4034
+ }
4035
+ .active\:text-gray-900 {
4036
+ &:active {
4037
+ color: var(--color-gray-900);
4038
+ }
4039
+ }
4040
+ .active\:opacity-50 {
4041
+ &:active {
4042
+ opacity: 50%;
4043
+ }
4044
+ }
4045
+ .active\:opacity-75 {
4046
+ &:active {
4047
+ opacity: 75%;
4048
+ }
4049
+ }
4050
+ .active\:opacity-80 {
4051
+ &:active {
4052
+ opacity: 80%;
4053
+ }
4054
+ }
4055
+ .active\:opacity-100 {
4056
+ &:active {
4057
+ opacity: 100%;
4058
+ }
4059
+ }
4060
+ .disabled\:pointer-events-none {
4061
+ &:disabled {
4062
+ pointer-events: none;
4063
+ }
4064
+ }
4065
+ .disabled\:cursor-not-allowed {
4066
+ &:disabled {
4067
+ cursor: not-allowed;
4068
+ }
4069
+ }
4070
+ .disabled\:border-gray-300 {
4071
+ &:disabled {
4072
+ border-color: var(--color-gray-300);
4073
+ }
4074
+ }
4075
+ .disabled\:border-gray-700 {
4076
+ &:disabled {
4077
+ border-color: var(--color-gray-700);
4078
+ }
4079
+ }
4080
+ .disabled\:bg-gray-300 {
4081
+ &:disabled {
4082
+ background-color: var(--color-gray-300);
4083
+ }
4084
+ }
4085
+ .disabled\:bg-transparent {
4086
+ &:disabled {
4087
+ background-color: transparent;
4088
+ }
4089
+ }
4090
+ .disabled\:bg-white {
4091
+ &:disabled {
4092
+ background-color: var(--color-white);
4093
+ }
4094
+ }
4095
+ .disabled\:p-0 {
4096
+ &:disabled {
4097
+ padding: calc(var(--spacing) * 0);
4098
+ }
4099
+ }
4100
+ .disabled\:text-left {
4101
+ &:disabled {
4102
+ text-align: left;
4103
+ }
4104
+ }
4105
+ .disabled\:text-blue-400 {
4106
+ &:disabled {
4107
+ color: var(--color-blue-400);
4108
+ }
4109
+ }
4110
+ .disabled\:text-gray-300 {
4111
+ &:disabled {
4112
+ color: var(--color-gray-300);
4113
+ }
4114
+ }
4115
+ .disabled\:text-gray-400 {
4116
+ &:disabled {
4117
+ color: var(--color-gray-400);
4118
+ }
4119
+ }
4120
+ .disabled\:text-gray-700 {
4121
+ &:disabled {
4122
+ color: var(--color-gray-700);
4123
+ }
4124
+ }
4125
+ .disabled\:text-red-400 {
4126
+ &:disabled {
4127
+ color: var(--color-red-400);
4128
+ }
4129
+ }
4130
+ .disabled\:text-slate-100 {
4131
+ &:disabled {
4132
+ color: var(--color-slate-100);
4133
+ }
4134
+ }
4135
+ .disabled\:opacity-50 {
4136
+ &:disabled {
4137
+ opacity: 50%;
4138
+ }
4139
+ }
4140
+ .disabled\:opacity-100 {
4141
+ &:disabled {
4142
+ opacity: 100%;
4143
+ }
4144
+ }
4145
+ .aria-selected\:opacity-30 {
4146
+ &[aria-selected="true"] {
4147
+ opacity: 30%;
4148
+ }
4149
+ }
4150
+ .aria-selected\:opacity-100 {
4151
+ &[aria-selected="true"] {
4152
+ opacity: 100%;
4153
+ }
4154
+ }
4155
+ .data-disabled\:cursor-not-allowed {
4156
+ &[data-disabled] {
4157
+ cursor: not-allowed;
4158
+ }
4159
+ }
4160
+ .data-disabled\:text-gray-400 {
4161
+ &[data-disabled] {
4162
+ color: var(--color-gray-400);
4163
+ }
4164
+ }
4165
+ .data-\[disabled\]\:pointer-events-none {
4166
+ &[data-disabled] {
4167
+ pointer-events: none;
4168
+ }
4169
+ }
4170
+ .data-\[disabled\]\:opacity-50 {
4171
+ &[data-disabled] {
4172
+ opacity: 50%;
4173
+ }
4174
+ }
4175
+ .data-\[disabled\=true\]\:pointer-events-none {
4176
+ &[data-disabled="true"] {
4177
+ pointer-events: none;
4178
+ }
4179
+ }
4180
+ .data-\[invalid\=true\]\:group-hover\:\!border-red-900 {
4181
+ &[data-invalid="true"] {
4182
+ &:is(:where(.group):hover *) {
4183
+ @media (hover: hover) {
4184
+ border-color: var(--color-red-900) !important;
4185
+ }
4186
+ }
4187
+ }
4188
+ }
4189
+ .data-\[selected\=true\]\:bg-gray-100 {
4190
+ &[data-selected="true"] {
4191
+ background-color: var(--color-gray-100);
4192
+ }
4193
+ }
4194
+ .data-\[side\=bottom\]\:animate-slide-in-from-top {
4195
+ &[data-side="bottom"] {
4196
+ animation: var(--animate-slide-in-from-top);
4197
+ }
4198
+ }
4199
+ .data-\[side\=left\]\:animate-slide-in-from-right {
4200
+ &[data-side="left"] {
4201
+ animation: var(--animate-slide-in-from-right);
4202
+ }
4203
+ }
4204
+ .data-\[side\=right\]\:animate-slide-in-from-left {
4205
+ &[data-side="right"] {
4206
+ animation: var(--animate-slide-in-from-left);
4207
+ }
4208
+ }
4209
+ .data-\[side\=top\]\:animate-slide-in-from-bottom {
4210
+ &[data-side="top"] {
4211
+ animation: var(--animate-slide-in-from-bottom);
4212
+ }
4213
+ }
4214
+ .data-\[state\]\:border-gray-700 {
4215
+ &[data-state] {
4216
+ border-color: var(--color-gray-700);
4217
+ }
4218
+ }
4219
+ .data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800 {
4220
+ &[data-invalid="true"] {
4221
+ &[data-state] {
4222
+ border-color: var(--color-red-800) !important;
4223
+ }
4224
+ }
4225
+ }
4226
+ .data-\[state\=\'active\'\]\:bg-gray-50 {
4227
+ &[data-state='active'] {
4228
+ background-color: var(--color-gray-50);
4229
+ }
4230
+ }
4231
+ .data-\[state\=\'active\'\]\:text-gray-900 {
4232
+ &[data-state='active'] {
4233
+ color: var(--color-gray-900);
4234
+ }
4235
+ }
4236
+ .data-\[state\=active\]\:shadow {
4237
+ &[data-state="active"] {
4238
+ --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));
4239
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4240
+ }
4241
+ }
4242
+ .data-\[state\=checked\]\:translate-x-3\.5 {
4243
+ &[data-state="checked"] {
4244
+ --tw-translate-x: calc(var(--spacing) * 3.5);
4245
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4246
+ }
4247
+ }
4248
+ .data-\[state\=checked\]\:bg-\[\#343839\] {
4249
+ &[data-state="checked"] {
4250
+ background-color: #343839;
4251
+ }
4252
+ }
4253
+ .data-\[state\=checked\]\:bg-\[\#C5C7C7\] {
4254
+ &[data-state="checked"] {
4255
+ background-color: #C5C7C7;
4256
+ }
4257
+ }
4258
+ .data-\[state\=checked\]\:bg-gray-900 {
4259
+ &[data-state="checked"] {
4260
+ background-color: var(--color-gray-900);
4261
+ }
4262
+ }
4263
+ .data-\[state\=checked\]\:text-slate-50 {
4264
+ &[data-state="checked"] {
4265
+ color: var(--color-slate-50);
4266
+ }
4267
+ }
4268
+ .data-\[state\=checked\]\:group-hover\:bg-gray-900 {
4269
+ &[data-state="checked"] {
4270
+ &:is(:where(.group):hover *) {
4271
+ @media (hover: hover) {
4272
+ background-color: var(--color-gray-900);
4273
+ }
4274
+ }
4275
+ }
4276
+ }
4277
+ .disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-gray-700 {
4278
+ &:disabled {
4279
+ &[data-invalid="false"] {
4280
+ &[data-state="checked"] {
4281
+ background-color: var(--color-gray-700);
4282
+ }
4283
+ }
4284
+ }
4285
+ }
4286
+ .data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800 {
4287
+ &[data-invalid="true"] {
4288
+ &[data-state="checked"] {
4289
+ background-color: var(--color-red-800) !important;
4290
+ }
4291
+ }
4292
+ }
4293
+ .data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:\!bg-red-900 {
4294
+ &[data-invalid="true"] {
4295
+ &[data-state="checked"] {
4296
+ &:is(:where(.group):hover *) {
4297
+ @media (hover: hover) {
4298
+ background-color: var(--color-red-900) !important;
4299
+ }
4300
+ }
4301
+ }
4302
+ }
4303
+ }
4304
+ .data-\[state\=closed\]\:animate-fade-out {
4305
+ &[data-state="closed"] {
4306
+ animation: var(--animate-fade-out);
4307
+ }
4308
+ }
4309
+ .data-\[state\=closed\]\:animate-zoom-out {
4310
+ &[data-state="closed"] {
4311
+ animation: var(--animate-zoom-out);
4312
+ }
4313
+ }
4314
+ .data-\[state\=indeterminate\]\:bg-gray-900 {
4315
+ &[data-state="indeterminate"] {
4316
+ background-color: var(--color-gray-900);
4317
+ }
4318
+ }
4319
+ .data-\[state\=indeterminate\]\:text-slate-50 {
4320
+ &[data-state="indeterminate"] {
4321
+ color: var(--color-slate-50);
4322
+ }
4323
+ }
4324
+ .data-\[state\=indeterminate\]\:group-hover\:bg-gray-900 {
4325
+ &[data-state="indeterminate"] {
4326
+ &:is(:where(.group):hover *) {
4327
+ @media (hover: hover) {
4328
+ background-color: var(--color-gray-900);
4329
+ }
4330
+ }
4331
+ }
4332
+ }
4333
+ .disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-gray-700 {
4334
+ &:disabled {
4335
+ &[data-invalid="false"] {
4336
+ &[data-state="indeterminate"] {
4337
+ background-color: var(--color-gray-700);
4338
+ }
4339
+ }
4340
+ }
4341
+ }
4342
+ .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800 {
4343
+ &[data-invalid="true"] {
4344
+ &[data-state="indeterminate"] {
4345
+ background-color: var(--color-red-800) !important;
4346
+ }
4347
+ }
4348
+ }
4349
+ .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:\!bg-red-900 {
4350
+ &[data-invalid="true"] {
4351
+ &[data-state="indeterminate"] {
4352
+ &:is(:where(.group):hover *) {
4353
+ @media (hover: hover) {
4354
+ background-color: var(--color-red-900) !important;
4355
+ }
4356
+ }
4357
+ }
4358
+ }
4359
+ }
4360
+ .data-\[state\=open\]\:animate-fade-in {
4361
+ &[data-state="open"] {
4362
+ animation: var(--animate-fade-in);
4363
+ }
4364
+ }
4365
+ .data-\[state\=open\]\:animate-zoom-in {
4366
+ &[data-state="open"] {
4367
+ animation: var(--animate-zoom-in);
4368
+ }
4369
+ }
4370
+ .data-\[state\=unchecked\]\:translate-x-0 {
4371
+ &[data-state="unchecked"] {
4372
+ --tw-translate-x: calc(var(--spacing) * 0);
4373
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4374
+ }
4375
+ }
4376
+ .data-\[state\=unchecked\]\:bg-\[\#D7D8D9\] {
4377
+ &[data-state="unchecked"] {
4378
+ background-color: #D7D8D9;
4379
+ }
4380
+ }
4381
+ .data-\[state\=unchecked\]\:bg-\[\#EFEFEF\] {
4382
+ &[data-state="unchecked"] {
4383
+ background-color: #EFEFEF;
4384
+ }
4385
+ }
4386
+ .md\:w-96 {
4387
+ @media (width >= 48rem) {
4388
+ width: calc(var(--spacing) * 96);
4389
+ }
4390
+ }
4391
+ .dark\:border-charcoal-700 {
4392
+ &:where(.dark, .dark *) {
4393
+ border-color: var(--color-charcoal-700);
4394
+ }
4395
+ }
4396
+ .dark\:border-gray-400 {
4397
+ &:where(.dark, .dark *) {
4398
+ border-color: var(--color-gray-400);
4399
+ }
4400
+ }
4401
+ .dark\:border-gray-600 {
4402
+ &:where(.dark, .dark *) {
4403
+ border-color: var(--color-gray-600);
4404
+ }
4405
+ }
4406
+ .dark\:border-gray-800 {
4407
+ &:where(.dark, .dark *) {
4408
+ border-color: var(--color-gray-800);
4409
+ }
4410
+ }
4411
+ .dark\:border-gray-900 {
4412
+ &:where(.dark, .dark *) {
4413
+ border-color: var(--color-gray-900);
4414
+ }
4415
+ }
4416
+ .dark\:border-red-700 {
4417
+ &:where(.dark, .dark *) {
4418
+ border-color: var(--color-red-700);
4419
+ }
4420
+ }
4421
+ .dark\:border-slate-500 {
4422
+ &:where(.dark, .dark *) {
4423
+ border-color: var(--color-slate-500);
4424
+ }
4425
+ }
4426
+ .dark\:border-slate-600 {
4427
+ &:where(.dark, .dark *) {
4428
+ border-color: var(--color-slate-600);
4429
+ }
4430
+ }
4431
+ .dark\:border-b-gray-900 {
4432
+ &:where(.dark, .dark *) {
4433
+ border-bottom-color: var(--color-gray-900);
4434
+ }
4435
+ }
4436
+ .dark\:bg-\[\#1c1e23\] {
4437
+ &:where(.dark, .dark *) {
4438
+ background-color: #1c1e23;
4439
+ }
4440
+ }
4441
+ .dark\:bg-\[\#6C7275\] {
4442
+ &:where(.dark, .dark *) {
4443
+ background-color: #6C7275;
4444
+ }
4445
+ }
4446
+ .dark\:bg-\[\#604B00\] {
4447
+ &:where(.dark, .dark *) {
4448
+ background-color: #604B00;
4449
+ }
4450
+ }
4451
+ .dark\:bg-\[\#604B0033\] {
4452
+ &:where(.dark, .dark *) {
4453
+ background-color: #604B0033;
4454
+ }
4455
+ }
4456
+ .dark\:bg-\[\#252728\] {
4457
+ &:where(.dark, .dark *) {
4458
+ background-color: #252728;
4459
+ }
4460
+ }
4461
+ .dark\:bg-blue-600 {
4462
+ &:where(.dark, .dark *) {
4463
+ background-color: var(--color-blue-600);
4464
+ }
4465
+ }
4466
+ .dark\:bg-charcoal-800 {
4467
+ &:where(.dark, .dark *) {
4468
+ background-color: var(--color-charcoal-800);
4469
+ }
4470
+ }
4471
+ .dark\:bg-charcoal-900 {
4472
+ &:where(.dark, .dark *) {
4473
+ background-color: var(--color-charcoal-900);
4474
+ }
4475
+ }
4476
+ .dark\:bg-gray-50 {
4477
+ &:where(.dark, .dark *) {
4478
+ background-color: var(--color-gray-50);
4479
+ }
4480
+ }
4481
+ .dark\:bg-gray-400 {
4482
+ &:where(.dark, .dark *) {
4483
+ background-color: var(--color-gray-400);
4484
+ }
4485
+ }
4486
+ .dark\:bg-gray-600 {
4487
+ &:where(.dark, .dark *) {
4488
+ background-color: var(--color-gray-600);
4489
+ }
4490
+ }
4491
+ .dark\:bg-gray-800 {
4492
+ &:where(.dark, .dark *) {
4493
+ background-color: var(--color-gray-800);
4494
+ }
4495
+ }
4496
+ .dark\:bg-gray-900 {
4497
+ &:where(.dark, .dark *) {
4498
+ background-color: var(--color-gray-900);
4499
+ }
4500
+ }
4501
+ .dark\:bg-slate-600 {
4502
+ &:where(.dark, .dark *) {
4503
+ background-color: var(--color-slate-600);
4504
+ }
4505
+ }
4506
+ .dark\:bg-slate-700 {
4507
+ &:where(.dark, .dark *) {
4508
+ background-color: var(--color-slate-700);
4509
+ }
4510
+ }
4511
+ .dark\:bg-slate-800 {
4512
+ &:where(.dark, .dark *) {
4513
+ background-color: var(--color-slate-800);
4514
+ }
4515
+ }
4516
+ .dark\:bg-slate-900 {
4517
+ &:where(.dark, .dark *) {
4518
+ background-color: var(--color-slate-900);
4519
+ }
4520
+ }
4521
+ .dark\:bg-transparent {
4522
+ &:where(.dark, .dark *) {
4523
+ background-color: transparent;
4524
+ }
4525
+ }
4526
+ .dark\:text-\[\#7D3D37\] {
4527
+ &:where(.dark, .dark *) {
4528
+ color: #7D3D37;
4529
+ }
4530
+ }
4531
+ .dark\:text-\[\#644E00\] {
4532
+ &:where(.dark, .dark *) {
4533
+ color: #644E00;
4534
+ }
4535
+ }
4536
+ .dark\:text-black {
4537
+ &:where(.dark, .dark *) {
4538
+ color: var(--color-black);
4539
+ }
4540
+ }
4541
+ .dark\:text-blue-900 {
4542
+ &:where(.dark, .dark *) {
4543
+ color: var(--color-blue-900);
4544
+ }
4545
+ }
4546
+ .dark\:text-gray-50 {
4547
+ &:where(.dark, .dark *) {
4548
+ color: var(--color-gray-50);
4549
+ }
4550
+ }
4551
+ .dark\:text-gray-200 {
4552
+ &:where(.dark, .dark *) {
4553
+ color: var(--color-gray-200);
4554
+ }
4555
+ }
4556
+ .dark\:text-gray-300 {
4557
+ &:where(.dark, .dark *) {
4558
+ color: var(--color-gray-300);
4559
+ }
4560
+ }
4561
+ .dark\:text-gray-400 {
4562
+ &:where(.dark, .dark *) {
4563
+ color: var(--color-gray-400);
4564
+ }
4565
+ }
4566
+ .dark\:text-gray-500 {
4567
+ &:where(.dark, .dark *) {
4568
+ color: var(--color-gray-500);
4569
+ }
4570
+ }
4571
+ .dark\:text-gray-600 {
4572
+ &:where(.dark, .dark *) {
4573
+ color: var(--color-gray-600);
4574
+ }
4575
+ }
4576
+ .dark\:text-gray-700 {
4577
+ &:where(.dark, .dark *) {
4578
+ color: var(--color-gray-700);
4579
+ }
4580
+ }
4581
+ .dark\:text-gray-900 {
4582
+ &:where(.dark, .dark *) {
4583
+ color: var(--color-gray-900);
4584
+ }
4585
+ }
4586
+ .dark\:text-red-800 {
4587
+ &:where(.dark, .dark *) {
4588
+ color: var(--color-red-800);
4589
+ }
4590
+ }
4591
+ .dark\:text-red-900 {
4592
+ &:where(.dark, .dark *) {
4593
+ color: var(--color-red-900);
4594
+ }
4595
+ }
4596
+ .dark\:text-slate-200 {
4597
+ &:where(.dark, .dark *) {
4598
+ color: var(--color-slate-200);
4599
+ }
4600
+ }
4601
+ .dark\:text-slate-500 {
4602
+ &:where(.dark, .dark *) {
4603
+ color: var(--color-slate-500);
4604
+ }
4605
+ }
4606
+ .dark\:text-white {
4607
+ &:where(.dark, .dark *) {
4608
+ color: var(--color-white);
4609
+ }
4610
+ }
4611
+ .dark\:text-yellow-900 {
4612
+ &:where(.dark, .dark *) {
4613
+ color: var(--color-yellow-900);
4614
+ }
4615
+ }
4616
+ .dark\:shadow-\[1px_4px_15\.3px_0px_\#141921\] {
4617
+ &:where(.dark, .dark *) {
4618
+ --tw-shadow: 1px 4px 15.3px 0px var(--tw-shadow-color, #141921);
4619
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4620
+ }
4621
+ }
4622
+ .dark\:ring-charcoal-300 {
4623
+ &:where(.dark, .dark *) {
4624
+ --tw-ring-color: var(--color-charcoal-300);
4625
+ }
4626
+ }
4627
+ .dark\:group-focus-within\:\!text-gray-50 {
4628
+ &:where(.dark, .dark *) {
4629
+ &:is(:where(.group):focus-within *) {
4630
+ color: var(--color-gray-50) !important;
4631
+ }
4632
+ }
4633
+ }
4634
+ .dark\:group-hover\:border-slate-50 {
4635
+ &:where(.dark, .dark *) {
4636
+ &:is(:where(.group):hover *) {
4637
+ @media (hover: hover) {
4638
+ border-color: var(--color-slate-50);
4639
+ }
4640
+ }
4641
+ }
4642
+ }
4643
+ .dark\:group-hover\:\!text-red-900 {
4644
+ &:where(.dark, .dark *) {
4645
+ &:is(:where(.group):hover *) {
4646
+ @media (hover: hover) {
4647
+ color: var(--color-red-900) !important;
4648
+ }
4649
+ }
4650
+ }
4651
+ }
4652
+ .dark\:group-hover\:text-gray-500 {
4653
+ &:where(.dark, .dark *) {
4654
+ &:is(:where(.group):hover *) {
4655
+ @media (hover: hover) {
4656
+ color: var(--color-gray-500);
4657
+ }
4658
+ }
4659
+ }
4660
+ }
4661
+ .dark\:group-hover\:text-slate-50 {
4662
+ &:where(.dark, .dark *) {
4663
+ &:is(:where(.group):hover *) {
4664
+ @media (hover: hover) {
4665
+ color: var(--color-slate-50);
4666
+ }
4667
+ }
4668
+ }
4669
+ }
4670
+ .dark\:group-hover\/sidebar-resizer\:bg-gray-600 {
4671
+ &:where(.dark, .dark *) {
4672
+ &:is(:where(.group\/sidebar-resizer):hover *) {
4673
+ @media (hover: hover) {
4674
+ background-color: var(--color-gray-600);
4675
+ }
4676
+ }
4677
+ }
4678
+ }
4679
+ .dark\:peer-hover\:text-gray-50 {
4680
+ &:where(.dark, .dark *) {
4681
+ &:is(:where(.peer):hover ~ *) {
4682
+ @media (hover: hover) {
4683
+ color: var(--color-gray-50);
4684
+ }
4685
+ }
4686
+ }
4687
+ }
4688
+ .dark\:placeholder\:text-gray-600 {
4689
+ &:where(.dark, .dark *) {
4690
+ &::placeholder {
4691
+ color: var(--color-gray-600);
4692
+ }
4693
+ }
4694
+ }
4695
+ .dark\:placeholder\:text-gray-700 {
4696
+ &:where(.dark, .dark *) {
4697
+ &::placeholder {
4698
+ color: var(--color-gray-700);
4699
+ }
4700
+ }
4701
+ }
4702
+ .dark\:group-focus-within\:placeholder\:\!text-gray-300 {
4703
+ &:where(.dark, .dark *) {
4704
+ &:is(:where(.group):focus-within *) {
4705
+ &::placeholder {
4706
+ color: var(--color-gray-300) !important;
4707
+ }
4708
+ }
4709
+ }
4710
+ }
4711
+ .dark\:group-hover\:placeholder\:text-gray-500 {
4712
+ &:where(.dark, .dark *) {
4713
+ &:is(:where(.group):hover *) {
4714
+ @media (hover: hover) {
4715
+ &::placeholder {
4716
+ color: var(--color-gray-500);
4717
+ }
4718
+ }
4719
+ }
4720
+ }
4721
+ }
4722
+ .dark\:before\:bg-blue-900 {
4723
+ &:where(.dark, .dark *) {
4724
+ &::before {
4725
+ content: var(--tw-content);
4726
+ background-color: var(--color-blue-900);
4727
+ }
4728
+ }
4729
+ }
4730
+ .dark\:before\:bg-orange-900 {
4731
+ &:where(.dark, .dark *) {
4732
+ &::before {
4733
+ content: var(--tw-content);
4734
+ background-color: var(--color-orange-900);
4735
+ }
4736
+ }
4737
+ }
4738
+ .dark\:before\:bg-red-900 {
4739
+ &:where(.dark, .dark *) {
4740
+ &::before {
4741
+ content: var(--tw-content);
4742
+ background-color: var(--color-red-900);
4743
+ }
4744
+ }
4745
+ }
4746
+ .dark\:after\:bg-gray-400 {
4747
+ &:where(.dark, .dark *) {
4748
+ &::after {
4749
+ content: var(--tw-content);
4750
+ background-color: var(--color-gray-400);
4751
+ }
4752
+ }
4753
+ }
4754
+ .dark\:after\:bg-gray-600 {
4755
+ &:where(.dark, .dark *) {
4756
+ &::after {
4757
+ content: var(--tw-content);
4758
+ background-color: var(--color-gray-600);
4759
+ }
4760
+ }
4761
+ }
4762
+ .dark\:group-hover\:after\:bg-gray-50 {
4763
+ &:where(.dark, .dark *) {
4764
+ &:is(:where(.group):hover *) {
4765
+ @media (hover: hover) {
4766
+ &::after {
4767
+ content: var(--tw-content);
4768
+ background-color: var(--color-gray-50);
4769
+ }
4770
+ }
4771
+ }
4772
+ }
4773
+ }
4774
+ .dark\:focus-within\:border-b-gray-800 {
4775
+ &:where(.dark, .dark *) {
4776
+ &:focus-within {
4777
+ border-bottom-color: var(--color-gray-800);
4778
+ }
4779
+ }
4780
+ }
4781
+ .dark\:focus-within\:bg-gray-900 {
4782
+ &:where(.dark, .dark *) {
4783
+ &:focus-within {
4784
+ background-color: var(--color-gray-900);
4785
+ }
4786
+ }
4787
+ }
4788
+ .dark\:hover\:border-charcoal-700 {
4789
+ &:where(.dark, .dark *) {
4790
+ &:hover {
4791
+ @media (hover: hover) {
4792
+ border-color: var(--color-charcoal-700);
4793
+ }
4794
+ }
4795
+ }
4796
+ }
4797
+ .dark\:hover\:border-gray-50 {
4798
+ &:where(.dark, .dark *) {
4799
+ &:hover {
4800
+ @media (hover: hover) {
4801
+ border-color: var(--color-gray-50);
4802
+ }
4803
+ }
4804
+ }
4805
+ }
4806
+ .dark\:hover\:border-gray-600 {
4807
+ &:where(.dark, .dark *) {
4808
+ &:hover {
4809
+ @media (hover: hover) {
4810
+ border-color: var(--color-gray-600);
4811
+ }
4812
+ }
4813
+ }
4814
+ }
4815
+ .dark\:hover\:border-red-900 {
4816
+ &:where(.dark, .dark *) {
4817
+ &:hover {
4818
+ @media (hover: hover) {
4819
+ border-color: var(--color-red-900);
4820
+ }
4821
+ }
4822
+ }
4823
+ }
4824
+ .dark\:hover\:border-b-gray-800 {
4825
+ &:where(.dark, .dark *) {
4826
+ &:hover {
4827
+ @media (hover: hover) {
4828
+ border-bottom-color: var(--color-gray-800);
4829
+ }
4830
+ }
4831
+ }
4832
+ }
4833
+ .dark\:hover\:bg-charcoal-800 {
4834
+ &:where(.dark, .dark *) {
4835
+ &:hover {
4836
+ @media (hover: hover) {
4837
+ background-color: var(--color-charcoal-800);
4838
+ }
4839
+ }
4840
+ }
4841
+ }
4842
+ .dark\:hover\:bg-charcoal-900 {
4843
+ &:where(.dark, .dark *) {
4844
+ &:hover {
4845
+ @media (hover: hover) {
4846
+ background-color: var(--color-charcoal-900);
4847
+ }
4848
+ }
4849
+ }
4850
+ }
4851
+ .dark\:hover\:bg-gray-50 {
4852
+ &:where(.dark, .dark *) {
4853
+ &:hover {
4854
+ @media (hover: hover) {
4855
+ background-color: var(--color-gray-50);
4856
+ }
4857
+ }
4858
+ }
4859
+ }
4860
+ .dark\:hover\:bg-gray-600 {
4861
+ &:where(.dark, .dark *) {
4862
+ &:hover {
4863
+ @media (hover: hover) {
4864
+ background-color: var(--color-gray-600);
4865
+ }
4866
+ }
4867
+ }
4868
+ }
4869
+ .dark\:hover\:bg-gray-900 {
4870
+ &:where(.dark, .dark *) {
4871
+ &:hover {
4872
+ @media (hover: hover) {
4873
+ background-color: var(--color-gray-900);
4874
+ }
4875
+ }
4876
+ }
4877
+ }
4878
+ .dark\:hover\:bg-slate-600 {
4879
+ &:where(.dark, .dark *) {
4880
+ &:hover {
4881
+ @media (hover: hover) {
4882
+ background-color: var(--color-slate-600);
4883
+ }
4884
+ }
4885
+ }
4886
+ }
4887
+ .dark\:hover\:bg-transparent {
4888
+ &:where(.dark, .dark *) {
4889
+ &:hover {
4890
+ @media (hover: hover) {
4891
+ background-color: transparent;
4892
+ }
4893
+ }
4894
+ }
4895
+ }
4896
+ .hover\:dark\:bg-gray-900 {
4897
+ &:hover {
4898
+ @media (hover: hover) {
4899
+ &:where(.dark, .dark *) {
4900
+ background-color: var(--color-gray-900);
4901
+ }
4902
+ }
4903
+ }
4904
+ }
4905
+ .dark\:hover\:text-blue-900 {
4906
+ &:where(.dark, .dark *) {
4907
+ &:hover {
4908
+ @media (hover: hover) {
4909
+ color: var(--color-blue-900);
4910
+ }
4911
+ }
4912
+ }
4913
+ }
4914
+ .dark\:hover\:text-gray-50 {
4915
+ &:where(.dark, .dark *) {
4916
+ &:hover {
4917
+ @media (hover: hover) {
4918
+ color: var(--color-gray-50);
4919
+ }
4920
+ }
4921
+ }
4922
+ }
4923
+ .dark\:hover\:text-gray-300 {
4924
+ &:where(.dark, .dark *) {
4925
+ &:hover {
4926
+ @media (hover: hover) {
4927
+ color: var(--color-gray-300);
4928
+ }
4929
+ }
4930
+ }
4931
+ }
4932
+ .dark\:hover\:text-gray-500 {
4933
+ &:where(.dark, .dark *) {
4934
+ &:hover {
4935
+ @media (hover: hover) {
4936
+ color: var(--color-gray-500);
4937
+ }
4938
+ }
4939
+ }
4940
+ }
4941
+ .dark\:hover\:text-gray-600 {
4942
+ &:where(.dark, .dark *) {
4943
+ &:hover {
4944
+ @media (hover: hover) {
4945
+ color: var(--color-gray-600);
4946
+ }
4947
+ }
4948
+ }
4949
+ }
4950
+ .dark\:hover\:text-gray-900 {
4951
+ &:where(.dark, .dark *) {
4952
+ &:hover {
4953
+ @media (hover: hover) {
4954
+ color: var(--color-gray-900);
4955
+ }
4956
+ }
4957
+ }
4958
+ }
4959
+ .dark\:hover\:text-slate-50 {
4960
+ &:where(.dark, .dark *) {
4961
+ &:hover {
4962
+ @media (hover: hover) {
4963
+ color: var(--color-slate-50);
4964
+ }
4965
+ }
4966
+ }
4967
+ }
4968
+ .dark\:focus-within\:hover\:bg-charcoal-900 {
4969
+ &:where(.dark, .dark *) {
4970
+ &:focus-within {
4971
+ &:hover {
4972
+ @media (hover: hover) {
4973
+ background-color: var(--color-charcoal-900);
4974
+ }
4975
+ }
4976
+ }
4977
+ }
4978
+ }
4979
+ .dark\:focus\:bg-charcoal-900 {
4980
+ &:where(.dark, .dark *) {
4981
+ &:focus {
4982
+ background-color: var(--color-charcoal-900);
4983
+ }
4984
+ }
4985
+ }
4986
+ .dark\:focus\:ring-charcoal-300 {
4987
+ &:where(.dark, .dark *) {
4988
+ &:focus {
4989
+ --tw-ring-color: var(--color-charcoal-300);
4990
+ }
4991
+ }
4992
+ }
4993
+ .dark\:focus-visible\:ring-charcoal-300 {
4994
+ &:where(.dark, .dark *) {
4995
+ &:focus-visible {
4996
+ --tw-ring-color: var(--color-charcoal-300);
4997
+ }
4998
+ }
4999
+ }
5000
+ .dark\:focus-visible\:ring-offset-charcoal-900 {
5001
+ &:where(.dark, .dark *) {
5002
+ &:focus-visible {
5003
+ --tw-ring-offset-color: var(--color-charcoal-900);
5004
+ }
5005
+ }
5006
+ }
5007
+ .dark\:active\:text-gray-300 {
5008
+ &:where(.dark, .dark *) {
5009
+ &:active {
5010
+ color: var(--color-gray-300);
5011
+ }
5012
+ }
5013
+ }
5014
+ .disabled\:dark\:border-charcoal-800 {
5015
+ &:disabled {
5016
+ &:where(.dark, .dark *) {
5017
+ border-color: var(--color-charcoal-800);
5018
+ }
5019
+ }
5020
+ }
5021
+ .disabled\:dark\:bg-charcoal-900 {
5022
+ &:disabled {
5023
+ &:where(.dark, .dark *) {
5024
+ background-color: var(--color-charcoal-900);
5025
+ }
5026
+ }
5027
+ }
5028
+ .disabled\:dark\:text-gray-300 {
5029
+ &:disabled {
5030
+ &:where(.dark, .dark *) {
5031
+ color: var(--color-gray-300);
5032
+ }
5033
+ }
5034
+ }
5035
+ .dark\:data-\[selected\=true\]\:bg-gray-900 {
5036
+ &:where(.dark, .dark *) {
5037
+ &[data-selected="true"] {
5038
+ background-color: var(--color-gray-900);
5039
+ }
5040
+ }
5041
+ }
5042
+ .dark\:data-\[state\]\:border-gray-500 {
5043
+ &:where(.dark, .dark *) {
5044
+ &[data-state] {
5045
+ border-color: var(--color-gray-500);
5046
+ }
5047
+ }
5048
+ }
5049
+ .dark\:data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800 {
5050
+ &:where(.dark, .dark *) {
5051
+ &[data-invalid="true"] {
5052
+ &[data-state] {
5053
+ border-color: var(--color-red-800) !important;
5054
+ }
5055
+ }
5056
+ }
5057
+ }
5058
+ .dark\:data-\[state\=checked\]\:bg-\[\#3BBE5F\] {
5059
+ &:where(.dark, .dark *) {
5060
+ &[data-state="checked"] {
5061
+ background-color: #3BBE5F;
5062
+ }
5063
+ }
5064
+ }
5065
+ .dark\:data-\[state\=checked\]\:bg-\[\#404446\] {
5066
+ &:where(.dark, .dark *) {
5067
+ &[data-state="checked"] {
5068
+ background-color: #404446;
5069
+ }
5070
+ }
5071
+ }
5072
+ .dark\:data-\[state\=checked\]\:bg-gray-400 {
5073
+ &:where(.dark, .dark *) {
5074
+ &[data-state="checked"] {
5075
+ background-color: var(--color-gray-400);
5076
+ }
5077
+ }
5078
+ }
5079
+ .dark\:data-\[state\=checked\]\:text-gray-900 {
5080
+ &:where(.dark, .dark *) {
5081
+ &[data-state="checked"] {
5082
+ color: var(--color-gray-900);
5083
+ }
5084
+ }
5085
+ }
5086
+ .dark\:data-\[state\=checked\]\:group-hover\:bg-slate-50 {
5087
+ &:where(.dark, .dark *) {
5088
+ &[data-state="checked"] {
5089
+ &:is(:where(.group):hover *) {
5090
+ @media (hover: hover) {
5091
+ background-color: var(--color-slate-50);
5092
+ }
5093
+ }
5094
+ }
5095
+ }
5096
+ }
5097
+ .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-gray-500 {
5098
+ &:where(.dark, .dark *) {
5099
+ &:disabled {
5100
+ &[data-invalid="false"] {
5101
+ &[data-state="checked"] {
5102
+ background-color: var(--color-gray-500);
5103
+ }
5104
+ }
5105
+ }
5106
+ }
5107
+ }
5108
+ .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800 {
5109
+ &:where(.dark, .dark *) {
5110
+ &[data-invalid="true"] {
5111
+ &[data-state="checked"] {
5112
+ background-color: var(--color-red-800) !important;
5113
+ }
5114
+ }
5115
+ }
5116
+ }
5117
+ .dark\:data-\[state\=indeterminate\]\:bg-gray-400 {
5118
+ &:where(.dark, .dark *) {
5119
+ &[data-state="indeterminate"] {
5120
+ background-color: var(--color-gray-400);
5121
+ }
5122
+ }
5123
+ }
5124
+ .dark\:data-\[state\=indeterminate\]\:text-gray-900 {
5125
+ &:where(.dark, .dark *) {
5126
+ &[data-state="indeterminate"] {
5127
+ color: var(--color-gray-900);
5128
+ }
5129
+ }
5130
+ }
5131
+ .dark\:data-\[state\=indeterminate\]\:group-hover\:bg-slate-50 {
5132
+ &:where(.dark, .dark *) {
5133
+ &[data-state="indeterminate"] {
5134
+ &:is(:where(.group):hover *) {
5135
+ @media (hover: hover) {
5136
+ background-color: var(--color-slate-50);
5137
+ }
5138
+ }
5139
+ }
5140
+ }
5141
+ }
5142
+ .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-gray-500 {
5143
+ &:where(.dark, .dark *) {
5144
+ &:disabled {
5145
+ &[data-invalid="false"] {
5146
+ &[data-state="indeterminate"] {
5147
+ background-color: var(--color-gray-500);
5148
+ }
5149
+ }
5150
+ }
5151
+ }
5152
+ }
5153
+ .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800 {
5154
+ &:where(.dark, .dark *) {
5155
+ &[data-invalid="true"] {
5156
+ &[data-state="indeterminate"] {
5157
+ background-color: var(--color-red-800) !important;
5158
+ }
5159
+ }
5160
+ }
5161
+ }
5162
+ .dark\:data-\[state\=unchecked\]\:bg-\[\#343839\] {
5163
+ &:where(.dark, .dark *) {
5164
+ &[data-state="unchecked"] {
5165
+ background-color: #343839;
5166
+ }
5167
+ }
5168
+ }
5169
+ .dark\:data-\[state\=unchecked\]\:bg-\[\#404446\] {
5170
+ &:where(.dark, .dark *) {
5171
+ &[data-state="unchecked"] {
5172
+ background-color: #404446;
5173
+ }
5174
+ }
5175
+ }
5176
+ .focus\:\[\&_\.input-field\]\:bg-transparent {
5177
+ &:focus {
5178
+ & .input-field {
5179
+ background-color: transparent;
5180
+ }
5181
+ }
5182
+ }
5183
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 {
5184
+ & [cmdk-group-heading] {
5185
+ padding-inline: calc(var(--spacing) * 2);
5186
+ }
5187
+ }
5188
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
5189
+ & [cmdk-group-heading] {
5190
+ padding-block: calc(var(--spacing) * 1.5);
5191
+ }
5192
+ }
5193
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs {
5194
+ & [cmdk-group-heading] {
5195
+ font-size: var(--text-xs);
5196
+ line-height: var(--tw-leading, var(--text-xs--line-height));
5197
+ }
5198
+ }
5199
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium {
5200
+ & [cmdk-group-heading] {
5201
+ --tw-font-weight: var(--font-weight-medium);
5202
+ font-weight: var(--font-weight-medium);
5203
+ }
5204
+ }
5205
+ .\[\&_\[cmdk-label\]\]\:hidden {
5206
+ & [cmdk-label] {
5207
+ display: none;
5208
+ }
5209
+ }
5210
+ .\[\&_svg\]\:pointer-events-none {
5211
+ & svg {
5212
+ pointer-events: none;
5213
+ }
5214
+ }
5215
+ .\[\&_svg\]\:size-4 {
5216
+ & svg {
5217
+ width: calc(var(--spacing) * 4);
5218
+ height: calc(var(--spacing) * 4);
5219
+ }
5220
+ }
5221
+ .\[\&_svg\]\:shrink-0 {
5222
+ & svg {
5223
+ flex-shrink: 0;
5224
+ }
5225
+ }
5226
+ .\[\&\:\:-webkit-search-cancel-button\]\:hidden {
5227
+ &::-webkit-search-cancel-button {
5228
+ display: none;
5229
+ }
5230
+ }
5231
+ .\[\&\>button\]\:bg-transparent {
5232
+ &>button {
5233
+ background-color: transparent;
5234
+ }
5235
+ }
5236
+ .\[\&\>button\]\:hover\:\!bg-transparent {
5237
+ &>button {
5238
+ &:hover {
5239
+ @media (hover: hover) {
5240
+ background-color: transparent !important;
5241
+ }
5242
+ }
5243
+ }
5244
+ }
5245
+ .\[\&\>button\]\:hover\:bg-transparent {
5246
+ &>button {
5247
+ &:hover {
5248
+ @media (hover: hover) {
5249
+ background-color: transparent;
5250
+ }
5251
+ }
5252
+ }
5253
+ }
5254
+ .\[\&\>svg\]\:size-4 {
5255
+ &>svg {
5256
+ width: calc(var(--spacing) * 4);
5257
+ height: calc(var(--spacing) * 4);
5258
+ }
5259
+ }
5260
+ .\[\&\>svg\]\:shrink-0 {
5261
+ &>svg {
5262
+ flex-shrink: 0;
5263
+ }
5264
+ }
5265
+ }
5266
+ :root {
5267
+ --toastify-toast-min-height: 48px;
5268
+ --toastify-toast-bd-radius: 8px;
5269
+ --toastify-text-color-light: var(--color-gray-800);
5270
+ --toastify-color-progress-info: var(--color-gray-300);
5271
+ --toastify-color-progress-success: var(--color-gray-300);
5272
+ --toastify-color-progress-warning: var(--color-gray-300);
5273
+ --toastify-color-progress-error: var(--color-gray-300);
5274
+ --toastify-color-progress-light: var(--color-gray-300);
5275
+ }
5276
+ html:has(dialog[open]) {
5277
+ overflow: hidden;
5278
+ }
5279
+ .checkbox-container input[type="checkbox"] {
5280
+ accent-color: var(--color-gray-900);
5281
+ }
5282
+ .rmsc {
5283
+ --rmsc-main: var(--color-gray-300) !important;
5284
+ --rmsc-hover: var(--color-gray-100) !important;
5285
+ --rmsc-selected: var(--color-gray-300) !important;
5286
+ }
5287
+ .Toastify__toast-body {
5288
+ padding: 0;
5289
+ margin: 0;
5290
+ font-size: 14px;
5291
+ font-weight: 600;
5292
+ }
5293
+ .Toastify__toast {
5294
+ box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.32);
5295
+ padding: 12px 16px 12px 16px;
5296
+ }
5297
+ .Toastify__progress-bar--wrp {
5298
+ height: 2px;
5299
+ }
5300
+ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
5301
+ -webkit-appearance: none;
5302
+ -moz-appearance: none;
5303
+ appearance: none;
5304
+ margin: 0;
5305
+ }
5306
+ input[type="number"] {
5307
+ -moz-appearance: textfield;
5308
+ }
5309
+ h1, h2, h3, h4, h5, h6, p {
5310
+ color: var(--color-gray-900);
5311
+ }
5312
+ @property --tw-translate-x {
5313
+ syntax: "*";
5314
+ inherits: false;
5315
+ initial-value: 0;
5316
+ }
5317
+ @property --tw-translate-y {
5318
+ syntax: "*";
5319
+ inherits: false;
5320
+ initial-value: 0;
5321
+ }
5322
+ @property --tw-translate-z {
5323
+ syntax: "*";
5324
+ inherits: false;
5325
+ initial-value: 0;
5326
+ }
5327
+ @property --tw-scale-x {
5328
+ syntax: "*";
5329
+ inherits: false;
5330
+ initial-value: 1;
5331
+ }
5332
+ @property --tw-scale-y {
5333
+ syntax: "*";
5334
+ inherits: false;
5335
+ initial-value: 1;
5336
+ }
5337
+ @property --tw-scale-z {
5338
+ syntax: "*";
5339
+ inherits: false;
5340
+ initial-value: 1;
5341
+ }
5342
+ @property --tw-space-y-reverse {
5343
+ syntax: "*";
5344
+ inherits: false;
5345
+ initial-value: 0;
5346
+ }
5347
+ @property --tw-space-x-reverse {
5348
+ syntax: "*";
5349
+ inherits: false;
5350
+ initial-value: 0;
5351
+ }
5352
+ @property --tw-leading {
5353
+ syntax: "*";
5354
+ inherits: false;
5355
+ }
5356
+ @property --tw-tracking {
5357
+ syntax: "*";
5358
+ inherits: false;
5359
+ }
5360
+ @property --tw-shadow {
5361
+ syntax: "*";
5362
+ inherits: false;
5363
+ initial-value: 0 0 #0000;
5364
+ }
5365
+ @property --tw-shadow-color {
5366
+ syntax: "*";
5367
+ inherits: false;
5368
+ }
5369
+ @property --tw-inset-shadow {
5370
+ syntax: "*";
5371
+ inherits: false;
5372
+ initial-value: 0 0 #0000;
5373
+ }
5374
+ @property --tw-inset-shadow-color {
5375
+ syntax: "*";
5376
+ inherits: false;
5377
+ }
5378
+ @property --tw-ring-color {
5379
+ syntax: "*";
5380
+ inherits: false;
5381
+ }
5382
+ @property --tw-ring-shadow {
5383
+ syntax: "*";
5384
+ inherits: false;
5385
+ initial-value: 0 0 #0000;
5386
+ }
5387
+ @property --tw-inset-ring-color {
5388
+ syntax: "*";
5389
+ inherits: false;
5390
+ }
5391
+ @property --tw-inset-ring-shadow {
5392
+ syntax: "*";
5393
+ inherits: false;
5394
+ initial-value: 0 0 #0000;
5395
+ }
5396
+ @property --tw-ring-inset {
5397
+ syntax: "*";
5398
+ inherits: false;
5399
+ }
5400
+ @property --tw-ring-offset-width {
5401
+ syntax: "<length>";
5402
+ inherits: false;
5403
+ initial-value: 0px;
5404
+ }
5405
+ @property --tw-ring-offset-color {
5406
+ syntax: "*";
5407
+ inherits: false;
5408
+ initial-value: #fff;
5409
+ }
5410
+ @property --tw-ring-offset-shadow {
5411
+ syntax: "*";
5412
+ inherits: false;
5413
+ initial-value: 0 0 #0000;
5414
+ }
5415
+ @property --tw-outline-style {
5416
+ syntax: "*";
5417
+ inherits: false;
5418
+ initial-value: solid;
5419
+ }
5420
+ @property --tw-blur {
5421
+ syntax: "*";
5422
+ inherits: false;
5423
+ }
5424
+ @property --tw-brightness {
5425
+ syntax: "*";
5426
+ inherits: false;
5427
+ }
5428
+ @property --tw-contrast {
5429
+ syntax: "*";
5430
+ inherits: false;
5431
+ }
5432
+ @property --tw-grayscale {
5433
+ syntax: "*";
5434
+ inherits: false;
5435
+ }
5436
+ @property --tw-hue-rotate {
5437
+ syntax: "*";
5438
+ inherits: false;
5439
+ }
5440
+ @property --tw-invert {
5441
+ syntax: "*";
5442
+ inherits: false;
5443
+ }
5444
+ @property --tw-opacity {
5445
+ syntax: "*";
5446
+ inherits: false;
5447
+ }
5448
+ @property --tw-saturate {
5449
+ syntax: "*";
5450
+ inherits: false;
5451
+ }
5452
+ @property --tw-sepia {
5453
+ syntax: "*";
5454
+ inherits: false;
5455
+ }
5456
+ @property --tw-drop-shadow {
5457
+ syntax: "*";
5458
+ inherits: false;
5459
+ }
5460
+ @property --tw-duration {
5461
+ syntax: "*";
5462
+ inherits: false;
5463
+ }
5464
+ @property --tw-ease {
5465
+ syntax: "*";
5466
+ inherits: false;
5467
+ }
5468
+ @property --tw-content {
5469
+ syntax: "*";
5470
+ initial-value: "";
5471
+ inherits: false;
5472
+ }
5473
+ @keyframes spin {
5474
+ to {
5475
+ transform: rotate(360deg);
5476
+ }
5477
+ }
5478
+ @keyframes pulse {
5479
+ 50% {
5480
+ opacity: 0.5;
5481
+ }
5482
+ }
5483
+ @keyframes fadeIn {
5484
+ 0% {
5485
+ opacity: 0;
5486
+ }
5487
+ 100% {
5488
+ opacity: 1;
5489
+ }
5490
+ }
5491
+ @keyframes fadeOut {
5492
+ 0% {
5493
+ opacity: 1;
5494
+ }
5495
+ 100% {
5496
+ opacity: 0;
5497
+ }
5498
+ }
5499
+ @keyframes zoomIn {
5500
+ 0% {
5501
+ transform: scale(0.95);
5502
+ }
5503
+ 100% {
5504
+ transform: scale(1);
5505
+ }
5506
+ }
5507
+ @keyframes zoomOut {
5508
+ 0% {
5509
+ transform: scale(1);
5510
+ }
5511
+ 100% {
5512
+ transform: scale(0.95);
5513
+ }
5514
+ }
5515
+ @keyframes slideInFromTop {
5516
+ 0% {
5517
+ transform: translateY(-0.5rem);
5518
+ }
5519
+ 100% {
5520
+ transform: translateY(0);
5521
+ }
5522
+ }
5523
+ @keyframes slideInFromBottom {
5524
+ 0% {
5525
+ transform: translateY(0.5rem);
5526
+ }
5527
+ 100% {
5528
+ transform: translateY(0);
5529
+ }
5530
+ }
5531
+ @keyframes slideInFromLeft {
5532
+ 0% {
5533
+ transform: translateX(0.5rem);
5534
+ }
5535
+ 100% {
5536
+ transform: translateX(0);
5537
+ }
5538
+ }
5539
+ @keyframes slideInFromRight {
5540
+ 0% {
5541
+ transform: translateX(-0.5rem);
5542
+ }
5543
+ 100% {
5544
+ transform: translateX(0);
5545
+ }
5546
+ }
5547
+ @property --tw-rotate-x {
5548
+ syntax: "*";
5549
+ inherits: false;
5550
+ initial-value: rotateX(0);
5551
+ }
5552
+ @property --tw-rotate-y {
5553
+ syntax: "*";
5554
+ inherits: false;
5555
+ initial-value: rotateY(0);
5556
+ }
5557
+ @property --tw-rotate-z {
5558
+ syntax: "*";
5559
+ inherits: false;
5560
+ initial-value: rotateZ(0);
5561
+ }
5562
+ @property --tw-skew-x {
5563
+ syntax: "*";
5564
+ inherits: false;
5565
+ initial-value: skewX(0);
5566
+ }
5567
+ @property --tw-skew-y {
5568
+ syntax: "*";
5569
+ inherits: false;
5570
+ initial-value: skewY(0);
5571
+ }
5572
+ @property --tw-border-style {
5573
+ syntax: "*";
5574
+ inherits: false;
5575
+ initial-value: solid;
5576
+ }
5577
+ @property --tw-font-weight {
5578
+ syntax: "*";
5579
+ inherits: false;
5580
+ }
5581
+ @keyframes spin {
5582
+ to {
5583
+ transform: rotate(360deg);
5584
+ }
5585
+ }
5586
+ @keyframes pulse {
5587
+ 50% {
5588
+ opacity: 0.5;
5589
+ }
1243
5590
  }