cekat-ui 1.3.18 → 1.3.19

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.
package/dist/style.css CHANGED
@@ -715,6 +715,10 @@ body {
715
715
  left: 50%;
716
716
  }
717
717
 
718
+ .left-3 {
719
+ left: 0.75rem;
720
+ }
721
+
718
722
  .left-4 {
719
723
  left: 1rem;
720
724
  }
@@ -767,6 +771,10 @@ body {
767
771
  top: 0.5rem;
768
772
  }
769
773
 
774
+ .top-3 {
775
+ top: 0.75rem;
776
+ }
777
+
770
778
  .top-\[7px\] {
771
779
  top: 7px;
772
780
  }
@@ -1063,6 +1071,10 @@ body {
1063
1071
  height: 3.5rem;
1064
1072
  }
1065
1073
 
1074
+ .h-16 {
1075
+ height: 4rem;
1076
+ }
1077
+
1066
1078
  .h-2 {
1067
1079
  height: 0.5rem;
1068
1080
  }
@@ -1111,10 +1123,6 @@ body {
1111
1123
  height: 24rem;
1112
1124
  }
1113
1125
 
1114
- .h-\[100px\] {
1115
- height: 100px;
1116
- }
1117
-
1118
1126
  .h-\[122px\] {
1119
1127
  height: 122px;
1120
1128
  }
@@ -1159,6 +1167,10 @@ body {
1159
1167
  height: 68px;
1160
1168
  }
1161
1169
 
1170
+ .h-\[88px\] {
1171
+ height: 88px;
1172
+ }
1173
+
1162
1174
  .h-auto {
1163
1175
  height: auto;
1164
1176
  }
@@ -1216,6 +1228,14 @@ body {
1216
1228
  min-height: 0px;
1217
1229
  }
1218
1230
 
1231
+ .min-h-11 {
1232
+ min-height: 2.75rem;
1233
+ }
1234
+
1235
+ .min-h-5 {
1236
+ min-height: 1.25rem;
1237
+ }
1238
+
1219
1239
  .min-h-\[\.\.\.\] {
1220
1240
  min-height: ...;
1221
1241
  }
@@ -1248,6 +1268,10 @@ body {
1248
1268
  min-height: 100vh;
1249
1269
  }
1250
1270
 
1271
+ .\!w-\[132px\] {
1272
+ width: 132px !important;
1273
+ }
1274
+
1251
1275
  .\!w-\[26px\] {
1252
1276
  width: 26px !important;
1253
1277
  }
@@ -1284,10 +1308,18 @@ body {
1284
1308
  width: 2.75rem;
1285
1309
  }
1286
1310
 
1311
+ .w-12 {
1312
+ width: 3rem;
1313
+ }
1314
+
1287
1315
  .w-14 {
1288
1316
  width: 3.5rem;
1289
1317
  }
1290
1318
 
1319
+ .w-16 {
1320
+ width: 4rem;
1321
+ }
1322
+
1291
1323
  .w-2 {
1292
1324
  width: 0.5rem;
1293
1325
  }
@@ -1312,6 +1344,10 @@ body {
1312
1344
  width: 1rem;
1313
1345
  }
1314
1346
 
1347
+ .w-40 {
1348
+ width: 10rem;
1349
+ }
1350
+
1315
1351
  .w-48 {
1316
1352
  width: 12rem;
1317
1353
  }
@@ -1348,8 +1384,8 @@ body {
1348
1384
  width: 2.25rem;
1349
1385
  }
1350
1386
 
1351
- .w-\[140px\] {
1352
- width: 140px;
1387
+ .w-\[132px\] {
1388
+ width: 132px;
1353
1389
  }
1354
1390
 
1355
1391
  .w-\[200vw\] {
@@ -1360,6 +1396,10 @@ body {
1360
1396
  width: 240px;
1361
1397
  }
1362
1398
 
1399
+ .w-\[280px\] {
1400
+ width: 280px;
1401
+ }
1402
+
1363
1403
  .w-\[320px\] {
1364
1404
  width: 320px;
1365
1405
  }
@@ -1368,6 +1408,10 @@ body {
1368
1408
  width: 500px;
1369
1409
  }
1370
1410
 
1411
+ .w-\[560px\] {
1412
+ width: 560px;
1413
+ }
1414
+
1371
1415
  .w-\[600px\] {
1372
1416
  width: 600px;
1373
1417
  }
@@ -1470,10 +1514,22 @@ body {
1470
1514
  max-width: 600px;
1471
1515
  }
1472
1516
 
1517
+ .max-w-\[640px\] {
1518
+ max-width: 640px;
1519
+ }
1520
+
1473
1521
  .max-w-\[720px\] {
1474
1522
  max-width: 720px;
1475
1523
  }
1476
1524
 
1525
+ .max-w-\[calc\(100vw-32px\)\] {
1526
+ max-width: calc(100vw - 32px);
1527
+ }
1528
+
1529
+ .max-w-full {
1530
+ max-width: 100%;
1531
+ }
1532
+
1477
1533
  .max-w-lg {
1478
1534
  max-width: 32rem;
1479
1535
  }
@@ -1554,6 +1610,11 @@ body {
1554
1610
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1555
1611
  }
1556
1612
 
1613
+ .translate-x-full {
1614
+ --tw-translate-x: 100%;
1615
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1616
+ }
1617
+
1557
1618
  .translate-y-0 {
1558
1619
  --tw-translate-y: 0px;
1559
1620
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1725,6 +1786,10 @@ body {
1725
1786
  gap: 3rem;
1726
1787
  }
1727
1788
 
1789
+ .gap-14 {
1790
+ gap: 3.5rem;
1791
+ }
1792
+
1728
1793
  .gap-16 {
1729
1794
  gap: 4rem;
1730
1795
  }
@@ -1761,12 +1826,32 @@ body {
1761
1826
  gap: 2rem;
1762
1827
  }
1763
1828
 
1829
+ .gap-x-12 {
1830
+ -moz-column-gap: 3rem;
1831
+ column-gap: 3rem;
1832
+ }
1833
+
1834
+ .gap-y-5 {
1835
+ row-gap: 1.25rem;
1836
+ }
1837
+
1764
1838
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1765
1839
  --tw-space-y-reverse: 0;
1766
1840
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1767
1841
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1768
1842
  }
1769
1843
 
1844
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
1845
+ --tw-divide-y-reverse: 0;
1846
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1847
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1848
+ }
1849
+
1850
+ .divide-\[\#f0f5f9\] > :not([hidden]) ~ :not([hidden]) {
1851
+ --tw-divide-opacity: 1;
1852
+ border-color: rgb(240 245 249 / var(--tw-divide-opacity, 1));
1853
+ }
1854
+
1770
1855
  .self-start {
1771
1856
  align-self: flex-start;
1772
1857
  }
@@ -1813,6 +1898,10 @@ body {
1813
1898
  white-space: nowrap;
1814
1899
  }
1815
1900
 
1901
+ .whitespace-pre-wrap {
1902
+ white-space: pre-wrap;
1903
+ }
1904
+
1816
1905
  .break-words {
1817
1906
  overflow-wrap: break-word;
1818
1907
  }
@@ -1821,10 +1910,22 @@ body {
1821
1910
  border-radius: 0.25rem;
1822
1911
  }
1823
1912
 
1913
+ .rounded-0 {
1914
+ border-radius: 0px;
1915
+ }
1916
+
1917
+ .rounded-32 {
1918
+ border-radius: 32px;
1919
+ }
1920
+
1824
1921
  .rounded-3xl {
1825
1922
  border-radius: 1.5rem;
1826
1923
  }
1827
1924
 
1925
+ .rounded-900 {
1926
+ border-radius: 9999px;
1927
+ }
1928
+
1828
1929
  .rounded-\[10px\] {
1829
1930
  border-radius: 10px;
1830
1931
  }
@@ -1892,6 +1993,10 @@ body {
1892
1993
  border-width: 2px;
1893
1994
  }
1894
1995
 
1996
+ .border-8 {
1997
+ border-width: 8px;
1998
+ }
1999
+
1895
2000
  .border-\[1\.5px\] {
1896
2001
  border-width: 1.5px;
1897
2002
  }
@@ -1941,6 +2046,16 @@ body {
1941
2046
  border-style: dashed;
1942
2047
  }
1943
2048
 
2049
+ .border-\[\#1c293b\] {
2050
+ --tw-border-opacity: 1;
2051
+ border-color: rgb(28 41 59 / var(--tw-border-opacity, 1));
2052
+ }
2053
+
2054
+ .border-\[\#9636ff\] {
2055
+ --tw-border-opacity: 1;
2056
+ border-color: rgb(150 54 255 / var(--tw-border-opacity, 1));
2057
+ }
2058
+
1944
2059
  .border-\[\#d1d5db\] {
1945
2060
  --tw-border-opacity: 1;
1946
2061
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -2038,6 +2153,11 @@ body {
2038
2153
  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
2039
2154
  }
2040
2155
 
2156
+ .border-light-400 {
2157
+ --tw-border-opacity: 1;
2158
+ border-color: rgb(152 162 179 / var(--tw-border-opacity, 1));
2159
+ }
2160
+
2041
2161
  .border-light-500 {
2042
2162
  --tw-border-opacity: 1;
2043
2163
  border-color: rgb(102 112 133 / var(--tw-border-opacity, 1));
@@ -2048,6 +2168,11 @@ body {
2048
2168
  border-color: rgb(71 84 103 / var(--tw-border-opacity, 1));
2049
2169
  }
2050
2170
 
2171
+ .border-neutral-200 {
2172
+ --tw-border-opacity: 1;
2173
+ border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
2174
+ }
2175
+
2051
2176
  .border-orange-200 {
2052
2177
  --tw-border-opacity: 1;
2053
2178
  border-color: rgb(249 219 175 / var(--tw-border-opacity, 1));
@@ -2091,6 +2216,11 @@ body {
2091
2216
  border-color: rgb(15 66 153 / 0.2);
2092
2217
  }
2093
2218
 
2219
+ .border-primary-800 {
2220
+ --tw-border-opacity: 1;
2221
+ border-color: rgb(8 33 76 / var(--tw-border-opacity, 1));
2222
+ }
2223
+
2094
2224
  .border-purple-200 {
2095
2225
  --tw-border-opacity: 1;
2096
2226
  border-color: rgb(217 214 254 / var(--tw-border-opacity, 1));
@@ -2188,19 +2318,39 @@ body {
2188
2318
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
2189
2319
  }
2190
2320
 
2321
+ .bg-\[\#1c293b\] {
2322
+ --tw-bg-opacity: 1;
2323
+ background-color: rgb(28 41 59 / var(--tw-bg-opacity, 1));
2324
+ }
2325
+
2326
+ .bg-\[\#9636ff\] {
2327
+ --tw-bg-opacity: 1;
2328
+ background-color: rgb(150 54 255 / var(--tw-bg-opacity, 1));
2329
+ }
2330
+
2191
2331
  .bg-\[\#e7fdd8\] {
2192
2332
  --tw-bg-opacity: 1;
2193
2333
  background-color: rgb(231 253 216 / var(--tw-bg-opacity, 1));
2194
2334
  }
2195
2335
 
2336
+ .bg-\[\#ede9fe\] {
2337
+ --tw-bg-opacity: 1;
2338
+ background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
2339
+ }
2340
+
2196
2341
  .bg-\[\#f7fafc\] {
2197
2342
  --tw-bg-opacity: 1;
2198
2343
  background-color: rgb(247 250 252 / var(--tw-bg-opacity, 1));
2199
2344
  }
2200
2345
 
2201
- .bg-black {
2346
+ .bg-\[\#f9fafb\] {
2202
2347
  --tw-bg-opacity: 1;
2203
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2348
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2349
+ }
2350
+
2351
+ .bg-\[\#faf5ff\] {
2352
+ --tw-bg-opacity: 1;
2353
+ background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
2204
2354
  }
2205
2355
 
2206
2356
  .bg-black\/40 {
@@ -2231,76 +2381,11 @@ body {
2231
2381
  background-color: currentColor;
2232
2382
  }
2233
2383
 
2234
- .bg-dark-100 {
2235
- --tw-bg-opacity: 1;
2236
- background-color: rgb(240 241 241 / var(--tw-bg-opacity, 1));
2237
- }
2238
-
2239
- .bg-dark-200 {
2240
- --tw-bg-opacity: 1;
2241
- background-color: rgb(236 236 237 / var(--tw-bg-opacity, 1));
2242
- }
2243
-
2244
- .bg-dark-300 {
2245
- --tw-bg-opacity: 1;
2246
- background-color: rgb(206 207 210 / var(--tw-bg-opacity, 1));
2247
- }
2248
-
2249
- .bg-dark-400 {
2250
- --tw-bg-opacity: 1;
2251
- background-color: rgb(148 150 156 / var(--tw-bg-opacity, 1));
2252
- }
2253
-
2254
- .bg-dark-50 {
2255
- --tw-bg-opacity: 1;
2256
- background-color: rgb(245 245 246 / var(--tw-bg-opacity, 1));
2257
- }
2258
-
2259
- .bg-dark-500 {
2260
- --tw-bg-opacity: 1;
2261
- background-color: rgb(133 136 142 / var(--tw-bg-opacity, 1));
2262
- }
2263
-
2264
- .bg-dark-600 {
2265
- --tw-bg-opacity: 1;
2266
- background-color: rgb(97 100 108 / var(--tw-bg-opacity, 1));
2267
- }
2268
-
2269
- .bg-dark-700 {
2270
- --tw-bg-opacity: 1;
2271
- background-color: rgb(51 55 65 / var(--tw-bg-opacity, 1));
2272
- }
2273
-
2274
- .bg-dark-800 {
2275
- --tw-bg-opacity: 1;
2276
- background-color: rgb(31 36 47 / var(--tw-bg-opacity, 1));
2277
- }
2278
-
2279
- .bg-dark-900 {
2280
- --tw-bg-opacity: 1;
2281
- background-color: rgb(22 27 38 / var(--tw-bg-opacity, 1));
2282
- }
2283
-
2284
2384
  .bg-error-100 {
2285
2385
  --tw-bg-opacity: 1;
2286
2386
  background-color: rgb(253 226 209 / var(--tw-bg-opacity, 1));
2287
2387
  }
2288
2388
 
2289
- .bg-error-200 {
2290
- --tw-bg-opacity: 1;
2291
- background-color: rgb(252 190 165 / var(--tw-bg-opacity, 1));
2292
- }
2293
-
2294
- .bg-error-300 {
2295
- --tw-bg-opacity: 1;
2296
- background-color: rgb(246 144 118 / var(--tw-bg-opacity, 1));
2297
- }
2298
-
2299
- .bg-error-400 {
2300
- --tw-bg-opacity: 1;
2301
- background-color: rgb(237 102 83 / var(--tw-bg-opacity, 1));
2302
- }
2303
-
2304
2389
  .bg-error-50 {
2305
2390
  --tw-bg-opacity: 1;
2306
2391
  background-color: rgb(255 239 229 / var(--tw-bg-opacity, 1));
@@ -2311,31 +2396,11 @@ body {
2311
2396
  background-color: rgb(226 38 31 / var(--tw-bg-opacity, 1));
2312
2397
  }
2313
2398
 
2314
- .bg-error-600 {
2315
- --tw-bg-opacity: 1;
2316
- background-color: rgb(194 22 31 / var(--tw-bg-opacity, 1));
2317
- }
2318
-
2319
- .bg-error-700 {
2320
- --tw-bg-opacity: 1;
2321
- background-color: rgb(162 15 35 / var(--tw-bg-opacity, 1));
2322
- }
2323
-
2324
2399
  .bg-error-800 {
2325
2400
  --tw-bg-opacity: 1;
2326
2401
  background-color: rgb(131 9 36 / var(--tw-bg-opacity, 1));
2327
2402
  }
2328
2403
 
2329
- .bg-error-900 {
2330
- --tw-bg-opacity: 1;
2331
- background-color: rgb(108 5 36 / var(--tw-bg-opacity, 1));
2332
- }
2333
-
2334
- .bg-grey-base {
2335
- --tw-bg-opacity: 1;
2336
- background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));
2337
- }
2338
-
2339
2404
  .bg-indigo-100 {
2340
2405
  --tw-bg-opacity: 1;
2341
2406
  background-color: rgb(224 234 255 / var(--tw-bg-opacity, 1));
@@ -2351,46 +2416,6 @@ body {
2351
2416
  background-color: rgb(206 233 253 / var(--tw-bg-opacity, 1));
2352
2417
  }
2353
2418
 
2354
- .bg-info-200 {
2355
- --tw-bg-opacity: 1;
2356
- background-color: rgb(158 209 252 / var(--tw-bg-opacity, 1));
2357
- }
2358
-
2359
- .bg-info-300 {
2360
- --tw-bg-opacity: 1;
2361
- background-color: rgb(109 177 247 / var(--tw-bg-opacity, 1));
2362
- }
2363
-
2364
- .bg-info-400 {
2365
- --tw-bg-opacity: 1;
2366
- background-color: rgb(72 148 239 / var(--tw-bg-opacity, 1));
2367
- }
2368
-
2369
- .bg-info-50 {
2370
- --tw-bg-opacity: 1;
2371
- background-color: rgb(229 244 255 / var(--tw-bg-opacity, 1));
2372
- }
2373
-
2374
- .bg-info-500 {
2375
- --tw-bg-opacity: 1;
2376
- background-color: rgb(16 104 229 / var(--tw-bg-opacity, 1));
2377
- }
2378
-
2379
- .bg-info-600 {
2380
- --tw-bg-opacity: 1;
2381
- background-color: rgb(11 80 196 / var(--tw-bg-opacity, 1));
2382
- }
2383
-
2384
- .bg-info-700 {
2385
- --tw-bg-opacity: 1;
2386
- background-color: rgb(8 59 164 / var(--tw-bg-opacity, 1));
2387
- }
2388
-
2389
- .bg-info-800 {
2390
- --tw-bg-opacity: 1;
2391
- background-color: rgb(5 41 132 / var(--tw-bg-opacity, 1));
2392
- }
2393
-
2394
2419
  .bg-info-900 {
2395
2420
  --tw-bg-opacity: 1;
2396
2421
  background-color: rgb(3 29 109 / var(--tw-bg-opacity, 1));
@@ -2406,11 +2431,6 @@ body {
2406
2431
  background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
2407
2432
  }
2408
2433
 
2409
- .bg-light-300 {
2410
- --tw-bg-opacity: 1;
2411
- background-color: rgb(208 213 221 / var(--tw-bg-opacity, 1));
2412
- }
2413
-
2414
2434
  .bg-light-400 {
2415
2435
  --tw-bg-opacity: 1;
2416
2436
  background-color: rgb(152 162 179 / var(--tw-bg-opacity, 1));
@@ -2421,31 +2441,11 @@ body {
2421
2441
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2422
2442
  }
2423
2443
 
2424
- .bg-light-500 {
2425
- --tw-bg-opacity: 1;
2426
- background-color: rgb(102 112 133 / var(--tw-bg-opacity, 1));
2427
- }
2428
-
2429
2444
  .bg-light-600 {
2430
2445
  --tw-bg-opacity: 1;
2431
2446
  background-color: rgb(71 84 103 / var(--tw-bg-opacity, 1));
2432
2447
  }
2433
2448
 
2434
- .bg-light-700 {
2435
- --tw-bg-opacity: 1;
2436
- background-color: rgb(52 64 84 / var(--tw-bg-opacity, 1));
2437
- }
2438
-
2439
- .bg-light-800 {
2440
- --tw-bg-opacity: 1;
2441
- background-color: rgb(24 34 48 / var(--tw-bg-opacity, 1));
2442
- }
2443
-
2444
- .bg-light-900 {
2445
- --tw-bg-opacity: 1;
2446
- background-color: rgb(16 24 40 / var(--tw-bg-opacity, 1));
2447
- }
2448
-
2449
2449
  .bg-orange-100 {
2450
2450
  --tw-bg-opacity: 1;
2451
2451
  background-color: rgb(253 234 215 / var(--tw-bg-opacity, 1));
@@ -2475,21 +2475,6 @@ body {
2475
2475
  background-color: rgb(228 235 249 / 0.6);
2476
2476
  }
2477
2477
 
2478
- .bg-primary-200 {
2479
- --tw-bg-opacity: 1;
2480
- background-color: rgb(205 218 242 / var(--tw-bg-opacity, 1));
2481
- }
2482
-
2483
- .bg-primary-300 {
2484
- --tw-bg-opacity: 1;
2485
- background-color: rgb(158 184 229 / var(--tw-bg-opacity, 1));
2486
- }
2487
-
2488
- .bg-primary-400 {
2489
- --tw-bg-opacity: 1;
2490
- background-color: rgb(112 150 217 / var(--tw-bg-opacity, 1));
2491
- }
2492
-
2493
2478
  .bg-primary-50 {
2494
2479
  --tw-bg-opacity: 1;
2495
2480
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
@@ -2505,11 +2490,6 @@ body {
2505
2490
  background-color: rgb(15 66 153 / var(--tw-bg-opacity, 1));
2506
2491
  }
2507
2492
 
2508
- .bg-primary-700 {
2509
- --tw-bg-opacity: 1;
2510
- background-color: rgb(11 49 115 / var(--tw-bg-opacity, 1));
2511
- }
2512
-
2513
2493
  .bg-primary-800 {
2514
2494
  --tw-bg-opacity: 1;
2515
2495
  background-color: rgb(8 33 76 / var(--tw-bg-opacity, 1));
@@ -2540,66 +2520,11 @@ body {
2540
2520
  background-color: rgb(228 245 249 / var(--tw-bg-opacity, 1));
2541
2521
  }
2542
2522
 
2543
- .bg-secondary-200 {
2544
- --tw-bg-opacity: 1;
2545
- background-color: rgb(158 220 229 / var(--tw-bg-opacity, 1));
2546
- }
2547
-
2548
- .bg-secondary-300 {
2549
- --tw-bg-opacity: 1;
2550
- background-color: rgb(112 202 217 / var(--tw-bg-opacity, 1));
2551
- }
2552
-
2553
- .bg-secondary-400 {
2554
- --tw-bg-opacity: 1;
2555
- background-color: rgb(65 185 204 / var(--tw-bg-opacity, 1));
2556
- }
2557
-
2558
- .bg-secondary-50 {
2559
- --tw-bg-opacity: 1;
2560
- background-color: rgb(251 254 255 / var(--tw-bg-opacity, 1));
2561
- }
2562
-
2563
- .bg-secondary-500 {
2564
- --tw-bg-opacity: 1;
2565
- background-color: rgb(19 168 191 / var(--tw-bg-opacity, 1));
2566
- }
2567
-
2568
- .bg-secondary-600 {
2569
- --tw-bg-opacity: 1;
2570
- background-color: rgb(15 134 153 / var(--tw-bg-opacity, 1));
2571
- }
2572
-
2573
- .bg-secondary-700 {
2574
- --tw-bg-opacity: 1;
2575
- background-color: rgb(11 101 115 / var(--tw-bg-opacity, 1));
2576
- }
2577
-
2578
- .bg-secondary-800 {
2579
- --tw-bg-opacity: 1;
2580
- background-color: rgb(8 67 76 / var(--tw-bg-opacity, 1));
2581
- }
2582
-
2583
- .bg-secondary-900 {
2584
- --tw-bg-opacity: 1;
2585
- background-color: rgb(4 34 38 / var(--tw-bg-opacity, 1));
2586
- }
2587
-
2588
2523
  .bg-success-100 {
2589
2524
  --tw-bg-opacity: 1;
2590
2525
  background-color: rgb(202 249 204 / var(--tw-bg-opacity, 1));
2591
2526
  }
2592
2527
 
2593
- .bg-success-200 {
2594
- --tw-bg-opacity: 1;
2595
- background-color: rgb(151 244 165 / var(--tw-bg-opacity, 1));
2596
- }
2597
-
2598
- .bg-success-300 {
2599
- --tw-bg-opacity: 1;
2600
- background-color: rgb(96 222 127 / var(--tw-bg-opacity, 1));
2601
- }
2602
-
2603
2528
  .bg-success-400 {
2604
2529
  --tw-bg-opacity: 1;
2605
2530
  background-color: rgb(55 189 102 / var(--tw-bg-opacity, 1));
@@ -2615,16 +2540,6 @@ body {
2615
2540
  background-color: rgb(8 145 70 / var(--tw-bg-opacity, 1));
2616
2541
  }
2617
2542
 
2618
- .bg-success-600 {
2619
- --tw-bg-opacity: 1;
2620
- background-color: rgb(5 124 71 / var(--tw-bg-opacity, 1));
2621
- }
2622
-
2623
- .bg-success-700 {
2624
- --tw-bg-opacity: 1;
2625
- background-color: rgb(4 104 69 / var(--tw-bg-opacity, 1));
2626
- }
2627
-
2628
2543
  .bg-success-800 {
2629
2544
  --tw-bg-opacity: 1;
2630
2545
  background-color: rgb(2 84 63 / var(--tw-bg-opacity, 1));
@@ -2649,21 +2564,6 @@ body {
2649
2564
  background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
2650
2565
  }
2651
2566
 
2652
- .bg-warning-200 {
2653
- --tw-bg-opacity: 1;
2654
- background-color: rgb(254 240 199 / var(--tw-bg-opacity, 1));
2655
- }
2656
-
2657
- .bg-warning-300 {
2658
- --tw-bg-opacity: 1;
2659
- background-color: rgb(254 200 75 / var(--tw-bg-opacity, 1));
2660
- }
2661
-
2662
- .bg-warning-400 {
2663
- --tw-bg-opacity: 1;
2664
- background-color: rgb(253 176 34 / var(--tw-bg-opacity, 1));
2665
- }
2666
-
2667
2567
  .bg-warning-50 {
2668
2568
  --tw-bg-opacity: 1;
2669
2569
  background-color: rgb(255 252 245 / var(--tw-bg-opacity, 1));
@@ -2679,21 +2579,11 @@ body {
2679
2579
  background-color: rgb(220 104 3 / var(--tw-bg-opacity, 1));
2680
2580
  }
2681
2581
 
2682
- .bg-warning-700 {
2683
- --tw-bg-opacity: 1;
2684
- background-color: rgb(181 71 8 / var(--tw-bg-opacity, 1));
2685
- }
2686
-
2687
2582
  .bg-warning-800 {
2688
2583
  --tw-bg-opacity: 1;
2689
2584
  background-color: rgb(147 55 13 / var(--tw-bg-opacity, 1));
2690
2585
  }
2691
2586
 
2692
- .bg-warning-900 {
2693
- --tw-bg-opacity: 1;
2694
- background-color: rgb(122 46 14 / var(--tw-bg-opacity, 1));
2695
- }
2696
-
2697
2587
  .bg-white {
2698
2588
  --tw-bg-opacity: 1;
2699
2589
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -2756,6 +2646,10 @@ body {
2756
2646
  padding: 0px;
2757
2647
  }
2758
2648
 
2649
+ .p-0\.5 {
2650
+ padding: 0.125rem;
2651
+ }
2652
+
2759
2653
  .p-1 {
2760
2654
  padding: 0.25rem;
2761
2655
  }
@@ -3040,8 +2934,12 @@ body {
3040
2934
  vertical-align: middle;
3041
2935
  }
3042
2936
 
2937
+ .font-lato {
2938
+ font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
2939
+ }
2940
+
3043
2941
  .font-nunito {
3044
- font-family: Nunito, sans-serif;
2942
+ font-family: Nunito, Helvetica Neue, Helvetica, Arial, sans-serif;
3045
2943
  }
3046
2944
 
3047
2945
  .font-sans {
@@ -3173,6 +3071,14 @@ body {
3173
3071
  text-transform: uppercase;
3174
3072
  }
3175
3073
 
3074
+ .capitalize {
3075
+ text-transform: capitalize;
3076
+ }
3077
+
3078
+ .italic {
3079
+ font-style: italic;
3080
+ }
3081
+
3176
3082
  .tabular-nums {
3177
3083
  --tw-numeric-spacing: tabular-nums;
3178
3084
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
@@ -3250,6 +3156,10 @@ body {
3250
3156
  letter-spacing: -1.2px;
3251
3157
  }
3252
3158
 
3159
+ .tracking-wide {
3160
+ letter-spacing: 0.025em;
3161
+ }
3162
+
3253
3163
  .text-\[\#101828\] {
3254
3164
  --tw-text-opacity: 1;
3255
3165
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
@@ -3275,6 +3185,11 @@ body {
3275
3185
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
3276
3186
  }
3277
3187
 
3188
+ .text-\[\#344054\] {
3189
+ --tw-text-opacity: 1;
3190
+ color: rgb(52 64 84 / var(--tw-text-opacity, 1));
3191
+ }
3192
+
3278
3193
  .text-\[\#357a14\] {
3279
3194
  --tw-text-opacity: 1;
3280
3195
  color: rgb(53 122 20 / var(--tw-text-opacity, 1));
@@ -3419,6 +3334,11 @@ body {
3419
3334
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
3420
3335
  }
3421
3336
 
3337
+ .text-neutral-400 {
3338
+ --tw-text-opacity: 1;
3339
+ color: rgb(163 163 163 / var(--tw-text-opacity, 1));
3340
+ }
3341
+
3422
3342
  .text-orange-600 {
3423
3343
  --tw-text-opacity: 1;
3424
3344
  color: rgb(224 79 22 / var(--tw-text-opacity, 1));
@@ -3459,6 +3379,11 @@ body {
3459
3379
  color: rgb(11 49 115 / var(--tw-text-opacity, 1));
3460
3380
  }
3461
3381
 
3382
+ .text-primary-800 {
3383
+ --tw-text-opacity: 1;
3384
+ color: rgb(8 33 76 / var(--tw-text-opacity, 1));
3385
+ }
3386
+
3462
3387
  .text-primary-900 {
3463
3388
  --tw-text-opacity: 1;
3464
3389
  color: rgb(4 16 38 / var(--tw-text-opacity, 1));
@@ -3572,6 +3497,10 @@ body {
3572
3497
  opacity: 0.6;
3573
3498
  }
3574
3499
 
3500
+ .opacity-80 {
3501
+ opacity: 0.8;
3502
+ }
3503
+
3575
3504
  .shadow {
3576
3505
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3577
3506
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -3675,11 +3604,29 @@ body {
3675
3604
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3676
3605
  }
3677
3606
 
3607
+ .ring-primary-400 {
3608
+ --tw-ring-opacity: 1;
3609
+ --tw-ring-color: rgb(112 150 217 / var(--tw-ring-opacity, 1));
3610
+ }
3611
+
3612
+ .ring-success-500 {
3613
+ --tw-ring-opacity: 1;
3614
+ --tw-ring-color: rgb(8 145 70 / var(--tw-ring-opacity, 1));
3615
+ }
3616
+
3678
3617
  .ring-white {
3679
3618
  --tw-ring-opacity: 1;
3680
3619
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
3681
3620
  }
3682
3621
 
3622
+ .ring-offset-2 {
3623
+ --tw-ring-offset-width: 2px;
3624
+ }
3625
+
3626
+ .ring-offset-white {
3627
+ --tw-ring-offset-color: #FFFFFF;
3628
+ }
3629
+
3683
3630
  .blur {
3684
3631
  --tw-blur: blur(8px);
3685
3632
  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);
@@ -3705,6 +3652,12 @@ body {
3705
3652
  transition-duration: 150ms;
3706
3653
  }
3707
3654
 
3655
+ .transition-\[border-color\2c border-width\2c background-color\] {
3656
+ transition-property: border-color,border-width,background-color;
3657
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3658
+ transition-duration: 150ms;
3659
+ }
3660
+
3708
3661
  .transition-\[border-color\2c border-width\] {
3709
3662
  transition-property: border-color,border-width;
3710
3663
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3723,6 +3676,12 @@ body {
3723
3676
  transition-duration: 150ms;
3724
3677
  }
3725
3678
 
3679
+ .transition-\[color\2c background-color\2c border-color\2c box-shadow\] {
3680
+ transition-property: color,background-color,border-color,box-shadow;
3681
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3682
+ transition-duration: 150ms;
3683
+ }
3684
+
3726
3685
  .transition-\[color\2c background-color\] {
3727
3686
  transition-property: color,background-color;
3728
3687
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3790,6 +3749,46 @@ body {
3790
3749
  }
3791
3750
  */
3792
3751
 
3752
+ .selection\:bg-primary-100 *::-moz-selection {
3753
+ --tw-bg-opacity: 1;
3754
+ background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
3755
+ }
3756
+
3757
+ .selection\:bg-primary-100 *::selection {
3758
+ --tw-bg-opacity: 1;
3759
+ background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
3760
+ }
3761
+
3762
+ .selection\:text-primary-900 *::-moz-selection {
3763
+ --tw-text-opacity: 1;
3764
+ color: rgb(4 16 38 / var(--tw-text-opacity, 1));
3765
+ }
3766
+
3767
+ .selection\:text-primary-900 *::selection {
3768
+ --tw-text-opacity: 1;
3769
+ color: rgb(4 16 38 / var(--tw-text-opacity, 1));
3770
+ }
3771
+
3772
+ .selection\:bg-primary-100::-moz-selection {
3773
+ --tw-bg-opacity: 1;
3774
+ background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
3775
+ }
3776
+
3777
+ .selection\:bg-primary-100::selection {
3778
+ --tw-bg-opacity: 1;
3779
+ background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
3780
+ }
3781
+
3782
+ .selection\:text-primary-900::-moz-selection {
3783
+ --tw-text-opacity: 1;
3784
+ color: rgb(4 16 38 / var(--tw-text-opacity, 1));
3785
+ }
3786
+
3787
+ .selection\:text-primary-900::selection {
3788
+ --tw-text-opacity: 1;
3789
+ color: rgb(4 16 38 / var(--tw-text-opacity, 1));
3790
+ }
3791
+
3793
3792
  .placeholder\:font-normal::-moz-placeholder {
3794
3793
  font-weight: 400;
3795
3794
  }
@@ -4186,6 +4185,11 @@ body {
4186
4185
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
4187
4186
  }
4188
4187
 
4188
+ .hover\:bg-primary-600:hover {
4189
+ --tw-bg-opacity: 1;
4190
+ background-color: rgb(15 66 153 / var(--tw-bg-opacity, 1));
4191
+ }
4192
+
4189
4193
  .hover\:bg-primary-800:hover {
4190
4194
  --tw-bg-opacity: 1;
4191
4195
  background-color: rgb(8 33 76 / var(--tw-bg-opacity, 1));
@@ -4331,6 +4335,15 @@ body {
4331
4335
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4332
4336
  }
4333
4337
 
4338
+ .focus\:border-2:focus {
4339
+ border-width: 2px;
4340
+ }
4341
+
4342
+ .focus\:border-primary-500:focus {
4343
+ --tw-border-opacity: 1;
4344
+ border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
4345
+ }
4346
+
4334
4347
  .focus\:bg-error-200:focus {
4335
4348
  --tw-bg-opacity: 1;
4336
4349
  background-color: rgb(252 190 165 / var(--tw-bg-opacity, 1));
@@ -4609,6 +4622,10 @@ body {
4609
4622
  height: 100%;
4610
4623
  }
4611
4624
 
4625
+ .data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"] {
4626
+ cursor: not-allowed;
4627
+ }
4628
+
4612
4629
  .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
4613
4630
  cursor: not-allowed;
4614
4631
  }
@@ -4675,6 +4692,11 @@ body {
4675
4692
  border-color: rgb(228 231 236 / var(--tw-border-opacity, 1)) !important;
4676
4693
  }
4677
4694
 
4695
+ .data-\[selected\]\:border-primary-200[data-selected] {
4696
+ --tw-border-opacity: 1;
4697
+ border-color: rgb(205 218 242 / var(--tw-border-opacity, 1));
4698
+ }
4699
+
4678
4700
  .data-\[selected\]\:border-primary-500[data-selected] {
4679
4701
  --tw-border-opacity: 1;
4680
4702
  border-color: rgb(19 82 191 / var(--tw-border-opacity, 1));
@@ -4690,6 +4712,11 @@ body {
4690
4712
  background-color: rgb(228 235 249 / var(--tw-bg-opacity, 1));
4691
4713
  }
4692
4714
 
4715
+ .data-\[disabled\=true\]\:bg-light-100[data-disabled="true"] {
4716
+ --tw-bg-opacity: 1;
4717
+ background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
4718
+ }
4719
+
4693
4720
  .data-\[disabled\]\:bg-light-100[data-disabled] {
4694
4721
  --tw-bg-opacity: 1;
4695
4722
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
@@ -4823,6 +4850,11 @@ body {
4823
4850
  color: rgb(8 33 76 / var(--tw-text-opacity, 1));
4824
4851
  }
4825
4852
 
4853
+ .data-\[disabled\=true\]\:text-light-400[data-disabled="true"] {
4854
+ --tw-text-opacity: 1;
4855
+ color: rgb(152 162 179 / var(--tw-text-opacity, 1));
4856
+ }
4857
+
4826
4858
  .data-\[disabled\]\:text-light-300[data-disabled] {
4827
4859
  --tw-text-opacity: 1;
4828
4860
  color: rgb(208 213 221 / var(--tw-text-opacity, 1));
@@ -4893,6 +4925,11 @@ body {
4893
4925
  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
4894
4926
  }
4895
4927
 
4928
+ .data-\[selected\]\:text-primary-800[data-selected] {
4929
+ --tw-text-opacity: 1;
4930
+ color: rgb(8 33 76 / var(--tw-text-opacity, 1));
4931
+ }
4932
+
4896
4933
  .data-\[selected\]\:text-white[data-selected] {
4897
4934
  --tw-text-opacity: 1;
4898
4935
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -4971,6 +5008,21 @@ body {
4971
5008
  outline-color: #1352BF;
4972
5009
  }
4973
5010
 
5011
+ .data-\[focus-visible\]\:ring-2[data-focus-visible] {
5012
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5013
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5014
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5015
+ }
5016
+
5017
+ .data-\[focus-visible\]\:ring-primary-400[data-focus-visible] {
5018
+ --tw-ring-opacity: 1;
5019
+ --tw-ring-color: rgb(112 150 217 / var(--tw-ring-opacity, 1));
5020
+ }
5021
+
5022
+ .data-\[focus-visible\]\:ring-offset-1[data-focus-visible] {
5023
+ --tw-ring-offset-width: 1px;
5024
+ }
5025
+
4974
5026
  .data-\[pressed\]\:brightness-\[0\.96\][data-pressed] {
4975
5027
  --tw-brightness: brightness(0.96);
4976
5028
  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);
@@ -5165,6 +5217,12 @@ body {
5165
5217
  }
5166
5218
  }
5167
5219
 
5220
+ @media (forced-colors: active) {
5221
+ .forced-colors\:bg-\[ButtonText\] {
5222
+ background-color: ButtonText;
5223
+ }
5224
+ }
5225
+
5168
5226
  .\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
5169
5227
  display: none;
5170
5228
  }
@@ -5229,6 +5287,110 @@ body {
5229
5287
  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
5230
5288
  }
5231
5289
 
5290
+ .\[\&_a\]\:text-primary-600 a {
5291
+ --tw-text-opacity: 1;
5292
+ color: rgb(15 66 153 / var(--tw-text-opacity, 1));
5293
+ }
5294
+
5295
+ .\[\&_a\]\:underline a {
5296
+ text-decoration-line: underline;
5297
+ }
5298
+
5299
+ .\[\&_blockquote\]\:my-2 blockquote {
5300
+ margin-top: 0.5rem;
5301
+ margin-bottom: 0.5rem;
5302
+ }
5303
+
5304
+ .\[\&_blockquote\]\:border-l-2 blockquote {
5305
+ border-left-width: 2px;
5306
+ }
5307
+
5308
+ .\[\&_blockquote\]\:border-light-300 blockquote {
5309
+ --tw-border-opacity: 1;
5310
+ border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
5311
+ }
5312
+
5313
+ .\[\&_blockquote\]\:pl-3 blockquote {
5314
+ padding-left: 0.75rem;
5315
+ }
5316
+
5317
+ .\[\&_blockquote\]\:text-light-700 blockquote {
5318
+ --tw-text-opacity: 1;
5319
+ color: rgb(52 64 84 / var(--tw-text-opacity, 1));
5320
+ }
5321
+
5322
+ .\[\&_h2\]\:my-2 h2 {
5323
+ margin-top: 0.5rem;
5324
+ margin-bottom: 0.5rem;
5325
+ }
5326
+
5327
+ .\[\&_h2\]\:text-xl h2 {
5328
+ font-size: 1.25rem;
5329
+ line-height: 1.75rem;
5330
+ }
5331
+
5332
+ .\[\&_h2\]\:font-bold h2 {
5333
+ font-weight: 700;
5334
+ }
5335
+
5336
+ .\[\&_h2\]\:leading-tight h2 {
5337
+ line-height: 1.25;
5338
+ }
5339
+
5340
+ .\[\&_h3\]\:my-2 h3 {
5341
+ margin-top: 0.5rem;
5342
+ margin-bottom: 0.5rem;
5343
+ }
5344
+
5345
+ .\[\&_h3\]\:text-lg h3 {
5346
+ font-size: 1.125rem;
5347
+ line-height: 1.75rem;
5348
+ }
5349
+
5350
+ .\[\&_h3\]\:font-semibold h3 {
5351
+ font-weight: 600;
5352
+ }
5353
+
5354
+ .\[\&_h3\]\:leading-tight h3 {
5355
+ line-height: 1.25;
5356
+ }
5357
+
5358
+ .\[\&_li\]\:my-0\.5 li {
5359
+ margin-top: 0.125rem;
5360
+ margin-bottom: 0.125rem;
5361
+ }
5362
+
5363
+ .\[\&_ol\]\:my-2 ol {
5364
+ margin-top: 0.5rem;
5365
+ margin-bottom: 0.5rem;
5366
+ }
5367
+
5368
+ .\[\&_ol\]\:list-decimal ol {
5369
+ list-style-type: decimal;
5370
+ }
5371
+
5372
+ .\[\&_ol\]\:pl-6 ol {
5373
+ padding-left: 1.5rem;
5374
+ }
5375
+
5376
+ .\[\&_p\:first-child\]\:mt-0 p:first-child {
5377
+ margin-top: 0px;
5378
+ }
5379
+
5380
+ .\[\&_p\:last-child\]\:mb-0 p:last-child {
5381
+ margin-bottom: 0px;
5382
+ }
5383
+
5384
+ .\[\&_p\]\:my-2 p {
5385
+ margin-top: 0.5rem;
5386
+ margin-bottom: 0.5rem;
5387
+ }
5388
+
5389
+ .\[\&_s\]\:text-light-600 s {
5390
+ --tw-text-opacity: 1;
5391
+ color: rgb(71 84 103 / var(--tw-text-opacity, 1));
5392
+ }
5393
+
5232
5394
  .\[\&_svg\]\:size-full svg {
5233
5395
  width: 100%;
5234
5396
  height: 100%;
@@ -5239,6 +5401,19 @@ body {
5239
5401
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1)) !important;
5240
5402
  }
5241
5403
 
5404
+ .\[\&_ul\]\:my-2 ul {
5405
+ margin-top: 0.5rem;
5406
+ margin-bottom: 0.5rem;
5407
+ }
5408
+
5409
+ .\[\&_ul\]\:list-disc ul {
5410
+ list-style-type: disc;
5411
+ }
5412
+
5413
+ .\[\&_ul\]\:pl-6 ul {
5414
+ padding-left: 1.5rem;
5415
+ }
5416
+
5242
5417
  td:first-child .\[td\:first-child_\&\]\:data-\[selected\]\:rounded-l-full[data-selected] {
5243
5418
  border-top-left-radius: 9999px;
5244
5419
  border-bottom-left-radius: 9999px;