@sikka/hawa 0.0.261 → 0.0.262

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/styles.css CHANGED
@@ -612,6 +612,9 @@ video {
612
612
  .bottom-1 {
613
613
  bottom: 0.25rem;
614
614
  }
615
+ .bottom-14 {
616
+ bottom: 3.5rem;
617
+ }
615
618
  .bottom-4 {
616
619
  bottom: 1rem;
617
620
  }
@@ -772,6 +775,9 @@ video {
772
775
  .ml-6 {
773
776
  margin-left: 1.5rem;
774
777
  }
778
+ .ml-8 {
779
+ margin-left: 2rem;
780
+ }
775
781
  .ml-auto {
776
782
  margin-left: auto;
777
783
  }
@@ -799,6 +805,9 @@ video {
799
805
  .mr-40 {
800
806
  margin-right: 10rem;
801
807
  }
808
+ .mr-8 {
809
+ margin-right: 2rem;
810
+ }
802
811
  .mr-\[10px\] {
803
812
  margin-right: 10px;
804
813
  }
@@ -1045,12 +1054,18 @@ video {
1045
1054
  .w-\[12px\] {
1046
1055
  width: 12px;
1047
1056
  }
1057
+ .w-\[160px\] {
1058
+ width: 160px;
1059
+ }
1048
1060
  .w-\[32px\] {
1049
1061
  width: 32px;
1050
1062
  }
1051
1063
  .w-\[400px\] {
1052
1064
  width: 400px;
1053
1065
  }
1066
+ .w-\[56px\] {
1067
+ width: 56px;
1068
+ }
1054
1069
  .w-\[calc\(1\%\)\] {
1055
1070
  width: calc(1%);
1056
1071
  }
@@ -1567,6 +1582,10 @@ video {
1567
1582
  --tw-bg-opacity: 1;
1568
1583
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
1569
1584
  }
1585
+ .bg-blue-400 {
1586
+ --tw-bg-opacity: 1;
1587
+ background-color: rgb(96 165 250 / var(--tw-bg-opacity));
1588
+ }
1570
1589
  .bg-blue-50 {
1571
1590
  --tw-bg-opacity: 1;
1572
1591
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
@@ -1629,6 +1648,10 @@ video {
1629
1648
  --tw-bg-opacity: 1;
1630
1649
  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
1631
1650
  }
1651
+ .bg-green-400 {
1652
+ --tw-bg-opacity: 1;
1653
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity));
1654
+ }
1632
1655
  .bg-green-500 {
1633
1656
  --tw-bg-opacity: 1;
1634
1657
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
@@ -1667,6 +1690,10 @@ video {
1667
1690
  --tw-bg-opacity: 1;
1668
1691
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
1669
1692
  }
1693
+ .bg-stone-600 {
1694
+ --tw-bg-opacity: 1;
1695
+ background-color: rgb(87 83 78 / var(--tw-bg-opacity));
1696
+ }
1670
1697
  .bg-transparent {
1671
1698
  background-color: transparent;
1672
1699
  }
@@ -1686,6 +1713,10 @@ video {
1686
1713
  --tw-bg-opacity: 1;
1687
1714
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
1688
1715
  }
1716
+ .bg-yellow-500 {
1717
+ --tw-bg-opacity: 1;
1718
+ background-color: rgb(234 179 8 / var(--tw-bg-opacity));
1719
+ }
1689
1720
  .bg-opacity-75 {
1690
1721
  --tw-bg-opacity: 0.75;
1691
1722
  }
@@ -2143,601 +2174,488 @@ video {
2143
2174
  .duration-300 {
2144
2175
  transition-duration: 300ms;
2145
2176
  }
2177
+ /* Chrome, Safari and Opera */
2178
+ .no-scrollbar::-webkit-scrollbar {
2179
+ display: none;
2180
+ }
2181
+ .no-scrollbar {
2182
+ -ms-overflow-style: none; /* IE and Edge */
2183
+ scrollbar-width: none; /* Firefox */
2184
+ }
2146
2185
  @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap");
2147
-
2148
2186
  body {
2149
2187
  font-family: "IBM Plex Sans Arabic", sans-serif;
2150
2188
  }
2151
-
2152
2189
  .after\:absolute::after {
2153
2190
  content: var(--tw-content);
2154
2191
  position: absolute;
2155
2192
  }
2156
-
2157
2193
  .after\:left-\[2px\]::after {
2158
2194
  content: var(--tw-content);
2159
2195
  left: 2px;
2160
2196
  }
2161
-
2162
2197
  .after\:top-\[2px\]::after {
2163
2198
  content: var(--tw-content);
2164
2199
  top: 2px;
2165
2200
  }
2166
-
2167
2201
  .after\:mx-2::after {
2168
2202
  content: var(--tw-content);
2169
2203
  margin-left: 0.5rem;
2170
2204
  margin-right: 0.5rem;
2171
2205
  }
2172
-
2173
2206
  .after\:mx-6::after {
2174
2207
  content: var(--tw-content);
2175
2208
  margin-left: 1.5rem;
2176
2209
  margin-right: 1.5rem;
2177
2210
  }
2178
-
2179
2211
  .after\:hidden::after {
2180
2212
  content: var(--tw-content);
2181
2213
  display: none;
2182
2214
  }
2183
-
2184
2215
  .after\:h-1::after {
2185
2216
  content: var(--tw-content);
2186
2217
  height: 0.25rem;
2187
2218
  }
2188
-
2189
2219
  .after\:h-5::after {
2190
2220
  content: var(--tw-content);
2191
2221
  height: 1.25rem;
2192
2222
  }
2193
-
2194
2223
  .after\:h-9::after {
2195
2224
  content: var(--tw-content);
2196
2225
  height: 2.25rem;
2197
2226
  }
2198
-
2199
2227
  .after\:w-10::after {
2200
2228
  content: var(--tw-content);
2201
2229
  width: 2.5rem;
2202
2230
  }
2203
-
2204
2231
  .after\:w-5::after {
2205
2232
  content: var(--tw-content);
2206
2233
  width: 1.25rem;
2207
2234
  }
2208
-
2209
2235
  .after\:w-9::after {
2210
2236
  content: var(--tw-content);
2211
2237
  width: 2.25rem;
2212
2238
  }
2213
-
2214
2239
  .after\:rounded-full::after {
2215
2240
  content: var(--tw-content);
2216
2241
  border-radius: 9999px;
2217
2242
  }
2218
-
2219
2243
  .after\:border::after {
2220
2244
  content: var(--tw-content);
2221
2245
  border-width: 1px;
2222
2246
  }
2223
-
2224
2247
  .after\:border-b::after {
2225
2248
  content: var(--tw-content);
2226
2249
  border-bottom-width: 1px;
2227
2250
  }
2228
-
2229
2251
  .after\:border-gray-200::after {
2230
2252
  content: var(--tw-content);
2231
2253
  --tw-border-opacity: 1;
2232
2254
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
2233
2255
  }
2234
-
2235
2256
  .after\:border-gray-300::after {
2236
2257
  content: var(--tw-content);
2237
2258
  --tw-border-opacity: 1;
2238
2259
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
2239
2260
  }
2240
-
2241
2261
  .after\:bg-white::after {
2242
2262
  content: var(--tw-content);
2243
2263
  --tw-bg-opacity: 1;
2244
2264
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2245
2265
  }
2246
-
2247
2266
  .after\:transition-all::after {
2248
2267
  content: var(--tw-content);
2249
2268
  transition-property: all;
2250
2269
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2251
2270
  transition-duration: 150ms;
2252
2271
  }
2253
-
2254
2272
  .after\:content-\[\'\'\]::after {
2255
2273
  --tw-content: '';
2256
2274
  content: var(--tw-content);
2257
2275
  }
2258
-
2259
2276
  .hover\:w-40:hover {
2260
2277
  width: 10rem;
2261
2278
  }
2262
-
2263
2279
  .hover\:scale-150:hover {
2264
2280
  --tw-scale-x: 1.5;
2265
2281
  --tw-scale-y: 1.5;
2266
2282
  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));
2267
2283
  }
2268
-
2269
2284
  .hover\:cursor-pointer:hover {
2270
2285
  cursor: pointer;
2271
2286
  }
2272
-
2273
2287
  .hover\:bg-blue-200:hover {
2274
2288
  --tw-bg-opacity: 1;
2275
2289
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
2276
2290
  }
2277
-
2278
2291
  .hover\:bg-blue-300:hover {
2279
2292
  --tw-bg-opacity: 1;
2280
2293
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
2281
2294
  }
2282
-
2283
2295
  .hover\:bg-blue-500:hover {
2284
2296
  --tw-bg-opacity: 1;
2285
2297
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
2286
2298
  }
2287
-
2288
2299
  .hover\:bg-buttonPrimary-500:hover {
2289
2300
  background-color: var(--button-primary-500);
2290
2301
  }
2291
-
2292
2302
  .hover\:bg-buttonPrimary-700:hover {
2293
2303
  background-color: var(--button-primary-700);
2294
2304
  }
2295
-
2296
2305
  .hover\:bg-buttonSecondary-700:hover {
2297
2306
  background-color: var(--button-secondary-700);
2298
2307
  }
2299
-
2300
2308
  .hover\:bg-gray-100:hover {
2301
2309
  --tw-bg-opacity: 1;
2302
2310
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2303
2311
  }
2304
-
2305
2312
  .hover\:bg-gray-200:hover {
2306
2313
  --tw-bg-opacity: 1;
2307
2314
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
2308
2315
  }
2309
-
2310
2316
  .hover\:bg-gray-400:hover {
2311
2317
  --tw-bg-opacity: 1;
2312
2318
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
2313
2319
  }
2314
-
2315
2320
  .hover\:bg-gray-50:hover {
2316
2321
  --tw-bg-opacity: 1;
2317
2322
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2318
2323
  }
2319
-
2320
2324
  .hover\:bg-gray-500:hover {
2321
2325
  --tw-bg-opacity: 1;
2322
2326
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
2323
2327
  }
2324
-
2325
2328
  .hover\:bg-gray-700:hover {
2326
2329
  --tw-bg-opacity: 1;
2327
2330
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2328
2331
  }
2329
-
2330
2332
  .hover\:bg-green-300:hover {
2331
2333
  --tw-bg-opacity: 1;
2332
2334
  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
2333
2335
  }
2334
-
2335
2336
  .hover\:bg-layoutPrimary-300:hover {
2336
2337
  background-color: var(--layout-primary-300);
2337
2338
  }
2338
-
2339
2339
  .hover\:bg-layoutPrimary-500:hover {
2340
2340
  background-color: var(--layout-primary-500);
2341
2341
  }
2342
-
2343
2342
  .hover\:bg-layoutPrimary-700:hover {
2344
2343
  background-color: var(--layout-primary-700);
2345
2344
  }
2346
-
2347
2345
  .hover\:bg-red-300:hover {
2348
2346
  --tw-bg-opacity: 1;
2349
2347
  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
2350
2348
  }
2351
-
2352
2349
  .hover\:bg-yellow-300:hover {
2353
2350
  --tw-bg-opacity: 1;
2354
2351
  background-color: rgb(253 224 71 / var(--tw-bg-opacity));
2355
2352
  }
2356
-
2357
2353
  .hover\:font-bold:hover {
2358
2354
  font-weight: 700;
2359
2355
  }
2360
-
2361
2356
  .hover\:text-blue-600:hover {
2362
2357
  --tw-text-opacity: 1;
2363
2358
  color: rgb(37 99 235 / var(--tw-text-opacity));
2364
2359
  }
2365
-
2366
2360
  .hover\:text-buttonPrimary-500:hover {
2367
2361
  color: var(--button-primary-500);
2368
2362
  }
2369
-
2370
2363
  .hover\:text-gray-400:hover {
2371
2364
  --tw-text-opacity: 1;
2372
2365
  color: rgb(156 163 175 / var(--tw-text-opacity));
2373
2366
  }
2374
-
2375
2367
  .hover\:text-gray-900:hover {
2376
2368
  --tw-text-opacity: 1;
2377
2369
  color: rgb(17 24 39 / var(--tw-text-opacity));
2378
2370
  }
2379
-
2380
2371
  .hover\:text-white:hover {
2381
2372
  --tw-text-opacity: 1;
2382
2373
  color: rgb(255 255 255 / var(--tw-text-opacity));
2383
2374
  }
2384
-
2385
2375
  .hover\:underline:hover {
2386
2376
  -webkit-text-decoration-line: underline;
2387
2377
  text-decoration-line: underline;
2388
2378
  }
2389
-
2390
2379
  .hover\:decoration-2:hover {
2391
2380
  text-decoration-thickness: 2px;
2392
2381
  }
2393
-
2394
2382
  .hover\:opacity-50:hover {
2395
2383
  opacity: 0.5;
2396
2384
  }
2397
-
2398
2385
  .hover\:shadow-lg:hover {
2399
2386
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2400
2387
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2401
2388
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2402
2389
  }
2403
-
2404
2390
  .hover\:ring-1:hover {
2405
2391
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2406
2392
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2407
2393
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2408
2394
  }
2409
-
2410
2395
  .hover\:ring-buttonPrimary-500:hover {
2411
2396
  --tw-ring-color: var(--button-primary-500);
2412
2397
  }
2413
-
2414
2398
  .hover\:brightness-90:hover {
2415
2399
  --tw-brightness: brightness(.9);
2416
2400
  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);
2417
2401
  }
2418
-
2419
2402
  .hover\:drop-shadow-lg:hover {
2420
2403
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
2421
2404
  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);
2422
2405
  }
2423
-
2424
2406
  .focus\:border-blue-500:focus {
2425
2407
  --tw-border-opacity: 1;
2426
2408
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
2427
2409
  }
2428
-
2429
2410
  .focus\:text-white:focus {
2430
2411
  --tw-text-opacity: 1;
2431
2412
  color: rgb(255 255 255 / var(--tw-text-opacity));
2432
2413
  }
2433
-
2434
2414
  .focus\:outline-none:focus {
2435
2415
  outline: 2px solid transparent;
2436
2416
  outline-offset: 2px;
2437
2417
  }
2438
-
2439
2418
  .focus\:ring-2:focus {
2440
2419
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2441
2420
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2442
2421
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2443
2422
  }
2444
-
2445
2423
  .focus\:ring-4:focus {
2446
2424
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2447
2425
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2448
2426
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2449
2427
  }
2450
-
2451
2428
  .focus\:ring-blue-500:focus {
2452
2429
  --tw-ring-opacity: 1;
2453
2430
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2454
2431
  }
2455
-
2456
2432
  .focus\:ring-gray-200:focus {
2457
2433
  --tw-ring-opacity: 1;
2458
2434
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
2459
2435
  }
2460
-
2461
2436
  .focus\:ring-gray-300:focus {
2462
2437
  --tw-ring-opacity: 1;
2463
2438
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
2464
2439
  }
2465
-
2466
2440
  .focus\:ring-gray-50:focus {
2467
2441
  --tw-ring-opacity: 1;
2468
2442
  --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
2469
2443
  }
2470
-
2471
2444
  .disabled\:bg-gray-200:disabled {
2472
2445
  --tw-bg-opacity: 1;
2473
2446
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
2474
2447
  }
2475
-
2476
2448
  .group:hover .group-hover\:opacity-100 {
2477
2449
  opacity: 1;
2478
2450
  }
2479
-
2480
2451
  .group:hover .group-hover\:blur-lg {
2481
2452
  --tw-blur: blur(16px);
2482
2453
  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);
2483
2454
  }
2484
-
2485
2455
  .peer:checked ~ .peer-checked\:bg-buttonPrimary-500 {
2486
2456
  background-color: var(--button-primary-500);
2487
2457
  }
2488
-
2489
2458
  .peer:checked ~ .peer-checked\:after\:translate-x-\[2\.445rem\]::after {
2490
2459
  content: var(--tw-content);
2491
2460
  --tw-translate-x: 2.445rem;
2492
2461
  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));
2493
2462
  }
2494
-
2495
2463
  .peer:checked ~ .peer-checked\:after\:translate-x-full::after {
2496
2464
  content: var(--tw-content);
2497
2465
  --tw-translate-x: 100%;
2498
2466
  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));
2499
2467
  }
2500
-
2501
2468
  .peer:checked ~ .peer-checked\:after\:border-white::after {
2502
2469
  content: var(--tw-content);
2503
2470
  --tw-border-opacity: 1;
2504
2471
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
2505
2472
  }
2506
-
2507
2473
  :is([dir="rtl"] .rtl\:ml-1) {
2508
2474
  margin-left: 0.25rem;
2509
2475
  }
2510
-
2511
2476
  :is([dir="rtl"] .rtl\:ml-2) {
2512
2477
  margin-left: 0.5rem;
2513
2478
  }
2514
-
2515
2479
  :is([dir="rtl"] .rtl\:flex-row-reverse) {
2516
2480
  flex-direction: row-reverse;
2517
2481
  }
2518
-
2519
2482
  :is(.dark .dark\:border-blue-500) {
2520
2483
  --tw-border-opacity: 1;
2521
2484
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
2522
2485
  }
2523
-
2524
2486
  :is(.dark .dark\:border-gray-600) {
2525
2487
  --tw-border-opacity: 1;
2526
2488
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
2527
2489
  }
2528
-
2529
2490
  :is(.dark .dark\:border-gray-700) {
2530
2491
  --tw-border-opacity: 1;
2531
2492
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
2532
2493
  }
2533
-
2534
2494
  :is(.dark .dark\:border-gray-900) {
2535
2495
  --tw-border-opacity: 1;
2536
2496
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
2537
2497
  }
2538
-
2539
2498
  :is(.dark .dark\:bg-blue-200) {
2540
2499
  --tw-bg-opacity: 1;
2541
2500
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
2542
2501
  }
2543
-
2544
2502
  :is(.dark .dark\:bg-gray-600) {
2545
2503
  --tw-bg-opacity: 1;
2546
2504
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2547
2505
  }
2548
-
2549
2506
  :is(.dark .dark\:bg-gray-700) {
2550
2507
  --tw-bg-opacity: 1;
2551
2508
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2552
2509
  }
2553
-
2554
2510
  :is(.dark .dark\:bg-gray-800) {
2555
2511
  --tw-bg-opacity: 1;
2556
2512
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2557
2513
  }
2558
-
2559
2514
  :is(.dark .dark\:bg-gray-900) {
2560
2515
  --tw-bg-opacity: 1;
2561
2516
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2562
2517
  }
2563
-
2564
2518
  :is(.dark .dark\:bg-green-200) {
2565
2519
  --tw-bg-opacity: 1;
2566
2520
  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
2567
2521
  }
2568
-
2569
2522
  :is(.dark .dark\:bg-layoutPrimary-dark) {
2570
2523
  --tw-bg-opacity: 1;
2571
2524
  background-color: rgb(37 27 115 / var(--tw-bg-opacity));
2572
2525
  }
2573
-
2574
2526
  :is(.dark .dark\:bg-red-200) {
2575
2527
  --tw-bg-opacity: 1;
2576
2528
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
2577
2529
  }
2578
-
2579
2530
  :is(.dark .dark\:bg-yellow-200) {
2580
2531
  --tw-bg-opacity: 1;
2581
2532
  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
2582
2533
  }
2583
-
2584
2534
  :is(.dark .dark\:text-black) {
2585
2535
  --tw-text-opacity: 1;
2586
2536
  color: rgb(0 0 0 / var(--tw-text-opacity));
2587
2537
  }
2588
-
2589
2538
  :is(.dark .dark\:text-blue-400) {
2590
2539
  --tw-text-opacity: 1;
2591
2540
  color: rgb(96 165 250 / var(--tw-text-opacity));
2592
2541
  }
2593
-
2594
2542
  :is(.dark .dark\:text-blue-500) {
2595
2543
  --tw-text-opacity: 1;
2596
2544
  color: rgb(59 130 246 / var(--tw-text-opacity));
2597
2545
  }
2598
-
2599
2546
  :is(.dark .dark\:text-blue-800) {
2600
2547
  --tw-text-opacity: 1;
2601
2548
  color: rgb(30 64 175 / var(--tw-text-opacity));
2602
2549
  }
2603
-
2604
2550
  :is(.dark .dark\:text-gray-200) {
2605
2551
  --tw-text-opacity: 1;
2606
2552
  color: rgb(229 231 235 / var(--tw-text-opacity));
2607
2553
  }
2608
-
2609
2554
  :is(.dark .dark\:text-gray-300) {
2610
2555
  --tw-text-opacity: 1;
2611
2556
  color: rgb(209 213 219 / var(--tw-text-opacity));
2612
2557
  }
2613
-
2614
2558
  :is(.dark .dark\:text-gray-400) {
2615
2559
  --tw-text-opacity: 1;
2616
2560
  color: rgb(156 163 175 / var(--tw-text-opacity));
2617
2561
  }
2618
-
2619
2562
  :is(.dark .dark\:text-gray-500) {
2620
2563
  --tw-text-opacity: 1;
2621
2564
  color: rgb(107 114 128 / var(--tw-text-opacity));
2622
2565
  }
2623
-
2624
2566
  :is(.dark .dark\:text-green-800) {
2625
2567
  --tw-text-opacity: 1;
2626
2568
  color: rgb(22 101 52 / var(--tw-text-opacity));
2627
2569
  }
2628
-
2629
2570
  :is(.dark .dark\:text-red-500) {
2630
2571
  --tw-text-opacity: 1;
2631
2572
  color: rgb(239 68 68 / var(--tw-text-opacity));
2632
2573
  }
2633
-
2634
2574
  :is(.dark .dark\:text-red-800) {
2635
2575
  --tw-text-opacity: 1;
2636
2576
  color: rgb(153 27 27 / var(--tw-text-opacity));
2637
2577
  }
2638
-
2639
2578
  :is(.dark .dark\:text-white) {
2640
2579
  --tw-text-opacity: 1;
2641
2580
  color: rgb(255 255 255 / var(--tw-text-opacity));
2642
2581
  }
2643
-
2644
2582
  :is(.dark .dark\:text-yellow-800) {
2645
2583
  --tw-text-opacity: 1;
2646
2584
  color: rgb(133 77 14 / var(--tw-text-opacity));
2647
2585
  }
2648
-
2649
2586
  :is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
2650
2587
  --tw-placeholder-opacity: 1;
2651
2588
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2652
2589
  }
2653
-
2654
2590
  :is(.dark .dark\:placeholder-gray-400)::placeholder {
2655
2591
  --tw-placeholder-opacity: 1;
2656
2592
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
2657
2593
  }
2658
-
2659
2594
  :is(.dark .dark\:ring-offset-gray-800) {
2660
2595
  --tw-ring-offset-color: #1f2937;
2661
2596
  }
2662
-
2663
2597
  :is(.dark .dark\:after\:border-gray-700)::after {
2664
2598
  content: var(--tw-content);
2665
2599
  --tw-border-opacity: 1;
2666
2600
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
2667
2601
  }
2668
-
2669
2602
  :is(.dark .dark\:hover\:bg-buttonPrimary-700:hover) {
2670
2603
  background-color: var(--button-primary-700);
2671
2604
  }
2672
-
2673
2605
  :is(.dark .dark\:hover\:bg-gray-600:hover) {
2674
2606
  --tw-bg-opacity: 1;
2675
2607
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
2676
2608
  }
2677
-
2678
2609
  :is(.dark .dark\:hover\:bg-gray-700:hover) {
2679
2610
  --tw-bg-opacity: 1;
2680
2611
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
2681
2612
  }
2682
-
2683
2613
  :is(.dark .dark\:hover\:bg-gray-800:hover) {
2684
2614
  --tw-bg-opacity: 1;
2685
2615
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2686
2616
  }
2687
-
2688
2617
  :is(.dark .dark\:hover\:text-blue-500:hover) {
2689
2618
  --tw-text-opacity: 1;
2690
2619
  color: rgb(59 130 246 / var(--tw-text-opacity));
2691
2620
  }
2692
-
2693
2621
  :is(.dark .dark\:hover\:text-white:hover) {
2694
2622
  --tw-text-opacity: 1;
2695
2623
  color: rgb(255 255 255 / var(--tw-text-opacity));
2696
2624
  }
2697
-
2698
2625
  :is(.dark .dark\:hover\:brightness-90:hover) {
2699
2626
  --tw-brightness: brightness(.9);
2700
2627
  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);
2701
2628
  }
2702
-
2703
2629
  :is(.dark .dark\:focus\:border-blue-500:focus) {
2704
2630
  --tw-border-opacity: 1;
2705
2631
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
2706
2632
  }
2707
-
2708
2633
  :is(.dark .dark\:focus\:ring-blue-500:focus) {
2709
2634
  --tw-ring-opacity: 1;
2710
2635
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
2711
2636
  }
2712
-
2713
2637
  :is(.dark .dark\:focus\:ring-blue-600:focus) {
2714
2638
  --tw-ring-opacity: 1;
2715
2639
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
2716
2640
  }
2717
-
2718
2641
  :is(.dark .dark\:focus\:ring-buttonPrimary-500:focus) {
2719
2642
  --tw-ring-color: var(--button-primary-500);
2720
2643
  }
2721
-
2722
2644
  :is(.dark .dark\:focus\:ring-gray-600:focus) {
2723
2645
  --tw-ring-opacity: 1;
2724
2646
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
2725
2647
  }
2726
-
2727
2648
  :is(.dark .dark\:focus\:ring-gray-700:focus) {
2728
2649
  --tw-ring-opacity: 1;
2729
2650
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
2730
2651
  }
2731
-
2732
2652
  :is(.dark .dark\:focus\:ring-gray-800:focus) {
2733
2653
  --tw-ring-opacity: 1;
2734
2654
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
2735
2655
  }
2736
-
2737
2656
  :is(.dark .peer:focus ~ .dark\:peer-focus\:ring-buttonPrimary-700) {
2738
2657
  --tw-ring-color: var(--button-primary-700);
2739
2658
  }
2740
-
2741
2659
  @media (min-width: 440px) {
2742
2660
 
2743
2661
  .xs\:max-w-full {
@@ -2748,7 +2666,6 @@ body {
2748
2666
  flex-wrap: nowrap;
2749
2667
  }
2750
2668
  }
2751
-
2752
2669
  @media (min-width: 640px) {
2753
2670
 
2754
2671
  .sm\:text-base {
@@ -2766,7 +2683,6 @@ body {
2766
2683
  content: var(--tw-content);
2767
2684
  }
2768
2685
  }
2769
-
2770
2686
  @media (min-width: 768px) {
2771
2687
 
2772
2688
  .md\:h-auto {
@@ -2806,7 +2722,6 @@ body {
2806
2722
  border-bottom-left-radius: 0.5rem;
2807
2723
  }
2808
2724
  }
2809
-
2810
2725
  @media (min-width: 1280px) {
2811
2726
 
2812
2727
  .xl\:after\:mx-10::after {