@moul-dev/ui 2026.8.26 → 2026.9.2-3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/assets/stylex.css +322 -28
  2. package/dist/moul-ui.js +11066 -3933
  3. package/dist/src/App.d.ts +1 -1
  4. package/dist/src/components/Alert/Alert.styles.d.ts +11 -14
  5. package/dist/src/components/Autocomplete/Autocomplete.d.ts +92 -0
  6. package/dist/src/components/Autocomplete/Autocomplete.styles.d.ts +200 -0
  7. package/dist/src/components/Autocomplete/index.d.ts +2 -0
  8. package/dist/src/components/ComboBox/ComboBox.d.ts +15 -4
  9. package/dist/src/components/ComboBox/ComboBox.styles.d.ts +3 -3
  10. package/dist/src/components/Drawer/Drawer.d.ts +36 -0
  11. package/dist/src/components/Drawer/Drawer.styles.d.ts +46 -5
  12. package/dist/src/components/Drawer/index.d.ts +2 -2
  13. package/dist/src/components/ListBox/ListBox.d.ts +44 -0
  14. package/dist/src/components/ListBox/ListBox.styles.d.ts +260 -0
  15. package/dist/src/components/ListBox/index.d.ts +2 -0
  16. package/dist/src/components/NumberField/NumberField.styles.d.ts +3 -3
  17. package/dist/src/components/SearchField/SearchField.styles.d.ts +4 -3
  18. package/dist/src/components/Sidebar/Sidebar.d.ts +41 -0
  19. package/dist/src/components/Sidebar/Sidebar.styles.d.ts +457 -10
  20. package/dist/src/components/Sidebar/index.d.ts +2 -2
  21. package/dist/src/components/Table/index.d.ts +1 -1
  22. package/dist/src/components/Tabs/Tabs.styles.d.ts +40 -3
  23. package/dist/src/index.d.ts +12 -6
  24. package/dist/src/sandbox/icons.d.ts +13 -0
  25. package/dist/src/sandbox/sections/ActionsSection.d.ts +2 -0
  26. package/dist/src/sandbox/sections/BlocksSection.d.ts +14 -0
  27. package/dist/src/sandbox/sections/ChartsSection.d.ts +2 -0
  28. package/dist/src/sandbox/sections/FeedbackSection.d.ts +2 -0
  29. package/dist/src/sandbox/sections/FormsSection.d.ts +2 -0
  30. package/dist/src/sandbox/sections/LayoutSection.d.ts +2 -0
  31. package/dist/src/sandbox/sections/NavigationSection.d.ts +2 -0
  32. package/dist/src/sandbox/sections/OverlaysSection.d.ts +6 -0
  33. package/dist/src/sandbox/types.d.ts +7 -0
  34. package/package.json +6 -8
@@ -263,6 +263,10 @@
263
263
  gap: var(--x9epbqz);
264
264
  }
265
265
 
266
+ .x10no89f {
267
+ inset-block: 0;
268
+ }
269
+
266
270
  .x17y0mx6 {
267
271
  inset-inline: 0;
268
272
  }
@@ -271,6 +275,10 @@
271
275
  list-style: none;
272
276
  }
273
277
 
278
+ .x16sahtb {
279
+ margin-block: -1px;
280
+ }
281
+
274
282
  .x1k7x39 {
275
283
  margin-block: var(--x1fim08e);
276
284
  }
@@ -279,6 +287,18 @@
279
287
  margin-block: var(--x9epbqz);
280
288
  }
281
289
 
290
+ .xz95peq {
291
+ margin-inline: -1px;
292
+ }
293
+
294
+ .xrxpjvj {
295
+ margin-inline: 0;
296
+ }
297
+
298
+ .xuv784r {
299
+ margin-inline: calc(-1 * var(--x9epbqz));
300
+ }
301
+
282
302
  .x5bswd9 {
283
303
  margin-inline: var(--x1djehx3);
284
304
  }
@@ -295,6 +315,10 @@
295
315
  outline: none;
296
316
  }
297
317
 
318
+ .xysyzu8 {
319
+ overflow: auto;
320
+ }
321
+
298
322
  .x7giv3 {
299
323
  overflow: clip;
300
324
  }
@@ -303,6 +327,10 @@
303
327
  overflow: hidden;
304
328
  }
305
329
 
330
+ .x1rea2x4 {
331
+ overflow: visible;
332
+ }
333
+
306
334
  .xt970qd {
307
335
  padding-block: 0;
308
336
  }
@@ -327,6 +355,10 @@
327
355
  padding-block: var(--x1jforli);
328
356
  }
329
357
 
358
+ .xj255od {
359
+ padding-block: var(--x1xsmz2k);
360
+ }
361
+
330
362
  .xn1dw51 {
331
363
  padding-block: var(--x3461u0);
332
364
  }
@@ -407,10 +439,6 @@
407
439
  transition: background-color .15s, border-color .15s;
408
440
  }
409
441
 
410
- .x16bokkd {
411
- transition: background-color .15s, color .15s;
412
- }
413
-
414
442
  .x1nxrq82 {
415
443
  transition: border-color .15s, box-shadow .15s;
416
444
  }
@@ -465,10 +493,18 @@
465
493
  border-color: var(--x6l5ye8);
466
494
  }
467
495
 
496
+ .x1gkf66c:hover {
497
+ border-color: var(--x79fgis);
498
+ }
499
+
468
500
  .xu5hgim:hover {
469
501
  border-color: var(--xaubso4);
470
502
  }
471
503
 
504
+ .xyfqscc:hover {
505
+ border-color: var(--xgm7y0w);
506
+ }
507
+
472
508
  .xt0b8zv:hover {
473
509
  text-decoration: underline;
474
510
  }
@@ -489,6 +525,12 @@
489
525
  border-color: var(--xms5kwx);
490
526
  }
491
527
 
528
+ @media (width <= 768px) {
529
+ .x1itpwm.x1itpwm {
530
+ border-radius: 0;
531
+ }
532
+ }
533
+
492
534
  @media (width <= 640px) {
493
535
  .x12e9nx8.x12e9nx8 {
494
536
  border-radius: var(--x10dfn0a);
@@ -497,11 +539,31 @@
497
539
  .xwddm5z.xwddm5z {
498
540
  border-width: 0;
499
541
  }
542
+ }
543
+
544
+ @media (width <= 768px) {
545
+ .x1mwhhg3.x1mwhhg3 {
546
+ border-width: 0;
547
+ }
548
+
549
+ .xcbysbj.xcbysbj {
550
+ gap: 0;
551
+ }
552
+ }
500
553
 
554
+ @media (width <= 640px) {
501
555
  .x1w672ca.x1w672ca {
502
556
  margin-block: 0;
503
557
  }
558
+ }
559
+
560
+ @media (width <= 768px) {
561
+ .x1x54j5n.x1x54j5n {
562
+ margin-block: 0;
563
+ }
564
+ }
504
565
 
566
+ @media (width <= 640px) {
505
567
  .x1q3qbrw.x1q3qbrw {
506
568
  margin-inline: 0;
507
569
  }
@@ -513,6 +575,10 @@
513
575
  -webkit-backdrop-filter: blur(24px);
514
576
  }
515
577
 
578
+ .x1l0vmcy {
579
+ -webkit-backdrop-filter: blur(8px);
580
+ }
581
+
516
582
  .x1i10hfl {
517
583
  -webkit-tap-highlight-color: transparent;
518
584
  }
@@ -637,10 +703,6 @@
637
703
  animation-name: xw6of2p-B;
638
704
  }
639
705
 
640
- .xdd610l {
641
- animation-name: xzk1luc-B;
642
- }
643
-
644
706
  .xa0mk88 {
645
707
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
646
708
  }
@@ -681,6 +743,10 @@
681
743
  backdrop-filter: blur(4px);
682
744
  }
683
745
 
746
+ .x1dmgsgi {
747
+ backdrop-filter: blur(8px);
748
+ }
749
+
684
750
  .xjbqb8w {
685
751
  background-color: #0000;
686
752
  }
@@ -837,12 +903,12 @@
837
903
  border-inline-end-color: var(--x1t7g4u6);
838
904
  }
839
905
 
840
- .x1m0o7uu {
841
- border-inline-end-color: var(--xrlp4ei);
906
+ .xpr187n {
907
+ border-inline-end-color: var(--x8ovk6j);
842
908
  }
843
909
 
844
- .x18oe1m7 {
845
- border-inline-end-style: none;
910
+ .x1m0o7uu {
911
+ border-inline-end-color: var(--xrlp4ei);
846
912
  }
847
913
 
848
914
  .x18b5jzi {
@@ -857,6 +923,10 @@
857
923
  border-inline-start-color: var(--x1t7g4u6);
858
924
  }
859
925
 
926
+ .xvuzu53 {
927
+ border-inline-start-color: var(--x8ovk6j);
928
+ }
929
+
860
930
  .x1bfpz3b {
861
931
  border-inline-start-color: var(--xrlp4ei);
862
932
  }
@@ -1225,6 +1295,10 @@
1225
1295
  font-size: var(--xz9ra21);
1226
1296
  }
1227
1297
 
1298
+ .x1k4tb9n {
1299
+ font-style: italic;
1300
+ }
1301
+
1228
1302
  .xss6m8b {
1229
1303
  font-variant-numeric: tabular-nums;
1230
1304
  }
@@ -1245,10 +1319,18 @@
1245
1319
  font-weight: var(--xrtlgup);
1246
1320
  }
1247
1321
 
1322
+ .x1kzknox {
1323
+ forced-color-adjust: none;
1324
+ }
1325
+
1248
1326
  .x1lx7tbc {
1249
1327
  grid-template-columns: minmax(100px, 1.5fr) 2fr minmax(60px, auto);
1250
1328
  }
1251
1329
 
1330
+ .x1iuxcc1 {
1331
+ grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
1332
+ }
1333
+
1252
1334
  .x19vt64s {
1253
1335
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
1254
1336
  }
@@ -1293,6 +1375,10 @@
1293
1375
  justify-content: flex-start;
1294
1376
  }
1295
1377
 
1378
+ .x1l1ennw {
1379
+ justify-content: space-around;
1380
+ }
1381
+
1296
1382
  .x1qughib {
1297
1383
  justify-content: space-between;
1298
1384
  }
@@ -1361,6 +1447,10 @@
1361
1447
  margin-inline-end: 0;
1362
1448
  }
1363
1449
 
1450
+ .xwx0qce {
1451
+ margin-inline-end: var(--x1fim08e);
1452
+ }
1453
+
1364
1454
  .xu79t4l {
1365
1455
  margin-inline-end: var(--x9epbqz);
1366
1456
  }
@@ -1397,6 +1487,10 @@
1397
1487
  margin-inline-start: 0;
1398
1488
  }
1399
1489
 
1490
+ .xvc5jky {
1491
+ margin-inline-start: auto;
1492
+ }
1493
+
1400
1494
  .x1dy3sbh {
1401
1495
  margin-inline-start: var(--x1fim08e);
1402
1496
  }
@@ -1445,6 +1539,10 @@
1445
1539
  outline-color: var(--x11vz4nw);
1446
1540
  }
1447
1541
 
1542
+ .x5z5t8c {
1543
+ outline-color: var(--x19wncxt);
1544
+ }
1545
+
1448
1546
  .xhy12a5 {
1449
1547
  outline-color: var(--x79fgis);
1450
1548
  }
@@ -1453,6 +1551,14 @@
1453
1551
  outline-color: var(--xaubso4);
1454
1552
  }
1455
1553
 
1554
+ .x15dcbu1 {
1555
+ outline-color: var(--xms5kwx);
1556
+ }
1557
+
1558
+ .x1g40iwv {
1559
+ outline-offset: -1px;
1560
+ }
1561
+
1456
1562
  .x2ssjo2 {
1457
1563
  outline-offset: -2px;
1458
1564
  }
@@ -1577,6 +1683,14 @@
1577
1683
  text-transform: uppercase;
1578
1684
  }
1579
1685
 
1686
+ .x5ve5x3 {
1687
+ touch-action: none;
1688
+ }
1689
+
1690
+ .x18ouj0k {
1691
+ transform-origin: bottom;
1692
+ }
1693
+
1580
1694
  .x1nf803f {
1581
1695
  transform-origin: 0;
1582
1696
  }
@@ -1621,6 +1735,10 @@
1621
1735
  transform: translateX(calc(var(--x3461u0) - var(--xpmkuee)));
1622
1736
  }
1623
1737
 
1738
+ .xgdialr {
1739
+ transition-duration: .12s;
1740
+ }
1741
+
1624
1742
  .xx6bhzk {
1625
1743
  transition-duration: .15s;
1626
1744
  }
@@ -1657,6 +1775,10 @@
1657
1775
  transition-property: background-color, box-shadow;
1658
1776
  }
1659
1777
 
1778
+ .x1j8x57s {
1779
+ transition-property: background-color, color, border-color, box-shadow;
1780
+ }
1781
+
1660
1782
  .x101pvzj {
1661
1783
  transition-property: background-color, color, transform;
1662
1784
  }
@@ -1665,6 +1787,10 @@
1665
1787
  transition-property: background-color, color;
1666
1788
  }
1667
1789
 
1790
+ .xuo13n2 {
1791
+ transition-property: background-color, transform;
1792
+ }
1793
+
1668
1794
  .x15406qy {
1669
1795
  transition-property: background-color;
1670
1796
  }
@@ -1717,8 +1843,8 @@
1717
1843
  transition-property: translate, width, height;
1718
1844
  }
1719
1845
 
1720
- .x1sy4s2s {
1721
- transition-property: width, background-color, border-color, box-shadow;
1846
+ .x1pbvl4h {
1847
+ transition-timing-function: cubic-bezier(.16, 1, .3, 1);
1722
1848
  }
1723
1849
 
1724
1850
  .xwwtwea {
@@ -1794,6 +1920,18 @@
1794
1920
  z-index: 2;
1795
1921
  }
1796
1922
 
1923
+ .xf5e64p {
1924
+ z-index: 40;
1925
+ }
1926
+
1927
+ .x1u8a7rm {
1928
+ z-index: 5;
1929
+ }
1930
+
1931
+ .xa9119d {
1932
+ z-index: 50;
1933
+ }
1934
+
1797
1935
  .x4nc38b {
1798
1936
  z-index: var(--x1r4igc);
1799
1937
  }
@@ -1819,10 +1957,18 @@
1819
1957
  -webkit-backdrop-filter: blur(20px);
1820
1958
  }
1821
1959
 
1960
+ .x8m5q89.x8m5q89 {
1961
+ -webkit-backdrop-filter: blur(24px);
1962
+ }
1963
+
1822
1964
  .xe2z377.xe2z377 {
1823
1965
  backdrop-filter: blur(20px);
1824
1966
  }
1825
1967
 
1968
+ .x1srbe3f.x1srbe3f {
1969
+ backdrop-filter: blur(24px);
1970
+ }
1971
+
1826
1972
  .x1jltm6i.x1jltm6i {
1827
1973
  background-color: var(--x7we1u4);
1828
1974
  }
@@ -2124,16 +2270,44 @@
2124
2270
  }
2125
2271
  }
2126
2272
 
2273
+ @media (width <= 768px) {
2274
+ .x1xwx4ww.x1xwx4ww {
2275
+ display: flex;
2276
+ }
2277
+
2278
+ .xcq4dyp.xcq4dyp {
2279
+ display: none;
2280
+ }
2281
+
2282
+ .x1mx85iw.x1mx85iw {
2283
+ flex-direction: column;
2284
+ }
2285
+ }
2286
+
2127
2287
  @media (width <= 640px) {
2128
2288
  .x14g4ybk.x14g4ybk {
2129
2289
  margin-inline-end: 0;
2130
2290
  }
2291
+ }
2292
+
2293
+ @media (width <= 768px) {
2294
+ .x556nio.x556nio {
2295
+ margin-inline-end: 0;
2296
+ }
2297
+ }
2131
2298
 
2299
+ @media (width <= 640px) {
2132
2300
  .xnot9l8.xnot9l8 {
2133
2301
  margin-inline-start: 0;
2134
2302
  }
2135
2303
  }
2136
2304
 
2305
+ @media (width <= 768px) {
2306
+ .xsvrxod.xsvrxod {
2307
+ margin-inline-start: 0;
2308
+ }
2309
+ }
2310
+
2137
2311
  @media (prefers-reduced-motion: reduce) {
2138
2312
  .xg83hb1.xg83hb1 {
2139
2313
  scroll-behavior: auto;
@@ -2158,20 +2332,28 @@
2158
2332
  border-bottom-color: var(--x1t7g4u6);
2159
2333
  }
2160
2334
 
2335
+ .x8fj7n0 {
2336
+ border-bottom-color: var(--x8ovk6j);
2337
+ }
2338
+
2161
2339
  .x1brjula {
2162
2340
  border-bottom-color: var(--xrlp4ei);
2163
2341
  }
2164
2342
 
2343
+ .xfrllxf {
2344
+ border-bottom-left-radius: 0;
2345
+ }
2346
+
2165
2347
  .x197wdca {
2166
2348
  border-bottom-left-radius: var(--x8ikvy7);
2167
2349
  }
2168
2350
 
2169
- .x1shfmuy {
2170
- border-bottom-right-radius: var(--x8ikvy7);
2351
+ .xjppbhk {
2352
+ border-bottom-right-radius: 0;
2171
2353
  }
2172
2354
 
2173
- .x1sy0etr {
2174
- border-bottom-style: none;
2355
+ .x1shfmuy {
2356
+ border-bottom-right-radius: var(--x8ikvy7);
2175
2357
  }
2176
2358
 
2177
2359
  .x1q0q8m5 {
@@ -2214,6 +2396,10 @@
2214
2396
  border-top-color: var(--x1t7g4u6);
2215
2397
  }
2216
2398
 
2399
+ .x1x196t4 {
2400
+ border-top-color: var(--x8ovk6j);
2401
+ }
2402
+
2217
2403
  .xttvo13 {
2218
2404
  border-top-color: var(--xrlp4ei);
2219
2405
  }
@@ -2246,6 +2432,10 @@
2246
2432
  bottom: auto;
2247
2433
  }
2248
2434
 
2435
+ .x1ivykqu {
2436
+ bottom: calc(env(safe-area-inset-bottom, 0px) + var(--x1fim08e));
2437
+ }
2438
+
2249
2439
  .x1g8k7az {
2250
2440
  bottom: var(--x1djehx3);
2251
2441
  }
@@ -2298,6 +2488,10 @@
2298
2488
  height: 28px;
2299
2489
  }
2300
2490
 
2491
+ .x36qwtl {
2492
+ height: 2px;
2493
+ }
2494
+
2301
2495
  .x1gnnpzl {
2302
2496
  height: 30px;
2303
2497
  }
@@ -2370,6 +2564,10 @@
2370
2564
  height: 8px;
2371
2565
  }
2372
2566
 
2567
+ .xt7dq6l {
2568
+ height: auto;
2569
+ }
2570
+
2373
2571
  .x1ezhacg {
2374
2572
  height: calc(100% - var(--x1fim08e) * 2);
2375
2573
  }
@@ -2430,6 +2628,10 @@
2430
2628
  margin-bottom: 0;
2431
2629
  }
2432
2630
 
2631
+ .x1fkvfwz {
2632
+ margin-bottom: var(--x1fim08e);
2633
+ }
2634
+
2433
2635
  .x1wegvi1 {
2434
2636
  margin-bottom: var(--x1jforli);
2435
2637
  }
@@ -2446,6 +2648,10 @@
2446
2648
  margin-top: 0;
2447
2649
  }
2448
2650
 
2651
+ .xr9ek0c {
2652
+ margin-top: 2px;
2653
+ }
2654
+
2449
2655
  .xr1yuqi {
2450
2656
  margin-top: auto;
2451
2657
  }
@@ -2470,14 +2676,30 @@
2470
2676
  max-height: 300px;
2471
2677
  }
2472
2678
 
2679
+ .x1sslpiy {
2680
+ max-height: 320px;
2681
+ }
2682
+
2473
2683
  .x1p6zaud {
2474
2684
  max-height: 340px;
2475
2685
  }
2476
2686
 
2687
+ .x15vuvwr {
2688
+ max-height: 85dvh;
2689
+ }
2690
+
2477
2691
  .x2fefue {
2478
2692
  max-height: calc(100dvh - var(--x9epbqz) * 2);
2479
2693
  }
2480
2694
 
2695
+ .xedcshv {
2696
+ max-height: inherit;
2697
+ }
2698
+
2699
+ .x7ab17h {
2700
+ max-height: none;
2701
+ }
2702
+
2481
2703
  .x193iq5w {
2482
2704
  max-width: 100%;
2483
2705
  }
@@ -2490,6 +2712,10 @@
2490
2712
  max-width: 400px;
2491
2713
  }
2492
2714
 
2715
+ .x1lr1uin {
2716
+ max-width: 420px;
2717
+ }
2718
+
2493
2719
  .xq2pcee {
2494
2720
  max-width: 440px;
2495
2721
  }
@@ -2510,6 +2736,10 @@
2510
2736
  max-width: 640px;
2511
2737
  }
2512
2738
 
2739
+ .xc99tnm {
2740
+ max-width: 64px;
2741
+ }
2742
+
2513
2743
  .xrgej4m {
2514
2744
  max-width: 700px;
2515
2745
  }
@@ -2526,6 +2756,18 @@
2526
2756
  min-height: 260px;
2527
2757
  }
2528
2758
 
2759
+ .xe0p6wg {
2760
+ min-height: 28px;
2761
+ }
2762
+
2763
+ .xu0aao5 {
2764
+ min-height: 36px;
2765
+ }
2766
+
2767
+ .x1gg8mnh {
2768
+ min-height: 44px;
2769
+ }
2770
+
2529
2771
  .x1wxaq2x {
2530
2772
  min-height: 48px;
2531
2773
  }
@@ -2534,6 +2776,10 @@
2534
2776
  min-height: 52px;
2535
2777
  }
2536
2778
 
2779
+ .xbktkl8 {
2780
+ min-height: 56px;
2781
+ }
2782
+
2537
2783
  .x8nclml {
2538
2784
  min-height: 64px;
2539
2785
  }
@@ -2582,6 +2828,10 @@
2582
2828
  min-width: 44px;
2583
2829
  }
2584
2830
 
2831
+ .x9hgts1 {
2832
+ min-width: 52px;
2833
+ }
2834
+
2585
2835
  .x1wbik15 {
2586
2836
  min-width: var(--trigger-width);
2587
2837
  }
@@ -2598,6 +2848,14 @@
2598
2848
  overflow-y: clip;
2599
2849
  }
2600
2850
 
2851
+ .x18d9i69 {
2852
+ padding-bottom: 0;
2853
+ }
2854
+
2855
+ .xulk5n7 {
2856
+ padding-bottom: calc(max(var(--x1djehx3),env(safe-area-inset-bottom, var(--x1djehx3))) + var(--x1fim08e));
2857
+ }
2858
+
2601
2859
  .x16sxw93 {
2602
2860
  padding-bottom: var(--x1djehx3);
2603
2861
  }
@@ -2626,6 +2884,10 @@
2626
2884
  padding-bottom: var(--xpmkuee);
2627
2885
  }
2628
2886
 
2887
+ .xexx8yu {
2888
+ padding-top: 0;
2889
+ }
2890
+
2629
2891
  .x15imoyu {
2630
2892
  padding-top: 12vh;
2631
2893
  }
@@ -2846,6 +3108,12 @@
2846
3108
  width: var(--xpmkuee);
2847
3109
  }
2848
3110
 
3111
+ @supports (backdrop-filter: blur(1px)) {
3112
+ .x1ep1zcp.x1ep1zcp {
3113
+ border-bottom-color: var(--x8ovk6j);
3114
+ }
3115
+ }
3116
+
2849
3117
  .xqh841c:first-child {
2850
3118
  border-bottom-left-radius: var(--x11qts0k);
2851
3119
  }
@@ -2910,7 +3178,15 @@
2910
3178
  .xgrp7ii.xgrp7ii {
2911
3179
  border-bottom-right-radius: 0;
2912
3180
  }
3181
+ }
3182
+
3183
+ @media (width <= 768px) {
3184
+ .x1pnxun9.x1pnxun9 {
3185
+ height: 100%;
3186
+ }
3187
+ }
2913
3188
 
3189
+ @media (width <= 640px) {
2914
3190
  .xt0rf63.xt0rf63 {
2915
3191
  height: 100dvh;
2916
3192
  }
@@ -2926,7 +3202,15 @@
2926
3202
  .x62j3io.x62j3io {
2927
3203
  height: 90vh;
2928
3204
  }
3205
+ }
3206
+
3207
+ @media (width <= 768px) {
3208
+ .x1rys8o5.x1rys8o5 {
3209
+ height: auto;
3210
+ }
3211
+ }
2929
3212
 
3213
+ @media (width <= 640px) {
2930
3214
  .xh5oooz.xh5oooz {
2931
3215
  margin-bottom: 0;
2932
3216
  }
@@ -2954,11 +3238,31 @@
2954
3238
  .xqwnw71.xqwnw71 {
2955
3239
  max-width: 100vw;
2956
3240
  }
3241
+ }
3242
+
3243
+ @media (width <= 768px) {
3244
+ .x3pal8w.x3pal8w {
3245
+ padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--x3461u0) * 2.5);
3246
+ }
3247
+ }
2957
3248
 
3249
+ @media (width <= 640px) {
2958
3250
  .x1vy0343.x1vy0343 {
2959
3251
  padding-top: 0;
2960
3252
  }
3253
+ }
3254
+
3255
+ @media (width <= 768px) {
3256
+ .xo0y50g.xo0y50g {
3257
+ padding-top: 0;
3258
+ }
3259
+
3260
+ .x1jcsghl.x1jcsghl {
3261
+ padding-top: calc(var(--x1aetgvy) * 2);
3262
+ }
3263
+ }
2961
3264
 
3265
+ @media (width <= 640px) {
2962
3266
  .xwq8cf5.xwq8cf5 {
2963
3267
  width: 100vw;
2964
3268
  }
@@ -3109,16 +3413,6 @@
3109
3413
  }
3110
3414
  }
3111
3415
 
3112
- @keyframes xzk1luc-B {
3113
- from {
3114
- transform: translateY(100%);
3115
- }
3116
-
3117
- to {
3118
- transform: translateY(0);
3119
- }
3120
- }
3121
-
3122
3416
  @keyframes x14fbj21-B {
3123
3417
  from {
3124
3418
  opacity: 0;