@empathyco/x-components 6.0.0-alpha.75 → 6.0.0-alpha.76

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 (73) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/design-system/deprecated-full-theme.css +1504 -1504
  3. package/docs/API-reference/api/x-components.allfilter.md +3 -3
  4. package/docs/API-reference/api/x-components.facets.md +3 -3
  5. package/docs/API-reference/api/x-components.historyqueries.md +1 -1
  6. package/docs/API-reference/api/x-components.historyquery.md +1 -1
  7. package/docs/API-reference/api/x-components.identifierresult.md +2 -2
  8. package/docs/API-reference/api/x-components.md +1 -1
  9. package/docs/API-reference/api/x-components.nextqueries.md +1 -1
  10. package/docs/API-reference/api/x-components.popularsearches.md +1 -1
  11. package/docs/API-reference/api/x-components.querysuggestion.md +1 -1
  12. package/docs/API-reference/api/x-components.querysuggestions.md +1 -1
  13. package/docs/API-reference/api/x-components.semanticquery.md +1 -1
  14. package/docs/API-reference/api/x-components.usegetter.md +3 -17
  15. package/js/composables/use-getter.js +11 -11
  16. package/js/composables/use-getter.js.map +1 -1
  17. package/js/x-modules/facets/components/facets/facets.vue.js.map +1 -1
  18. package/js/x-modules/facets/components/facets/facets.vue2.js +1 -1
  19. package/js/x-modules/facets/components/facets/facets.vue2.js.map +1 -1
  20. package/js/x-modules/facets/components/filters/all-filter.vue.js.map +1 -1
  21. package/js/x-modules/facets/components/filters/all-filter.vue2.js +1 -1
  22. package/js/x-modules/facets/components/filters/all-filter.vue2.js.map +1 -1
  23. package/js/x-modules/facets/composables/use-facets.js +1 -4
  24. package/js/x-modules/facets/composables/use-facets.js.map +1 -1
  25. package/js/x-modules/history-queries/components/history-queries.vue.js.map +1 -1
  26. package/js/x-modules/history-queries/components/history-queries.vue2.js +1 -1
  27. package/js/x-modules/history-queries/components/history-queries.vue2.js.map +1 -1
  28. package/js/x-modules/history-queries/components/history-query.vue.js.map +1 -1
  29. package/js/x-modules/history-queries/components/history-query.vue2.js +1 -1
  30. package/js/x-modules/history-queries/components/history-query.vue2.js.map +1 -1
  31. package/js/x-modules/identifier-results/components/identifier-result.vue.js.map +1 -1
  32. package/js/x-modules/identifier-results/components/identifier-result.vue2.js +1 -3
  33. package/js/x-modules/identifier-results/components/identifier-result.vue2.js.map +1 -1
  34. package/js/x-modules/next-queries/components/next-queries-list.vue.js +1 -3
  35. package/js/x-modules/next-queries/components/next-queries-list.vue.js.map +1 -1
  36. package/js/x-modules/next-queries/components/next-queries.vue.js.map +1 -1
  37. package/js/x-modules/next-queries/components/next-queries.vue2.js +1 -1
  38. package/js/x-modules/next-queries/components/next-queries.vue2.js.map +1 -1
  39. package/js/x-modules/popular-searches/components/popular-searches.vue.js.map +1 -1
  40. package/js/x-modules/popular-searches/components/popular-searches.vue2.js +1 -1
  41. package/js/x-modules/popular-searches/components/popular-searches.vue2.js.map +1 -1
  42. package/js/x-modules/query-suggestions/components/query-suggestion.vue.js.map +1 -1
  43. package/js/x-modules/query-suggestions/components/query-suggestion.vue2.js +1 -1
  44. package/js/x-modules/query-suggestions/components/query-suggestion.vue2.js.map +1 -1
  45. package/js/x-modules/query-suggestions/components/query-suggestions.vue.js.map +1 -1
  46. package/js/x-modules/query-suggestions/components/query-suggestions.vue2.js +1 -1
  47. package/js/x-modules/query-suggestions/components/query-suggestions.vue2.js.map +1 -1
  48. package/js/x-modules/related-tags/components/related-tags.vue.js.map +1 -1
  49. package/js/x-modules/related-tags/components/related-tags.vue2.js +1 -3
  50. package/js/x-modules/related-tags/components/related-tags.vue2.js.map +1 -1
  51. package/js/x-modules/semantic-queries/components/semantic-query.vue.js.map +1 -1
  52. package/js/x-modules/semantic-queries/components/semantic-query.vue2.js +2 -2
  53. package/js/x-modules/semantic-queries/components/semantic-query.vue2.js.map +1 -1
  54. package/package.json +2 -2
  55. package/report/x-components.api.json +67 -132
  56. package/report/x-components.api.md +11 -9
  57. package/types/composables/use-getter.d.ts +13 -3
  58. package/types/composables/use-getter.d.ts.map +1 -1
  59. package/types/x-modules/facets/components/facets/facets.vue.d.ts +4 -4
  60. package/types/x-modules/facets/components/facets/facets.vue.d.ts.map +1 -1
  61. package/types/x-modules/facets/components/filters/all-filter.vue.d.ts +4 -4
  62. package/types/x-modules/facets/components/filters/all-filter.vue.d.ts.map +1 -1
  63. package/types/x-modules/history-queries/components/history-queries.vue.d.ts +1 -1
  64. package/types/x-modules/history-queries/components/history-query.vue.d.ts +1 -1
  65. package/types/x-modules/identifier-results/components/identifier-result.vue.d.ts +3 -3
  66. package/types/x-modules/identifier-results/components/identifier-result.vue.d.ts.map +1 -1
  67. package/types/x-modules/next-queries/components/next-queries-list.vue.d.ts.map +1 -1
  68. package/types/x-modules/next-queries/components/next-queries.vue.d.ts +1 -1
  69. package/types/x-modules/popular-searches/components/popular-searches.vue.d.ts +1 -1
  70. package/types/x-modules/query-suggestions/components/query-suggestion.vue.d.ts +1 -1
  71. package/types/x-modules/query-suggestions/components/query-suggestions.vue.d.ts +1 -1
  72. package/types/x-modules/related-tags/components/related-tags.vue.d.ts.map +1 -1
  73. package/types/x-modules/semantic-queries/components/semantic-query.vue.d.ts +1 -1
@@ -1,5 +1,19 @@
1
1
 
2
+ .x-uppercase {
3
+ text-transform: uppercase;
4
+ }
5
+
6
+ .x-lowercase {
7
+ text-transform: lowercase;
8
+ }
9
+
10
+ .x-capitalize {
11
+ text-transform: capitalize;
12
+ }
2
13
 
14
+ .x-normal-case {
15
+ text-transform: none;
16
+ }
3
17
  .x-underline {
4
18
  -webkit-text-decoration-line: underline;
5
19
  text-decoration-line: underline;
@@ -19,21 +33,6 @@
19
33
  -webkit-text-decoration-line: none;
20
34
  text-decoration-line: none;
21
35
  }
22
- .x-uppercase {
23
- text-transform: uppercase;
24
- }
25
-
26
- .x-lowercase {
27
- text-transform: lowercase;
28
- }
29
-
30
- .x-capitalize {
31
- text-transform: capitalize;
32
- }
33
-
34
- .x-normal-case {
35
- text-transform: none;
36
- }
37
36
  .x-static {
38
37
  position: static !important;
39
38
  }
@@ -1472,1847 +1471,1847 @@
1472
1471
  .x-shadow--bottom-10 {
1473
1472
  box-shadow: var(--x-string-box-shadow-bottom-10) !important;
1474
1473
  }
1475
- .x-border-radius--00 {
1476
- border-radius: 0 !important;
1474
+ *[class*=x-border-width--] {
1475
+ border-width: 0;
1477
1476
  }
1478
1477
 
1479
- .x-border-radius--pill {
1480
- border-radius: 99999px !important;
1478
+ .x-border-width--00 {
1479
+ border-width: 0px !important;
1480
+ border-style: solid !important;
1481
1481
  }
1482
-
1483
- .x-border-radius--01 {
1484
- border-radius: var(--x-size-base-01) !important;
1482
+ .x-border-width--top-00 {
1483
+ border-top-width: 0px !important;
1484
+ border-style: solid !important;
1485
1485
  }
1486
- [dir="ltr"] .x-border-radius--top-01 {
1487
- border-top-left-radius: var(--x-size-base-01) !important;
1486
+ .x-border-width--bottom-00 {
1487
+ border-bottom-width: 0px !important;
1488
+ border-style: solid !important;
1488
1489
  }
1489
- [dir="rtl"] .x-border-radius--top-01 {
1490
- border-top-right-radius: var(--x-size-base-01) !important;
1490
+ [dir="ltr"] .x-border-width--right-00 {
1491
+ border-right-width: 0px !important;
1491
1492
  }
1492
- [dir="ltr"] .x-border-radius--top-01 {
1493
- border-top-right-radius: var(--x-size-base-01) !important;
1493
+ [dir="rtl"] .x-border-width--right-00 {
1494
+ border-left-width: 0px !important;
1494
1495
  }
1495
- [dir="rtl"] .x-border-radius--top-01 {
1496
- border-top-left-radius: var(--x-size-base-01) !important;
1496
+ .x-border-width--right-00 {
1497
+ border-style: solid !important;
1497
1498
  }
1498
- [dir="ltr"] .x-border-radius--bottom-01 {
1499
- border-bottom-left-radius: var(--x-size-base-01) !important;
1499
+ [dir="ltr"] .x-border-width--left-00 {
1500
+ border-left-width: 0px !important;
1500
1501
  }
1501
- [dir="rtl"] .x-border-radius--bottom-01 {
1502
- border-bottom-right-radius: var(--x-size-base-01) !important;
1502
+ [dir="rtl"] .x-border-width--left-00 {
1503
+ border-right-width: 0px !important;
1503
1504
  }
1504
- [dir="ltr"] .x-border-radius--bottom-01 {
1505
- border-bottom-right-radius: var(--x-size-base-01) !important;
1505
+ .x-border-width--left-00 {
1506
+ border-style: solid !important;
1506
1507
  }
1507
- [dir="rtl"] .x-border-radius--bottom-01 {
1508
- border-bottom-left-radius: var(--x-size-base-01) !important;
1508
+ .x-border-width--01 {
1509
+ border-width: 1px !important;
1510
+ border-style: solid !important;
1509
1511
  }
1510
- [dir="ltr"] .x-border-radius--right-01 {
1511
- border-top-right-radius: var(--x-size-base-01) !important;
1512
+ .x-border-width--top-01 {
1513
+ border-top-width: 1px !important;
1514
+ border-style: solid !important;
1512
1515
  }
1513
- [dir="rtl"] .x-border-radius--right-01 {
1514
- border-top-left-radius: var(--x-size-base-01) !important;
1516
+ .x-border-width--bottom-01 {
1517
+ border-bottom-width: 1px !important;
1518
+ border-style: solid !important;
1515
1519
  }
1516
- [dir="ltr"] .x-border-radius--right-01 {
1517
- border-bottom-right-radius: var(--x-size-base-01) !important;
1520
+ [dir="ltr"] .x-border-width--right-01 {
1521
+ border-right-width: 1px !important;
1518
1522
  }
1519
- [dir="rtl"] .x-border-radius--right-01 {
1520
- border-bottom-left-radius: var(--x-size-base-01) !important;
1523
+ [dir="rtl"] .x-border-width--right-01 {
1524
+ border-left-width: 1px !important;
1521
1525
  }
1522
- [dir="ltr"] .x-border-radius--left-01 {
1523
- border-top-left-radius: var(--x-size-base-01) !important;
1526
+ .x-border-width--right-01 {
1527
+ border-style: solid !important;
1524
1528
  }
1525
- [dir="rtl"] .x-border-radius--left-01 {
1526
- border-top-right-radius: var(--x-size-base-01) !important;
1529
+ [dir="ltr"] .x-border-width--left-01 {
1530
+ border-left-width: 1px !important;
1527
1531
  }
1528
- [dir="ltr"] .x-border-radius--left-01 {
1529
- border-bottom-left-radius: var(--x-size-base-01) !important;
1532
+ [dir="rtl"] .x-border-width--left-01 {
1533
+ border-right-width: 1px !important;
1530
1534
  }
1531
- [dir="rtl"] .x-border-radius--left-01 {
1532
- border-bottom-right-radius: var(--x-size-base-01) !important;
1535
+ .x-border-width--left-01 {
1536
+ border-style: solid !important;
1533
1537
  }
1534
- [dir="ltr"] .x-border-radius--top-left-01 {
1535
- border-top-left-radius: var(--x-size-base-01) !important;
1538
+ .x-border-width--02 {
1539
+ border-width: 2px !important;
1540
+ border-style: solid !important;
1536
1541
  }
1537
- [dir="rtl"] .x-border-radius--top-left-01 {
1538
- border-top-right-radius: var(--x-size-base-01) !important;
1542
+ .x-border-width--top-02 {
1543
+ border-top-width: 2px !important;
1544
+ border-style: solid !important;
1539
1545
  }
1540
- [dir="ltr"] .x-border-radius--top-right-01 {
1541
- border-top-right-radius: var(--x-size-base-01) !important;
1546
+ .x-border-width--bottom-02 {
1547
+ border-bottom-width: 2px !important;
1548
+ border-style: solid !important;
1542
1549
  }
1543
- [dir="rtl"] .x-border-radius--top-right-01 {
1544
- border-top-left-radius: var(--x-size-base-01) !important;
1550
+ [dir="ltr"] .x-border-width--right-02 {
1551
+ border-right-width: 2px !important;
1545
1552
  }
1546
- [dir="ltr"] .x-border-radius--bottom-left-01 {
1547
- border-bottom-left-radius: var(--x-size-base-01) !important;
1553
+ [dir="rtl"] .x-border-width--right-02 {
1554
+ border-left-width: 2px !important;
1548
1555
  }
1549
- [dir="rtl"] .x-border-radius--bottom-left-01 {
1550
- border-bottom-right-radius: var(--x-size-base-01) !important;
1556
+ .x-border-width--right-02 {
1557
+ border-style: solid !important;
1551
1558
  }
1552
- [dir="ltr"] .x-border-radius--bottom-right-01 {
1553
- border-bottom-right-radius: var(--x-size-base-01) !important;
1559
+ [dir="ltr"] .x-border-width--left-02 {
1560
+ border-left-width: 2px !important;
1554
1561
  }
1555
- [dir="rtl"] .x-border-radius--bottom-right-01 {
1556
- border-bottom-left-radius: var(--x-size-base-01) !important;
1562
+ [dir="rtl"] .x-border-width--left-02 {
1563
+ border-right-width: 2px !important;
1557
1564
  }
1558
- .x-border-radius--02 {
1559
- border-radius: var(--x-size-base-02) !important;
1565
+ .x-border-width--left-02 {
1566
+ border-style: solid !important;
1560
1567
  }
1561
- [dir="ltr"] .x-border-radius--top-02 {
1562
- border-top-left-radius: var(--x-size-base-02) !important;
1568
+ .x-border-width--03 {
1569
+ border-width: 3px !important;
1570
+ border-style: solid !important;
1563
1571
  }
1564
- [dir="rtl"] .x-border-radius--top-02 {
1565
- border-top-right-radius: var(--x-size-base-02) !important;
1572
+ .x-border-width--top-03 {
1573
+ border-top-width: 3px !important;
1574
+ border-style: solid !important;
1566
1575
  }
1567
- [dir="ltr"] .x-border-radius--top-02 {
1568
- border-top-right-radius: var(--x-size-base-02) !important;
1576
+ .x-border-width--bottom-03 {
1577
+ border-bottom-width: 3px !important;
1578
+ border-style: solid !important;
1569
1579
  }
1570
- [dir="rtl"] .x-border-radius--top-02 {
1571
- border-top-left-radius: var(--x-size-base-02) !important;
1580
+ [dir="ltr"] .x-border-width--right-03 {
1581
+ border-right-width: 3px !important;
1572
1582
  }
1573
- [dir="ltr"] .x-border-radius--bottom-02 {
1574
- border-bottom-left-radius: var(--x-size-base-02) !important;
1583
+ [dir="rtl"] .x-border-width--right-03 {
1584
+ border-left-width: 3px !important;
1575
1585
  }
1576
- [dir="rtl"] .x-border-radius--bottom-02 {
1577
- border-bottom-right-radius: var(--x-size-base-02) !important;
1586
+ .x-border-width--right-03 {
1587
+ border-style: solid !important;
1578
1588
  }
1579
- [dir="ltr"] .x-border-radius--bottom-02 {
1580
- border-bottom-right-radius: var(--x-size-base-02) !important;
1589
+ [dir="ltr"] .x-border-width--left-03 {
1590
+ border-left-width: 3px !important;
1581
1591
  }
1582
- [dir="rtl"] .x-border-radius--bottom-02 {
1583
- border-bottom-left-radius: var(--x-size-base-02) !important;
1592
+ [dir="rtl"] .x-border-width--left-03 {
1593
+ border-right-width: 3px !important;
1584
1594
  }
1585
- [dir="ltr"] .x-border-radius--right-02 {
1586
- border-top-right-radius: var(--x-size-base-02) !important;
1595
+ .x-border-width--left-03 {
1596
+ border-style: solid !important;
1587
1597
  }
1588
- [dir="rtl"] .x-border-radius--right-02 {
1589
- border-top-left-radius: var(--x-size-base-02) !important;
1598
+ .x-border-width--04 {
1599
+ border-width: 4px !important;
1600
+ border-style: solid !important;
1590
1601
  }
1591
- [dir="ltr"] .x-border-radius--right-02 {
1592
- border-bottom-right-radius: var(--x-size-base-02) !important;
1602
+ .x-border-width--top-04 {
1603
+ border-top-width: 4px !important;
1604
+ border-style: solid !important;
1593
1605
  }
1594
- [dir="rtl"] .x-border-radius--right-02 {
1595
- border-bottom-left-radius: var(--x-size-base-02) !important;
1606
+ .x-border-width--bottom-04 {
1607
+ border-bottom-width: 4px !important;
1608
+ border-style: solid !important;
1596
1609
  }
1597
- [dir="ltr"] .x-border-radius--left-02 {
1598
- border-top-left-radius: var(--x-size-base-02) !important;
1610
+ [dir="ltr"] .x-border-width--right-04 {
1611
+ border-right-width: 4px !important;
1599
1612
  }
1600
- [dir="rtl"] .x-border-radius--left-02 {
1601
- border-top-right-radius: var(--x-size-base-02) !important;
1613
+ [dir="rtl"] .x-border-width--right-04 {
1614
+ border-left-width: 4px !important;
1602
1615
  }
1603
- [dir="ltr"] .x-border-radius--left-02 {
1604
- border-bottom-left-radius: var(--x-size-base-02) !important;
1616
+ .x-border-width--right-04 {
1617
+ border-style: solid !important;
1605
1618
  }
1606
- [dir="rtl"] .x-border-radius--left-02 {
1607
- border-bottom-right-radius: var(--x-size-base-02) !important;
1619
+ [dir="ltr"] .x-border-width--left-04 {
1620
+ border-left-width: 4px !important;
1608
1621
  }
1609
- [dir="ltr"] .x-border-radius--top-left-02 {
1610
- border-top-left-radius: var(--x-size-base-02) !important;
1622
+ [dir="rtl"] .x-border-width--left-04 {
1623
+ border-right-width: 4px !important;
1611
1624
  }
1612
- [dir="rtl"] .x-border-radius--top-left-02 {
1613
- border-top-right-radius: var(--x-size-base-02) !important;
1625
+ .x-border-width--left-04 {
1626
+ border-style: solid !important;
1614
1627
  }
1615
- [dir="ltr"] .x-border-radius--top-right-02 {
1616
- border-top-right-radius: var(--x-size-base-02) !important;
1628
+ .x-border-width--05 {
1629
+ border-width: 5px !important;
1630
+ border-style: solid !important;
1617
1631
  }
1618
- [dir="rtl"] .x-border-radius--top-right-02 {
1619
- border-top-left-radius: var(--x-size-base-02) !important;
1632
+ .x-border-width--top-05 {
1633
+ border-top-width: 5px !important;
1634
+ border-style: solid !important;
1620
1635
  }
1621
- [dir="ltr"] .x-border-radius--bottom-left-02 {
1622
- border-bottom-left-radius: var(--x-size-base-02) !important;
1636
+ .x-border-width--bottom-05 {
1637
+ border-bottom-width: 5px !important;
1638
+ border-style: solid !important;
1623
1639
  }
1624
- [dir="rtl"] .x-border-radius--bottom-left-02 {
1625
- border-bottom-right-radius: var(--x-size-base-02) !important;
1640
+ [dir="ltr"] .x-border-width--right-05 {
1641
+ border-right-width: 5px !important;
1626
1642
  }
1627
- [dir="ltr"] .x-border-radius--bottom-right-02 {
1628
- border-bottom-right-radius: var(--x-size-base-02) !important;
1643
+ [dir="rtl"] .x-border-width--right-05 {
1644
+ border-left-width: 5px !important;
1629
1645
  }
1630
- [dir="rtl"] .x-border-radius--bottom-right-02 {
1631
- border-bottom-left-radius: var(--x-size-base-02) !important;
1646
+ .x-border-width--right-05 {
1647
+ border-style: solid !important;
1632
1648
  }
1633
- .x-border-radius--03 {
1634
- border-radius: var(--x-size-base-03) !important;
1635
- }
1636
- [dir="ltr"] .x-border-radius--top-03 {
1637
- border-top-left-radius: var(--x-size-base-03) !important;
1649
+ [dir="ltr"] .x-border-width--left-05 {
1650
+ border-left-width: 5px !important;
1638
1651
  }
1639
- [dir="rtl"] .x-border-radius--top-03 {
1640
- border-top-right-radius: var(--x-size-base-03) !important;
1652
+ [dir="rtl"] .x-border-width--left-05 {
1653
+ border-right-width: 5px !important;
1641
1654
  }
1642
- [dir="ltr"] .x-border-radius--top-03 {
1643
- border-top-right-radius: var(--x-size-base-03) !important;
1655
+ .x-border-width--left-05 {
1656
+ border-style: solid !important;
1644
1657
  }
1645
- [dir="rtl"] .x-border-radius--top-03 {
1646
- border-top-left-radius: var(--x-size-base-03) !important;
1658
+ .x-border-width--06 {
1659
+ border-width: 6px !important;
1660
+ border-style: solid !important;
1647
1661
  }
1648
- [dir="ltr"] .x-border-radius--bottom-03 {
1649
- border-bottom-left-radius: var(--x-size-base-03) !important;
1662
+ .x-border-width--top-06 {
1663
+ border-top-width: 6px !important;
1664
+ border-style: solid !important;
1650
1665
  }
1651
- [dir="rtl"] .x-border-radius--bottom-03 {
1652
- border-bottom-right-radius: var(--x-size-base-03) !important;
1666
+ .x-border-width--bottom-06 {
1667
+ border-bottom-width: 6px !important;
1668
+ border-style: solid !important;
1653
1669
  }
1654
- [dir="ltr"] .x-border-radius--bottom-03 {
1655
- border-bottom-right-radius: var(--x-size-base-03) !important;
1670
+ [dir="ltr"] .x-border-width--right-06 {
1671
+ border-right-width: 6px !important;
1656
1672
  }
1657
- [dir="rtl"] .x-border-radius--bottom-03 {
1658
- border-bottom-left-radius: var(--x-size-base-03) !important;
1673
+ [dir="rtl"] .x-border-width--right-06 {
1674
+ border-left-width: 6px !important;
1659
1675
  }
1660
- [dir="ltr"] .x-border-radius--right-03 {
1661
- border-top-right-radius: var(--x-size-base-03) !important;
1676
+ .x-border-width--right-06 {
1677
+ border-style: solid !important;
1662
1678
  }
1663
- [dir="rtl"] .x-border-radius--right-03 {
1664
- border-top-left-radius: var(--x-size-base-03) !important;
1679
+ [dir="ltr"] .x-border-width--left-06 {
1680
+ border-left-width: 6px !important;
1665
1681
  }
1666
- [dir="ltr"] .x-border-radius--right-03 {
1667
- border-bottom-right-radius: var(--x-size-base-03) !important;
1682
+ [dir="rtl"] .x-border-width--left-06 {
1683
+ border-right-width: 6px !important;
1668
1684
  }
1669
- [dir="rtl"] .x-border-radius--right-03 {
1670
- border-bottom-left-radius: var(--x-size-base-03) !important;
1685
+ .x-border-width--left-06 {
1686
+ border-style: solid !important;
1671
1687
  }
1672
- [dir="ltr"] .x-border-radius--left-03 {
1673
- border-top-left-radius: var(--x-size-base-03) !important;
1688
+ .x-border-width--07 {
1689
+ border-width: 7px !important;
1690
+ border-style: solid !important;
1674
1691
  }
1675
- [dir="rtl"] .x-border-radius--left-03 {
1676
- border-top-right-radius: var(--x-size-base-03) !important;
1692
+ .x-border-width--top-07 {
1693
+ border-top-width: 7px !important;
1694
+ border-style: solid !important;
1677
1695
  }
1678
- [dir="ltr"] .x-border-radius--left-03 {
1679
- border-bottom-left-radius: var(--x-size-base-03) !important;
1696
+ .x-border-width--bottom-07 {
1697
+ border-bottom-width: 7px !important;
1698
+ border-style: solid !important;
1680
1699
  }
1681
- [dir="rtl"] .x-border-radius--left-03 {
1682
- border-bottom-right-radius: var(--x-size-base-03) !important;
1700
+ [dir="ltr"] .x-border-width--right-07 {
1701
+ border-right-width: 7px !important;
1683
1702
  }
1684
- [dir="ltr"] .x-border-radius--top-left-03 {
1685
- border-top-left-radius: var(--x-size-base-03) !important;
1703
+ [dir="rtl"] .x-border-width--right-07 {
1704
+ border-left-width: 7px !important;
1686
1705
  }
1687
- [dir="rtl"] .x-border-radius--top-left-03 {
1688
- border-top-right-radius: var(--x-size-base-03) !important;
1706
+ .x-border-width--right-07 {
1707
+ border-style: solid !important;
1689
1708
  }
1690
- [dir="ltr"] .x-border-radius--top-right-03 {
1691
- border-top-right-radius: var(--x-size-base-03) !important;
1709
+ [dir="ltr"] .x-border-width--left-07 {
1710
+ border-left-width: 7px !important;
1692
1711
  }
1693
- [dir="rtl"] .x-border-radius--top-right-03 {
1694
- border-top-left-radius: var(--x-size-base-03) !important;
1712
+ [dir="rtl"] .x-border-width--left-07 {
1713
+ border-right-width: 7px !important;
1695
1714
  }
1696
- [dir="ltr"] .x-border-radius--bottom-left-03 {
1697
- border-bottom-left-radius: var(--x-size-base-03) !important;
1715
+ .x-border-width--left-07 {
1716
+ border-style: solid !important;
1698
1717
  }
1699
- [dir="rtl"] .x-border-radius--bottom-left-03 {
1700
- border-bottom-right-radius: var(--x-size-base-03) !important;
1718
+ .x-border-width--08 {
1719
+ border-width: 8px !important;
1720
+ border-style: solid !important;
1701
1721
  }
1702
- [dir="ltr"] .x-border-radius--bottom-right-03 {
1703
- border-bottom-right-radius: var(--x-size-base-03) !important;
1722
+ .x-border-width--top-08 {
1723
+ border-top-width: 8px !important;
1724
+ border-style: solid !important;
1704
1725
  }
1705
- [dir="rtl"] .x-border-radius--bottom-right-03 {
1706
- border-bottom-left-radius: var(--x-size-base-03) !important;
1726
+ .x-border-width--bottom-08 {
1727
+ border-bottom-width: 8px !important;
1728
+ border-style: solid !important;
1707
1729
  }
1708
- .x-border-radius--04 {
1709
- border-radius: var(--x-size-base-04) !important;
1730
+ [dir="ltr"] .x-border-width--right-08 {
1731
+ border-right-width: 8px !important;
1710
1732
  }
1711
- [dir="ltr"] .x-border-radius--top-04 {
1712
- border-top-left-radius: var(--x-size-base-04) !important;
1733
+ [dir="rtl"] .x-border-width--right-08 {
1734
+ border-left-width: 8px !important;
1713
1735
  }
1714
- [dir="rtl"] .x-border-radius--top-04 {
1715
- border-top-right-radius: var(--x-size-base-04) !important;
1736
+ .x-border-width--right-08 {
1737
+ border-style: solid !important;
1716
1738
  }
1717
- [dir="ltr"] .x-border-radius--top-04 {
1718
- border-top-right-radius: var(--x-size-base-04) !important;
1739
+ [dir="ltr"] .x-border-width--left-08 {
1740
+ border-left-width: 8px !important;
1719
1741
  }
1720
- [dir="rtl"] .x-border-radius--top-04 {
1721
- border-top-left-radius: var(--x-size-base-04) !important;
1742
+ [dir="rtl"] .x-border-width--left-08 {
1743
+ border-right-width: 8px !important;
1722
1744
  }
1723
- [dir="ltr"] .x-border-radius--bottom-04 {
1724
- border-bottom-left-radius: var(--x-size-base-04) !important;
1745
+ .x-border-width--left-08 {
1746
+ border-style: solid !important;
1725
1747
  }
1726
- [dir="rtl"] .x-border-radius--bottom-04 {
1727
- border-bottom-right-radius: var(--x-size-base-04) !important;
1748
+ .x-border-width--09 {
1749
+ border-width: 9px !important;
1750
+ border-style: solid !important;
1728
1751
  }
1729
- [dir="ltr"] .x-border-radius--bottom-04 {
1730
- border-bottom-right-radius: var(--x-size-base-04) !important;
1752
+ .x-border-width--top-09 {
1753
+ border-top-width: 9px !important;
1754
+ border-style: solid !important;
1731
1755
  }
1732
- [dir="rtl"] .x-border-radius--bottom-04 {
1733
- border-bottom-left-radius: var(--x-size-base-04) !important;
1756
+ .x-border-width--bottom-09 {
1757
+ border-bottom-width: 9px !important;
1758
+ border-style: solid !important;
1734
1759
  }
1735
- [dir="ltr"] .x-border-radius--right-04 {
1736
- border-top-right-radius: var(--x-size-base-04) !important;
1760
+ [dir="ltr"] .x-border-width--right-09 {
1761
+ border-right-width: 9px !important;
1737
1762
  }
1738
- [dir="rtl"] .x-border-radius--right-04 {
1739
- border-top-left-radius: var(--x-size-base-04) !important;
1763
+ [dir="rtl"] .x-border-width--right-09 {
1764
+ border-left-width: 9px !important;
1740
1765
  }
1741
- [dir="ltr"] .x-border-radius--right-04 {
1742
- border-bottom-right-radius: var(--x-size-base-04) !important;
1766
+ .x-border-width--right-09 {
1767
+ border-style: solid !important;
1743
1768
  }
1744
- [dir="rtl"] .x-border-radius--right-04 {
1745
- border-bottom-left-radius: var(--x-size-base-04) !important;
1769
+ [dir="ltr"] .x-border-width--left-09 {
1770
+ border-left-width: 9px !important;
1746
1771
  }
1747
- [dir="ltr"] .x-border-radius--left-04 {
1748
- border-top-left-radius: var(--x-size-base-04) !important;
1772
+ [dir="rtl"] .x-border-width--left-09 {
1773
+ border-right-width: 9px !important;
1749
1774
  }
1750
- [dir="rtl"] .x-border-radius--left-04 {
1751
- border-top-right-radius: var(--x-size-base-04) !important;
1775
+ .x-border-width--left-09 {
1776
+ border-style: solid !important;
1752
1777
  }
1753
- [dir="ltr"] .x-border-radius--left-04 {
1754
- border-bottom-left-radius: var(--x-size-base-04) !important;
1778
+ .x-border-width--10 {
1779
+ border-width: 10px !important;
1780
+ border-style: solid !important;
1755
1781
  }
1756
- [dir="rtl"] .x-border-radius--left-04 {
1757
- border-bottom-right-radius: var(--x-size-base-04) !important;
1782
+ .x-border-width--top-10 {
1783
+ border-top-width: 10px !important;
1784
+ border-style: solid !important;
1758
1785
  }
1759
- [dir="ltr"] .x-border-radius--top-left-04 {
1760
- border-top-left-radius: var(--x-size-base-04) !important;
1786
+ .x-border-width--bottom-10 {
1787
+ border-bottom-width: 10px !important;
1788
+ border-style: solid !important;
1761
1789
  }
1762
- [dir="rtl"] .x-border-radius--top-left-04 {
1763
- border-top-right-radius: var(--x-size-base-04) !important;
1790
+ [dir="ltr"] .x-border-width--right-10 {
1791
+ border-right-width: 10px !important;
1764
1792
  }
1765
- [dir="ltr"] .x-border-radius--top-right-04 {
1766
- border-top-right-radius: var(--x-size-base-04) !important;
1793
+ [dir="rtl"] .x-border-width--right-10 {
1794
+ border-left-width: 10px !important;
1767
1795
  }
1768
- [dir="rtl"] .x-border-radius--top-right-04 {
1769
- border-top-left-radius: var(--x-size-base-04) !important;
1796
+ .x-border-width--right-10 {
1797
+ border-style: solid !important;
1770
1798
  }
1771
- [dir="ltr"] .x-border-radius--bottom-left-04 {
1772
- border-bottom-left-radius: var(--x-size-base-04) !important;
1799
+ [dir="ltr"] .x-border-width--left-10 {
1800
+ border-left-width: 10px !important;
1773
1801
  }
1774
- [dir="rtl"] .x-border-radius--bottom-left-04 {
1775
- border-bottom-right-radius: var(--x-size-base-04) !important;
1802
+ [dir="rtl"] .x-border-width--left-10 {
1803
+ border-right-width: 10px !important;
1776
1804
  }
1777
- [dir="ltr"] .x-border-radius--bottom-right-04 {
1778
- border-bottom-right-radius: var(--x-size-base-04) !important;
1805
+ .x-border-width--left-10 {
1806
+ border-style: solid !important;
1779
1807
  }
1780
- [dir="rtl"] .x-border-radius--bottom-right-04 {
1781
- border-bottom-left-radius: var(--x-size-base-04) !important;
1808
+ .x-border-radius--00 {
1809
+ border-radius: 0 !important;
1782
1810
  }
1783
- .x-border-radius--05 {
1784
- border-radius: var(--x-size-base-05) !important;
1811
+
1812
+ .x-border-radius--pill {
1813
+ border-radius: 99999px !important;
1785
1814
  }
1786
- [dir="ltr"] .x-border-radius--top-05 {
1787
- border-top-left-radius: var(--x-size-base-05) !important;
1815
+
1816
+ .x-border-radius--01 {
1817
+ border-radius: var(--x-size-base-01) !important;
1788
1818
  }
1789
- [dir="rtl"] .x-border-radius--top-05 {
1790
- border-top-right-radius: var(--x-size-base-05) !important;
1819
+ [dir="ltr"] .x-border-radius--top-01 {
1820
+ border-top-left-radius: var(--x-size-base-01) !important;
1791
1821
  }
1792
- [dir="ltr"] .x-border-radius--top-05 {
1793
- border-top-right-radius: var(--x-size-base-05) !important;
1822
+ [dir="rtl"] .x-border-radius--top-01 {
1823
+ border-top-right-radius: var(--x-size-base-01) !important;
1794
1824
  }
1795
- [dir="rtl"] .x-border-radius--top-05 {
1796
- border-top-left-radius: var(--x-size-base-05) !important;
1825
+ [dir="ltr"] .x-border-radius--top-01 {
1826
+ border-top-right-radius: var(--x-size-base-01) !important;
1797
1827
  }
1798
- [dir="ltr"] .x-border-radius--bottom-05 {
1799
- border-bottom-left-radius: var(--x-size-base-05) !important;
1828
+ [dir="rtl"] .x-border-radius--top-01 {
1829
+ border-top-left-radius: var(--x-size-base-01) !important;
1800
1830
  }
1801
- [dir="rtl"] .x-border-radius--bottom-05 {
1802
- border-bottom-right-radius: var(--x-size-base-05) !important;
1831
+ [dir="ltr"] .x-border-radius--bottom-01 {
1832
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1803
1833
  }
1804
- [dir="ltr"] .x-border-radius--bottom-05 {
1805
- border-bottom-right-radius: var(--x-size-base-05) !important;
1834
+ [dir="rtl"] .x-border-radius--bottom-01 {
1835
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1806
1836
  }
1807
- [dir="rtl"] .x-border-radius--bottom-05 {
1808
- border-bottom-left-radius: var(--x-size-base-05) !important;
1837
+ [dir="ltr"] .x-border-radius--bottom-01 {
1838
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1809
1839
  }
1810
- [dir="ltr"] .x-border-radius--right-05 {
1811
- border-top-right-radius: var(--x-size-base-05) !important;
1840
+ [dir="rtl"] .x-border-radius--bottom-01 {
1841
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1812
1842
  }
1813
- [dir="rtl"] .x-border-radius--right-05 {
1814
- border-top-left-radius: var(--x-size-base-05) !important;
1843
+ [dir="ltr"] .x-border-radius--right-01 {
1844
+ border-top-right-radius: var(--x-size-base-01) !important;
1815
1845
  }
1816
- [dir="ltr"] .x-border-radius--right-05 {
1817
- border-bottom-right-radius: var(--x-size-base-05) !important;
1846
+ [dir="rtl"] .x-border-radius--right-01 {
1847
+ border-top-left-radius: var(--x-size-base-01) !important;
1818
1848
  }
1819
- [dir="rtl"] .x-border-radius--right-05 {
1820
- border-bottom-left-radius: var(--x-size-base-05) !important;
1849
+ [dir="ltr"] .x-border-radius--right-01 {
1850
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1821
1851
  }
1822
- [dir="ltr"] .x-border-radius--left-05 {
1823
- border-top-left-radius: var(--x-size-base-05) !important;
1852
+ [dir="rtl"] .x-border-radius--right-01 {
1853
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1824
1854
  }
1825
- [dir="rtl"] .x-border-radius--left-05 {
1826
- border-top-right-radius: var(--x-size-base-05) !important;
1855
+ [dir="ltr"] .x-border-radius--left-01 {
1856
+ border-top-left-radius: var(--x-size-base-01) !important;
1827
1857
  }
1828
- [dir="ltr"] .x-border-radius--left-05 {
1829
- border-bottom-left-radius: var(--x-size-base-05) !important;
1858
+ [dir="rtl"] .x-border-radius--left-01 {
1859
+ border-top-right-radius: var(--x-size-base-01) !important;
1830
1860
  }
1831
- [dir="rtl"] .x-border-radius--left-05 {
1832
- border-bottom-right-radius: var(--x-size-base-05) !important;
1861
+ [dir="ltr"] .x-border-radius--left-01 {
1862
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1833
1863
  }
1834
- [dir="ltr"] .x-border-radius--top-left-05 {
1835
- border-top-left-radius: var(--x-size-base-05) !important;
1864
+ [dir="rtl"] .x-border-radius--left-01 {
1865
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1836
1866
  }
1837
- [dir="rtl"] .x-border-radius--top-left-05 {
1838
- border-top-right-radius: var(--x-size-base-05) !important;
1867
+ [dir="ltr"] .x-border-radius--top-left-01 {
1868
+ border-top-left-radius: var(--x-size-base-01) !important;
1839
1869
  }
1840
- [dir="ltr"] .x-border-radius--top-right-05 {
1841
- border-top-right-radius: var(--x-size-base-05) !important;
1870
+ [dir="rtl"] .x-border-radius--top-left-01 {
1871
+ border-top-right-radius: var(--x-size-base-01) !important;
1842
1872
  }
1843
- [dir="rtl"] .x-border-radius--top-right-05 {
1844
- border-top-left-radius: var(--x-size-base-05) !important;
1873
+ [dir="ltr"] .x-border-radius--top-right-01 {
1874
+ border-top-right-radius: var(--x-size-base-01) !important;
1845
1875
  }
1846
- [dir="ltr"] .x-border-radius--bottom-left-05 {
1847
- border-bottom-left-radius: var(--x-size-base-05) !important;
1876
+ [dir="rtl"] .x-border-radius--top-right-01 {
1877
+ border-top-left-radius: var(--x-size-base-01) !important;
1848
1878
  }
1849
- [dir="rtl"] .x-border-radius--bottom-left-05 {
1850
- border-bottom-right-radius: var(--x-size-base-05) !important;
1879
+ [dir="ltr"] .x-border-radius--bottom-left-01 {
1880
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1851
1881
  }
1852
- [dir="ltr"] .x-border-radius--bottom-right-05 {
1853
- border-bottom-right-radius: var(--x-size-base-05) !important;
1882
+ [dir="rtl"] .x-border-radius--bottom-left-01 {
1883
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1854
1884
  }
1855
- [dir="rtl"] .x-border-radius--bottom-right-05 {
1856
- border-bottom-left-radius: var(--x-size-base-05) !important;
1885
+ [dir="ltr"] .x-border-radius--bottom-right-01 {
1886
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1857
1887
  }
1858
- .x-border-radius--06 {
1859
- border-radius: var(--x-size-base-06) !important;
1888
+ [dir="rtl"] .x-border-radius--bottom-right-01 {
1889
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1860
1890
  }
1861
- [dir="ltr"] .x-border-radius--top-06 {
1862
- border-top-left-radius: var(--x-size-base-06) !important;
1891
+ .x-border-radius--02 {
1892
+ border-radius: var(--x-size-base-02) !important;
1863
1893
  }
1864
- [dir="rtl"] .x-border-radius--top-06 {
1865
- border-top-right-radius: var(--x-size-base-06) !important;
1894
+ [dir="ltr"] .x-border-radius--top-02 {
1895
+ border-top-left-radius: var(--x-size-base-02) !important;
1866
1896
  }
1867
- [dir="ltr"] .x-border-radius--top-06 {
1868
- border-top-right-radius: var(--x-size-base-06) !important;
1897
+ [dir="rtl"] .x-border-radius--top-02 {
1898
+ border-top-right-radius: var(--x-size-base-02) !important;
1869
1899
  }
1870
- [dir="rtl"] .x-border-radius--top-06 {
1871
- border-top-left-radius: var(--x-size-base-06) !important;
1900
+ [dir="ltr"] .x-border-radius--top-02 {
1901
+ border-top-right-radius: var(--x-size-base-02) !important;
1872
1902
  }
1873
- [dir="ltr"] .x-border-radius--bottom-06 {
1874
- border-bottom-left-radius: var(--x-size-base-06) !important;
1903
+ [dir="rtl"] .x-border-radius--top-02 {
1904
+ border-top-left-radius: var(--x-size-base-02) !important;
1875
1905
  }
1876
- [dir="rtl"] .x-border-radius--bottom-06 {
1877
- border-bottom-right-radius: var(--x-size-base-06) !important;
1906
+ [dir="ltr"] .x-border-radius--bottom-02 {
1907
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1878
1908
  }
1879
- [dir="ltr"] .x-border-radius--bottom-06 {
1880
- border-bottom-right-radius: var(--x-size-base-06) !important;
1909
+ [dir="rtl"] .x-border-radius--bottom-02 {
1910
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1881
1911
  }
1882
- [dir="rtl"] .x-border-radius--bottom-06 {
1883
- border-bottom-left-radius: var(--x-size-base-06) !important;
1912
+ [dir="ltr"] .x-border-radius--bottom-02 {
1913
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1884
1914
  }
1885
- [dir="ltr"] .x-border-radius--right-06 {
1886
- border-top-right-radius: var(--x-size-base-06) !important;
1915
+ [dir="rtl"] .x-border-radius--bottom-02 {
1916
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1887
1917
  }
1888
- [dir="rtl"] .x-border-radius--right-06 {
1889
- border-top-left-radius: var(--x-size-base-06) !important;
1918
+ [dir="ltr"] .x-border-radius--right-02 {
1919
+ border-top-right-radius: var(--x-size-base-02) !important;
1890
1920
  }
1891
- [dir="ltr"] .x-border-radius--right-06 {
1892
- border-bottom-right-radius: var(--x-size-base-06) !important;
1921
+ [dir="rtl"] .x-border-radius--right-02 {
1922
+ border-top-left-radius: var(--x-size-base-02) !important;
1893
1923
  }
1894
- [dir="rtl"] .x-border-radius--right-06 {
1895
- border-bottom-left-radius: var(--x-size-base-06) !important;
1924
+ [dir="ltr"] .x-border-radius--right-02 {
1925
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1896
1926
  }
1897
- [dir="ltr"] .x-border-radius--left-06 {
1898
- border-top-left-radius: var(--x-size-base-06) !important;
1927
+ [dir="rtl"] .x-border-radius--right-02 {
1928
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1899
1929
  }
1900
- [dir="rtl"] .x-border-radius--left-06 {
1901
- border-top-right-radius: var(--x-size-base-06) !important;
1930
+ [dir="ltr"] .x-border-radius--left-02 {
1931
+ border-top-left-radius: var(--x-size-base-02) !important;
1902
1932
  }
1903
- [dir="ltr"] .x-border-radius--left-06 {
1904
- border-bottom-left-radius: var(--x-size-base-06) !important;
1933
+ [dir="rtl"] .x-border-radius--left-02 {
1934
+ border-top-right-radius: var(--x-size-base-02) !important;
1905
1935
  }
1906
- [dir="rtl"] .x-border-radius--left-06 {
1907
- border-bottom-right-radius: var(--x-size-base-06) !important;
1936
+ [dir="ltr"] .x-border-radius--left-02 {
1937
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1908
1938
  }
1909
- [dir="ltr"] .x-border-radius--top-left-06 {
1910
- border-top-left-radius: var(--x-size-base-06) !important;
1939
+ [dir="rtl"] .x-border-radius--left-02 {
1940
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1911
1941
  }
1912
- [dir="rtl"] .x-border-radius--top-left-06 {
1913
- border-top-right-radius: var(--x-size-base-06) !important;
1942
+ [dir="ltr"] .x-border-radius--top-left-02 {
1943
+ border-top-left-radius: var(--x-size-base-02) !important;
1914
1944
  }
1915
- [dir="ltr"] .x-border-radius--top-right-06 {
1916
- border-top-right-radius: var(--x-size-base-06) !important;
1945
+ [dir="rtl"] .x-border-radius--top-left-02 {
1946
+ border-top-right-radius: var(--x-size-base-02) !important;
1917
1947
  }
1918
- [dir="rtl"] .x-border-radius--top-right-06 {
1919
- border-top-left-radius: var(--x-size-base-06) !important;
1948
+ [dir="ltr"] .x-border-radius--top-right-02 {
1949
+ border-top-right-radius: var(--x-size-base-02) !important;
1920
1950
  }
1921
- [dir="ltr"] .x-border-radius--bottom-left-06 {
1922
- border-bottom-left-radius: var(--x-size-base-06) !important;
1951
+ [dir="rtl"] .x-border-radius--top-right-02 {
1952
+ border-top-left-radius: var(--x-size-base-02) !important;
1923
1953
  }
1924
- [dir="rtl"] .x-border-radius--bottom-left-06 {
1925
- border-bottom-right-radius: var(--x-size-base-06) !important;
1954
+ [dir="ltr"] .x-border-radius--bottom-left-02 {
1955
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1926
1956
  }
1927
- [dir="ltr"] .x-border-radius--bottom-right-06 {
1928
- border-bottom-right-radius: var(--x-size-base-06) !important;
1957
+ [dir="rtl"] .x-border-radius--bottom-left-02 {
1958
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1929
1959
  }
1930
- [dir="rtl"] .x-border-radius--bottom-right-06 {
1931
- border-bottom-left-radius: var(--x-size-base-06) !important;
1960
+ [dir="ltr"] .x-border-radius--bottom-right-02 {
1961
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1932
1962
  }
1933
- .x-border-radius--07 {
1934
- border-radius: var(--x-size-base-07) !important;
1963
+ [dir="rtl"] .x-border-radius--bottom-right-02 {
1964
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1935
1965
  }
1936
- [dir="ltr"] .x-border-radius--top-07 {
1937
- border-top-left-radius: var(--x-size-base-07) !important;
1966
+ .x-border-radius--03 {
1967
+ border-radius: var(--x-size-base-03) !important;
1938
1968
  }
1939
- [dir="rtl"] .x-border-radius--top-07 {
1940
- border-top-right-radius: var(--x-size-base-07) !important;
1969
+ [dir="ltr"] .x-border-radius--top-03 {
1970
+ border-top-left-radius: var(--x-size-base-03) !important;
1941
1971
  }
1942
- [dir="ltr"] .x-border-radius--top-07 {
1943
- border-top-right-radius: var(--x-size-base-07) !important;
1972
+ [dir="rtl"] .x-border-radius--top-03 {
1973
+ border-top-right-radius: var(--x-size-base-03) !important;
1944
1974
  }
1945
- [dir="rtl"] .x-border-radius--top-07 {
1946
- border-top-left-radius: var(--x-size-base-07) !important;
1975
+ [dir="ltr"] .x-border-radius--top-03 {
1976
+ border-top-right-radius: var(--x-size-base-03) !important;
1947
1977
  }
1948
- [dir="ltr"] .x-border-radius--bottom-07 {
1949
- border-bottom-left-radius: var(--x-size-base-07) !important;
1978
+ [dir="rtl"] .x-border-radius--top-03 {
1979
+ border-top-left-radius: var(--x-size-base-03) !important;
1950
1980
  }
1951
- [dir="rtl"] .x-border-radius--bottom-07 {
1952
- border-bottom-right-radius: var(--x-size-base-07) !important;
1981
+ [dir="ltr"] .x-border-radius--bottom-03 {
1982
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1953
1983
  }
1954
- [dir="ltr"] .x-border-radius--bottom-07 {
1955
- border-bottom-right-radius: var(--x-size-base-07) !important;
1984
+ [dir="rtl"] .x-border-radius--bottom-03 {
1985
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1956
1986
  }
1957
- [dir="rtl"] .x-border-radius--bottom-07 {
1958
- border-bottom-left-radius: var(--x-size-base-07) !important;
1987
+ [dir="ltr"] .x-border-radius--bottom-03 {
1988
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1959
1989
  }
1960
- [dir="ltr"] .x-border-radius--right-07 {
1961
- border-top-right-radius: var(--x-size-base-07) !important;
1990
+ [dir="rtl"] .x-border-radius--bottom-03 {
1991
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1962
1992
  }
1963
- [dir="rtl"] .x-border-radius--right-07 {
1964
- border-top-left-radius: var(--x-size-base-07) !important;
1993
+ [dir="ltr"] .x-border-radius--right-03 {
1994
+ border-top-right-radius: var(--x-size-base-03) !important;
1965
1995
  }
1966
- [dir="ltr"] .x-border-radius--right-07 {
1967
- border-bottom-right-radius: var(--x-size-base-07) !important;
1996
+ [dir="rtl"] .x-border-radius--right-03 {
1997
+ border-top-left-radius: var(--x-size-base-03) !important;
1968
1998
  }
1969
- [dir="rtl"] .x-border-radius--right-07 {
1970
- border-bottom-left-radius: var(--x-size-base-07) !important;
1999
+ [dir="ltr"] .x-border-radius--right-03 {
2000
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1971
2001
  }
1972
- [dir="ltr"] .x-border-radius--left-07 {
1973
- border-top-left-radius: var(--x-size-base-07) !important;
2002
+ [dir="rtl"] .x-border-radius--right-03 {
2003
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1974
2004
  }
1975
- [dir="rtl"] .x-border-radius--left-07 {
1976
- border-top-right-radius: var(--x-size-base-07) !important;
2005
+ [dir="ltr"] .x-border-radius--left-03 {
2006
+ border-top-left-radius: var(--x-size-base-03) !important;
1977
2007
  }
1978
- [dir="ltr"] .x-border-radius--left-07 {
1979
- border-bottom-left-radius: var(--x-size-base-07) !important;
2008
+ [dir="rtl"] .x-border-radius--left-03 {
2009
+ border-top-right-radius: var(--x-size-base-03) !important;
1980
2010
  }
1981
- [dir="rtl"] .x-border-radius--left-07 {
1982
- border-bottom-right-radius: var(--x-size-base-07) !important;
2011
+ [dir="ltr"] .x-border-radius--left-03 {
2012
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1983
2013
  }
1984
- [dir="ltr"] .x-border-radius--top-left-07 {
1985
- border-top-left-radius: var(--x-size-base-07) !important;
2014
+ [dir="rtl"] .x-border-radius--left-03 {
2015
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1986
2016
  }
1987
- [dir="rtl"] .x-border-radius--top-left-07 {
1988
- border-top-right-radius: var(--x-size-base-07) !important;
2017
+ [dir="ltr"] .x-border-radius--top-left-03 {
2018
+ border-top-left-radius: var(--x-size-base-03) !important;
1989
2019
  }
1990
- [dir="ltr"] .x-border-radius--top-right-07 {
1991
- border-top-right-radius: var(--x-size-base-07) !important;
2020
+ [dir="rtl"] .x-border-radius--top-left-03 {
2021
+ border-top-right-radius: var(--x-size-base-03) !important;
1992
2022
  }
1993
- [dir="rtl"] .x-border-radius--top-right-07 {
1994
- border-top-left-radius: var(--x-size-base-07) !important;
2023
+ [dir="ltr"] .x-border-radius--top-right-03 {
2024
+ border-top-right-radius: var(--x-size-base-03) !important;
1995
2025
  }
1996
- [dir="ltr"] .x-border-radius--bottom-left-07 {
1997
- border-bottom-left-radius: var(--x-size-base-07) !important;
2026
+ [dir="rtl"] .x-border-radius--top-right-03 {
2027
+ border-top-left-radius: var(--x-size-base-03) !important;
1998
2028
  }
1999
- [dir="rtl"] .x-border-radius--bottom-left-07 {
2000
- border-bottom-right-radius: var(--x-size-base-07) !important;
2029
+ [dir="ltr"] .x-border-radius--bottom-left-03 {
2030
+ border-bottom-left-radius: var(--x-size-base-03) !important;
2001
2031
  }
2002
- [dir="ltr"] .x-border-radius--bottom-right-07 {
2003
- border-bottom-right-radius: var(--x-size-base-07) !important;
2032
+ [dir="rtl"] .x-border-radius--bottom-left-03 {
2033
+ border-bottom-right-radius: var(--x-size-base-03) !important;
2004
2034
  }
2005
- [dir="rtl"] .x-border-radius--bottom-right-07 {
2006
- border-bottom-left-radius: var(--x-size-base-07) !important;
2035
+ [dir="ltr"] .x-border-radius--bottom-right-03 {
2036
+ border-bottom-right-radius: var(--x-size-base-03) !important;
2007
2037
  }
2008
- .x-border-radius--08 {
2009
- border-radius: var(--x-size-base-08) !important;
2038
+ [dir="rtl"] .x-border-radius--bottom-right-03 {
2039
+ border-bottom-left-radius: var(--x-size-base-03) !important;
2010
2040
  }
2011
- [dir="ltr"] .x-border-radius--top-08 {
2012
- border-top-left-radius: var(--x-size-base-08) !important;
2041
+ .x-border-radius--04 {
2042
+ border-radius: var(--x-size-base-04) !important;
2013
2043
  }
2014
- [dir="rtl"] .x-border-radius--top-08 {
2015
- border-top-right-radius: var(--x-size-base-08) !important;
2044
+ [dir="ltr"] .x-border-radius--top-04 {
2045
+ border-top-left-radius: var(--x-size-base-04) !important;
2016
2046
  }
2017
- [dir="ltr"] .x-border-radius--top-08 {
2018
- border-top-right-radius: var(--x-size-base-08) !important;
2047
+ [dir="rtl"] .x-border-radius--top-04 {
2048
+ border-top-right-radius: var(--x-size-base-04) !important;
2019
2049
  }
2020
- [dir="rtl"] .x-border-radius--top-08 {
2021
- border-top-left-radius: var(--x-size-base-08) !important;
2050
+ [dir="ltr"] .x-border-radius--top-04 {
2051
+ border-top-right-radius: var(--x-size-base-04) !important;
2022
2052
  }
2023
- [dir="ltr"] .x-border-radius--bottom-08 {
2024
- border-bottom-left-radius: var(--x-size-base-08) !important;
2053
+ [dir="rtl"] .x-border-radius--top-04 {
2054
+ border-top-left-radius: var(--x-size-base-04) !important;
2025
2055
  }
2026
- [dir="rtl"] .x-border-radius--bottom-08 {
2027
- border-bottom-right-radius: var(--x-size-base-08) !important;
2056
+ [dir="ltr"] .x-border-radius--bottom-04 {
2057
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2028
2058
  }
2029
- [dir="ltr"] .x-border-radius--bottom-08 {
2030
- border-bottom-right-radius: var(--x-size-base-08) !important;
2059
+ [dir="rtl"] .x-border-radius--bottom-04 {
2060
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2031
2061
  }
2032
- [dir="rtl"] .x-border-radius--bottom-08 {
2033
- border-bottom-left-radius: var(--x-size-base-08) !important;
2062
+ [dir="ltr"] .x-border-radius--bottom-04 {
2063
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2034
2064
  }
2035
- [dir="ltr"] .x-border-radius--right-08 {
2036
- border-top-right-radius: var(--x-size-base-08) !important;
2065
+ [dir="rtl"] .x-border-radius--bottom-04 {
2066
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2037
2067
  }
2038
- [dir="rtl"] .x-border-radius--right-08 {
2039
- border-top-left-radius: var(--x-size-base-08) !important;
2068
+ [dir="ltr"] .x-border-radius--right-04 {
2069
+ border-top-right-radius: var(--x-size-base-04) !important;
2040
2070
  }
2041
- [dir="ltr"] .x-border-radius--right-08 {
2042
- border-bottom-right-radius: var(--x-size-base-08) !important;
2071
+ [dir="rtl"] .x-border-radius--right-04 {
2072
+ border-top-left-radius: var(--x-size-base-04) !important;
2043
2073
  }
2044
- [dir="rtl"] .x-border-radius--right-08 {
2045
- border-bottom-left-radius: var(--x-size-base-08) !important;
2074
+ [dir="ltr"] .x-border-radius--right-04 {
2075
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2046
2076
  }
2047
- [dir="ltr"] .x-border-radius--left-08 {
2048
- border-top-left-radius: var(--x-size-base-08) !important;
2077
+ [dir="rtl"] .x-border-radius--right-04 {
2078
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2049
2079
  }
2050
- [dir="rtl"] .x-border-radius--left-08 {
2051
- border-top-right-radius: var(--x-size-base-08) !important;
2080
+ [dir="ltr"] .x-border-radius--left-04 {
2081
+ border-top-left-radius: var(--x-size-base-04) !important;
2052
2082
  }
2053
- [dir="ltr"] .x-border-radius--left-08 {
2054
- border-bottom-left-radius: var(--x-size-base-08) !important;
2083
+ [dir="rtl"] .x-border-radius--left-04 {
2084
+ border-top-right-radius: var(--x-size-base-04) !important;
2055
2085
  }
2056
- [dir="rtl"] .x-border-radius--left-08 {
2057
- border-bottom-right-radius: var(--x-size-base-08) !important;
2086
+ [dir="ltr"] .x-border-radius--left-04 {
2087
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2058
2088
  }
2059
- [dir="ltr"] .x-border-radius--top-left-08 {
2060
- border-top-left-radius: var(--x-size-base-08) !important;
2089
+ [dir="rtl"] .x-border-radius--left-04 {
2090
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2061
2091
  }
2062
- [dir="rtl"] .x-border-radius--top-left-08 {
2063
- border-top-right-radius: var(--x-size-base-08) !important;
2092
+ [dir="ltr"] .x-border-radius--top-left-04 {
2093
+ border-top-left-radius: var(--x-size-base-04) !important;
2064
2094
  }
2065
- [dir="ltr"] .x-border-radius--top-right-08 {
2066
- border-top-right-radius: var(--x-size-base-08) !important;
2095
+ [dir="rtl"] .x-border-radius--top-left-04 {
2096
+ border-top-right-radius: var(--x-size-base-04) !important;
2067
2097
  }
2068
- [dir="rtl"] .x-border-radius--top-right-08 {
2069
- border-top-left-radius: var(--x-size-base-08) !important;
2098
+ [dir="ltr"] .x-border-radius--top-right-04 {
2099
+ border-top-right-radius: var(--x-size-base-04) !important;
2070
2100
  }
2071
- [dir="ltr"] .x-border-radius--bottom-left-08 {
2072
- border-bottom-left-radius: var(--x-size-base-08) !important;
2101
+ [dir="rtl"] .x-border-radius--top-right-04 {
2102
+ border-top-left-radius: var(--x-size-base-04) !important;
2073
2103
  }
2074
- [dir="rtl"] .x-border-radius--bottom-left-08 {
2075
- border-bottom-right-radius: var(--x-size-base-08) !important;
2104
+ [dir="ltr"] .x-border-radius--bottom-left-04 {
2105
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2076
2106
  }
2077
- [dir="ltr"] .x-border-radius--bottom-right-08 {
2078
- border-bottom-right-radius: var(--x-size-base-08) !important;
2107
+ [dir="rtl"] .x-border-radius--bottom-left-04 {
2108
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2079
2109
  }
2080
- [dir="rtl"] .x-border-radius--bottom-right-08 {
2081
- border-bottom-left-radius: var(--x-size-base-08) !important;
2110
+ [dir="ltr"] .x-border-radius--bottom-right-04 {
2111
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2082
2112
  }
2083
- .x-border-radius--09 {
2084
- border-radius: var(--x-size-base-09) !important;
2113
+ [dir="rtl"] .x-border-radius--bottom-right-04 {
2114
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2085
2115
  }
2086
- [dir="ltr"] .x-border-radius--top-09 {
2087
- border-top-left-radius: var(--x-size-base-09) !important;
2116
+ .x-border-radius--05 {
2117
+ border-radius: var(--x-size-base-05) !important;
2088
2118
  }
2089
- [dir="rtl"] .x-border-radius--top-09 {
2090
- border-top-right-radius: var(--x-size-base-09) !important;
2119
+ [dir="ltr"] .x-border-radius--top-05 {
2120
+ border-top-left-radius: var(--x-size-base-05) !important;
2091
2121
  }
2092
- [dir="ltr"] .x-border-radius--top-09 {
2093
- border-top-right-radius: var(--x-size-base-09) !important;
2122
+ [dir="rtl"] .x-border-radius--top-05 {
2123
+ border-top-right-radius: var(--x-size-base-05) !important;
2094
2124
  }
2095
- [dir="rtl"] .x-border-radius--top-09 {
2096
- border-top-left-radius: var(--x-size-base-09) !important;
2125
+ [dir="ltr"] .x-border-radius--top-05 {
2126
+ border-top-right-radius: var(--x-size-base-05) !important;
2097
2127
  }
2098
- [dir="ltr"] .x-border-radius--bottom-09 {
2099
- border-bottom-left-radius: var(--x-size-base-09) !important;
2128
+ [dir="rtl"] .x-border-radius--top-05 {
2129
+ border-top-left-radius: var(--x-size-base-05) !important;
2100
2130
  }
2101
- [dir="rtl"] .x-border-radius--bottom-09 {
2102
- border-bottom-right-radius: var(--x-size-base-09) !important;
2131
+ [dir="ltr"] .x-border-radius--bottom-05 {
2132
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2103
2133
  }
2104
- [dir="ltr"] .x-border-radius--bottom-09 {
2105
- border-bottom-right-radius: var(--x-size-base-09) !important;
2134
+ [dir="rtl"] .x-border-radius--bottom-05 {
2135
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2106
2136
  }
2107
- [dir="rtl"] .x-border-radius--bottom-09 {
2108
- border-bottom-left-radius: var(--x-size-base-09) !important;
2137
+ [dir="ltr"] .x-border-radius--bottom-05 {
2138
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2109
2139
  }
2110
- [dir="ltr"] .x-border-radius--right-09 {
2111
- border-top-right-radius: var(--x-size-base-09) !important;
2140
+ [dir="rtl"] .x-border-radius--bottom-05 {
2141
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2112
2142
  }
2113
- [dir="rtl"] .x-border-radius--right-09 {
2114
- border-top-left-radius: var(--x-size-base-09) !important;
2143
+ [dir="ltr"] .x-border-radius--right-05 {
2144
+ border-top-right-radius: var(--x-size-base-05) !important;
2115
2145
  }
2116
- [dir="ltr"] .x-border-radius--right-09 {
2117
- border-bottom-right-radius: var(--x-size-base-09) !important;
2146
+ [dir="rtl"] .x-border-radius--right-05 {
2147
+ border-top-left-radius: var(--x-size-base-05) !important;
2118
2148
  }
2119
- [dir="rtl"] .x-border-radius--right-09 {
2120
- border-bottom-left-radius: var(--x-size-base-09) !important;
2149
+ [dir="ltr"] .x-border-radius--right-05 {
2150
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2121
2151
  }
2122
- [dir="ltr"] .x-border-radius--left-09 {
2123
- border-top-left-radius: var(--x-size-base-09) !important;
2152
+ [dir="rtl"] .x-border-radius--right-05 {
2153
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2124
2154
  }
2125
- [dir="rtl"] .x-border-radius--left-09 {
2126
- border-top-right-radius: var(--x-size-base-09) !important;
2155
+ [dir="ltr"] .x-border-radius--left-05 {
2156
+ border-top-left-radius: var(--x-size-base-05) !important;
2127
2157
  }
2128
- [dir="ltr"] .x-border-radius--left-09 {
2129
- border-bottom-left-radius: var(--x-size-base-09) !important;
2158
+ [dir="rtl"] .x-border-radius--left-05 {
2159
+ border-top-right-radius: var(--x-size-base-05) !important;
2130
2160
  }
2131
- [dir="rtl"] .x-border-radius--left-09 {
2132
- border-bottom-right-radius: var(--x-size-base-09) !important;
2161
+ [dir="ltr"] .x-border-radius--left-05 {
2162
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2133
2163
  }
2134
- [dir="ltr"] .x-border-radius--top-left-09 {
2135
- border-top-left-radius: var(--x-size-base-09) !important;
2164
+ [dir="rtl"] .x-border-radius--left-05 {
2165
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2136
2166
  }
2137
- [dir="rtl"] .x-border-radius--top-left-09 {
2138
- border-top-right-radius: var(--x-size-base-09) !important;
2167
+ [dir="ltr"] .x-border-radius--top-left-05 {
2168
+ border-top-left-radius: var(--x-size-base-05) !important;
2139
2169
  }
2140
- [dir="ltr"] .x-border-radius--top-right-09 {
2141
- border-top-right-radius: var(--x-size-base-09) !important;
2170
+ [dir="rtl"] .x-border-radius--top-left-05 {
2171
+ border-top-right-radius: var(--x-size-base-05) !important;
2142
2172
  }
2143
- [dir="rtl"] .x-border-radius--top-right-09 {
2144
- border-top-left-radius: var(--x-size-base-09) !important;
2173
+ [dir="ltr"] .x-border-radius--top-right-05 {
2174
+ border-top-right-radius: var(--x-size-base-05) !important;
2145
2175
  }
2146
- [dir="ltr"] .x-border-radius--bottom-left-09 {
2147
- border-bottom-left-radius: var(--x-size-base-09) !important;
2176
+ [dir="rtl"] .x-border-radius--top-right-05 {
2177
+ border-top-left-radius: var(--x-size-base-05) !important;
2148
2178
  }
2149
- [dir="rtl"] .x-border-radius--bottom-left-09 {
2150
- border-bottom-right-radius: var(--x-size-base-09) !important;
2179
+ [dir="ltr"] .x-border-radius--bottom-left-05 {
2180
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2151
2181
  }
2152
- [dir="ltr"] .x-border-radius--bottom-right-09 {
2153
- border-bottom-right-radius: var(--x-size-base-09) !important;
2182
+ [dir="rtl"] .x-border-radius--bottom-left-05 {
2183
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2154
2184
  }
2155
- [dir="rtl"] .x-border-radius--bottom-right-09 {
2156
- border-bottom-left-radius: var(--x-size-base-09) !important;
2185
+ [dir="ltr"] .x-border-radius--bottom-right-05 {
2186
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2157
2187
  }
2158
- .x-border-radius--10 {
2159
- border-radius: var(--x-size-base-10) !important;
2188
+ [dir="rtl"] .x-border-radius--bottom-right-05 {
2189
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2160
2190
  }
2161
- [dir="ltr"] .x-border-radius--top-10 {
2162
- border-top-left-radius: var(--x-size-base-10) !important;
2191
+ .x-border-radius--06 {
2192
+ border-radius: var(--x-size-base-06) !important;
2163
2193
  }
2164
- [dir="rtl"] .x-border-radius--top-10 {
2165
- border-top-right-radius: var(--x-size-base-10) !important;
2194
+ [dir="ltr"] .x-border-radius--top-06 {
2195
+ border-top-left-radius: var(--x-size-base-06) !important;
2166
2196
  }
2167
- [dir="ltr"] .x-border-radius--top-10 {
2168
- border-top-right-radius: var(--x-size-base-10) !important;
2197
+ [dir="rtl"] .x-border-radius--top-06 {
2198
+ border-top-right-radius: var(--x-size-base-06) !important;
2169
2199
  }
2170
- [dir="rtl"] .x-border-radius--top-10 {
2171
- border-top-left-radius: var(--x-size-base-10) !important;
2200
+ [dir="ltr"] .x-border-radius--top-06 {
2201
+ border-top-right-radius: var(--x-size-base-06) !important;
2172
2202
  }
2173
- [dir="ltr"] .x-border-radius--bottom-10 {
2174
- border-bottom-left-radius: var(--x-size-base-10) !important;
2203
+ [dir="rtl"] .x-border-radius--top-06 {
2204
+ border-top-left-radius: var(--x-size-base-06) !important;
2175
2205
  }
2176
- [dir="rtl"] .x-border-radius--bottom-10 {
2177
- border-bottom-right-radius: var(--x-size-base-10) !important;
2206
+ [dir="ltr"] .x-border-radius--bottom-06 {
2207
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2178
2208
  }
2179
- [dir="ltr"] .x-border-radius--bottom-10 {
2180
- border-bottom-right-radius: var(--x-size-base-10) !important;
2209
+ [dir="rtl"] .x-border-radius--bottom-06 {
2210
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2181
2211
  }
2182
- [dir="rtl"] .x-border-radius--bottom-10 {
2183
- border-bottom-left-radius: var(--x-size-base-10) !important;
2212
+ [dir="ltr"] .x-border-radius--bottom-06 {
2213
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2184
2214
  }
2185
- [dir="ltr"] .x-border-radius--right-10 {
2186
- border-top-right-radius: var(--x-size-base-10) !important;
2215
+ [dir="rtl"] .x-border-radius--bottom-06 {
2216
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2187
2217
  }
2188
- [dir="rtl"] .x-border-radius--right-10 {
2189
- border-top-left-radius: var(--x-size-base-10) !important;
2218
+ [dir="ltr"] .x-border-radius--right-06 {
2219
+ border-top-right-radius: var(--x-size-base-06) !important;
2190
2220
  }
2191
- [dir="ltr"] .x-border-radius--right-10 {
2192
- border-bottom-right-radius: var(--x-size-base-10) !important;
2221
+ [dir="rtl"] .x-border-radius--right-06 {
2222
+ border-top-left-radius: var(--x-size-base-06) !important;
2193
2223
  }
2194
- [dir="rtl"] .x-border-radius--right-10 {
2195
- border-bottom-left-radius: var(--x-size-base-10) !important;
2224
+ [dir="ltr"] .x-border-radius--right-06 {
2225
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2196
2226
  }
2197
- [dir="ltr"] .x-border-radius--left-10 {
2198
- border-top-left-radius: var(--x-size-base-10) !important;
2227
+ [dir="rtl"] .x-border-radius--right-06 {
2228
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2199
2229
  }
2200
- [dir="rtl"] .x-border-radius--left-10 {
2201
- border-top-right-radius: var(--x-size-base-10) !important;
2230
+ [dir="ltr"] .x-border-radius--left-06 {
2231
+ border-top-left-radius: var(--x-size-base-06) !important;
2202
2232
  }
2203
- [dir="ltr"] .x-border-radius--left-10 {
2204
- border-bottom-left-radius: var(--x-size-base-10) !important;
2233
+ [dir="rtl"] .x-border-radius--left-06 {
2234
+ border-top-right-radius: var(--x-size-base-06) !important;
2205
2235
  }
2206
- [dir="rtl"] .x-border-radius--left-10 {
2207
- border-bottom-right-radius: var(--x-size-base-10) !important;
2236
+ [dir="ltr"] .x-border-radius--left-06 {
2237
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2208
2238
  }
2209
- [dir="ltr"] .x-border-radius--top-left-10 {
2210
- border-top-left-radius: var(--x-size-base-10) !important;
2239
+ [dir="rtl"] .x-border-radius--left-06 {
2240
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2211
2241
  }
2212
- [dir="rtl"] .x-border-radius--top-left-10 {
2213
- border-top-right-radius: var(--x-size-base-10) !important;
2242
+ [dir="ltr"] .x-border-radius--top-left-06 {
2243
+ border-top-left-radius: var(--x-size-base-06) !important;
2214
2244
  }
2215
- [dir="ltr"] .x-border-radius--top-right-10 {
2216
- border-top-right-radius: var(--x-size-base-10) !important;
2245
+ [dir="rtl"] .x-border-radius--top-left-06 {
2246
+ border-top-right-radius: var(--x-size-base-06) !important;
2217
2247
  }
2218
- [dir="rtl"] .x-border-radius--top-right-10 {
2219
- border-top-left-radius: var(--x-size-base-10) !important;
2248
+ [dir="ltr"] .x-border-radius--top-right-06 {
2249
+ border-top-right-radius: var(--x-size-base-06) !important;
2220
2250
  }
2221
- [dir="ltr"] .x-border-radius--bottom-left-10 {
2222
- border-bottom-left-radius: var(--x-size-base-10) !important;
2251
+ [dir="rtl"] .x-border-radius--top-right-06 {
2252
+ border-top-left-radius: var(--x-size-base-06) !important;
2223
2253
  }
2224
- [dir="rtl"] .x-border-radius--bottom-left-10 {
2225
- border-bottom-right-radius: var(--x-size-base-10) !important;
2254
+ [dir="ltr"] .x-border-radius--bottom-left-06 {
2255
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2226
2256
  }
2227
- [dir="ltr"] .x-border-radius--bottom-right-10 {
2228
- border-bottom-right-radius: var(--x-size-base-10) !important;
2257
+ [dir="rtl"] .x-border-radius--bottom-left-06 {
2258
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2229
2259
  }
2230
- [dir="rtl"] .x-border-radius--bottom-right-10 {
2231
- border-bottom-left-radius: var(--x-size-base-10) !important;
2260
+ [dir="ltr"] .x-border-radius--bottom-right-06 {
2261
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2232
2262
  }
2233
- .x-border-radius--11 {
2234
- border-radius: var(--x-size-base-11) !important;
2263
+ [dir="rtl"] .x-border-radius--bottom-right-06 {
2264
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2235
2265
  }
2236
- [dir="ltr"] .x-border-radius--top-11 {
2237
- border-top-left-radius: var(--x-size-base-11) !important;
2266
+ .x-border-radius--07 {
2267
+ border-radius: var(--x-size-base-07) !important;
2238
2268
  }
2239
- [dir="rtl"] .x-border-radius--top-11 {
2240
- border-top-right-radius: var(--x-size-base-11) !important;
2269
+ [dir="ltr"] .x-border-radius--top-07 {
2270
+ border-top-left-radius: var(--x-size-base-07) !important;
2241
2271
  }
2242
- [dir="ltr"] .x-border-radius--top-11 {
2243
- border-top-right-radius: var(--x-size-base-11) !important;
2272
+ [dir="rtl"] .x-border-radius--top-07 {
2273
+ border-top-right-radius: var(--x-size-base-07) !important;
2244
2274
  }
2245
- [dir="rtl"] .x-border-radius--top-11 {
2246
- border-top-left-radius: var(--x-size-base-11) !important;
2275
+ [dir="ltr"] .x-border-radius--top-07 {
2276
+ border-top-right-radius: var(--x-size-base-07) !important;
2247
2277
  }
2248
- [dir="ltr"] .x-border-radius--bottom-11 {
2249
- border-bottom-left-radius: var(--x-size-base-11) !important;
2278
+ [dir="rtl"] .x-border-radius--top-07 {
2279
+ border-top-left-radius: var(--x-size-base-07) !important;
2250
2280
  }
2251
- [dir="rtl"] .x-border-radius--bottom-11 {
2252
- border-bottom-right-radius: var(--x-size-base-11) !important;
2281
+ [dir="ltr"] .x-border-radius--bottom-07 {
2282
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2253
2283
  }
2254
- [dir="ltr"] .x-border-radius--bottom-11 {
2255
- border-bottom-right-radius: var(--x-size-base-11) !important;
2284
+ [dir="rtl"] .x-border-radius--bottom-07 {
2285
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2256
2286
  }
2257
- [dir="rtl"] .x-border-radius--bottom-11 {
2258
- border-bottom-left-radius: var(--x-size-base-11) !important;
2287
+ [dir="ltr"] .x-border-radius--bottom-07 {
2288
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2259
2289
  }
2260
- [dir="ltr"] .x-border-radius--right-11 {
2261
- border-top-right-radius: var(--x-size-base-11) !important;
2290
+ [dir="rtl"] .x-border-radius--bottom-07 {
2291
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2262
2292
  }
2263
- [dir="rtl"] .x-border-radius--right-11 {
2264
- border-top-left-radius: var(--x-size-base-11) !important;
2293
+ [dir="ltr"] .x-border-radius--right-07 {
2294
+ border-top-right-radius: var(--x-size-base-07) !important;
2265
2295
  }
2266
- [dir="ltr"] .x-border-radius--right-11 {
2267
- border-bottom-right-radius: var(--x-size-base-11) !important;
2296
+ [dir="rtl"] .x-border-radius--right-07 {
2297
+ border-top-left-radius: var(--x-size-base-07) !important;
2268
2298
  }
2269
- [dir="rtl"] .x-border-radius--right-11 {
2270
- border-bottom-left-radius: var(--x-size-base-11) !important;
2299
+ [dir="ltr"] .x-border-radius--right-07 {
2300
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2271
2301
  }
2272
- [dir="ltr"] .x-border-radius--left-11 {
2273
- border-top-left-radius: var(--x-size-base-11) !important;
2302
+ [dir="rtl"] .x-border-radius--right-07 {
2303
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2274
2304
  }
2275
- [dir="rtl"] .x-border-radius--left-11 {
2276
- border-top-right-radius: var(--x-size-base-11) !important;
2305
+ [dir="ltr"] .x-border-radius--left-07 {
2306
+ border-top-left-radius: var(--x-size-base-07) !important;
2277
2307
  }
2278
- [dir="ltr"] .x-border-radius--left-11 {
2279
- border-bottom-left-radius: var(--x-size-base-11) !important;
2308
+ [dir="rtl"] .x-border-radius--left-07 {
2309
+ border-top-right-radius: var(--x-size-base-07) !important;
2280
2310
  }
2281
- [dir="rtl"] .x-border-radius--left-11 {
2282
- border-bottom-right-radius: var(--x-size-base-11) !important;
2311
+ [dir="ltr"] .x-border-radius--left-07 {
2312
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2283
2313
  }
2284
- [dir="ltr"] .x-border-radius--top-left-11 {
2285
- border-top-left-radius: var(--x-size-base-11) !important;
2314
+ [dir="rtl"] .x-border-radius--left-07 {
2315
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2286
2316
  }
2287
- [dir="rtl"] .x-border-radius--top-left-11 {
2288
- border-top-right-radius: var(--x-size-base-11) !important;
2317
+ [dir="ltr"] .x-border-radius--top-left-07 {
2318
+ border-top-left-radius: var(--x-size-base-07) !important;
2289
2319
  }
2290
- [dir="ltr"] .x-border-radius--top-right-11 {
2291
- border-top-right-radius: var(--x-size-base-11) !important;
2320
+ [dir="rtl"] .x-border-radius--top-left-07 {
2321
+ border-top-right-radius: var(--x-size-base-07) !important;
2292
2322
  }
2293
- [dir="rtl"] .x-border-radius--top-right-11 {
2294
- border-top-left-radius: var(--x-size-base-11) !important;
2323
+ [dir="ltr"] .x-border-radius--top-right-07 {
2324
+ border-top-right-radius: var(--x-size-base-07) !important;
2295
2325
  }
2296
- [dir="ltr"] .x-border-radius--bottom-left-11 {
2297
- border-bottom-left-radius: var(--x-size-base-11) !important;
2326
+ [dir="rtl"] .x-border-radius--top-right-07 {
2327
+ border-top-left-radius: var(--x-size-base-07) !important;
2298
2328
  }
2299
- [dir="rtl"] .x-border-radius--bottom-left-11 {
2300
- border-bottom-right-radius: var(--x-size-base-11) !important;
2329
+ [dir="ltr"] .x-border-radius--bottom-left-07 {
2330
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2301
2331
  }
2302
- [dir="ltr"] .x-border-radius--bottom-right-11 {
2303
- border-bottom-right-radius: var(--x-size-base-11) !important;
2332
+ [dir="rtl"] .x-border-radius--bottom-left-07 {
2333
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2304
2334
  }
2305
- [dir="rtl"] .x-border-radius--bottom-right-11 {
2306
- border-bottom-left-radius: var(--x-size-base-11) !important;
2335
+ [dir="ltr"] .x-border-radius--bottom-right-07 {
2336
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2307
2337
  }
2308
- .x-border-radius--12 {
2309
- border-radius: var(--x-size-base-12) !important;
2338
+ [dir="rtl"] .x-border-radius--bottom-right-07 {
2339
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2310
2340
  }
2311
- [dir="ltr"] .x-border-radius--top-12 {
2312
- border-top-left-radius: var(--x-size-base-12) !important;
2341
+ .x-border-radius--08 {
2342
+ border-radius: var(--x-size-base-08) !important;
2313
2343
  }
2314
- [dir="rtl"] .x-border-radius--top-12 {
2315
- border-top-right-radius: var(--x-size-base-12) !important;
2344
+ [dir="ltr"] .x-border-radius--top-08 {
2345
+ border-top-left-radius: var(--x-size-base-08) !important;
2316
2346
  }
2317
- [dir="ltr"] .x-border-radius--top-12 {
2318
- border-top-right-radius: var(--x-size-base-12) !important;
2347
+ [dir="rtl"] .x-border-radius--top-08 {
2348
+ border-top-right-radius: var(--x-size-base-08) !important;
2319
2349
  }
2320
- [dir="rtl"] .x-border-radius--top-12 {
2321
- border-top-left-radius: var(--x-size-base-12) !important;
2350
+ [dir="ltr"] .x-border-radius--top-08 {
2351
+ border-top-right-radius: var(--x-size-base-08) !important;
2322
2352
  }
2323
- [dir="ltr"] .x-border-radius--bottom-12 {
2324
- border-bottom-left-radius: var(--x-size-base-12) !important;
2353
+ [dir="rtl"] .x-border-radius--top-08 {
2354
+ border-top-left-radius: var(--x-size-base-08) !important;
2325
2355
  }
2326
- [dir="rtl"] .x-border-radius--bottom-12 {
2327
- border-bottom-right-radius: var(--x-size-base-12) !important;
2356
+ [dir="ltr"] .x-border-radius--bottom-08 {
2357
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2328
2358
  }
2329
- [dir="ltr"] .x-border-radius--bottom-12 {
2330
- border-bottom-right-radius: var(--x-size-base-12) !important;
2359
+ [dir="rtl"] .x-border-radius--bottom-08 {
2360
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2331
2361
  }
2332
- [dir="rtl"] .x-border-radius--bottom-12 {
2333
- border-bottom-left-radius: var(--x-size-base-12) !important;
2362
+ [dir="ltr"] .x-border-radius--bottom-08 {
2363
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2334
2364
  }
2335
- [dir="ltr"] .x-border-radius--right-12 {
2336
- border-top-right-radius: var(--x-size-base-12) !important;
2365
+ [dir="rtl"] .x-border-radius--bottom-08 {
2366
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2337
2367
  }
2338
- [dir="rtl"] .x-border-radius--right-12 {
2339
- border-top-left-radius: var(--x-size-base-12) !important;
2368
+ [dir="ltr"] .x-border-radius--right-08 {
2369
+ border-top-right-radius: var(--x-size-base-08) !important;
2340
2370
  }
2341
- [dir="ltr"] .x-border-radius--right-12 {
2342
- border-bottom-right-radius: var(--x-size-base-12) !important;
2371
+ [dir="rtl"] .x-border-radius--right-08 {
2372
+ border-top-left-radius: var(--x-size-base-08) !important;
2343
2373
  }
2344
- [dir="rtl"] .x-border-radius--right-12 {
2345
- border-bottom-left-radius: var(--x-size-base-12) !important;
2374
+ [dir="ltr"] .x-border-radius--right-08 {
2375
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2346
2376
  }
2347
- [dir="ltr"] .x-border-radius--left-12 {
2348
- border-top-left-radius: var(--x-size-base-12) !important;
2377
+ [dir="rtl"] .x-border-radius--right-08 {
2378
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2349
2379
  }
2350
- [dir="rtl"] .x-border-radius--left-12 {
2351
- border-top-right-radius: var(--x-size-base-12) !important;
2380
+ [dir="ltr"] .x-border-radius--left-08 {
2381
+ border-top-left-radius: var(--x-size-base-08) !important;
2352
2382
  }
2353
- [dir="ltr"] .x-border-radius--left-12 {
2354
- border-bottom-left-radius: var(--x-size-base-12) !important;
2383
+ [dir="rtl"] .x-border-radius--left-08 {
2384
+ border-top-right-radius: var(--x-size-base-08) !important;
2355
2385
  }
2356
- [dir="rtl"] .x-border-radius--left-12 {
2357
- border-bottom-right-radius: var(--x-size-base-12) !important;
2386
+ [dir="ltr"] .x-border-radius--left-08 {
2387
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2358
2388
  }
2359
- [dir="ltr"] .x-border-radius--top-left-12 {
2360
- border-top-left-radius: var(--x-size-base-12) !important;
2389
+ [dir="rtl"] .x-border-radius--left-08 {
2390
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2361
2391
  }
2362
- [dir="rtl"] .x-border-radius--top-left-12 {
2363
- border-top-right-radius: var(--x-size-base-12) !important;
2392
+ [dir="ltr"] .x-border-radius--top-left-08 {
2393
+ border-top-left-radius: var(--x-size-base-08) !important;
2364
2394
  }
2365
- [dir="ltr"] .x-border-radius--top-right-12 {
2366
- border-top-right-radius: var(--x-size-base-12) !important;
2395
+ [dir="rtl"] .x-border-radius--top-left-08 {
2396
+ border-top-right-radius: var(--x-size-base-08) !important;
2367
2397
  }
2368
- [dir="rtl"] .x-border-radius--top-right-12 {
2369
- border-top-left-radius: var(--x-size-base-12) !important;
2398
+ [dir="ltr"] .x-border-radius--top-right-08 {
2399
+ border-top-right-radius: var(--x-size-base-08) !important;
2370
2400
  }
2371
- [dir="ltr"] .x-border-radius--bottom-left-12 {
2372
- border-bottom-left-radius: var(--x-size-base-12) !important;
2401
+ [dir="rtl"] .x-border-radius--top-right-08 {
2402
+ border-top-left-radius: var(--x-size-base-08) !important;
2373
2403
  }
2374
- [dir="rtl"] .x-border-radius--bottom-left-12 {
2375
- border-bottom-right-radius: var(--x-size-base-12) !important;
2404
+ [dir="ltr"] .x-border-radius--bottom-left-08 {
2405
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2376
2406
  }
2377
- [dir="ltr"] .x-border-radius--bottom-right-12 {
2378
- border-bottom-right-radius: var(--x-size-base-12) !important;
2407
+ [dir="rtl"] .x-border-radius--bottom-left-08 {
2408
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2379
2409
  }
2380
- [dir="rtl"] .x-border-radius--bottom-right-12 {
2381
- border-bottom-left-radius: var(--x-size-base-12) !important;
2410
+ [dir="ltr"] .x-border-radius--bottom-right-08 {
2411
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2382
2412
  }
2383
- .x-border-radius--13 {
2384
- border-radius: var(--x-size-base-13) !important;
2413
+ [dir="rtl"] .x-border-radius--bottom-right-08 {
2414
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2385
2415
  }
2386
- [dir="ltr"] .x-border-radius--top-13 {
2387
- border-top-left-radius: var(--x-size-base-13) !important;
2416
+ .x-border-radius--09 {
2417
+ border-radius: var(--x-size-base-09) !important;
2388
2418
  }
2389
- [dir="rtl"] .x-border-radius--top-13 {
2390
- border-top-right-radius: var(--x-size-base-13) !important;
2419
+ [dir="ltr"] .x-border-radius--top-09 {
2420
+ border-top-left-radius: var(--x-size-base-09) !important;
2391
2421
  }
2392
- [dir="ltr"] .x-border-radius--top-13 {
2393
- border-top-right-radius: var(--x-size-base-13) !important;
2422
+ [dir="rtl"] .x-border-radius--top-09 {
2423
+ border-top-right-radius: var(--x-size-base-09) !important;
2394
2424
  }
2395
- [dir="rtl"] .x-border-radius--top-13 {
2396
- border-top-left-radius: var(--x-size-base-13) !important;
2425
+ [dir="ltr"] .x-border-radius--top-09 {
2426
+ border-top-right-radius: var(--x-size-base-09) !important;
2397
2427
  }
2398
- [dir="ltr"] .x-border-radius--bottom-13 {
2399
- border-bottom-left-radius: var(--x-size-base-13) !important;
2428
+ [dir="rtl"] .x-border-radius--top-09 {
2429
+ border-top-left-radius: var(--x-size-base-09) !important;
2400
2430
  }
2401
- [dir="rtl"] .x-border-radius--bottom-13 {
2402
- border-bottom-right-radius: var(--x-size-base-13) !important;
2431
+ [dir="ltr"] .x-border-radius--bottom-09 {
2432
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2403
2433
  }
2404
- [dir="ltr"] .x-border-radius--bottom-13 {
2405
- border-bottom-right-radius: var(--x-size-base-13) !important;
2434
+ [dir="rtl"] .x-border-radius--bottom-09 {
2435
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2406
2436
  }
2407
- [dir="rtl"] .x-border-radius--bottom-13 {
2408
- border-bottom-left-radius: var(--x-size-base-13) !important;
2437
+ [dir="ltr"] .x-border-radius--bottom-09 {
2438
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2409
2439
  }
2410
- [dir="ltr"] .x-border-radius--right-13 {
2411
- border-top-right-radius: var(--x-size-base-13) !important;
2440
+ [dir="rtl"] .x-border-radius--bottom-09 {
2441
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2412
2442
  }
2413
- [dir="rtl"] .x-border-radius--right-13 {
2414
- border-top-left-radius: var(--x-size-base-13) !important;
2443
+ [dir="ltr"] .x-border-radius--right-09 {
2444
+ border-top-right-radius: var(--x-size-base-09) !important;
2415
2445
  }
2416
- [dir="ltr"] .x-border-radius--right-13 {
2417
- border-bottom-right-radius: var(--x-size-base-13) !important;
2446
+ [dir="rtl"] .x-border-radius--right-09 {
2447
+ border-top-left-radius: var(--x-size-base-09) !important;
2418
2448
  }
2419
- [dir="rtl"] .x-border-radius--right-13 {
2420
- border-bottom-left-radius: var(--x-size-base-13) !important;
2449
+ [dir="ltr"] .x-border-radius--right-09 {
2450
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2421
2451
  }
2422
- [dir="ltr"] .x-border-radius--left-13 {
2423
- border-top-left-radius: var(--x-size-base-13) !important;
2452
+ [dir="rtl"] .x-border-radius--right-09 {
2453
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2424
2454
  }
2425
- [dir="rtl"] .x-border-radius--left-13 {
2426
- border-top-right-radius: var(--x-size-base-13) !important;
2455
+ [dir="ltr"] .x-border-radius--left-09 {
2456
+ border-top-left-radius: var(--x-size-base-09) !important;
2427
2457
  }
2428
- [dir="ltr"] .x-border-radius--left-13 {
2429
- border-bottom-left-radius: var(--x-size-base-13) !important;
2458
+ [dir="rtl"] .x-border-radius--left-09 {
2459
+ border-top-right-radius: var(--x-size-base-09) !important;
2430
2460
  }
2431
- [dir="rtl"] .x-border-radius--left-13 {
2432
- border-bottom-right-radius: var(--x-size-base-13) !important;
2461
+ [dir="ltr"] .x-border-radius--left-09 {
2462
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2433
2463
  }
2434
- [dir="ltr"] .x-border-radius--top-left-13 {
2435
- border-top-left-radius: var(--x-size-base-13) !important;
2464
+ [dir="rtl"] .x-border-radius--left-09 {
2465
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2436
2466
  }
2437
- [dir="rtl"] .x-border-radius--top-left-13 {
2438
- border-top-right-radius: var(--x-size-base-13) !important;
2467
+ [dir="ltr"] .x-border-radius--top-left-09 {
2468
+ border-top-left-radius: var(--x-size-base-09) !important;
2439
2469
  }
2440
- [dir="ltr"] .x-border-radius--top-right-13 {
2441
- border-top-right-radius: var(--x-size-base-13) !important;
2470
+ [dir="rtl"] .x-border-radius--top-left-09 {
2471
+ border-top-right-radius: var(--x-size-base-09) !important;
2442
2472
  }
2443
- [dir="rtl"] .x-border-radius--top-right-13 {
2444
- border-top-left-radius: var(--x-size-base-13) !important;
2473
+ [dir="ltr"] .x-border-radius--top-right-09 {
2474
+ border-top-right-radius: var(--x-size-base-09) !important;
2445
2475
  }
2446
- [dir="ltr"] .x-border-radius--bottom-left-13 {
2447
- border-bottom-left-radius: var(--x-size-base-13) !important;
2476
+ [dir="rtl"] .x-border-radius--top-right-09 {
2477
+ border-top-left-radius: var(--x-size-base-09) !important;
2448
2478
  }
2449
- [dir="rtl"] .x-border-radius--bottom-left-13 {
2450
- border-bottom-right-radius: var(--x-size-base-13) !important;
2479
+ [dir="ltr"] .x-border-radius--bottom-left-09 {
2480
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2451
2481
  }
2452
- [dir="ltr"] .x-border-radius--bottom-right-13 {
2453
- border-bottom-right-radius: var(--x-size-base-13) !important;
2482
+ [dir="rtl"] .x-border-radius--bottom-left-09 {
2483
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2454
2484
  }
2455
- [dir="rtl"] .x-border-radius--bottom-right-13 {
2456
- border-bottom-left-radius: var(--x-size-base-13) !important;
2485
+ [dir="ltr"] .x-border-radius--bottom-right-09 {
2486
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2457
2487
  }
2458
- .x-border-radius--14 {
2459
- border-radius: var(--x-size-base-14) !important;
2488
+ [dir="rtl"] .x-border-radius--bottom-right-09 {
2489
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2460
2490
  }
2461
- [dir="ltr"] .x-border-radius--top-14 {
2462
- border-top-left-radius: var(--x-size-base-14) !important;
2491
+ .x-border-radius--10 {
2492
+ border-radius: var(--x-size-base-10) !important;
2463
2493
  }
2464
- [dir="rtl"] .x-border-radius--top-14 {
2465
- border-top-right-radius: var(--x-size-base-14) !important;
2494
+ [dir="ltr"] .x-border-radius--top-10 {
2495
+ border-top-left-radius: var(--x-size-base-10) !important;
2466
2496
  }
2467
- [dir="ltr"] .x-border-radius--top-14 {
2468
- border-top-right-radius: var(--x-size-base-14) !important;
2497
+ [dir="rtl"] .x-border-radius--top-10 {
2498
+ border-top-right-radius: var(--x-size-base-10) !important;
2469
2499
  }
2470
- [dir="rtl"] .x-border-radius--top-14 {
2471
- border-top-left-radius: var(--x-size-base-14) !important;
2500
+ [dir="ltr"] .x-border-radius--top-10 {
2501
+ border-top-right-radius: var(--x-size-base-10) !important;
2472
2502
  }
2473
- [dir="ltr"] .x-border-radius--bottom-14 {
2474
- border-bottom-left-radius: var(--x-size-base-14) !important;
2503
+ [dir="rtl"] .x-border-radius--top-10 {
2504
+ border-top-left-radius: var(--x-size-base-10) !important;
2475
2505
  }
2476
- [dir="rtl"] .x-border-radius--bottom-14 {
2477
- border-bottom-right-radius: var(--x-size-base-14) !important;
2506
+ [dir="ltr"] .x-border-radius--bottom-10 {
2507
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2478
2508
  }
2479
- [dir="ltr"] .x-border-radius--bottom-14 {
2480
- border-bottom-right-radius: var(--x-size-base-14) !important;
2509
+ [dir="rtl"] .x-border-radius--bottom-10 {
2510
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2481
2511
  }
2482
- [dir="rtl"] .x-border-radius--bottom-14 {
2483
- border-bottom-left-radius: var(--x-size-base-14) !important;
2512
+ [dir="ltr"] .x-border-radius--bottom-10 {
2513
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2484
2514
  }
2485
- [dir="ltr"] .x-border-radius--right-14 {
2486
- border-top-right-radius: var(--x-size-base-14) !important;
2515
+ [dir="rtl"] .x-border-radius--bottom-10 {
2516
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2487
2517
  }
2488
- [dir="rtl"] .x-border-radius--right-14 {
2489
- border-top-left-radius: var(--x-size-base-14) !important;
2518
+ [dir="ltr"] .x-border-radius--right-10 {
2519
+ border-top-right-radius: var(--x-size-base-10) !important;
2490
2520
  }
2491
- [dir="ltr"] .x-border-radius--right-14 {
2492
- border-bottom-right-radius: var(--x-size-base-14) !important;
2521
+ [dir="rtl"] .x-border-radius--right-10 {
2522
+ border-top-left-radius: var(--x-size-base-10) !important;
2493
2523
  }
2494
- [dir="rtl"] .x-border-radius--right-14 {
2495
- border-bottom-left-radius: var(--x-size-base-14) !important;
2524
+ [dir="ltr"] .x-border-radius--right-10 {
2525
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2496
2526
  }
2497
- [dir="ltr"] .x-border-radius--left-14 {
2498
- border-top-left-radius: var(--x-size-base-14) !important;
2527
+ [dir="rtl"] .x-border-radius--right-10 {
2528
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2499
2529
  }
2500
- [dir="rtl"] .x-border-radius--left-14 {
2501
- border-top-right-radius: var(--x-size-base-14) !important;
2530
+ [dir="ltr"] .x-border-radius--left-10 {
2531
+ border-top-left-radius: var(--x-size-base-10) !important;
2502
2532
  }
2503
- [dir="ltr"] .x-border-radius--left-14 {
2504
- border-bottom-left-radius: var(--x-size-base-14) !important;
2533
+ [dir="rtl"] .x-border-radius--left-10 {
2534
+ border-top-right-radius: var(--x-size-base-10) !important;
2505
2535
  }
2506
- [dir="rtl"] .x-border-radius--left-14 {
2507
- border-bottom-right-radius: var(--x-size-base-14) !important;
2536
+ [dir="ltr"] .x-border-radius--left-10 {
2537
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2508
2538
  }
2509
- [dir="ltr"] .x-border-radius--top-left-14 {
2510
- border-top-left-radius: var(--x-size-base-14) !important;
2539
+ [dir="rtl"] .x-border-radius--left-10 {
2540
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2511
2541
  }
2512
- [dir="rtl"] .x-border-radius--top-left-14 {
2513
- border-top-right-radius: var(--x-size-base-14) !important;
2542
+ [dir="ltr"] .x-border-radius--top-left-10 {
2543
+ border-top-left-radius: var(--x-size-base-10) !important;
2514
2544
  }
2515
- [dir="ltr"] .x-border-radius--top-right-14 {
2516
- border-top-right-radius: var(--x-size-base-14) !important;
2545
+ [dir="rtl"] .x-border-radius--top-left-10 {
2546
+ border-top-right-radius: var(--x-size-base-10) !important;
2517
2547
  }
2518
- [dir="rtl"] .x-border-radius--top-right-14 {
2519
- border-top-left-radius: var(--x-size-base-14) !important;
2548
+ [dir="ltr"] .x-border-radius--top-right-10 {
2549
+ border-top-right-radius: var(--x-size-base-10) !important;
2520
2550
  }
2521
- [dir="ltr"] .x-border-radius--bottom-left-14 {
2522
- border-bottom-left-radius: var(--x-size-base-14) !important;
2551
+ [dir="rtl"] .x-border-radius--top-right-10 {
2552
+ border-top-left-radius: var(--x-size-base-10) !important;
2523
2553
  }
2524
- [dir="rtl"] .x-border-radius--bottom-left-14 {
2525
- border-bottom-right-radius: var(--x-size-base-14) !important;
2554
+ [dir="ltr"] .x-border-radius--bottom-left-10 {
2555
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2526
2556
  }
2527
- [dir="ltr"] .x-border-radius--bottom-right-14 {
2528
- border-bottom-right-radius: var(--x-size-base-14) !important;
2557
+ [dir="rtl"] .x-border-radius--bottom-left-10 {
2558
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2529
2559
  }
2530
- [dir="rtl"] .x-border-radius--bottom-right-14 {
2531
- border-bottom-left-radius: var(--x-size-base-14) !important;
2560
+ [dir="ltr"] .x-border-radius--bottom-right-10 {
2561
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2532
2562
  }
2533
- .x-border-radius--15 {
2534
- border-radius: var(--x-size-base-15) !important;
2563
+ [dir="rtl"] .x-border-radius--bottom-right-10 {
2564
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2535
2565
  }
2536
- [dir="ltr"] .x-border-radius--top-15 {
2537
- border-top-left-radius: var(--x-size-base-15) !important;
2566
+ .x-border-radius--11 {
2567
+ border-radius: var(--x-size-base-11) !important;
2538
2568
  }
2539
- [dir="rtl"] .x-border-radius--top-15 {
2540
- border-top-right-radius: var(--x-size-base-15) !important;
2569
+ [dir="ltr"] .x-border-radius--top-11 {
2570
+ border-top-left-radius: var(--x-size-base-11) !important;
2541
2571
  }
2542
- [dir="ltr"] .x-border-radius--top-15 {
2543
- border-top-right-radius: var(--x-size-base-15) !important;
2572
+ [dir="rtl"] .x-border-radius--top-11 {
2573
+ border-top-right-radius: var(--x-size-base-11) !important;
2544
2574
  }
2545
- [dir="rtl"] .x-border-radius--top-15 {
2546
- border-top-left-radius: var(--x-size-base-15) !important;
2575
+ [dir="ltr"] .x-border-radius--top-11 {
2576
+ border-top-right-radius: var(--x-size-base-11) !important;
2547
2577
  }
2548
- [dir="ltr"] .x-border-radius--bottom-15 {
2549
- border-bottom-left-radius: var(--x-size-base-15) !important;
2578
+ [dir="rtl"] .x-border-radius--top-11 {
2579
+ border-top-left-radius: var(--x-size-base-11) !important;
2550
2580
  }
2551
- [dir="rtl"] .x-border-radius--bottom-15 {
2552
- border-bottom-right-radius: var(--x-size-base-15) !important;
2581
+ [dir="ltr"] .x-border-radius--bottom-11 {
2582
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2553
2583
  }
2554
- [dir="ltr"] .x-border-radius--bottom-15 {
2555
- border-bottom-right-radius: var(--x-size-base-15) !important;
2584
+ [dir="rtl"] .x-border-radius--bottom-11 {
2585
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2556
2586
  }
2557
- [dir="rtl"] .x-border-radius--bottom-15 {
2558
- border-bottom-left-radius: var(--x-size-base-15) !important;
2587
+ [dir="ltr"] .x-border-radius--bottom-11 {
2588
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2559
2589
  }
2560
- [dir="ltr"] .x-border-radius--right-15 {
2561
- border-top-right-radius: var(--x-size-base-15) !important;
2590
+ [dir="rtl"] .x-border-radius--bottom-11 {
2591
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2562
2592
  }
2563
- [dir="rtl"] .x-border-radius--right-15 {
2564
- border-top-left-radius: var(--x-size-base-15) !important;
2593
+ [dir="ltr"] .x-border-radius--right-11 {
2594
+ border-top-right-radius: var(--x-size-base-11) !important;
2565
2595
  }
2566
- [dir="ltr"] .x-border-radius--right-15 {
2567
- border-bottom-right-radius: var(--x-size-base-15) !important;
2596
+ [dir="rtl"] .x-border-radius--right-11 {
2597
+ border-top-left-radius: var(--x-size-base-11) !important;
2568
2598
  }
2569
- [dir="rtl"] .x-border-radius--right-15 {
2570
- border-bottom-left-radius: var(--x-size-base-15) !important;
2599
+ [dir="ltr"] .x-border-radius--right-11 {
2600
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2571
2601
  }
2572
- [dir="ltr"] .x-border-radius--left-15 {
2573
- border-top-left-radius: var(--x-size-base-15) !important;
2602
+ [dir="rtl"] .x-border-radius--right-11 {
2603
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2574
2604
  }
2575
- [dir="rtl"] .x-border-radius--left-15 {
2576
- border-top-right-radius: var(--x-size-base-15) !important;
2605
+ [dir="ltr"] .x-border-radius--left-11 {
2606
+ border-top-left-radius: var(--x-size-base-11) !important;
2577
2607
  }
2578
- [dir="ltr"] .x-border-radius--left-15 {
2579
- border-bottom-left-radius: var(--x-size-base-15) !important;
2608
+ [dir="rtl"] .x-border-radius--left-11 {
2609
+ border-top-right-radius: var(--x-size-base-11) !important;
2580
2610
  }
2581
- [dir="rtl"] .x-border-radius--left-15 {
2582
- border-bottom-right-radius: var(--x-size-base-15) !important;
2611
+ [dir="ltr"] .x-border-radius--left-11 {
2612
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2583
2613
  }
2584
- [dir="ltr"] .x-border-radius--top-left-15 {
2585
- border-top-left-radius: var(--x-size-base-15) !important;
2614
+ [dir="rtl"] .x-border-radius--left-11 {
2615
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2586
2616
  }
2587
- [dir="rtl"] .x-border-radius--top-left-15 {
2588
- border-top-right-radius: var(--x-size-base-15) !important;
2617
+ [dir="ltr"] .x-border-radius--top-left-11 {
2618
+ border-top-left-radius: var(--x-size-base-11) !important;
2589
2619
  }
2590
- [dir="ltr"] .x-border-radius--top-right-15 {
2591
- border-top-right-radius: var(--x-size-base-15) !important;
2620
+ [dir="rtl"] .x-border-radius--top-left-11 {
2621
+ border-top-right-radius: var(--x-size-base-11) !important;
2592
2622
  }
2593
- [dir="rtl"] .x-border-radius--top-right-15 {
2594
- border-top-left-radius: var(--x-size-base-15) !important;
2623
+ [dir="ltr"] .x-border-radius--top-right-11 {
2624
+ border-top-right-radius: var(--x-size-base-11) !important;
2595
2625
  }
2596
- [dir="ltr"] .x-border-radius--bottom-left-15 {
2597
- border-bottom-left-radius: var(--x-size-base-15) !important;
2626
+ [dir="rtl"] .x-border-radius--top-right-11 {
2627
+ border-top-left-radius: var(--x-size-base-11) !important;
2598
2628
  }
2599
- [dir="rtl"] .x-border-radius--bottom-left-15 {
2600
- border-bottom-right-radius: var(--x-size-base-15) !important;
2629
+ [dir="ltr"] .x-border-radius--bottom-left-11 {
2630
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2601
2631
  }
2602
- [dir="ltr"] .x-border-radius--bottom-right-15 {
2603
- border-bottom-right-radius: var(--x-size-base-15) !important;
2632
+ [dir="rtl"] .x-border-radius--bottom-left-11 {
2633
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2604
2634
  }
2605
- [dir="rtl"] .x-border-radius--bottom-right-15 {
2606
- border-bottom-left-radius: var(--x-size-base-15) !important;
2635
+ [dir="ltr"] .x-border-radius--bottom-right-11 {
2636
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2607
2637
  }
2608
- .x-border-radius--16 {
2609
- border-radius: var(--x-size-base-16) !important;
2638
+ [dir="rtl"] .x-border-radius--bottom-right-11 {
2639
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2610
2640
  }
2611
- [dir="ltr"] .x-border-radius--top-16 {
2612
- border-top-left-radius: var(--x-size-base-16) !important;
2641
+ .x-border-radius--12 {
2642
+ border-radius: var(--x-size-base-12) !important;
2613
2643
  }
2614
- [dir="rtl"] .x-border-radius--top-16 {
2615
- border-top-right-radius: var(--x-size-base-16) !important;
2644
+ [dir="ltr"] .x-border-radius--top-12 {
2645
+ border-top-left-radius: var(--x-size-base-12) !important;
2616
2646
  }
2617
- [dir="ltr"] .x-border-radius--top-16 {
2618
- border-top-right-radius: var(--x-size-base-16) !important;
2647
+ [dir="rtl"] .x-border-radius--top-12 {
2648
+ border-top-right-radius: var(--x-size-base-12) !important;
2619
2649
  }
2620
- [dir="rtl"] .x-border-radius--top-16 {
2621
- border-top-left-radius: var(--x-size-base-16) !important;
2650
+ [dir="ltr"] .x-border-radius--top-12 {
2651
+ border-top-right-radius: var(--x-size-base-12) !important;
2622
2652
  }
2623
- [dir="ltr"] .x-border-radius--bottom-16 {
2624
- border-bottom-left-radius: var(--x-size-base-16) !important;
2653
+ [dir="rtl"] .x-border-radius--top-12 {
2654
+ border-top-left-radius: var(--x-size-base-12) !important;
2625
2655
  }
2626
- [dir="rtl"] .x-border-radius--bottom-16 {
2627
- border-bottom-right-radius: var(--x-size-base-16) !important;
2656
+ [dir="ltr"] .x-border-radius--bottom-12 {
2657
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2628
2658
  }
2629
- [dir="ltr"] .x-border-radius--bottom-16 {
2630
- border-bottom-right-radius: var(--x-size-base-16) !important;
2659
+ [dir="rtl"] .x-border-radius--bottom-12 {
2660
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2631
2661
  }
2632
- [dir="rtl"] .x-border-radius--bottom-16 {
2633
- border-bottom-left-radius: var(--x-size-base-16) !important;
2662
+ [dir="ltr"] .x-border-radius--bottom-12 {
2663
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2634
2664
  }
2635
- [dir="ltr"] .x-border-radius--right-16 {
2636
- border-top-right-radius: var(--x-size-base-16) !important;
2665
+ [dir="rtl"] .x-border-radius--bottom-12 {
2666
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2637
2667
  }
2638
- [dir="rtl"] .x-border-radius--right-16 {
2639
- border-top-left-radius: var(--x-size-base-16) !important;
2668
+ [dir="ltr"] .x-border-radius--right-12 {
2669
+ border-top-right-radius: var(--x-size-base-12) !important;
2640
2670
  }
2641
- [dir="ltr"] .x-border-radius--right-16 {
2642
- border-bottom-right-radius: var(--x-size-base-16) !important;
2671
+ [dir="rtl"] .x-border-radius--right-12 {
2672
+ border-top-left-radius: var(--x-size-base-12) !important;
2643
2673
  }
2644
- [dir="rtl"] .x-border-radius--right-16 {
2645
- border-bottom-left-radius: var(--x-size-base-16) !important;
2674
+ [dir="ltr"] .x-border-radius--right-12 {
2675
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2646
2676
  }
2647
- [dir="ltr"] .x-border-radius--left-16 {
2648
- border-top-left-radius: var(--x-size-base-16) !important;
2677
+ [dir="rtl"] .x-border-radius--right-12 {
2678
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2649
2679
  }
2650
- [dir="rtl"] .x-border-radius--left-16 {
2651
- border-top-right-radius: var(--x-size-base-16) !important;
2680
+ [dir="ltr"] .x-border-radius--left-12 {
2681
+ border-top-left-radius: var(--x-size-base-12) !important;
2652
2682
  }
2653
- [dir="ltr"] .x-border-radius--left-16 {
2654
- border-bottom-left-radius: var(--x-size-base-16) !important;
2683
+ [dir="rtl"] .x-border-radius--left-12 {
2684
+ border-top-right-radius: var(--x-size-base-12) !important;
2655
2685
  }
2656
- [dir="rtl"] .x-border-radius--left-16 {
2657
- border-bottom-right-radius: var(--x-size-base-16) !important;
2686
+ [dir="ltr"] .x-border-radius--left-12 {
2687
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2658
2688
  }
2659
- [dir="ltr"] .x-border-radius--top-left-16 {
2660
- border-top-left-radius: var(--x-size-base-16) !important;
2689
+ [dir="rtl"] .x-border-radius--left-12 {
2690
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2661
2691
  }
2662
- [dir="rtl"] .x-border-radius--top-left-16 {
2663
- border-top-right-radius: var(--x-size-base-16) !important;
2692
+ [dir="ltr"] .x-border-radius--top-left-12 {
2693
+ border-top-left-radius: var(--x-size-base-12) !important;
2664
2694
  }
2665
- [dir="ltr"] .x-border-radius--top-right-16 {
2666
- border-top-right-radius: var(--x-size-base-16) !important;
2695
+ [dir="rtl"] .x-border-radius--top-left-12 {
2696
+ border-top-right-radius: var(--x-size-base-12) !important;
2667
2697
  }
2668
- [dir="rtl"] .x-border-radius--top-right-16 {
2669
- border-top-left-radius: var(--x-size-base-16) !important;
2698
+ [dir="ltr"] .x-border-radius--top-right-12 {
2699
+ border-top-right-radius: var(--x-size-base-12) !important;
2670
2700
  }
2671
- [dir="ltr"] .x-border-radius--bottom-left-16 {
2672
- border-bottom-left-radius: var(--x-size-base-16) !important;
2701
+ [dir="rtl"] .x-border-radius--top-right-12 {
2702
+ border-top-left-radius: var(--x-size-base-12) !important;
2673
2703
  }
2674
- [dir="rtl"] .x-border-radius--bottom-left-16 {
2675
- border-bottom-right-radius: var(--x-size-base-16) !important;
2704
+ [dir="ltr"] .x-border-radius--bottom-left-12 {
2705
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2676
2706
  }
2677
- [dir="ltr"] .x-border-radius--bottom-right-16 {
2678
- border-bottom-right-radius: var(--x-size-base-16) !important;
2707
+ [dir="rtl"] .x-border-radius--bottom-left-12 {
2708
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2679
2709
  }
2680
- [dir="rtl"] .x-border-radius--bottom-right-16 {
2681
- border-bottom-left-radius: var(--x-size-base-16) !important;
2710
+ [dir="ltr"] .x-border-radius--bottom-right-12 {
2711
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2682
2712
  }
2683
- .x-border-radius--17 {
2684
- border-radius: var(--x-size-base-17) !important;
2713
+ [dir="rtl"] .x-border-radius--bottom-right-12 {
2714
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2685
2715
  }
2686
- [dir="ltr"] .x-border-radius--top-17 {
2687
- border-top-left-radius: var(--x-size-base-17) !important;
2716
+ .x-border-radius--13 {
2717
+ border-radius: var(--x-size-base-13) !important;
2688
2718
  }
2689
- [dir="rtl"] .x-border-radius--top-17 {
2690
- border-top-right-radius: var(--x-size-base-17) !important;
2719
+ [dir="ltr"] .x-border-radius--top-13 {
2720
+ border-top-left-radius: var(--x-size-base-13) !important;
2691
2721
  }
2692
- [dir="ltr"] .x-border-radius--top-17 {
2693
- border-top-right-radius: var(--x-size-base-17) !important;
2722
+ [dir="rtl"] .x-border-radius--top-13 {
2723
+ border-top-right-radius: var(--x-size-base-13) !important;
2694
2724
  }
2695
- [dir="rtl"] .x-border-radius--top-17 {
2696
- border-top-left-radius: var(--x-size-base-17) !important;
2725
+ [dir="ltr"] .x-border-radius--top-13 {
2726
+ border-top-right-radius: var(--x-size-base-13) !important;
2697
2727
  }
2698
- [dir="ltr"] .x-border-radius--bottom-17 {
2699
- border-bottom-left-radius: var(--x-size-base-17) !important;
2728
+ [dir="rtl"] .x-border-radius--top-13 {
2729
+ border-top-left-radius: var(--x-size-base-13) !important;
2700
2730
  }
2701
- [dir="rtl"] .x-border-radius--bottom-17 {
2702
- border-bottom-right-radius: var(--x-size-base-17) !important;
2731
+ [dir="ltr"] .x-border-radius--bottom-13 {
2732
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2703
2733
  }
2704
- [dir="ltr"] .x-border-radius--bottom-17 {
2705
- border-bottom-right-radius: var(--x-size-base-17) !important;
2734
+ [dir="rtl"] .x-border-radius--bottom-13 {
2735
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2706
2736
  }
2707
- [dir="rtl"] .x-border-radius--bottom-17 {
2708
- border-bottom-left-radius: var(--x-size-base-17) !important;
2737
+ [dir="ltr"] .x-border-radius--bottom-13 {
2738
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2709
2739
  }
2710
- [dir="ltr"] .x-border-radius--right-17 {
2711
- border-top-right-radius: var(--x-size-base-17) !important;
2740
+ [dir="rtl"] .x-border-radius--bottom-13 {
2741
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2712
2742
  }
2713
- [dir="rtl"] .x-border-radius--right-17 {
2714
- border-top-left-radius: var(--x-size-base-17) !important;
2743
+ [dir="ltr"] .x-border-radius--right-13 {
2744
+ border-top-right-radius: var(--x-size-base-13) !important;
2715
2745
  }
2716
- [dir="ltr"] .x-border-radius--right-17 {
2717
- border-bottom-right-radius: var(--x-size-base-17) !important;
2746
+ [dir="rtl"] .x-border-radius--right-13 {
2747
+ border-top-left-radius: var(--x-size-base-13) !important;
2718
2748
  }
2719
- [dir="rtl"] .x-border-radius--right-17 {
2720
- border-bottom-left-radius: var(--x-size-base-17) !important;
2749
+ [dir="ltr"] .x-border-radius--right-13 {
2750
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2721
2751
  }
2722
- [dir="ltr"] .x-border-radius--left-17 {
2723
- border-top-left-radius: var(--x-size-base-17) !important;
2752
+ [dir="rtl"] .x-border-radius--right-13 {
2753
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2724
2754
  }
2725
- [dir="rtl"] .x-border-radius--left-17 {
2726
- border-top-right-radius: var(--x-size-base-17) !important;
2755
+ [dir="ltr"] .x-border-radius--left-13 {
2756
+ border-top-left-radius: var(--x-size-base-13) !important;
2727
2757
  }
2728
- [dir="ltr"] .x-border-radius--left-17 {
2729
- border-bottom-left-radius: var(--x-size-base-17) !important;
2758
+ [dir="rtl"] .x-border-radius--left-13 {
2759
+ border-top-right-radius: var(--x-size-base-13) !important;
2730
2760
  }
2731
- [dir="rtl"] .x-border-radius--left-17 {
2732
- border-bottom-right-radius: var(--x-size-base-17) !important;
2761
+ [dir="ltr"] .x-border-radius--left-13 {
2762
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2733
2763
  }
2734
- [dir="ltr"] .x-border-radius--top-left-17 {
2735
- border-top-left-radius: var(--x-size-base-17) !important;
2764
+ [dir="rtl"] .x-border-radius--left-13 {
2765
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2736
2766
  }
2737
- [dir="rtl"] .x-border-radius--top-left-17 {
2738
- border-top-right-radius: var(--x-size-base-17) !important;
2767
+ [dir="ltr"] .x-border-radius--top-left-13 {
2768
+ border-top-left-radius: var(--x-size-base-13) !important;
2739
2769
  }
2740
- [dir="ltr"] .x-border-radius--top-right-17 {
2741
- border-top-right-radius: var(--x-size-base-17) !important;
2770
+ [dir="rtl"] .x-border-radius--top-left-13 {
2771
+ border-top-right-radius: var(--x-size-base-13) !important;
2742
2772
  }
2743
- [dir="rtl"] .x-border-radius--top-right-17 {
2744
- border-top-left-radius: var(--x-size-base-17) !important;
2773
+ [dir="ltr"] .x-border-radius--top-right-13 {
2774
+ border-top-right-radius: var(--x-size-base-13) !important;
2745
2775
  }
2746
- [dir="ltr"] .x-border-radius--bottom-left-17 {
2747
- border-bottom-left-radius: var(--x-size-base-17) !important;
2776
+ [dir="rtl"] .x-border-radius--top-right-13 {
2777
+ border-top-left-radius: var(--x-size-base-13) !important;
2748
2778
  }
2749
- [dir="rtl"] .x-border-radius--bottom-left-17 {
2750
- border-bottom-right-radius: var(--x-size-base-17) !important;
2779
+ [dir="ltr"] .x-border-radius--bottom-left-13 {
2780
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2751
2781
  }
2752
- [dir="ltr"] .x-border-radius--bottom-right-17 {
2753
- border-bottom-right-radius: var(--x-size-base-17) !important;
2782
+ [dir="rtl"] .x-border-radius--bottom-left-13 {
2783
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2754
2784
  }
2755
- [dir="rtl"] .x-border-radius--bottom-right-17 {
2756
- border-bottom-left-radius: var(--x-size-base-17) !important;
2785
+ [dir="ltr"] .x-border-radius--bottom-right-13 {
2786
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2757
2787
  }
2758
- .x-border-radius--18 {
2759
- border-radius: var(--x-size-base-18) !important;
2788
+ [dir="rtl"] .x-border-radius--bottom-right-13 {
2789
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2760
2790
  }
2761
- [dir="ltr"] .x-border-radius--top-18 {
2762
- border-top-left-radius: var(--x-size-base-18) !important;
2791
+ .x-border-radius--14 {
2792
+ border-radius: var(--x-size-base-14) !important;
2763
2793
  }
2764
- [dir="rtl"] .x-border-radius--top-18 {
2765
- border-top-right-radius: var(--x-size-base-18) !important;
2794
+ [dir="ltr"] .x-border-radius--top-14 {
2795
+ border-top-left-radius: var(--x-size-base-14) !important;
2766
2796
  }
2767
- [dir="ltr"] .x-border-radius--top-18 {
2768
- border-top-right-radius: var(--x-size-base-18) !important;
2797
+ [dir="rtl"] .x-border-radius--top-14 {
2798
+ border-top-right-radius: var(--x-size-base-14) !important;
2769
2799
  }
2770
- [dir="rtl"] .x-border-radius--top-18 {
2771
- border-top-left-radius: var(--x-size-base-18) !important;
2800
+ [dir="ltr"] .x-border-radius--top-14 {
2801
+ border-top-right-radius: var(--x-size-base-14) !important;
2772
2802
  }
2773
- [dir="ltr"] .x-border-radius--bottom-18 {
2774
- border-bottom-left-radius: var(--x-size-base-18) !important;
2803
+ [dir="rtl"] .x-border-radius--top-14 {
2804
+ border-top-left-radius: var(--x-size-base-14) !important;
2775
2805
  }
2776
- [dir="rtl"] .x-border-radius--bottom-18 {
2777
- border-bottom-right-radius: var(--x-size-base-18) !important;
2806
+ [dir="ltr"] .x-border-radius--bottom-14 {
2807
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2778
2808
  }
2779
- [dir="ltr"] .x-border-radius--bottom-18 {
2780
- border-bottom-right-radius: var(--x-size-base-18) !important;
2809
+ [dir="rtl"] .x-border-radius--bottom-14 {
2810
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2781
2811
  }
2782
- [dir="rtl"] .x-border-radius--bottom-18 {
2783
- border-bottom-left-radius: var(--x-size-base-18) !important;
2812
+ [dir="ltr"] .x-border-radius--bottom-14 {
2813
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2784
2814
  }
2785
- [dir="ltr"] .x-border-radius--right-18 {
2786
- border-top-right-radius: var(--x-size-base-18) !important;
2815
+ [dir="rtl"] .x-border-radius--bottom-14 {
2816
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2787
2817
  }
2788
- [dir="rtl"] .x-border-radius--right-18 {
2789
- border-top-left-radius: var(--x-size-base-18) !important;
2818
+ [dir="ltr"] .x-border-radius--right-14 {
2819
+ border-top-right-radius: var(--x-size-base-14) !important;
2790
2820
  }
2791
- [dir="ltr"] .x-border-radius--right-18 {
2792
- border-bottom-right-radius: var(--x-size-base-18) !important;
2821
+ [dir="rtl"] .x-border-radius--right-14 {
2822
+ border-top-left-radius: var(--x-size-base-14) !important;
2793
2823
  }
2794
- [dir="rtl"] .x-border-radius--right-18 {
2795
- border-bottom-left-radius: var(--x-size-base-18) !important;
2824
+ [dir="ltr"] .x-border-radius--right-14 {
2825
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2796
2826
  }
2797
- [dir="ltr"] .x-border-radius--left-18 {
2798
- border-top-left-radius: var(--x-size-base-18) !important;
2827
+ [dir="rtl"] .x-border-radius--right-14 {
2828
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2799
2829
  }
2800
- [dir="rtl"] .x-border-radius--left-18 {
2801
- border-top-right-radius: var(--x-size-base-18) !important;
2830
+ [dir="ltr"] .x-border-radius--left-14 {
2831
+ border-top-left-radius: var(--x-size-base-14) !important;
2802
2832
  }
2803
- [dir="ltr"] .x-border-radius--left-18 {
2804
- border-bottom-left-radius: var(--x-size-base-18) !important;
2833
+ [dir="rtl"] .x-border-radius--left-14 {
2834
+ border-top-right-radius: var(--x-size-base-14) !important;
2805
2835
  }
2806
- [dir="rtl"] .x-border-radius--left-18 {
2807
- border-bottom-right-radius: var(--x-size-base-18) !important;
2836
+ [dir="ltr"] .x-border-radius--left-14 {
2837
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2808
2838
  }
2809
- [dir="ltr"] .x-border-radius--top-left-18 {
2810
- border-top-left-radius: var(--x-size-base-18) !important;
2839
+ [dir="rtl"] .x-border-radius--left-14 {
2840
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2811
2841
  }
2812
- [dir="rtl"] .x-border-radius--top-left-18 {
2813
- border-top-right-radius: var(--x-size-base-18) !important;
2842
+ [dir="ltr"] .x-border-radius--top-left-14 {
2843
+ border-top-left-radius: var(--x-size-base-14) !important;
2814
2844
  }
2815
- [dir="ltr"] .x-border-radius--top-right-18 {
2816
- border-top-right-radius: var(--x-size-base-18) !important;
2845
+ [dir="rtl"] .x-border-radius--top-left-14 {
2846
+ border-top-right-radius: var(--x-size-base-14) !important;
2817
2847
  }
2818
- [dir="rtl"] .x-border-radius--top-right-18 {
2819
- border-top-left-radius: var(--x-size-base-18) !important;
2848
+ [dir="ltr"] .x-border-radius--top-right-14 {
2849
+ border-top-right-radius: var(--x-size-base-14) !important;
2820
2850
  }
2821
- [dir="ltr"] .x-border-radius--bottom-left-18 {
2822
- border-bottom-left-radius: var(--x-size-base-18) !important;
2851
+ [dir="rtl"] .x-border-radius--top-right-14 {
2852
+ border-top-left-radius: var(--x-size-base-14) !important;
2823
2853
  }
2824
- [dir="rtl"] .x-border-radius--bottom-left-18 {
2825
- border-bottom-right-radius: var(--x-size-base-18) !important;
2854
+ [dir="ltr"] .x-border-radius--bottom-left-14 {
2855
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2826
2856
  }
2827
- [dir="ltr"] .x-border-radius--bottom-right-18 {
2828
- border-bottom-right-radius: var(--x-size-base-18) !important;
2857
+ [dir="rtl"] .x-border-radius--bottom-left-14 {
2858
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2829
2859
  }
2830
- [dir="rtl"] .x-border-radius--bottom-right-18 {
2831
- border-bottom-left-radius: var(--x-size-base-18) !important;
2860
+ [dir="ltr"] .x-border-radius--bottom-right-14 {
2861
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2832
2862
  }
2833
- .x-border-radius--19 {
2834
- border-radius: var(--x-size-base-19) !important;
2863
+ [dir="rtl"] .x-border-radius--bottom-right-14 {
2864
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2835
2865
  }
2836
- [dir="ltr"] .x-border-radius--top-19 {
2837
- border-top-left-radius: var(--x-size-base-19) !important;
2866
+ .x-border-radius--15 {
2867
+ border-radius: var(--x-size-base-15) !important;
2838
2868
  }
2839
- [dir="rtl"] .x-border-radius--top-19 {
2840
- border-top-right-radius: var(--x-size-base-19) !important;
2869
+ [dir="ltr"] .x-border-radius--top-15 {
2870
+ border-top-left-radius: var(--x-size-base-15) !important;
2841
2871
  }
2842
- [dir="ltr"] .x-border-radius--top-19 {
2843
- border-top-right-radius: var(--x-size-base-19) !important;
2872
+ [dir="rtl"] .x-border-radius--top-15 {
2873
+ border-top-right-radius: var(--x-size-base-15) !important;
2844
2874
  }
2845
- [dir="rtl"] .x-border-radius--top-19 {
2846
- border-top-left-radius: var(--x-size-base-19) !important;
2875
+ [dir="ltr"] .x-border-radius--top-15 {
2876
+ border-top-right-radius: var(--x-size-base-15) !important;
2847
2877
  }
2848
- [dir="ltr"] .x-border-radius--bottom-19 {
2849
- border-bottom-left-radius: var(--x-size-base-19) !important;
2878
+ [dir="rtl"] .x-border-radius--top-15 {
2879
+ border-top-left-radius: var(--x-size-base-15) !important;
2850
2880
  }
2851
- [dir="rtl"] .x-border-radius--bottom-19 {
2852
- border-bottom-right-radius: var(--x-size-base-19) !important;
2881
+ [dir="ltr"] .x-border-radius--bottom-15 {
2882
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2853
2883
  }
2854
- [dir="ltr"] .x-border-radius--bottom-19 {
2855
- border-bottom-right-radius: var(--x-size-base-19) !important;
2884
+ [dir="rtl"] .x-border-radius--bottom-15 {
2885
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2856
2886
  }
2857
- [dir="rtl"] .x-border-radius--bottom-19 {
2858
- border-bottom-left-radius: var(--x-size-base-19) !important;
2887
+ [dir="ltr"] .x-border-radius--bottom-15 {
2888
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2859
2889
  }
2860
- [dir="ltr"] .x-border-radius--right-19 {
2861
- border-top-right-radius: var(--x-size-base-19) !important;
2890
+ [dir="rtl"] .x-border-radius--bottom-15 {
2891
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2862
2892
  }
2863
- [dir="rtl"] .x-border-radius--right-19 {
2864
- border-top-left-radius: var(--x-size-base-19) !important;
2893
+ [dir="ltr"] .x-border-radius--right-15 {
2894
+ border-top-right-radius: var(--x-size-base-15) !important;
2865
2895
  }
2866
- [dir="ltr"] .x-border-radius--right-19 {
2867
- border-bottom-right-radius: var(--x-size-base-19) !important;
2896
+ [dir="rtl"] .x-border-radius--right-15 {
2897
+ border-top-left-radius: var(--x-size-base-15) !important;
2868
2898
  }
2869
- [dir="rtl"] .x-border-radius--right-19 {
2870
- border-bottom-left-radius: var(--x-size-base-19) !important;
2899
+ [dir="ltr"] .x-border-radius--right-15 {
2900
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2871
2901
  }
2872
- [dir="ltr"] .x-border-radius--left-19 {
2873
- border-top-left-radius: var(--x-size-base-19) !important;
2902
+ [dir="rtl"] .x-border-radius--right-15 {
2903
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2874
2904
  }
2875
- [dir="rtl"] .x-border-radius--left-19 {
2876
- border-top-right-radius: var(--x-size-base-19) !important;
2905
+ [dir="ltr"] .x-border-radius--left-15 {
2906
+ border-top-left-radius: var(--x-size-base-15) !important;
2877
2907
  }
2878
- [dir="ltr"] .x-border-radius--left-19 {
2879
- border-bottom-left-radius: var(--x-size-base-19) !important;
2908
+ [dir="rtl"] .x-border-radius--left-15 {
2909
+ border-top-right-radius: var(--x-size-base-15) !important;
2880
2910
  }
2881
- [dir="rtl"] .x-border-radius--left-19 {
2882
- border-bottom-right-radius: var(--x-size-base-19) !important;
2911
+ [dir="ltr"] .x-border-radius--left-15 {
2912
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2883
2913
  }
2884
- [dir="ltr"] .x-border-radius--top-left-19 {
2885
- border-top-left-radius: var(--x-size-base-19) !important;
2914
+ [dir="rtl"] .x-border-radius--left-15 {
2915
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2886
2916
  }
2887
- [dir="rtl"] .x-border-radius--top-left-19 {
2888
- border-top-right-radius: var(--x-size-base-19) !important;
2917
+ [dir="ltr"] .x-border-radius--top-left-15 {
2918
+ border-top-left-radius: var(--x-size-base-15) !important;
2889
2919
  }
2890
- [dir="ltr"] .x-border-radius--top-right-19 {
2891
- border-top-right-radius: var(--x-size-base-19) !important;
2920
+ [dir="rtl"] .x-border-radius--top-left-15 {
2921
+ border-top-right-radius: var(--x-size-base-15) !important;
2892
2922
  }
2893
- [dir="rtl"] .x-border-radius--top-right-19 {
2894
- border-top-left-radius: var(--x-size-base-19) !important;
2923
+ [dir="ltr"] .x-border-radius--top-right-15 {
2924
+ border-top-right-radius: var(--x-size-base-15) !important;
2895
2925
  }
2896
- [dir="ltr"] .x-border-radius--bottom-left-19 {
2897
- border-bottom-left-radius: var(--x-size-base-19) !important;
2926
+ [dir="rtl"] .x-border-radius--top-right-15 {
2927
+ border-top-left-radius: var(--x-size-base-15) !important;
2898
2928
  }
2899
- [dir="rtl"] .x-border-radius--bottom-left-19 {
2900
- border-bottom-right-radius: var(--x-size-base-19) !important;
2929
+ [dir="ltr"] .x-border-radius--bottom-left-15 {
2930
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2901
2931
  }
2902
- [dir="ltr"] .x-border-radius--bottom-right-19 {
2903
- border-bottom-right-radius: var(--x-size-base-19) !important;
2932
+ [dir="rtl"] .x-border-radius--bottom-left-15 {
2933
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2904
2934
  }
2905
- [dir="rtl"] .x-border-radius--bottom-right-19 {
2906
- border-bottom-left-radius: var(--x-size-base-19) !important;
2935
+ [dir="ltr"] .x-border-radius--bottom-right-15 {
2936
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2907
2937
  }
2908
- .x-border-radius--20 {
2909
- border-radius: var(--x-size-base-20) !important;
2938
+ [dir="rtl"] .x-border-radius--bottom-right-15 {
2939
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2910
2940
  }
2911
- [dir="ltr"] .x-border-radius--top-20 {
2912
- border-top-left-radius: var(--x-size-base-20) !important;
2941
+ .x-border-radius--16 {
2942
+ border-radius: var(--x-size-base-16) !important;
2913
2943
  }
2914
- [dir="rtl"] .x-border-radius--top-20 {
2915
- border-top-right-radius: var(--x-size-base-20) !important;
2944
+ [dir="ltr"] .x-border-radius--top-16 {
2945
+ border-top-left-radius: var(--x-size-base-16) !important;
2916
2946
  }
2917
- [dir="ltr"] .x-border-radius--top-20 {
2918
- border-top-right-radius: var(--x-size-base-20) !important;
2947
+ [dir="rtl"] .x-border-radius--top-16 {
2948
+ border-top-right-radius: var(--x-size-base-16) !important;
2919
2949
  }
2920
- [dir="rtl"] .x-border-radius--top-20 {
2921
- border-top-left-radius: var(--x-size-base-20) !important;
2950
+ [dir="ltr"] .x-border-radius--top-16 {
2951
+ border-top-right-radius: var(--x-size-base-16) !important;
2922
2952
  }
2923
- [dir="ltr"] .x-border-radius--bottom-20 {
2924
- border-bottom-left-radius: var(--x-size-base-20) !important;
2953
+ [dir="rtl"] .x-border-radius--top-16 {
2954
+ border-top-left-radius: var(--x-size-base-16) !important;
2925
2955
  }
2926
- [dir="rtl"] .x-border-radius--bottom-20 {
2927
- border-bottom-right-radius: var(--x-size-base-20) !important;
2956
+ [dir="ltr"] .x-border-radius--bottom-16 {
2957
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2928
2958
  }
2929
- [dir="ltr"] .x-border-radius--bottom-20 {
2930
- border-bottom-right-radius: var(--x-size-base-20) !important;
2959
+ [dir="rtl"] .x-border-radius--bottom-16 {
2960
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2931
2961
  }
2932
- [dir="rtl"] .x-border-radius--bottom-20 {
2933
- border-bottom-left-radius: var(--x-size-base-20) !important;
2962
+ [dir="ltr"] .x-border-radius--bottom-16 {
2963
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2934
2964
  }
2935
- [dir="ltr"] .x-border-radius--right-20 {
2936
- border-top-right-radius: var(--x-size-base-20) !important;
2965
+ [dir="rtl"] .x-border-radius--bottom-16 {
2966
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2937
2967
  }
2938
- [dir="rtl"] .x-border-radius--right-20 {
2939
- border-top-left-radius: var(--x-size-base-20) !important;
2968
+ [dir="ltr"] .x-border-radius--right-16 {
2969
+ border-top-right-radius: var(--x-size-base-16) !important;
2940
2970
  }
2941
- [dir="ltr"] .x-border-radius--right-20 {
2942
- border-bottom-right-radius: var(--x-size-base-20) !important;
2971
+ [dir="rtl"] .x-border-radius--right-16 {
2972
+ border-top-left-radius: var(--x-size-base-16) !important;
2943
2973
  }
2944
- [dir="rtl"] .x-border-radius--right-20 {
2945
- border-bottom-left-radius: var(--x-size-base-20) !important;
2974
+ [dir="ltr"] .x-border-radius--right-16 {
2975
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2946
2976
  }
2947
- [dir="ltr"] .x-border-radius--left-20 {
2948
- border-top-left-radius: var(--x-size-base-20) !important;
2977
+ [dir="rtl"] .x-border-radius--right-16 {
2978
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2949
2979
  }
2950
- [dir="rtl"] .x-border-radius--left-20 {
2951
- border-top-right-radius: var(--x-size-base-20) !important;
2980
+ [dir="ltr"] .x-border-radius--left-16 {
2981
+ border-top-left-radius: var(--x-size-base-16) !important;
2952
2982
  }
2953
- [dir="ltr"] .x-border-radius--left-20 {
2954
- border-bottom-left-radius: var(--x-size-base-20) !important;
2983
+ [dir="rtl"] .x-border-radius--left-16 {
2984
+ border-top-right-radius: var(--x-size-base-16) !important;
2955
2985
  }
2956
- [dir="rtl"] .x-border-radius--left-20 {
2957
- border-bottom-right-radius: var(--x-size-base-20) !important;
2986
+ [dir="ltr"] .x-border-radius--left-16 {
2987
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2958
2988
  }
2959
- [dir="ltr"] .x-border-radius--top-left-20 {
2960
- border-top-left-radius: var(--x-size-base-20) !important;
2989
+ [dir="rtl"] .x-border-radius--left-16 {
2990
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2961
2991
  }
2962
- [dir="rtl"] .x-border-radius--top-left-20 {
2963
- border-top-right-radius: var(--x-size-base-20) !important;
2992
+ [dir="ltr"] .x-border-radius--top-left-16 {
2993
+ border-top-left-radius: var(--x-size-base-16) !important;
2964
2994
  }
2965
- [dir="ltr"] .x-border-radius--top-right-20 {
2966
- border-top-right-radius: var(--x-size-base-20) !important;
2995
+ [dir="rtl"] .x-border-radius--top-left-16 {
2996
+ border-top-right-radius: var(--x-size-base-16) !important;
2967
2997
  }
2968
- [dir="rtl"] .x-border-radius--top-right-20 {
2969
- border-top-left-radius: var(--x-size-base-20) !important;
2998
+ [dir="ltr"] .x-border-radius--top-right-16 {
2999
+ border-top-right-radius: var(--x-size-base-16) !important;
2970
3000
  }
2971
- [dir="ltr"] .x-border-radius--bottom-left-20 {
2972
- border-bottom-left-radius: var(--x-size-base-20) !important;
3001
+ [dir="rtl"] .x-border-radius--top-right-16 {
3002
+ border-top-left-radius: var(--x-size-base-16) !important;
2973
3003
  }
2974
- [dir="rtl"] .x-border-radius--bottom-left-20 {
2975
- border-bottom-right-radius: var(--x-size-base-20) !important;
3004
+ [dir="ltr"] .x-border-radius--bottom-left-16 {
3005
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2976
3006
  }
2977
- [dir="ltr"] .x-border-radius--bottom-right-20 {
2978
- border-bottom-right-radius: var(--x-size-base-20) !important;
3007
+ [dir="rtl"] .x-border-radius--bottom-left-16 {
3008
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2979
3009
  }
2980
- [dir="rtl"] .x-border-radius--bottom-right-20 {
2981
- border-bottom-left-radius: var(--x-size-base-20) !important;
3010
+ [dir="ltr"] .x-border-radius--bottom-right-16 {
3011
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2982
3012
  }
2983
- *[class*=x-border-width--] {
2984
- border-width: 0;
3013
+ [dir="rtl"] .x-border-radius--bottom-right-16 {
3014
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2985
3015
  }
2986
-
2987
- .x-border-width--00 {
2988
- border-width: 0px !important;
2989
- border-style: solid !important;
3016
+ .x-border-radius--17 {
3017
+ border-radius: var(--x-size-base-17) !important;
2990
3018
  }
2991
- .x-border-width--top-00 {
2992
- border-top-width: 0px !important;
2993
- border-style: solid !important;
3019
+ [dir="ltr"] .x-border-radius--top-17 {
3020
+ border-top-left-radius: var(--x-size-base-17) !important;
2994
3021
  }
2995
- .x-border-width--bottom-00 {
2996
- border-bottom-width: 0px !important;
2997
- border-style: solid !important;
3022
+ [dir="rtl"] .x-border-radius--top-17 {
3023
+ border-top-right-radius: var(--x-size-base-17) !important;
2998
3024
  }
2999
- [dir="ltr"] .x-border-width--right-00 {
3000
- border-right-width: 0px !important;
3025
+ [dir="ltr"] .x-border-radius--top-17 {
3026
+ border-top-right-radius: var(--x-size-base-17) !important;
3001
3027
  }
3002
- [dir="rtl"] .x-border-width--right-00 {
3003
- border-left-width: 0px !important;
3028
+ [dir="rtl"] .x-border-radius--top-17 {
3029
+ border-top-left-radius: var(--x-size-base-17) !important;
3004
3030
  }
3005
- .x-border-width--right-00 {
3006
- border-style: solid !important;
3031
+ [dir="ltr"] .x-border-radius--bottom-17 {
3032
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3007
3033
  }
3008
- [dir="ltr"] .x-border-width--left-00 {
3009
- border-left-width: 0px !important;
3034
+ [dir="rtl"] .x-border-radius--bottom-17 {
3035
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3010
3036
  }
3011
- [dir="rtl"] .x-border-width--left-00 {
3012
- border-right-width: 0px !important;
3037
+ [dir="ltr"] .x-border-radius--bottom-17 {
3038
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3013
3039
  }
3014
- .x-border-width--left-00 {
3015
- border-style: solid !important;
3040
+ [dir="rtl"] .x-border-radius--bottom-17 {
3041
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3016
3042
  }
3017
- .x-border-width--01 {
3018
- border-width: 1px !important;
3019
- border-style: solid !important;
3043
+ [dir="ltr"] .x-border-radius--right-17 {
3044
+ border-top-right-radius: var(--x-size-base-17) !important;
3020
3045
  }
3021
- .x-border-width--top-01 {
3022
- border-top-width: 1px !important;
3023
- border-style: solid !important;
3046
+ [dir="rtl"] .x-border-radius--right-17 {
3047
+ border-top-left-radius: var(--x-size-base-17) !important;
3024
3048
  }
3025
- .x-border-width--bottom-01 {
3026
- border-bottom-width: 1px !important;
3027
- border-style: solid !important;
3049
+ [dir="ltr"] .x-border-radius--right-17 {
3050
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3028
3051
  }
3029
- [dir="ltr"] .x-border-width--right-01 {
3030
- border-right-width: 1px !important;
3052
+ [dir="rtl"] .x-border-radius--right-17 {
3053
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3031
3054
  }
3032
- [dir="rtl"] .x-border-width--right-01 {
3033
- border-left-width: 1px !important;
3055
+ [dir="ltr"] .x-border-radius--left-17 {
3056
+ border-top-left-radius: var(--x-size-base-17) !important;
3034
3057
  }
3035
- .x-border-width--right-01 {
3036
- border-style: solid !important;
3058
+ [dir="rtl"] .x-border-radius--left-17 {
3059
+ border-top-right-radius: var(--x-size-base-17) !important;
3037
3060
  }
3038
- [dir="ltr"] .x-border-width--left-01 {
3039
- border-left-width: 1px !important;
3061
+ [dir="ltr"] .x-border-radius--left-17 {
3062
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3040
3063
  }
3041
- [dir="rtl"] .x-border-width--left-01 {
3042
- border-right-width: 1px !important;
3064
+ [dir="rtl"] .x-border-radius--left-17 {
3065
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3043
3066
  }
3044
- .x-border-width--left-01 {
3045
- border-style: solid !important;
3067
+ [dir="ltr"] .x-border-radius--top-left-17 {
3068
+ border-top-left-radius: var(--x-size-base-17) !important;
3046
3069
  }
3047
- .x-border-width--02 {
3048
- border-width: 2px !important;
3049
- border-style: solid !important;
3070
+ [dir="rtl"] .x-border-radius--top-left-17 {
3071
+ border-top-right-radius: var(--x-size-base-17) !important;
3050
3072
  }
3051
- .x-border-width--top-02 {
3052
- border-top-width: 2px !important;
3053
- border-style: solid !important;
3073
+ [dir="ltr"] .x-border-radius--top-right-17 {
3074
+ border-top-right-radius: var(--x-size-base-17) !important;
3054
3075
  }
3055
- .x-border-width--bottom-02 {
3056
- border-bottom-width: 2px !important;
3057
- border-style: solid !important;
3076
+ [dir="rtl"] .x-border-radius--top-right-17 {
3077
+ border-top-left-radius: var(--x-size-base-17) !important;
3058
3078
  }
3059
- [dir="ltr"] .x-border-width--right-02 {
3060
- border-right-width: 2px !important;
3079
+ [dir="ltr"] .x-border-radius--bottom-left-17 {
3080
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3061
3081
  }
3062
- [dir="rtl"] .x-border-width--right-02 {
3063
- border-left-width: 2px !important;
3082
+ [dir="rtl"] .x-border-radius--bottom-left-17 {
3083
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3064
3084
  }
3065
- .x-border-width--right-02 {
3066
- border-style: solid !important;
3085
+ [dir="ltr"] .x-border-radius--bottom-right-17 {
3086
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3067
3087
  }
3068
- [dir="ltr"] .x-border-width--left-02 {
3069
- border-left-width: 2px !important;
3088
+ [dir="rtl"] .x-border-radius--bottom-right-17 {
3089
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3070
3090
  }
3071
- [dir="rtl"] .x-border-width--left-02 {
3072
- border-right-width: 2px !important;
3091
+ .x-border-radius--18 {
3092
+ border-radius: var(--x-size-base-18) !important;
3073
3093
  }
3074
- .x-border-width--left-02 {
3075
- border-style: solid !important;
3094
+ [dir="ltr"] .x-border-radius--top-18 {
3095
+ border-top-left-radius: var(--x-size-base-18) !important;
3076
3096
  }
3077
- .x-border-width--03 {
3078
- border-width: 3px !important;
3079
- border-style: solid !important;
3097
+ [dir="rtl"] .x-border-radius--top-18 {
3098
+ border-top-right-radius: var(--x-size-base-18) !important;
3080
3099
  }
3081
- .x-border-width--top-03 {
3082
- border-top-width: 3px !important;
3083
- border-style: solid !important;
3100
+ [dir="ltr"] .x-border-radius--top-18 {
3101
+ border-top-right-radius: var(--x-size-base-18) !important;
3084
3102
  }
3085
- .x-border-width--bottom-03 {
3086
- border-bottom-width: 3px !important;
3087
- border-style: solid !important;
3103
+ [dir="rtl"] .x-border-radius--top-18 {
3104
+ border-top-left-radius: var(--x-size-base-18) !important;
3088
3105
  }
3089
- [dir="ltr"] .x-border-width--right-03 {
3090
- border-right-width: 3px !important;
3106
+ [dir="ltr"] .x-border-radius--bottom-18 {
3107
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3091
3108
  }
3092
- [dir="rtl"] .x-border-width--right-03 {
3093
- border-left-width: 3px !important;
3109
+ [dir="rtl"] .x-border-radius--bottom-18 {
3110
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3094
3111
  }
3095
- .x-border-width--right-03 {
3096
- border-style: solid !important;
3112
+ [dir="ltr"] .x-border-radius--bottom-18 {
3113
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3097
3114
  }
3098
- [dir="ltr"] .x-border-width--left-03 {
3099
- border-left-width: 3px !important;
3115
+ [dir="rtl"] .x-border-radius--bottom-18 {
3116
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3100
3117
  }
3101
- [dir="rtl"] .x-border-width--left-03 {
3102
- border-right-width: 3px !important;
3118
+ [dir="ltr"] .x-border-radius--right-18 {
3119
+ border-top-right-radius: var(--x-size-base-18) !important;
3103
3120
  }
3104
- .x-border-width--left-03 {
3105
- border-style: solid !important;
3121
+ [dir="rtl"] .x-border-radius--right-18 {
3122
+ border-top-left-radius: var(--x-size-base-18) !important;
3106
3123
  }
3107
- .x-border-width--04 {
3108
- border-width: 4px !important;
3109
- border-style: solid !important;
3124
+ [dir="ltr"] .x-border-radius--right-18 {
3125
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3126
+ }
3127
+ [dir="rtl"] .x-border-radius--right-18 {
3128
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3110
3129
  }
3111
- .x-border-width--top-04 {
3112
- border-top-width: 4px !important;
3113
- border-style: solid !important;
3130
+ [dir="ltr"] .x-border-radius--left-18 {
3131
+ border-top-left-radius: var(--x-size-base-18) !important;
3114
3132
  }
3115
- .x-border-width--bottom-04 {
3116
- border-bottom-width: 4px !important;
3117
- border-style: solid !important;
3133
+ [dir="rtl"] .x-border-radius--left-18 {
3134
+ border-top-right-radius: var(--x-size-base-18) !important;
3118
3135
  }
3119
- [dir="ltr"] .x-border-width--right-04 {
3120
- border-right-width: 4px !important;
3136
+ [dir="ltr"] .x-border-radius--left-18 {
3137
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3121
3138
  }
3122
- [dir="rtl"] .x-border-width--right-04 {
3123
- border-left-width: 4px !important;
3139
+ [dir="rtl"] .x-border-radius--left-18 {
3140
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3124
3141
  }
3125
- .x-border-width--right-04 {
3126
- border-style: solid !important;
3142
+ [dir="ltr"] .x-border-radius--top-left-18 {
3143
+ border-top-left-radius: var(--x-size-base-18) !important;
3127
3144
  }
3128
- [dir="ltr"] .x-border-width--left-04 {
3129
- border-left-width: 4px !important;
3145
+ [dir="rtl"] .x-border-radius--top-left-18 {
3146
+ border-top-right-radius: var(--x-size-base-18) !important;
3130
3147
  }
3131
- [dir="rtl"] .x-border-width--left-04 {
3132
- border-right-width: 4px !important;
3148
+ [dir="ltr"] .x-border-radius--top-right-18 {
3149
+ border-top-right-radius: var(--x-size-base-18) !important;
3133
3150
  }
3134
- .x-border-width--left-04 {
3135
- border-style: solid !important;
3151
+ [dir="rtl"] .x-border-radius--top-right-18 {
3152
+ border-top-left-radius: var(--x-size-base-18) !important;
3136
3153
  }
3137
- .x-border-width--05 {
3138
- border-width: 5px !important;
3139
- border-style: solid !important;
3154
+ [dir="ltr"] .x-border-radius--bottom-left-18 {
3155
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3140
3156
  }
3141
- .x-border-width--top-05 {
3142
- border-top-width: 5px !important;
3143
- border-style: solid !important;
3157
+ [dir="rtl"] .x-border-radius--bottom-left-18 {
3158
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3144
3159
  }
3145
- .x-border-width--bottom-05 {
3146
- border-bottom-width: 5px !important;
3147
- border-style: solid !important;
3160
+ [dir="ltr"] .x-border-radius--bottom-right-18 {
3161
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3148
3162
  }
3149
- [dir="ltr"] .x-border-width--right-05 {
3150
- border-right-width: 5px !important;
3163
+ [dir="rtl"] .x-border-radius--bottom-right-18 {
3164
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3151
3165
  }
3152
- [dir="rtl"] .x-border-width--right-05 {
3153
- border-left-width: 5px !important;
3166
+ .x-border-radius--19 {
3167
+ border-radius: var(--x-size-base-19) !important;
3154
3168
  }
3155
- .x-border-width--right-05 {
3156
- border-style: solid !important;
3169
+ [dir="ltr"] .x-border-radius--top-19 {
3170
+ border-top-left-radius: var(--x-size-base-19) !important;
3157
3171
  }
3158
- [dir="ltr"] .x-border-width--left-05 {
3159
- border-left-width: 5px !important;
3172
+ [dir="rtl"] .x-border-radius--top-19 {
3173
+ border-top-right-radius: var(--x-size-base-19) !important;
3160
3174
  }
3161
- [dir="rtl"] .x-border-width--left-05 {
3162
- border-right-width: 5px !important;
3175
+ [dir="ltr"] .x-border-radius--top-19 {
3176
+ border-top-right-radius: var(--x-size-base-19) !important;
3163
3177
  }
3164
- .x-border-width--left-05 {
3165
- border-style: solid !important;
3178
+ [dir="rtl"] .x-border-radius--top-19 {
3179
+ border-top-left-radius: var(--x-size-base-19) !important;
3166
3180
  }
3167
- .x-border-width--06 {
3168
- border-width: 6px !important;
3169
- border-style: solid !important;
3181
+ [dir="ltr"] .x-border-radius--bottom-19 {
3182
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3170
3183
  }
3171
- .x-border-width--top-06 {
3172
- border-top-width: 6px !important;
3173
- border-style: solid !important;
3184
+ [dir="rtl"] .x-border-radius--bottom-19 {
3185
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3174
3186
  }
3175
- .x-border-width--bottom-06 {
3176
- border-bottom-width: 6px !important;
3177
- border-style: solid !important;
3187
+ [dir="ltr"] .x-border-radius--bottom-19 {
3188
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3178
3189
  }
3179
- [dir="ltr"] .x-border-width--right-06 {
3180
- border-right-width: 6px !important;
3190
+ [dir="rtl"] .x-border-radius--bottom-19 {
3191
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3181
3192
  }
3182
- [dir="rtl"] .x-border-width--right-06 {
3183
- border-left-width: 6px !important;
3193
+ [dir="ltr"] .x-border-radius--right-19 {
3194
+ border-top-right-radius: var(--x-size-base-19) !important;
3184
3195
  }
3185
- .x-border-width--right-06 {
3186
- border-style: solid !important;
3196
+ [dir="rtl"] .x-border-radius--right-19 {
3197
+ border-top-left-radius: var(--x-size-base-19) !important;
3187
3198
  }
3188
- [dir="ltr"] .x-border-width--left-06 {
3189
- border-left-width: 6px !important;
3199
+ [dir="ltr"] .x-border-radius--right-19 {
3200
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3190
3201
  }
3191
- [dir="rtl"] .x-border-width--left-06 {
3192
- border-right-width: 6px !important;
3202
+ [dir="rtl"] .x-border-radius--right-19 {
3203
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3193
3204
  }
3194
- .x-border-width--left-06 {
3195
- border-style: solid !important;
3205
+ [dir="ltr"] .x-border-radius--left-19 {
3206
+ border-top-left-radius: var(--x-size-base-19) !important;
3196
3207
  }
3197
- .x-border-width--07 {
3198
- border-width: 7px !important;
3199
- border-style: solid !important;
3208
+ [dir="rtl"] .x-border-radius--left-19 {
3209
+ border-top-right-radius: var(--x-size-base-19) !important;
3200
3210
  }
3201
- .x-border-width--top-07 {
3202
- border-top-width: 7px !important;
3203
- border-style: solid !important;
3211
+ [dir="ltr"] .x-border-radius--left-19 {
3212
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3204
3213
  }
3205
- .x-border-width--bottom-07 {
3206
- border-bottom-width: 7px !important;
3207
- border-style: solid !important;
3214
+ [dir="rtl"] .x-border-radius--left-19 {
3215
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3208
3216
  }
3209
- [dir="ltr"] .x-border-width--right-07 {
3210
- border-right-width: 7px !important;
3217
+ [dir="ltr"] .x-border-radius--top-left-19 {
3218
+ border-top-left-radius: var(--x-size-base-19) !important;
3211
3219
  }
3212
- [dir="rtl"] .x-border-width--right-07 {
3213
- border-left-width: 7px !important;
3220
+ [dir="rtl"] .x-border-radius--top-left-19 {
3221
+ border-top-right-radius: var(--x-size-base-19) !important;
3214
3222
  }
3215
- .x-border-width--right-07 {
3216
- border-style: solid !important;
3223
+ [dir="ltr"] .x-border-radius--top-right-19 {
3224
+ border-top-right-radius: var(--x-size-base-19) !important;
3217
3225
  }
3218
- [dir="ltr"] .x-border-width--left-07 {
3219
- border-left-width: 7px !important;
3226
+ [dir="rtl"] .x-border-radius--top-right-19 {
3227
+ border-top-left-radius: var(--x-size-base-19) !important;
3220
3228
  }
3221
- [dir="rtl"] .x-border-width--left-07 {
3222
- border-right-width: 7px !important;
3229
+ [dir="ltr"] .x-border-radius--bottom-left-19 {
3230
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3223
3231
  }
3224
- .x-border-width--left-07 {
3225
- border-style: solid !important;
3232
+ [dir="rtl"] .x-border-radius--bottom-left-19 {
3233
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3226
3234
  }
3227
- .x-border-width--08 {
3228
- border-width: 8px !important;
3229
- border-style: solid !important;
3235
+ [dir="ltr"] .x-border-radius--bottom-right-19 {
3236
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3230
3237
  }
3231
- .x-border-width--top-08 {
3232
- border-top-width: 8px !important;
3233
- border-style: solid !important;
3238
+ [dir="rtl"] .x-border-radius--bottom-right-19 {
3239
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3234
3240
  }
3235
- .x-border-width--bottom-08 {
3236
- border-bottom-width: 8px !important;
3237
- border-style: solid !important;
3241
+ .x-border-radius--20 {
3242
+ border-radius: var(--x-size-base-20) !important;
3238
3243
  }
3239
- [dir="ltr"] .x-border-width--right-08 {
3240
- border-right-width: 8px !important;
3244
+ [dir="ltr"] .x-border-radius--top-20 {
3245
+ border-top-left-radius: var(--x-size-base-20) !important;
3241
3246
  }
3242
- [dir="rtl"] .x-border-width--right-08 {
3243
- border-left-width: 8px !important;
3247
+ [dir="rtl"] .x-border-radius--top-20 {
3248
+ border-top-right-radius: var(--x-size-base-20) !important;
3244
3249
  }
3245
- .x-border-width--right-08 {
3246
- border-style: solid !important;
3250
+ [dir="ltr"] .x-border-radius--top-20 {
3251
+ border-top-right-radius: var(--x-size-base-20) !important;
3247
3252
  }
3248
- [dir="ltr"] .x-border-width--left-08 {
3249
- border-left-width: 8px !important;
3253
+ [dir="rtl"] .x-border-radius--top-20 {
3254
+ border-top-left-radius: var(--x-size-base-20) !important;
3250
3255
  }
3251
- [dir="rtl"] .x-border-width--left-08 {
3252
- border-right-width: 8px !important;
3256
+ [dir="ltr"] .x-border-radius--bottom-20 {
3257
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3253
3258
  }
3254
- .x-border-width--left-08 {
3255
- border-style: solid !important;
3259
+ [dir="rtl"] .x-border-radius--bottom-20 {
3260
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3256
3261
  }
3257
- .x-border-width--09 {
3258
- border-width: 9px !important;
3259
- border-style: solid !important;
3262
+ [dir="ltr"] .x-border-radius--bottom-20 {
3263
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3260
3264
  }
3261
- .x-border-width--top-09 {
3262
- border-top-width: 9px !important;
3263
- border-style: solid !important;
3265
+ [dir="rtl"] .x-border-radius--bottom-20 {
3266
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3264
3267
  }
3265
- .x-border-width--bottom-09 {
3266
- border-bottom-width: 9px !important;
3267
- border-style: solid !important;
3268
+ [dir="ltr"] .x-border-radius--right-20 {
3269
+ border-top-right-radius: var(--x-size-base-20) !important;
3268
3270
  }
3269
- [dir="ltr"] .x-border-width--right-09 {
3270
- border-right-width: 9px !important;
3271
+ [dir="rtl"] .x-border-radius--right-20 {
3272
+ border-top-left-radius: var(--x-size-base-20) !important;
3271
3273
  }
3272
- [dir="rtl"] .x-border-width--right-09 {
3273
- border-left-width: 9px !important;
3274
+ [dir="ltr"] .x-border-radius--right-20 {
3275
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3274
3276
  }
3275
- .x-border-width--right-09 {
3276
- border-style: solid !important;
3277
+ [dir="rtl"] .x-border-radius--right-20 {
3278
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3277
3279
  }
3278
- [dir="ltr"] .x-border-width--left-09 {
3279
- border-left-width: 9px !important;
3280
+ [dir="ltr"] .x-border-radius--left-20 {
3281
+ border-top-left-radius: var(--x-size-base-20) !important;
3280
3282
  }
3281
- [dir="rtl"] .x-border-width--left-09 {
3282
- border-right-width: 9px !important;
3283
+ [dir="rtl"] .x-border-radius--left-20 {
3284
+ border-top-right-radius: var(--x-size-base-20) !important;
3283
3285
  }
3284
- .x-border-width--left-09 {
3285
- border-style: solid !important;
3286
+ [dir="ltr"] .x-border-radius--left-20 {
3287
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3286
3288
  }
3287
- .x-border-width--10 {
3288
- border-width: 10px !important;
3289
- border-style: solid !important;
3289
+ [dir="rtl"] .x-border-radius--left-20 {
3290
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3290
3291
  }
3291
- .x-border-width--top-10 {
3292
- border-top-width: 10px !important;
3293
- border-style: solid !important;
3292
+ [dir="ltr"] .x-border-radius--top-left-20 {
3293
+ border-top-left-radius: var(--x-size-base-20) !important;
3294
3294
  }
3295
- .x-border-width--bottom-10 {
3296
- border-bottom-width: 10px !important;
3297
- border-style: solid !important;
3295
+ [dir="rtl"] .x-border-radius--top-left-20 {
3296
+ border-top-right-radius: var(--x-size-base-20) !important;
3298
3297
  }
3299
- [dir="ltr"] .x-border-width--right-10 {
3300
- border-right-width: 10px !important;
3298
+ [dir="ltr"] .x-border-radius--top-right-20 {
3299
+ border-top-right-radius: var(--x-size-base-20) !important;
3301
3300
  }
3302
- [dir="rtl"] .x-border-width--right-10 {
3303
- border-left-width: 10px !important;
3301
+ [dir="rtl"] .x-border-radius--top-right-20 {
3302
+ border-top-left-radius: var(--x-size-base-20) !important;
3304
3303
  }
3305
- .x-border-width--right-10 {
3306
- border-style: solid !important;
3304
+ [dir="ltr"] .x-border-radius--bottom-left-20 {
3305
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3307
3306
  }
3308
- [dir="ltr"] .x-border-width--left-10 {
3309
- border-left-width: 10px !important;
3307
+ [dir="rtl"] .x-border-radius--bottom-left-20 {
3308
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3310
3309
  }
3311
- [dir="rtl"] .x-border-width--left-10 {
3312
- border-right-width: 10px !important;
3310
+ [dir="ltr"] .x-border-radius--bottom-right-20 {
3311
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3313
3312
  }
3314
- .x-border-width--left-10 {
3315
- border-style: solid !important;
3313
+ [dir="rtl"] .x-border-radius--bottom-right-20 {
3314
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3316
3315
  }
3317
3316
  .x-border-color--lead {
3318
3317
  border-color: var(--x-color-base-lead) !important;
@@ -3415,12 +3414,12 @@
3415
3414
  .x-text--stroke.x-small {
3416
3415
  --x-string-text-decoration-small: line-through;
3417
3416
  }
3418
- .x-text--secondary {
3419
- --x-color-text-default: var(--x-color-text-secondary);
3420
- }
3421
3417
  :root {
3422
3418
  --x-color-text-secondary: var(--x-color-base-neutral-35);
3423
3419
  }
3420
+ .x-text--secondary {
3421
+ --x-color-text-default: var(--x-color-text-secondary);
3422
+ }
3424
3423
  .x-text--light.x-text {
3425
3424
  --x-number-font-weight-text: var(--x-number-font-weight-base-light);
3426
3425
  }
@@ -4846,23 +4845,6 @@
4846
4845
  --x-size-border-width-result-description-default: 0;
4847
4846
  --x-size-border-width-result-picture-default: 0;
4848
4847
  }
4849
- :root {
4850
- --x-color-border-result-default: var(--x-color-base-lead);
4851
- --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4852
- --x-color-border-result-description-default: var(--x-color-border-result-default);
4853
- --x-color-border-result-picture-default: var(--x-color-border-result-default);
4854
- --x-color-background-result-default: transparent;
4855
- --x-size-padding-result-default: 0;
4856
- --x-size-padding-result-overlay-default: 0;
4857
- --x-size-padding-result-description-default: 0;
4858
- --x-size-gap-result-default: var(--x-size-base-03);
4859
- --x-size-padding-result-picture-default: 0;
4860
- --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4861
- --x-size-border-width-result-default: 0;
4862
- --x-size-border-width-result-overlay-default: 0;
4863
- --x-size-border-width-result-description-default: 0;
4864
- --x-size-border-width-result-picture-default: 0;
4865
- }
4866
4848
 
4867
4849
  .x-result {
4868
4850
  display: grid;
@@ -4919,22 +4901,30 @@
4919
4901
  :root {
4920
4902
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4921
4903
  }
4922
-
4923
- .x-result.x-result--card {
4924
- overflow: hidden;
4925
- --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4904
+ :root {
4905
+ --x-color-border-result-default: var(--x-color-base-lead);
4906
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4907
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4908
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4909
+ --x-color-background-result-default: transparent;
4910
+ --x-size-padding-result-default: 0;
4911
+ --x-size-padding-result-overlay-default: 0;
4912
+ --x-size-padding-result-description-default: 0;
4913
+ --x-size-gap-result-default: var(--x-size-base-03);
4914
+ --x-size-padding-result-picture-default: 0;
4915
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4916
+ --x-size-border-width-result-default: 0;
4917
+ --x-size-border-width-result-overlay-default: 0;
4918
+ --x-size-border-width-result-description-default: 0;
4919
+ --x-size-border-width-result-picture-default: 0;
4926
4920
  }
4927
4921
  :root {
4928
4922
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4929
4923
  }
4930
- :root {
4931
- --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4932
- --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4933
- --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4934
- --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4935
- --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4936
- --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4937
- --x-size-border-width-progress-bar-default: 0;
4924
+
4925
+ .x-result.x-result--card {
4926
+ overflow: hidden;
4927
+ --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4938
4928
  }
4939
4929
  :root {
4940
4930
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
@@ -4961,6 +4951,15 @@
4961
4951
  border-radius: var(--x-size-border-radius-progress-bar-default);
4962
4952
  background-color: var(--x-color-background-progress-bar-line-default);
4963
4953
  }
4954
+ :root {
4955
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4956
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4957
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4958
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4959
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4960
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4961
+ --x-size-border-width-progress-bar-default: 0;
4962
+ }
4964
4963
  :root {
4965
4964
  --x-number-zoom-scale-picture: 1.1;
4966
4965
  --x-number-zoom-duration-picture: 0.3s;
@@ -5065,6 +5064,10 @@
5065
5064
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5066
5065
  --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5067
5066
  }
5067
+ :root {
5068
+ --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5069
+ --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5070
+ }
5068
5071
 
5069
5072
  .x-picture--cover.x-picture {
5070
5073
  position: relative;
@@ -5081,10 +5084,6 @@
5081
5084
  width: 100%;
5082
5085
  height: 100%;
5083
5086
  }
5084
- :root {
5085
- --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5086
- --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5087
- }
5088
5087
  :root {
5089
5088
  --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5090
5089
  --x-mix-blend-mode-picture-colored: multiply;
@@ -5449,6 +5448,51 @@
5449
5448
  --x-number-font-weight-base-regular
5450
5449
  );
5451
5450
  }
5451
+ :root {
5452
+ --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5453
+ --x-color-text-option-list-button-bottom-selected-hover: var(
5454
+ --x-color-text-option-list-button-bottom-selected
5455
+ );
5456
+ --x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
5457
+ --x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
5458
+ --x-color-border-option-list-item-bottom: transparent;
5459
+ --x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5460
+ --x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5461
+ --x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5462
+ --x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5463
+ --x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
5464
+ --x-color-border-top-option-list-item-bottom-selected: var(
5465
+ --x-color-border-option-list-item-bottom
5466
+ );
5467
+ --x-color-border-right-option-list-item-bottom-selected: var(
5468
+ --x-color-border-option-list-item-bottom
5469
+ );
5470
+ --x-color-border-bottom-option-list-item-bottom-selected: var(
5471
+ --x-color-border-option-list-item-bottom-selected
5472
+ );
5473
+ --x-color-border-left-option-list-item-bottom-selected: var(
5474
+ --x-color-border-option-list-item-bottom
5475
+ );
5476
+ --x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
5477
+ --x-size-border-width-top-option-list-item-bottom: 0;
5478
+ --x-size-border-width-right-option-list-item-bottom: 0;
5479
+ --x-size-border-width-bottom-option-list-item-bottom: var(
5480
+ --x-size-border-width-option-list-item-bottom
5481
+ );
5482
+ --x-size-border-width-left-option-list-item-bottom: 0;
5483
+ --x-size-border-width-top-option-list-item-bottom-selected: 0;
5484
+ --x-size-border-width-right-option-list-item-bottom-selected: 0;
5485
+ --x-size-border-width-bottom-option-list-item-bottom-selected: var(
5486
+ --x-size-border-width-option-list-item-bottom
5487
+ );
5488
+ --x-size-border-width-left-option-list-item-bottom-selected: 0;
5489
+ --x-size-font-option-list-button-bottom: var(--x-size-font-text);
5490
+ --x-font-decoration-option-list-button-bottom-hover: none;
5491
+ --x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
5492
+ --x-number-font-weight-option-list-button-bottom-selected: var(
5493
+ --x-number-font-weight-base-regular
5494
+ );
5495
+ }
5452
5496
 
5453
5497
  .x-option-list--bottom.x-option-list,
5454
5498
  .x-option-list--bottom .x-option-list {
@@ -5535,51 +5579,6 @@
5535
5579
  --x-size-border-width-bottom-option-list-item-default: inherit;
5536
5580
  --x-size-border-width-left-option-list-item-default: inherit;
5537
5581
  }
5538
- :root {
5539
- --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5540
- --x-color-text-option-list-button-bottom-selected-hover: var(
5541
- --x-color-text-option-list-button-bottom-selected
5542
- );
5543
- --x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
5544
- --x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
5545
- --x-color-border-option-list-item-bottom: transparent;
5546
- --x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5547
- --x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5548
- --x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5549
- --x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5550
- --x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
5551
- --x-color-border-top-option-list-item-bottom-selected: var(
5552
- --x-color-border-option-list-item-bottom
5553
- );
5554
- --x-color-border-right-option-list-item-bottom-selected: var(
5555
- --x-color-border-option-list-item-bottom
5556
- );
5557
- --x-color-border-bottom-option-list-item-bottom-selected: var(
5558
- --x-color-border-option-list-item-bottom-selected
5559
- );
5560
- --x-color-border-left-option-list-item-bottom-selected: var(
5561
- --x-color-border-option-list-item-bottom
5562
- );
5563
- --x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
5564
- --x-size-border-width-top-option-list-item-bottom: 0;
5565
- --x-size-border-width-right-option-list-item-bottom: 0;
5566
- --x-size-border-width-bottom-option-list-item-bottom: var(
5567
- --x-size-border-width-option-list-item-bottom
5568
- );
5569
- --x-size-border-width-left-option-list-item-bottom: 0;
5570
- --x-size-border-width-top-option-list-item-bottom-selected: 0;
5571
- --x-size-border-width-right-option-list-item-bottom-selected: 0;
5572
- --x-size-border-width-bottom-option-list-item-bottom-selected: var(
5573
- --x-size-border-width-option-list-item-bottom
5574
- );
5575
- --x-size-border-width-left-option-list-item-bottom-selected: 0;
5576
- --x-size-font-option-list-button-bottom: var(--x-size-font-text);
5577
- --x-font-decoration-option-list-button-bottom-hover: none;
5578
- --x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
5579
- --x-number-font-weight-option-list-button-bottom-selected: var(
5580
- --x-number-font-weight-base-regular
5581
- );
5582
- }
5583
5582
  :root {
5584
5583
  --x-modal-overlay-color: rgb(0, 0, 0);
5585
5584
  --x-modal-overlay-opacity: 0.7;
@@ -5701,6 +5700,22 @@
5701
5700
  --x-size-padding-list-12: var(--x-size-base-12);
5702
5701
  --x-size-padding-list-13: var(--x-size-base-13);
5703
5702
  }
5703
+ /* @deprecated */
5704
+ :root {
5705
+ --x-size-padding-list-01: var(--x-size-base-01);
5706
+ --x-size-padding-list-02: var(--x-size-base-02);
5707
+ --x-size-padding-list-03: var(--x-size-base-03);
5708
+ --x-size-padding-list-04: var(--x-size-base-04);
5709
+ --x-size-padding-list-05: var(--x-size-base-05);
5710
+ --x-size-padding-list-06: var(--x-size-base-06);
5711
+ --x-size-padding-list-07: var(--x-size-base-07);
5712
+ --x-size-padding-list-08: var(--x-size-base-08);
5713
+ --x-size-padding-list-09: var(--x-size-base-09);
5714
+ --x-size-padding-list-10: var(--x-size-base-10);
5715
+ --x-size-padding-list-11: var(--x-size-base-11);
5716
+ --x-size-padding-list-12: var(--x-size-base-12);
5717
+ --x-size-padding-list-13: var(--x-size-base-13);
5718
+ }
5704
5719
 
5705
5720
  /* @deprecated */
5706
5721
  [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
@@ -6047,22 +6062,6 @@
6047
6062
  --x-size-gap-list-19: var(--x-size-base-19);
6048
6063
  --x-size-gap-list-20: var(--x-size-base-20);
6049
6064
  }
6050
- /* @deprecated */
6051
- :root {
6052
- --x-size-padding-list-01: var(--x-size-base-01);
6053
- --x-size-padding-list-02: var(--x-size-base-02);
6054
- --x-size-padding-list-03: var(--x-size-base-03);
6055
- --x-size-padding-list-04: var(--x-size-base-04);
6056
- --x-size-padding-list-05: var(--x-size-base-05);
6057
- --x-size-padding-list-06: var(--x-size-base-06);
6058
- --x-size-padding-list-07: var(--x-size-base-07);
6059
- --x-size-padding-list-08: var(--x-size-base-08);
6060
- --x-size-padding-list-09: var(--x-size-base-09);
6061
- --x-size-padding-list-10: var(--x-size-base-10);
6062
- --x-size-padding-list-11: var(--x-size-base-11);
6063
- --x-size-padding-list-12: var(--x-size-base-12);
6064
- --x-size-padding-list-13: var(--x-size-base-13);
6065
- }
6066
6065
  :root {
6067
6066
  --x-size-gap-list-01: var(--x-size-base-01);
6068
6067
  --x-size-gap-list-02: var(--x-size-base-02);
@@ -6875,49 +6874,6 @@
6875
6874
  );
6876
6875
  --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6877
6876
  }
6878
- :root {
6879
- --x-color-background-input-group-default: var(--x-color-background-input-default);
6880
- --x-color-border-input-group-default: var(--x-color-border-input-default);
6881
- --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
6882
- --x-color-text-input-group-default: var(--x-color-text-input-default);
6883
- --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
6884
- --x-size-height-input-group-default: var(--x-size-height-input-default);
6885
- --x-size-gap-input-group-default: var(--x-size-base-03);
6886
- --x-size-padding-left-input-group-default: var(--x-size-base-06);
6887
- --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
6888
- --x-size-padding-input-group-default-action: var(--x-size-base-03);
6889
- --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
6890
- --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
6891
- --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
6892
- --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
6893
- --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
6894
- --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
6895
- --x-size-border-radius-top-left-input-group-default: var(
6896
- --x-size-border-radius-input-group-default
6897
- );
6898
- --x-size-border-radius-top-right-input-group-default: var(
6899
- --x-size-border-radius-input-group-default
6900
- );
6901
- --x-size-border-radius-bottom-right-input-group-default: var(
6902
- --x-size-border-radius-input-group-default
6903
- );
6904
- --x-size-border-radius-bottom-left-input-group-default: var(
6905
- --x-size-border-radius-input-group-default
6906
- );
6907
- --x-font-family-input-group-default: var(--x-font-family-input-default);
6908
- --x-size-font-input-group-default: var(--x-size-font-input-default);
6909
- --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
6910
- --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
6911
- --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
6912
- --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
6913
- --x-size-line-height-input-group-placeholder-default: var(
6914
- --x-size-line-height-input-group-default
6915
- );
6916
- --x-number-font-weight-input-group-placeholder-default: var(
6917
- --x-number-font-weight-input-group-default
6918
- );
6919
- --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6920
- }
6921
6877
 
6922
6878
  [dir="ltr"] .x-input-group {
6923
6879
  border-right-width: var(--x-size-border-width-right-input-group-default);
@@ -7059,7 +7015,50 @@
7059
7015
  --x-size-border-radius-bottom-right-input-group-card: var(
7060
7016
  --x-size-border-radius-input-group-card
7061
7017
  );
7062
- --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7018
+ --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7019
+ }
7020
+ :root {
7021
+ --x-color-background-input-group-default: var(--x-color-background-input-default);
7022
+ --x-color-border-input-group-default: var(--x-color-border-input-default);
7023
+ --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
7024
+ --x-color-text-input-group-default: var(--x-color-text-input-default);
7025
+ --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
7026
+ --x-size-height-input-group-default: var(--x-size-height-input-default);
7027
+ --x-size-gap-input-group-default: var(--x-size-base-03);
7028
+ --x-size-padding-left-input-group-default: var(--x-size-base-06);
7029
+ --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
7030
+ --x-size-padding-input-group-default-action: var(--x-size-base-03);
7031
+ --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
7032
+ --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
7033
+ --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
7034
+ --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
7035
+ --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
7036
+ --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
7037
+ --x-size-border-radius-top-left-input-group-default: var(
7038
+ --x-size-border-radius-input-group-default
7039
+ );
7040
+ --x-size-border-radius-top-right-input-group-default: var(
7041
+ --x-size-border-radius-input-group-default
7042
+ );
7043
+ --x-size-border-radius-bottom-right-input-group-default: var(
7044
+ --x-size-border-radius-input-group-default
7045
+ );
7046
+ --x-size-border-radius-bottom-left-input-group-default: var(
7047
+ --x-size-border-radius-input-group-default
7048
+ );
7049
+ --x-font-family-input-group-default: var(--x-font-family-input-default);
7050
+ --x-size-font-input-group-default: var(--x-size-font-input-default);
7051
+ --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
7052
+ --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
7053
+ --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
7054
+ --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
7055
+ --x-size-line-height-input-group-placeholder-default: var(
7056
+ --x-size-line-height-input-group-default
7057
+ );
7058
+ --x-number-font-weight-input-group-placeholder-default: var(
7059
+ --x-number-font-weight-input-group-default
7060
+ );
7061
+ --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
7063
7062
  }
7064
7063
  :root {
7065
7064
  --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
@@ -7104,6 +7103,15 @@
7104
7103
  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7105
7104
  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7106
7105
  }
7106
+
7107
+ .x-input--pill.x-input,
7108
+ .x-input--pill .x-input {
7109
+ --x-size-border-radius-input-default: var(--x-size-border-radius-input-pill);
7110
+ --x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-pill);
7111
+ --x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-pill);
7112
+ --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-pill);
7113
+ --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-pill);
7114
+ }
7107
7115
  :root {
7108
7116
  --x-size-padding-top-input-line: var(--x-size-base-03);
7109
7117
  --x-size-padding-right-input-line: 0;
@@ -7121,15 +7129,6 @@
7121
7129
  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7122
7130
  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7123
7131
  }
7124
-
7125
- .x-input--pill.x-input,
7126
- .x-input--pill .x-input {
7127
- --x-size-border-radius-input-default: var(--x-size-border-radius-input-pill);
7128
- --x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-pill);
7129
- --x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-pill);
7130
- --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-pill);
7131
- --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-pill);
7132
- }
7133
7132
  :root {
7134
7133
  --x-size-padding-top-input-line: var(--x-size-base-03);
7135
7134
  --x-size-padding-right-input-line: 0;
@@ -7180,13 +7179,6 @@
7180
7179
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7181
7180
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7182
7181
  }
7183
- :root {
7184
- --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
7185
- --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
7186
- --x-size-border-radius-top-right-input-card: var(--x-size-border-radius-input-card);
7187
- --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
7188
- --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
7189
- }
7190
7182
  :root {
7191
7183
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7192
7184
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7296,8 +7288,11 @@
7296
7288
  line-height: var(--x-size-line-height-input-placeholder-default);
7297
7289
  }
7298
7290
  :root {
7299
- --x-size-width-icon-xl: var(--x-size-base-07);
7300
- --x-size-height-icon-xl: var(--x-size-base-07);
7291
+ --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
7292
+ --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
7293
+ --x-size-border-radius-top-right-input-card: var(--x-size-border-radius-input-card);
7294
+ --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
7295
+ --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
7301
7296
  }
7302
7297
  :root {
7303
7298
  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
@@ -7323,6 +7318,10 @@
7323
7318
  --x-size-width-icon-xl: var(--x-size-base-07);
7324
7319
  --x-size-height-icon-xl: var(--x-size-base-07);
7325
7320
  }
7321
+ :root {
7322
+ --x-size-width-icon-xl: var(--x-size-base-07);
7323
+ --x-size-height-icon-xl: var(--x-size-base-07);
7324
+ }
7326
7325
 
7327
7326
  .x-icon--xl {
7328
7327
  --x-size-width-icon-default: var(--x-size-width-icon-xl);
@@ -7358,15 +7357,6 @@
7358
7357
  --x-size-width-icon-l: var(--x-size-base-06);
7359
7358
  --x-size-height-icon-l: var(--x-size-base-06);
7360
7359
  }
7361
- :root {
7362
- --x-size-width-icon-l: var(--x-size-base-06);
7363
- --x-size-height-icon-l: var(--x-size-base-06);
7364
- }
7365
-
7366
- .x-icon--l {
7367
- --x-size-width-icon-default: var(--x-size-width-icon-l);
7368
- --x-size-height-icon-default: var(--x-size-height-icon-l);
7369
- }
7370
7360
  :root {
7371
7361
  --x-color-stroke-icon-default: currentColor;
7372
7362
  --x-color-fill-icon-default: none;
@@ -7376,6 +7366,15 @@
7376
7366
  --x-string-stroke-linejoin-icon-default: mitter;
7377
7367
  --x-size-stroke-width-icon-default: 1px;
7378
7368
  }
7369
+ :root {
7370
+ --x-size-width-icon-l: var(--x-size-base-06);
7371
+ --x-size-height-icon-l: var(--x-size-base-06);
7372
+ }
7373
+
7374
+ .x-icon--l {
7375
+ --x-size-width-icon-default: var(--x-size-width-icon-l);
7376
+ --x-size-height-icon-default: var(--x-size-height-icon-l);
7377
+ }
7379
7378
  :root {
7380
7379
  --x-color-stroke-icon-default: currentColor;
7381
7380
  --x-color-fill-icon-default: none;
@@ -7411,6 +7410,11 @@
7411
7410
  --x-size-gap-grid: var(--x-size-base-03);
7412
7411
  --x-size-min-width-grid-item: 150px;
7413
7412
  }
7413
+ :root {
7414
+ --x-size-padding-grid: 0;
7415
+ --x-size-gap-grid: var(--x-size-base-03);
7416
+ --x-size-min-width-grid-item: 150px;
7417
+ }
7414
7418
 
7415
7419
  .x-grid-list {
7416
7420
  margin: 0;
@@ -7438,11 +7442,6 @@
7438
7442
  .x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
7439
7443
  margin-left: auto;
7440
7444
  }
7441
- :root {
7442
- --x-size-padding-grid: 0;
7443
- --x-size-gap-grid: var(--x-size-base-03);
7444
- --x-size-min-width-grid-item: 150px;
7445
- }
7446
7445
  :root {
7447
7446
  --x-size-margin-filter-children: 0;
7448
7447
  --x-size-padding-top-filter-children: 0;
@@ -7693,30 +7692,6 @@
7693
7692
  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7694
7693
  --x-size-border-width-left-facet-header-line: 0;
7695
7694
  }
7696
- :root {
7697
- --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7698
- --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7699
- --x-size-border-width-top-facet-header-line: 0;
7700
- --x-size-border-width-right-facet-header-line: 0;
7701
- --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7702
- --x-size-border-width-left-facet-header-line: 0;
7703
- }
7704
-
7705
- .x-facet--line.x-facet,
7706
- .x-facet--line .x-facet {
7707
- --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7708
- --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7709
- --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7710
- --x-size-border-width-right-facet-header-default: var(
7711
- --x-size-border-width-right-facet-header-line
7712
- );
7713
- --x-size-border-width-bottom-facet-header-default: var(
7714
- --x-size-border-width-bottom-facet-header-line
7715
- );
7716
- --x-size-border-width-left-facet-header-default: var(
7717
- --x-size-border-width-left-facet-header-line
7718
- );
7719
- }
7720
7695
  :root {
7721
7696
  --x-color-background-facet-default: transparent;
7722
7697
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7750,18 +7725,6 @@
7750
7725
  --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7751
7726
  --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7752
7727
  }
7753
- :root {
7754
- --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7755
- --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7756
- --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7757
- --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7758
- --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7759
- --x-size-padding-facet-header-card: var(--x-size-base-03);
7760
- --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7761
- --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7762
- --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7763
- --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7764
- }
7765
7728
  :root {
7766
7729
  --x-color-background-facet-default: transparent;
7767
7730
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7901,6 +7864,18 @@
7901
7864
  --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7902
7865
  --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7903
7866
  }
7867
+ :root {
7868
+ --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7869
+ --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7870
+ --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7871
+ --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7872
+ --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7873
+ --x-size-padding-facet-header-card: var(--x-size-base-03);
7874
+ --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7875
+ --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7876
+ --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7877
+ --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7878
+ }
7904
7879
 
7905
7880
  .x-facet--card.x-facet,
7906
7881
  .x-facet--card .x-facet {
@@ -7916,15 +7891,32 @@
7916
7891
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
7917
7892
  }
7918
7893
  :root {
7919
- --x-size-width-dropdown-xl: 282px;
7894
+ --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7895
+ --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7896
+ --x-size-border-width-top-facet-header-line: 0;
7897
+ --x-size-border-width-right-facet-header-line: 0;
7898
+ --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7899
+ --x-size-border-width-left-facet-header-line: 0;
7900
+ }
7901
+
7902
+ .x-facet--line.x-facet,
7903
+ .x-facet--line .x-facet {
7904
+ --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7905
+ --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7906
+ --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7907
+ --x-size-border-width-right-facet-header-default: var(
7908
+ --x-size-border-width-right-facet-header-line
7909
+ );
7910
+ --x-size-border-width-bottom-facet-header-default: var(
7911
+ --x-size-border-width-bottom-facet-header-line
7912
+ );
7913
+ --x-size-border-width-left-facet-header-default: var(
7914
+ --x-size-border-width-left-facet-header-line
7915
+ );
7920
7916
  }
7921
7917
  :root {
7922
7918
  --x-size-width-dropdown-xl: 282px;
7923
7919
  }
7924
-
7925
- .x-dropdown.x-dropdown--xl {
7926
- --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-xl);
7927
- }
7928
7920
  :root {
7929
7921
  --x-size-width-dropdown-s: 74px;
7930
7922
  }
@@ -7998,6 +7990,13 @@
7998
7990
  .x-dropdown.x-dropdown--m {
7999
7991
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
8000
7992
  }
7993
+ :root {
7994
+ --x-size-width-dropdown-xl: 282px;
7995
+ }
7996
+
7997
+ .x-dropdown.x-dropdown--xl {
7998
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-xl);
7999
+ }
8001
8000
  :root {
8002
8001
  --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
8003
8002
  --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
@@ -8088,13 +8087,13 @@
8088
8087
  :root {
8089
8088
  --x-size-width-dropdown-l: 202px;
8090
8089
  }
8091
- :root {
8092
- --x-size-width-dropdown-l: 202px;
8093
- }
8094
8090
 
8095
8091
  .x-dropdown.x-dropdown--l {
8096
8092
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
8097
8093
  }
8094
+ :root {
8095
+ --x-size-width-dropdown-l: 202px;
8096
+ }
8098
8097
  :root {
8099
8098
  --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8100
8099
  --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
@@ -8507,6 +8506,13 @@
8507
8506
  --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8508
8507
  --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8509
8508
  }
8509
+ :root {
8510
+ --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8511
+ --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8512
+ --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8513
+ --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8514
+ --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8515
+ }
8510
8516
  :root {
8511
8517
  --x-color-background-button-secondary: transparent;
8512
8518
  --x-color-border-button-secondary: var(--x-color-border-button-default);
@@ -8535,13 +8541,6 @@
8535
8541
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8536
8542
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8537
8543
  }
8538
- :root {
8539
- --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8540
- --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8541
- --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8542
- --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8543
- --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8544
- }
8545
8544
 
8546
8545
  .x-button--round.x-button,
8547
8546
  .x-button--round .x-button {
@@ -8570,27 +8569,7 @@
8570
8569
  --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8571
8570
  --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8572
8571
  }
8573
- :root {
8574
- --x-color-background-button-primary: var(--x-color-background-button-default);
8575
- --x-color-border-button-primary: var(--x-color-border-button-default);
8576
- --x-color-text-button-primary: var(--x-color-text-button-default);
8577
- --x-size-border-width-button-primary: var(--x-size-border-width-base);
8578
- --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8579
- --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8580
- --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8581
- --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8582
- }
8583
8572
 
8584
- .x-button--primary.x-button,
8585
- .x-button--primary .x-button {
8586
- --x-color-background-button-default: var(--x-color-background-button-primary);
8587
- --x-color-border-button-default: var(--x-color-border-button-primary);
8588
- --x-color-text-button-default: var(--x-color-text-button-primary);
8589
- --x-size-border-width-top-button-default: var(--x-size-border-width-top-button-primary);
8590
- --x-size-border-width-right-button-default: var(--x-size-border-width-right-button-primary);
8591
- --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-primary);
8592
- --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-primary);
8593
- }
8594
8573
  :root {
8595
8574
  --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8596
8575
  --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
@@ -8625,6 +8604,11 @@
8625
8604
  --x-color-border-button-ghost: transparent;
8626
8605
  --x-color-text-button-ghost: var(--x-color-base-lead);
8627
8606
  }
8607
+ :root {
8608
+ --x-color-background-button-ghost: transparent;
8609
+ --x-color-border-button-ghost: transparent;
8610
+ --x-color-text-button-ghost: var(--x-color-base-lead);
8611
+ }
8628
8612
 
8629
8613
  .x-button--ghost.x-button,
8630
8614
  .x-button--ghost .x-button {
@@ -8642,11 +8626,6 @@
8642
8626
  .x-button--ghost.x-button--ghost-end .x-button {
8643
8627
  --x-size-padding-right-button-default: 0;
8644
8628
  }
8645
- :root {
8646
- --x-color-background-button-ghost: transparent;
8647
- --x-color-border-button-ghost: transparent;
8648
- --x-color-text-button-ghost: var(--x-color-base-lead);
8649
- }
8650
8629
  :root {
8651
8630
  --x-color-background-button-default: var(--x-color-base-lead);
8652
8631
  --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8884,4 +8863,25 @@
8884
8863
  --x-size-border-radius-base-m: var(--x-size-base-06);
8885
8864
  --x-size-border-radius-base-pill: 99999px;
8886
8865
  --x-size-border-width-base: 1px;
8866
+ }
8867
+ :root {
8868
+ --x-color-background-button-primary: var(--x-color-background-button-default);
8869
+ --x-color-border-button-primary: var(--x-color-border-button-default);
8870
+ --x-color-text-button-primary: var(--x-color-text-button-default);
8871
+ --x-size-border-width-button-primary: var(--x-size-border-width-base);
8872
+ --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8873
+ --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8874
+ --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8875
+ --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8876
+ }
8877
+
8878
+ .x-button--primary.x-button,
8879
+ .x-button--primary .x-button {
8880
+ --x-color-background-button-default: var(--x-color-background-button-primary);
8881
+ --x-color-border-button-default: var(--x-color-border-button-primary);
8882
+ --x-color-text-button-default: var(--x-color-text-button-primary);
8883
+ --x-size-border-width-top-button-default: var(--x-size-border-width-top-button-primary);
8884
+ --x-size-border-width-right-button-default: var(--x-size-border-width-right-button-primary);
8885
+ --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-primary);
8886
+ --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-primary);
8887
8887
  }