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

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 (112) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/design-system/deprecated-full-theme.css +1624 -1624
  3. package/docs/API-reference/api/x-components.allfilter.md +3 -3
  4. package/docs/API-reference/api/x-components.baseeventsmodalclose.md +3 -3
  5. package/docs/API-reference/api/x-components.baseeventsmodalopen.md +3 -3
  6. package/docs/API-reference/api/x-components.facets.md +3 -3
  7. package/docs/API-reference/api/x-components.globalxbus.md +4 -0
  8. package/docs/API-reference/api/x-components.hierarchicalfilter.md +2 -0
  9. package/docs/API-reference/api/x-components.historyqueries.md +1 -1
  10. package/docs/API-reference/api/x-components.historyquery.md +1 -1
  11. package/docs/API-reference/api/x-components.identifierresult.md +2 -2
  12. package/docs/API-reference/api/x-components.md +5 -3
  13. package/docs/API-reference/api/x-components.nextqueries.md +1 -1
  14. package/docs/API-reference/api/x-components.popularsearches.md +1 -1
  15. package/docs/API-reference/api/x-components.querysuggestion.md +1 -1
  16. package/docs/API-reference/api/x-components.querysuggestions.md +1 -1
  17. package/docs/API-reference/api/x-components.relatedpromptsxevents.md +2 -0
  18. package/docs/API-reference/api/x-components.relatedpromptsxevents.relatedpromptsresponsechanged.md +13 -0
  19. package/docs/API-reference/api/x-components.relatedpromptsxevents.relatedpromptsunmounted.md +13 -0
  20. package/docs/API-reference/api/x-components.semanticquery.md +1 -1
  21. package/docs/API-reference/api/x-components.simplefilter.md +2 -0
  22. package/docs/API-reference/api/x-components.snippetcallbacks.md +2 -0
  23. package/docs/API-reference/api/x-components.tracknoresultsquerywithfallbackwire.md +13 -0
  24. package/docs/API-reference/api/x-components.tracknoresultsquerywithfallbackwiredebounced.md +13 -0
  25. package/docs/API-reference/api/x-components.tracknoresultsquerywithsemanticswire.md +6 -1
  26. package/docs/API-reference/api/x-components.tracknoresultsquerywithsemanticswiredebounced.md +6 -1
  27. package/docs/API-reference/api/x-components.usegetter.md +3 -17
  28. package/js/composables/use-getter.js +11 -11
  29. package/js/composables/use-getter.js.map +1 -1
  30. package/js/index.js +1 -1
  31. package/js/x-modules/facets/components/facets/facets.vue.js.map +1 -1
  32. package/js/x-modules/facets/components/facets/facets.vue2.js +1 -1
  33. package/js/x-modules/facets/components/facets/facets.vue2.js.map +1 -1
  34. package/js/x-modules/facets/components/filters/all-filter.vue.js.map +1 -1
  35. package/js/x-modules/facets/components/filters/all-filter.vue2.js +1 -1
  36. package/js/x-modules/facets/components/filters/all-filter.vue2.js.map +1 -1
  37. package/js/x-modules/facets/composables/use-facets.js +1 -4
  38. package/js/x-modules/facets/composables/use-facets.js.map +1 -1
  39. package/js/x-modules/history-queries/components/history-queries.vue.js.map +1 -1
  40. package/js/x-modules/history-queries/components/history-queries.vue2.js +1 -1
  41. package/js/x-modules/history-queries/components/history-queries.vue2.js.map +1 -1
  42. package/js/x-modules/history-queries/components/history-query.vue.js.map +1 -1
  43. package/js/x-modules/history-queries/components/history-query.vue2.js +1 -1
  44. package/js/x-modules/history-queries/components/history-query.vue2.js.map +1 -1
  45. package/js/x-modules/identifier-results/components/identifier-result.vue.js.map +1 -1
  46. package/js/x-modules/identifier-results/components/identifier-result.vue2.js +1 -3
  47. package/js/x-modules/identifier-results/components/identifier-result.vue2.js.map +1 -1
  48. package/js/x-modules/next-queries/components/next-queries-list.vue.js +1 -3
  49. package/js/x-modules/next-queries/components/next-queries-list.vue.js.map +1 -1
  50. package/js/x-modules/next-queries/components/next-queries.vue.js.map +1 -1
  51. package/js/x-modules/next-queries/components/next-queries.vue2.js +1 -1
  52. package/js/x-modules/next-queries/components/next-queries.vue2.js.map +1 -1
  53. package/js/x-modules/popular-searches/components/popular-searches.vue.js.map +1 -1
  54. package/js/x-modules/popular-searches/components/popular-searches.vue2.js +1 -1
  55. package/js/x-modules/popular-searches/components/popular-searches.vue2.js.map +1 -1
  56. package/js/x-modules/query-suggestions/components/query-suggestion.vue.js.map +1 -1
  57. package/js/x-modules/query-suggestions/components/query-suggestion.vue2.js +1 -1
  58. package/js/x-modules/query-suggestions/components/query-suggestion.vue2.js.map +1 -1
  59. package/js/x-modules/query-suggestions/components/query-suggestions.vue.js.map +1 -1
  60. package/js/x-modules/query-suggestions/components/query-suggestions.vue2.js +1 -1
  61. package/js/x-modules/query-suggestions/components/query-suggestions.vue2.js.map +1 -1
  62. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue.js.map +1 -1
  63. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js +4 -1
  64. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js.map +1 -1
  65. package/js/x-modules/related-prompts/store/emitters.js +1 -0
  66. package/js/x-modules/related-prompts/store/emitters.js.map +1 -1
  67. package/js/x-modules/related-tags/components/related-tags.vue.js.map +1 -1
  68. package/js/x-modules/related-tags/components/related-tags.vue2.js +1 -3
  69. package/js/x-modules/related-tags/components/related-tags.vue2.js.map +1 -1
  70. package/js/x-modules/semantic-queries/components/semantic-query.vue.js.map +1 -1
  71. package/js/x-modules/semantic-queries/components/semantic-query.vue2.js +2 -2
  72. package/js/x-modules/semantic-queries/components/semantic-query.vue2.js.map +1 -1
  73. package/js/x-modules/tagging/wiring.js +27 -8
  74. package/js/x-modules/tagging/wiring.js.map +1 -1
  75. package/package.json +2 -2
  76. package/report/x-components.api.json +293 -144
  77. package/report/x-components.api.md +42 -18
  78. package/tagging/index.js +1 -1
  79. package/types/components/global-x-bus.vue.d.ts +4 -0
  80. package/types/components/global-x-bus.vue.d.ts.map +1 -1
  81. package/types/components/modals/base-events-modal-close.vue.d.ts +3 -3
  82. package/types/components/modals/base-events-modal-open.vue.d.ts +3 -3
  83. package/types/components/snippet-callbacks.vue.d.ts +2 -0
  84. package/types/components/snippet-callbacks.vue.d.ts.map +1 -1
  85. package/types/composables/use-getter.d.ts +13 -3
  86. package/types/composables/use-getter.d.ts.map +1 -1
  87. package/types/x-modules/facets/components/facets/facets.vue.d.ts +4 -4
  88. package/types/x-modules/facets/components/facets/facets.vue.d.ts.map +1 -1
  89. package/types/x-modules/facets/components/filters/all-filter.vue.d.ts +4 -4
  90. package/types/x-modules/facets/components/filters/all-filter.vue.d.ts.map +1 -1
  91. package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts +2 -0
  92. package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts.map +1 -1
  93. package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts +2 -0
  94. package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts.map +1 -1
  95. package/types/x-modules/history-queries/components/history-queries.vue.d.ts +1 -1
  96. package/types/x-modules/history-queries/components/history-query.vue.d.ts +1 -1
  97. package/types/x-modules/identifier-results/components/identifier-result.vue.d.ts +3 -3
  98. package/types/x-modules/identifier-results/components/identifier-result.vue.d.ts.map +1 -1
  99. package/types/x-modules/next-queries/components/next-queries-list.vue.d.ts.map +1 -1
  100. package/types/x-modules/next-queries/components/next-queries.vue.d.ts +1 -1
  101. package/types/x-modules/popular-searches/components/popular-searches.vue.d.ts +1 -1
  102. package/types/x-modules/query-suggestions/components/query-suggestion.vue.d.ts +1 -1
  103. package/types/x-modules/query-suggestions/components/query-suggestions.vue.d.ts +1 -1
  104. package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts.map +1 -1
  105. package/types/x-modules/related-prompts/events.types.d.ts +10 -1
  106. package/types/x-modules/related-prompts/events.types.d.ts.map +1 -1
  107. package/types/x-modules/related-prompts/store/emitters.d.ts +1 -0
  108. package/types/x-modules/related-prompts/store/emitters.d.ts.map +1 -1
  109. package/types/x-modules/related-tags/components/related-tags.vue.d.ts.map +1 -1
  110. package/types/x-modules/semantic-queries/components/semantic-query.vue.d.ts +1 -1
  111. package/types/x-modules/tagging/wiring.d.ts +23 -4
  112. package/types/x-modules/tagging/wiring.d.ts.map +1 -1
package/design-system/deprecated-full-theme.css CHANGED
@@ -1,5 +1,20 @@
1
1
 
2
2
 
3
+ .x-uppercase {
4
+ text-transform: uppercase;
5
+ }
6
+
7
+ .x-lowercase {
8
+ text-transform: lowercase;
9
+ }
10
+
11
+ .x-capitalize {
12
+ text-transform: capitalize;
13
+ }
14
+
15
+ .x-normal-case {
16
+ text-transform: none;
17
+ }
3
18
  .x-underline {
4
19
  -webkit-text-decoration-line: underline;
5
20
  text-decoration-line: underline;
@@ -19,21 +34,6 @@
19
34
  -webkit-text-decoration-line: none;
20
35
  text-decoration-line: none;
21
36
  }
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
37
  .x-static {
38
38
  position: static !important;
39
39
  }
@@ -1472,1847 +1472,1847 @@
1472
1472
  .x-shadow--bottom-10 {
1473
1473
  box-shadow: var(--x-string-box-shadow-bottom-10) !important;
1474
1474
  }
1475
- .x-border-radius--00 {
1476
- border-radius: 0 !important;
1477
- }
1478
-
1479
- .x-border-radius--pill {
1480
- border-radius: 99999px !important;
1475
+ *[class*=x-border-width--] {
1476
+ border-width: 0;
1481
1477
  }
1482
1478
 
1483
- .x-border-radius--01 {
1484
- border-radius: var(--x-size-base-01) !important;
1479
+ .x-border-width--00 {
1480
+ border-width: 0px !important;
1481
+ border-style: solid !important;
1485
1482
  }
1486
- [dir="ltr"] .x-border-radius--top-01 {
1487
- border-top-left-radius: var(--x-size-base-01) !important;
1483
+ .x-border-width--top-00 {
1484
+ border-top-width: 0px !important;
1485
+ border-style: solid !important;
1488
1486
  }
1489
- [dir="rtl"] .x-border-radius--top-01 {
1490
- border-top-right-radius: var(--x-size-base-01) !important;
1487
+ .x-border-width--bottom-00 {
1488
+ border-bottom-width: 0px !important;
1489
+ border-style: solid !important;
1491
1490
  }
1492
- [dir="ltr"] .x-border-radius--top-01 {
1493
- border-top-right-radius: var(--x-size-base-01) !important;
1491
+ [dir="ltr"] .x-border-width--right-00 {
1492
+ border-right-width: 0px !important;
1494
1493
  }
1495
- [dir="rtl"] .x-border-radius--top-01 {
1496
- border-top-left-radius: var(--x-size-base-01) !important;
1494
+ [dir="rtl"] .x-border-width--right-00 {
1495
+ border-left-width: 0px !important;
1497
1496
  }
1498
- [dir="ltr"] .x-border-radius--bottom-01 {
1499
- border-bottom-left-radius: var(--x-size-base-01) !important;
1497
+ .x-border-width--right-00 {
1498
+ border-style: solid !important;
1500
1499
  }
1501
- [dir="rtl"] .x-border-radius--bottom-01 {
1502
- border-bottom-right-radius: var(--x-size-base-01) !important;
1500
+ [dir="ltr"] .x-border-width--left-00 {
1501
+ border-left-width: 0px !important;
1503
1502
  }
1504
- [dir="ltr"] .x-border-radius--bottom-01 {
1505
- border-bottom-right-radius: var(--x-size-base-01) !important;
1503
+ [dir="rtl"] .x-border-width--left-00 {
1504
+ border-right-width: 0px !important;
1506
1505
  }
1507
- [dir="rtl"] .x-border-radius--bottom-01 {
1508
- border-bottom-left-radius: var(--x-size-base-01) !important;
1506
+ .x-border-width--left-00 {
1507
+ border-style: solid !important;
1509
1508
  }
1510
- [dir="ltr"] .x-border-radius--right-01 {
1511
- border-top-right-radius: var(--x-size-base-01) !important;
1509
+ .x-border-width--01 {
1510
+ border-width: 1px !important;
1511
+ border-style: solid !important;
1512
1512
  }
1513
- [dir="rtl"] .x-border-radius--right-01 {
1514
- border-top-left-radius: var(--x-size-base-01) !important;
1513
+ .x-border-width--top-01 {
1514
+ border-top-width: 1px !important;
1515
+ border-style: solid !important;
1515
1516
  }
1516
- [dir="ltr"] .x-border-radius--right-01 {
1517
- border-bottom-right-radius: var(--x-size-base-01) !important;
1517
+ .x-border-width--bottom-01 {
1518
+ border-bottom-width: 1px !important;
1519
+ border-style: solid !important;
1518
1520
  }
1519
- [dir="rtl"] .x-border-radius--right-01 {
1520
- border-bottom-left-radius: var(--x-size-base-01) !important;
1521
+ [dir="ltr"] .x-border-width--right-01 {
1522
+ border-right-width: 1px !important;
1521
1523
  }
1522
- [dir="ltr"] .x-border-radius--left-01 {
1523
- border-top-left-radius: var(--x-size-base-01) !important;
1524
+ [dir="rtl"] .x-border-width--right-01 {
1525
+ border-left-width: 1px !important;
1524
1526
  }
1525
- [dir="rtl"] .x-border-radius--left-01 {
1526
- border-top-right-radius: var(--x-size-base-01) !important;
1527
+ .x-border-width--right-01 {
1528
+ border-style: solid !important;
1527
1529
  }
1528
- [dir="ltr"] .x-border-radius--left-01 {
1529
- border-bottom-left-radius: var(--x-size-base-01) !important;
1530
+ [dir="ltr"] .x-border-width--left-01 {
1531
+ border-left-width: 1px !important;
1530
1532
  }
1531
- [dir="rtl"] .x-border-radius--left-01 {
1532
- border-bottom-right-radius: var(--x-size-base-01) !important;
1533
+ [dir="rtl"] .x-border-width--left-01 {
1534
+ border-right-width: 1px !important;
1533
1535
  }
1534
- [dir="ltr"] .x-border-radius--top-left-01 {
1535
- border-top-left-radius: var(--x-size-base-01) !important;
1536
+ .x-border-width--left-01 {
1537
+ border-style: solid !important;
1536
1538
  }
1537
- [dir="rtl"] .x-border-radius--top-left-01 {
1538
- border-top-right-radius: var(--x-size-base-01) !important;
1539
+ .x-border-width--02 {
1540
+ border-width: 2px !important;
1541
+ border-style: solid !important;
1539
1542
  }
1540
- [dir="ltr"] .x-border-radius--top-right-01 {
1541
- border-top-right-radius: var(--x-size-base-01) !important;
1543
+ .x-border-width--top-02 {
1544
+ border-top-width: 2px !important;
1545
+ border-style: solid !important;
1542
1546
  }
1543
- [dir="rtl"] .x-border-radius--top-right-01 {
1544
- border-top-left-radius: var(--x-size-base-01) !important;
1547
+ .x-border-width--bottom-02 {
1548
+ border-bottom-width: 2px !important;
1549
+ border-style: solid !important;
1545
1550
  }
1546
- [dir="ltr"] .x-border-radius--bottom-left-01 {
1547
- border-bottom-left-radius: var(--x-size-base-01) !important;
1551
+ [dir="ltr"] .x-border-width--right-02 {
1552
+ border-right-width: 2px !important;
1548
1553
  }
1549
- [dir="rtl"] .x-border-radius--bottom-left-01 {
1550
- border-bottom-right-radius: var(--x-size-base-01) !important;
1554
+ [dir="rtl"] .x-border-width--right-02 {
1555
+ border-left-width: 2px !important;
1551
1556
  }
1552
- [dir="ltr"] .x-border-radius--bottom-right-01 {
1553
- border-bottom-right-radius: var(--x-size-base-01) !important;
1557
+ .x-border-width--right-02 {
1558
+ border-style: solid !important;
1554
1559
  }
1555
- [dir="rtl"] .x-border-radius--bottom-right-01 {
1556
- border-bottom-left-radius: var(--x-size-base-01) !important;
1560
+ [dir="ltr"] .x-border-width--left-02 {
1561
+ border-left-width: 2px !important;
1557
1562
  }
1558
- .x-border-radius--02 {
1559
- border-radius: var(--x-size-base-02) !important;
1563
+ [dir="rtl"] .x-border-width--left-02 {
1564
+ border-right-width: 2px !important;
1560
1565
  }
1561
- [dir="ltr"] .x-border-radius--top-02 {
1562
- border-top-left-radius: var(--x-size-base-02) !important;
1566
+ .x-border-width--left-02 {
1567
+ border-style: solid !important;
1563
1568
  }
1564
- [dir="rtl"] .x-border-radius--top-02 {
1565
- border-top-right-radius: var(--x-size-base-02) !important;
1569
+ .x-border-width--03 {
1570
+ border-width: 3px !important;
1571
+ border-style: solid !important;
1566
1572
  }
1567
- [dir="ltr"] .x-border-radius--top-02 {
1568
- border-top-right-radius: var(--x-size-base-02) !important;
1573
+ .x-border-width--top-03 {
1574
+ border-top-width: 3px !important;
1575
+ border-style: solid !important;
1569
1576
  }
1570
- [dir="rtl"] .x-border-radius--top-02 {
1571
- border-top-left-radius: var(--x-size-base-02) !important;
1577
+ .x-border-width--bottom-03 {
1578
+ border-bottom-width: 3px !important;
1579
+ border-style: solid !important;
1572
1580
  }
1573
- [dir="ltr"] .x-border-radius--bottom-02 {
1574
- border-bottom-left-radius: var(--x-size-base-02) !important;
1581
+ [dir="ltr"] .x-border-width--right-03 {
1582
+ border-right-width: 3px !important;
1575
1583
  }
1576
- [dir="rtl"] .x-border-radius--bottom-02 {
1577
- border-bottom-right-radius: var(--x-size-base-02) !important;
1584
+ [dir="rtl"] .x-border-width--right-03 {
1585
+ border-left-width: 3px !important;
1578
1586
  }
1579
- [dir="ltr"] .x-border-radius--bottom-02 {
1580
- border-bottom-right-radius: var(--x-size-base-02) !important;
1587
+ .x-border-width--right-03 {
1588
+ border-style: solid !important;
1581
1589
  }
1582
- [dir="rtl"] .x-border-radius--bottom-02 {
1583
- border-bottom-left-radius: var(--x-size-base-02) !important;
1590
+ [dir="ltr"] .x-border-width--left-03 {
1591
+ border-left-width: 3px !important;
1584
1592
  }
1585
- [dir="ltr"] .x-border-radius--right-02 {
1586
- border-top-right-radius: var(--x-size-base-02) !important;
1593
+ [dir="rtl"] .x-border-width--left-03 {
1594
+ border-right-width: 3px !important;
1587
1595
  }
1588
- [dir="rtl"] .x-border-radius--right-02 {
1589
- border-top-left-radius: var(--x-size-base-02) !important;
1596
+ .x-border-width--left-03 {
1597
+ border-style: solid !important;
1590
1598
  }
1591
- [dir="ltr"] .x-border-radius--right-02 {
1592
- border-bottom-right-radius: var(--x-size-base-02) !important;
1599
+ .x-border-width--04 {
1600
+ border-width: 4px !important;
1601
+ border-style: solid !important;
1593
1602
  }
1594
- [dir="rtl"] .x-border-radius--right-02 {
1595
- border-bottom-left-radius: var(--x-size-base-02) !important;
1603
+ .x-border-width--top-04 {
1604
+ border-top-width: 4px !important;
1605
+ border-style: solid !important;
1596
1606
  }
1597
- [dir="ltr"] .x-border-radius--left-02 {
1598
- border-top-left-radius: var(--x-size-base-02) !important;
1607
+ .x-border-width--bottom-04 {
1608
+ border-bottom-width: 4px !important;
1609
+ border-style: solid !important;
1599
1610
  }
1600
- [dir="rtl"] .x-border-radius--left-02 {
1601
- border-top-right-radius: var(--x-size-base-02) !important;
1611
+ [dir="ltr"] .x-border-width--right-04 {
1612
+ border-right-width: 4px !important;
1602
1613
  }
1603
- [dir="ltr"] .x-border-radius--left-02 {
1604
- border-bottom-left-radius: var(--x-size-base-02) !important;
1614
+ [dir="rtl"] .x-border-width--right-04 {
1615
+ border-left-width: 4px !important;
1605
1616
  }
1606
- [dir="rtl"] .x-border-radius--left-02 {
1607
- border-bottom-right-radius: var(--x-size-base-02) !important;
1617
+ .x-border-width--right-04 {
1618
+ border-style: solid !important;
1608
1619
  }
1609
- [dir="ltr"] .x-border-radius--top-left-02 {
1610
- border-top-left-radius: var(--x-size-base-02) !important;
1620
+ [dir="ltr"] .x-border-width--left-04 {
1621
+ border-left-width: 4px !important;
1611
1622
  }
1612
- [dir="rtl"] .x-border-radius--top-left-02 {
1613
- border-top-right-radius: var(--x-size-base-02) !important;
1623
+ [dir="rtl"] .x-border-width--left-04 {
1624
+ border-right-width: 4px !important;
1614
1625
  }
1615
- [dir="ltr"] .x-border-radius--top-right-02 {
1616
- border-top-right-radius: var(--x-size-base-02) !important;
1626
+ .x-border-width--left-04 {
1627
+ border-style: solid !important;
1617
1628
  }
1618
- [dir="rtl"] .x-border-radius--top-right-02 {
1619
- border-top-left-radius: var(--x-size-base-02) !important;
1629
+ .x-border-width--05 {
1630
+ border-width: 5px !important;
1631
+ border-style: solid !important;
1620
1632
  }
1621
- [dir="ltr"] .x-border-radius--bottom-left-02 {
1622
- border-bottom-left-radius: var(--x-size-base-02) !important;
1633
+ .x-border-width--top-05 {
1634
+ border-top-width: 5px !important;
1635
+ border-style: solid !important;
1623
1636
  }
1624
- [dir="rtl"] .x-border-radius--bottom-left-02 {
1625
- border-bottom-right-radius: var(--x-size-base-02) !important;
1637
+ .x-border-width--bottom-05 {
1638
+ border-bottom-width: 5px !important;
1639
+ border-style: solid !important;
1626
1640
  }
1627
- [dir="ltr"] .x-border-radius--bottom-right-02 {
1628
- border-bottom-right-radius: var(--x-size-base-02) !important;
1641
+ [dir="ltr"] .x-border-width--right-05 {
1642
+ border-right-width: 5px !important;
1629
1643
  }
1630
- [dir="rtl"] .x-border-radius--bottom-right-02 {
1631
- border-bottom-left-radius: var(--x-size-base-02) !important;
1644
+ [dir="rtl"] .x-border-width--right-05 {
1645
+ border-left-width: 5px !important;
1632
1646
  }
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;
1647
+ .x-border-width--right-05 {
1648
+ border-style: solid !important;
1638
1649
  }
1639
- [dir="rtl"] .x-border-radius--top-03 {
1640
- border-top-right-radius: var(--x-size-base-03) !important;
1650
+ [dir="ltr"] .x-border-width--left-05 {
1651
+ border-left-width: 5px !important;
1641
1652
  }
1642
- [dir="ltr"] .x-border-radius--top-03 {
1643
- border-top-right-radius: var(--x-size-base-03) !important;
1653
+ [dir="rtl"] .x-border-width--left-05 {
1654
+ border-right-width: 5px !important;
1644
1655
  }
1645
- [dir="rtl"] .x-border-radius--top-03 {
1646
- border-top-left-radius: var(--x-size-base-03) !important;
1656
+ .x-border-width--left-05 {
1657
+ border-style: solid !important;
1647
1658
  }
1648
- [dir="ltr"] .x-border-radius--bottom-03 {
1649
- border-bottom-left-radius: var(--x-size-base-03) !important;
1659
+ .x-border-width--06 {
1660
+ border-width: 6px !important;
1661
+ border-style: solid !important;
1650
1662
  }
1651
- [dir="rtl"] .x-border-radius--bottom-03 {
1652
- border-bottom-right-radius: var(--x-size-base-03) !important;
1663
+ .x-border-width--top-06 {
1664
+ border-top-width: 6px !important;
1665
+ border-style: solid !important;
1653
1666
  }
1654
- [dir="ltr"] .x-border-radius--bottom-03 {
1655
- border-bottom-right-radius: var(--x-size-base-03) !important;
1667
+ .x-border-width--bottom-06 {
1668
+ border-bottom-width: 6px !important;
1669
+ border-style: solid !important;
1656
1670
  }
1657
- [dir="rtl"] .x-border-radius--bottom-03 {
1658
- border-bottom-left-radius: var(--x-size-base-03) !important;
1671
+ [dir="ltr"] .x-border-width--right-06 {
1672
+ border-right-width: 6px !important;
1659
1673
  }
1660
- [dir="ltr"] .x-border-radius--right-03 {
1661
- border-top-right-radius: var(--x-size-base-03) !important;
1674
+ [dir="rtl"] .x-border-width--right-06 {
1675
+ border-left-width: 6px !important;
1662
1676
  }
1663
- [dir="rtl"] .x-border-radius--right-03 {
1664
- border-top-left-radius: var(--x-size-base-03) !important;
1677
+ .x-border-width--right-06 {
1678
+ border-style: solid !important;
1665
1679
  }
1666
- [dir="ltr"] .x-border-radius--right-03 {
1667
- border-bottom-right-radius: var(--x-size-base-03) !important;
1680
+ [dir="ltr"] .x-border-width--left-06 {
1681
+ border-left-width: 6px !important;
1668
1682
  }
1669
- [dir="rtl"] .x-border-radius--right-03 {
1670
- border-bottom-left-radius: var(--x-size-base-03) !important;
1683
+ [dir="rtl"] .x-border-width--left-06 {
1684
+ border-right-width: 6px !important;
1671
1685
  }
1672
- [dir="ltr"] .x-border-radius--left-03 {
1673
- border-top-left-radius: var(--x-size-base-03) !important;
1686
+ .x-border-width--left-06 {
1687
+ border-style: solid !important;
1674
1688
  }
1675
- [dir="rtl"] .x-border-radius--left-03 {
1676
- border-top-right-radius: var(--x-size-base-03) !important;
1689
+ .x-border-width--07 {
1690
+ border-width: 7px !important;
1691
+ border-style: solid !important;
1677
1692
  }
1678
- [dir="ltr"] .x-border-radius--left-03 {
1679
- border-bottom-left-radius: var(--x-size-base-03) !important;
1693
+ .x-border-width--top-07 {
1694
+ border-top-width: 7px !important;
1695
+ border-style: solid !important;
1680
1696
  }
1681
- [dir="rtl"] .x-border-radius--left-03 {
1682
- border-bottom-right-radius: var(--x-size-base-03) !important;
1697
+ .x-border-width--bottom-07 {
1698
+ border-bottom-width: 7px !important;
1699
+ border-style: solid !important;
1683
1700
  }
1684
- [dir="ltr"] .x-border-radius--top-left-03 {
1685
- border-top-left-radius: var(--x-size-base-03) !important;
1701
+ [dir="ltr"] .x-border-width--right-07 {
1702
+ border-right-width: 7px !important;
1686
1703
  }
1687
- [dir="rtl"] .x-border-radius--top-left-03 {
1688
- border-top-right-radius: var(--x-size-base-03) !important;
1704
+ [dir="rtl"] .x-border-width--right-07 {
1705
+ border-left-width: 7px !important;
1689
1706
  }
1690
- [dir="ltr"] .x-border-radius--top-right-03 {
1691
- border-top-right-radius: var(--x-size-base-03) !important;
1707
+ .x-border-width--right-07 {
1708
+ border-style: solid !important;
1692
1709
  }
1693
- [dir="rtl"] .x-border-radius--top-right-03 {
1694
- border-top-left-radius: var(--x-size-base-03) !important;
1710
+ [dir="ltr"] .x-border-width--left-07 {
1711
+ border-left-width: 7px !important;
1695
1712
  }
1696
- [dir="ltr"] .x-border-radius--bottom-left-03 {
1697
- border-bottom-left-radius: var(--x-size-base-03) !important;
1713
+ [dir="rtl"] .x-border-width--left-07 {
1714
+ border-right-width: 7px !important;
1698
1715
  }
1699
- [dir="rtl"] .x-border-radius--bottom-left-03 {
1700
- border-bottom-right-radius: var(--x-size-base-03) !important;
1716
+ .x-border-width--left-07 {
1717
+ border-style: solid !important;
1701
1718
  }
1702
- [dir="ltr"] .x-border-radius--bottom-right-03 {
1703
- border-bottom-right-radius: var(--x-size-base-03) !important;
1719
+ .x-border-width--08 {
1720
+ border-width: 8px !important;
1721
+ border-style: solid !important;
1704
1722
  }
1705
- [dir="rtl"] .x-border-radius--bottom-right-03 {
1706
- border-bottom-left-radius: var(--x-size-base-03) !important;
1723
+ .x-border-width--top-08 {
1724
+ border-top-width: 8px !important;
1725
+ border-style: solid !important;
1707
1726
  }
1708
- .x-border-radius--04 {
1709
- border-radius: var(--x-size-base-04) !important;
1727
+ .x-border-width--bottom-08 {
1728
+ border-bottom-width: 8px !important;
1729
+ border-style: solid !important;
1710
1730
  }
1711
- [dir="ltr"] .x-border-radius--top-04 {
1712
- border-top-left-radius: var(--x-size-base-04) !important;
1731
+ [dir="ltr"] .x-border-width--right-08 {
1732
+ border-right-width: 8px !important;
1713
1733
  }
1714
- [dir="rtl"] .x-border-radius--top-04 {
1715
- border-top-right-radius: var(--x-size-base-04) !important;
1734
+ [dir="rtl"] .x-border-width--right-08 {
1735
+ border-left-width: 8px !important;
1716
1736
  }
1717
- [dir="ltr"] .x-border-radius--top-04 {
1718
- border-top-right-radius: var(--x-size-base-04) !important;
1737
+ .x-border-width--right-08 {
1738
+ border-style: solid !important;
1719
1739
  }
1720
- [dir="rtl"] .x-border-radius--top-04 {
1721
- border-top-left-radius: var(--x-size-base-04) !important;
1740
+ [dir="ltr"] .x-border-width--left-08 {
1741
+ border-left-width: 8px !important;
1722
1742
  }
1723
- [dir="ltr"] .x-border-radius--bottom-04 {
1724
- border-bottom-left-radius: var(--x-size-base-04) !important;
1743
+ [dir="rtl"] .x-border-width--left-08 {
1744
+ border-right-width: 8px !important;
1725
1745
  }
1726
- [dir="rtl"] .x-border-radius--bottom-04 {
1727
- border-bottom-right-radius: var(--x-size-base-04) !important;
1746
+ .x-border-width--left-08 {
1747
+ border-style: solid !important;
1728
1748
  }
1729
- [dir="ltr"] .x-border-radius--bottom-04 {
1730
- border-bottom-right-radius: var(--x-size-base-04) !important;
1749
+ .x-border-width--09 {
1750
+ border-width: 9px !important;
1751
+ border-style: solid !important;
1731
1752
  }
1732
- [dir="rtl"] .x-border-radius--bottom-04 {
1733
- border-bottom-left-radius: var(--x-size-base-04) !important;
1753
+ .x-border-width--top-09 {
1754
+ border-top-width: 9px !important;
1755
+ border-style: solid !important;
1734
1756
  }
1735
- [dir="ltr"] .x-border-radius--right-04 {
1736
- border-top-right-radius: var(--x-size-base-04) !important;
1757
+ .x-border-width--bottom-09 {
1758
+ border-bottom-width: 9px !important;
1759
+ border-style: solid !important;
1737
1760
  }
1738
- [dir="rtl"] .x-border-radius--right-04 {
1739
- border-top-left-radius: var(--x-size-base-04) !important;
1761
+ [dir="ltr"] .x-border-width--right-09 {
1762
+ border-right-width: 9px !important;
1740
1763
  }
1741
- [dir="ltr"] .x-border-radius--right-04 {
1742
- border-bottom-right-radius: var(--x-size-base-04) !important;
1764
+ [dir="rtl"] .x-border-width--right-09 {
1765
+ border-left-width: 9px !important;
1743
1766
  }
1744
- [dir="rtl"] .x-border-radius--right-04 {
1745
- border-bottom-left-radius: var(--x-size-base-04) !important;
1767
+ .x-border-width--right-09 {
1768
+ border-style: solid !important;
1746
1769
  }
1747
- [dir="ltr"] .x-border-radius--left-04 {
1748
- border-top-left-radius: var(--x-size-base-04) !important;
1770
+ [dir="ltr"] .x-border-width--left-09 {
1771
+ border-left-width: 9px !important;
1749
1772
  }
1750
- [dir="rtl"] .x-border-radius--left-04 {
1751
- border-top-right-radius: var(--x-size-base-04) !important;
1773
+ [dir="rtl"] .x-border-width--left-09 {
1774
+ border-right-width: 9px !important;
1752
1775
  }
1753
- [dir="ltr"] .x-border-radius--left-04 {
1754
- border-bottom-left-radius: var(--x-size-base-04) !important;
1776
+ .x-border-width--left-09 {
1777
+ border-style: solid !important;
1755
1778
  }
1756
- [dir="rtl"] .x-border-radius--left-04 {
1757
- border-bottom-right-radius: var(--x-size-base-04) !important;
1779
+ .x-border-width--10 {
1780
+ border-width: 10px !important;
1781
+ border-style: solid !important;
1758
1782
  }
1759
- [dir="ltr"] .x-border-radius--top-left-04 {
1760
- border-top-left-radius: var(--x-size-base-04) !important;
1783
+ .x-border-width--top-10 {
1784
+ border-top-width: 10px !important;
1785
+ border-style: solid !important;
1761
1786
  }
1762
- [dir="rtl"] .x-border-radius--top-left-04 {
1763
- border-top-right-radius: var(--x-size-base-04) !important;
1787
+ .x-border-width--bottom-10 {
1788
+ border-bottom-width: 10px !important;
1789
+ border-style: solid !important;
1764
1790
  }
1765
- [dir="ltr"] .x-border-radius--top-right-04 {
1766
- border-top-right-radius: var(--x-size-base-04) !important;
1791
+ [dir="ltr"] .x-border-width--right-10 {
1792
+ border-right-width: 10px !important;
1767
1793
  }
1768
- [dir="rtl"] .x-border-radius--top-right-04 {
1769
- border-top-left-radius: var(--x-size-base-04) !important;
1794
+ [dir="rtl"] .x-border-width--right-10 {
1795
+ border-left-width: 10px !important;
1770
1796
  }
1771
- [dir="ltr"] .x-border-radius--bottom-left-04 {
1772
- border-bottom-left-radius: var(--x-size-base-04) !important;
1797
+ .x-border-width--right-10 {
1798
+ border-style: solid !important;
1773
1799
  }
1774
- [dir="rtl"] .x-border-radius--bottom-left-04 {
1775
- border-bottom-right-radius: var(--x-size-base-04) !important;
1800
+ [dir="ltr"] .x-border-width--left-10 {
1801
+ border-left-width: 10px !important;
1776
1802
  }
1777
- [dir="ltr"] .x-border-radius--bottom-right-04 {
1778
- border-bottom-right-radius: var(--x-size-base-04) !important;
1803
+ [dir="rtl"] .x-border-width--left-10 {
1804
+ border-right-width: 10px !important;
1779
1805
  }
1780
- [dir="rtl"] .x-border-radius--bottom-right-04 {
1781
- border-bottom-left-radius: var(--x-size-base-04) !important;
1806
+ .x-border-width--left-10 {
1807
+ border-style: solid !important;
1782
1808
  }
1783
- .x-border-radius--05 {
1784
- border-radius: var(--x-size-base-05) !important;
1809
+ .x-border-radius--00 {
1810
+ border-radius: 0 !important;
1785
1811
  }
1786
- [dir="ltr"] .x-border-radius--top-05 {
1787
- border-top-left-radius: var(--x-size-base-05) !important;
1812
+
1813
+ .x-border-radius--pill {
1814
+ border-radius: 99999px !important;
1788
1815
  }
1789
- [dir="rtl"] .x-border-radius--top-05 {
1790
- border-top-right-radius: var(--x-size-base-05) !important;
1816
+
1817
+ .x-border-radius--01 {
1818
+ border-radius: var(--x-size-base-01) !important;
1791
1819
  }
1792
- [dir="ltr"] .x-border-radius--top-05 {
1793
- border-top-right-radius: var(--x-size-base-05) !important;
1820
+ [dir="ltr"] .x-border-radius--top-01 {
1821
+ border-top-left-radius: var(--x-size-base-01) !important;
1794
1822
  }
1795
- [dir="rtl"] .x-border-radius--top-05 {
1796
- border-top-left-radius: var(--x-size-base-05) !important;
1823
+ [dir="rtl"] .x-border-radius--top-01 {
1824
+ border-top-right-radius: var(--x-size-base-01) !important;
1797
1825
  }
1798
- [dir="ltr"] .x-border-radius--bottom-05 {
1799
- border-bottom-left-radius: var(--x-size-base-05) !important;
1826
+ [dir="ltr"] .x-border-radius--top-01 {
1827
+ border-top-right-radius: var(--x-size-base-01) !important;
1800
1828
  }
1801
- [dir="rtl"] .x-border-radius--bottom-05 {
1802
- border-bottom-right-radius: var(--x-size-base-05) !important;
1829
+ [dir="rtl"] .x-border-radius--top-01 {
1830
+ border-top-left-radius: var(--x-size-base-01) !important;
1803
1831
  }
1804
- [dir="ltr"] .x-border-radius--bottom-05 {
1805
- border-bottom-right-radius: var(--x-size-base-05) !important;
1832
+ [dir="ltr"] .x-border-radius--bottom-01 {
1833
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1806
1834
  }
1807
- [dir="rtl"] .x-border-radius--bottom-05 {
1808
- border-bottom-left-radius: var(--x-size-base-05) !important;
1835
+ [dir="rtl"] .x-border-radius--bottom-01 {
1836
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1809
1837
  }
1810
- [dir="ltr"] .x-border-radius--right-05 {
1811
- border-top-right-radius: var(--x-size-base-05) !important;
1838
+ [dir="ltr"] .x-border-radius--bottom-01 {
1839
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1812
1840
  }
1813
- [dir="rtl"] .x-border-radius--right-05 {
1814
- border-top-left-radius: var(--x-size-base-05) !important;
1841
+ [dir="rtl"] .x-border-radius--bottom-01 {
1842
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1815
1843
  }
1816
- [dir="ltr"] .x-border-radius--right-05 {
1817
- border-bottom-right-radius: var(--x-size-base-05) !important;
1844
+ [dir="ltr"] .x-border-radius--right-01 {
1845
+ border-top-right-radius: var(--x-size-base-01) !important;
1818
1846
  }
1819
- [dir="rtl"] .x-border-radius--right-05 {
1820
- border-bottom-left-radius: var(--x-size-base-05) !important;
1847
+ [dir="rtl"] .x-border-radius--right-01 {
1848
+ border-top-left-radius: var(--x-size-base-01) !important;
1821
1849
  }
1822
- [dir="ltr"] .x-border-radius--left-05 {
1823
- border-top-left-radius: var(--x-size-base-05) !important;
1850
+ [dir="ltr"] .x-border-radius--right-01 {
1851
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1824
1852
  }
1825
- [dir="rtl"] .x-border-radius--left-05 {
1826
- border-top-right-radius: var(--x-size-base-05) !important;
1853
+ [dir="rtl"] .x-border-radius--right-01 {
1854
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1827
1855
  }
1828
- [dir="ltr"] .x-border-radius--left-05 {
1829
- border-bottom-left-radius: var(--x-size-base-05) !important;
1856
+ [dir="ltr"] .x-border-radius--left-01 {
1857
+ border-top-left-radius: var(--x-size-base-01) !important;
1830
1858
  }
1831
- [dir="rtl"] .x-border-radius--left-05 {
1832
- border-bottom-right-radius: var(--x-size-base-05) !important;
1859
+ [dir="rtl"] .x-border-radius--left-01 {
1860
+ border-top-right-radius: var(--x-size-base-01) !important;
1833
1861
  }
1834
- [dir="ltr"] .x-border-radius--top-left-05 {
1835
- border-top-left-radius: var(--x-size-base-05) !important;
1862
+ [dir="ltr"] .x-border-radius--left-01 {
1863
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1836
1864
  }
1837
- [dir="rtl"] .x-border-radius--top-left-05 {
1838
- border-top-right-radius: var(--x-size-base-05) !important;
1865
+ [dir="rtl"] .x-border-radius--left-01 {
1866
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1839
1867
  }
1840
- [dir="ltr"] .x-border-radius--top-right-05 {
1841
- border-top-right-radius: var(--x-size-base-05) !important;
1868
+ [dir="ltr"] .x-border-radius--top-left-01 {
1869
+ border-top-left-radius: var(--x-size-base-01) !important;
1842
1870
  }
1843
- [dir="rtl"] .x-border-radius--top-right-05 {
1844
- border-top-left-radius: var(--x-size-base-05) !important;
1871
+ [dir="rtl"] .x-border-radius--top-left-01 {
1872
+ border-top-right-radius: var(--x-size-base-01) !important;
1845
1873
  }
1846
- [dir="ltr"] .x-border-radius--bottom-left-05 {
1847
- border-bottom-left-radius: var(--x-size-base-05) !important;
1874
+ [dir="ltr"] .x-border-radius--top-right-01 {
1875
+ border-top-right-radius: var(--x-size-base-01) !important;
1848
1876
  }
1849
- [dir="rtl"] .x-border-radius--bottom-left-05 {
1850
- border-bottom-right-radius: var(--x-size-base-05) !important;
1877
+ [dir="rtl"] .x-border-radius--top-right-01 {
1878
+ border-top-left-radius: var(--x-size-base-01) !important;
1851
1879
  }
1852
- [dir="ltr"] .x-border-radius--bottom-right-05 {
1853
- border-bottom-right-radius: var(--x-size-base-05) !important;
1880
+ [dir="ltr"] .x-border-radius--bottom-left-01 {
1881
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1854
1882
  }
1855
- [dir="rtl"] .x-border-radius--bottom-right-05 {
1856
- border-bottom-left-radius: var(--x-size-base-05) !important;
1883
+ [dir="rtl"] .x-border-radius--bottom-left-01 {
1884
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1857
1885
  }
1858
- .x-border-radius--06 {
1859
- border-radius: var(--x-size-base-06) !important;
1886
+ [dir="ltr"] .x-border-radius--bottom-right-01 {
1887
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1860
1888
  }
1861
- [dir="ltr"] .x-border-radius--top-06 {
1862
- border-top-left-radius: var(--x-size-base-06) !important;
1889
+ [dir="rtl"] .x-border-radius--bottom-right-01 {
1890
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1863
1891
  }
1864
- [dir="rtl"] .x-border-radius--top-06 {
1865
- border-top-right-radius: var(--x-size-base-06) !important;
1892
+ .x-border-radius--02 {
1893
+ border-radius: var(--x-size-base-02) !important;
1866
1894
  }
1867
- [dir="ltr"] .x-border-radius--top-06 {
1868
- border-top-right-radius: var(--x-size-base-06) !important;
1895
+ [dir="ltr"] .x-border-radius--top-02 {
1896
+ border-top-left-radius: var(--x-size-base-02) !important;
1869
1897
  }
1870
- [dir="rtl"] .x-border-radius--top-06 {
1871
- border-top-left-radius: var(--x-size-base-06) !important;
1898
+ [dir="rtl"] .x-border-radius--top-02 {
1899
+ border-top-right-radius: var(--x-size-base-02) !important;
1872
1900
  }
1873
- [dir="ltr"] .x-border-radius--bottom-06 {
1874
- border-bottom-left-radius: var(--x-size-base-06) !important;
1901
+ [dir="ltr"] .x-border-radius--top-02 {
1902
+ border-top-right-radius: var(--x-size-base-02) !important;
1875
1903
  }
1876
- [dir="rtl"] .x-border-radius--bottom-06 {
1877
- border-bottom-right-radius: var(--x-size-base-06) !important;
1904
+ [dir="rtl"] .x-border-radius--top-02 {
1905
+ border-top-left-radius: var(--x-size-base-02) !important;
1878
1906
  }
1879
- [dir="ltr"] .x-border-radius--bottom-06 {
1880
- border-bottom-right-radius: var(--x-size-base-06) !important;
1907
+ [dir="ltr"] .x-border-radius--bottom-02 {
1908
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1881
1909
  }
1882
- [dir="rtl"] .x-border-radius--bottom-06 {
1883
- border-bottom-left-radius: var(--x-size-base-06) !important;
1910
+ [dir="rtl"] .x-border-radius--bottom-02 {
1911
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1884
1912
  }
1885
- [dir="ltr"] .x-border-radius--right-06 {
1886
- border-top-right-radius: var(--x-size-base-06) !important;
1913
+ [dir="ltr"] .x-border-radius--bottom-02 {
1914
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1887
1915
  }
1888
- [dir="rtl"] .x-border-radius--right-06 {
1889
- border-top-left-radius: var(--x-size-base-06) !important;
1916
+ [dir="rtl"] .x-border-radius--bottom-02 {
1917
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1890
1918
  }
1891
- [dir="ltr"] .x-border-radius--right-06 {
1892
- border-bottom-right-radius: var(--x-size-base-06) !important;
1919
+ [dir="ltr"] .x-border-radius--right-02 {
1920
+ border-top-right-radius: var(--x-size-base-02) !important;
1893
1921
  }
1894
- [dir="rtl"] .x-border-radius--right-06 {
1895
- border-bottom-left-radius: var(--x-size-base-06) !important;
1922
+ [dir="rtl"] .x-border-radius--right-02 {
1923
+ border-top-left-radius: var(--x-size-base-02) !important;
1896
1924
  }
1897
- [dir="ltr"] .x-border-radius--left-06 {
1898
- border-top-left-radius: var(--x-size-base-06) !important;
1925
+ [dir="ltr"] .x-border-radius--right-02 {
1926
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1899
1927
  }
1900
- [dir="rtl"] .x-border-radius--left-06 {
1901
- border-top-right-radius: var(--x-size-base-06) !important;
1928
+ [dir="rtl"] .x-border-radius--right-02 {
1929
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1902
1930
  }
1903
- [dir="ltr"] .x-border-radius--left-06 {
1904
- border-bottom-left-radius: var(--x-size-base-06) !important;
1931
+ [dir="ltr"] .x-border-radius--left-02 {
1932
+ border-top-left-radius: var(--x-size-base-02) !important;
1905
1933
  }
1906
- [dir="rtl"] .x-border-radius--left-06 {
1907
- border-bottom-right-radius: var(--x-size-base-06) !important;
1934
+ [dir="rtl"] .x-border-radius--left-02 {
1935
+ border-top-right-radius: var(--x-size-base-02) !important;
1908
1936
  }
1909
- [dir="ltr"] .x-border-radius--top-left-06 {
1910
- border-top-left-radius: var(--x-size-base-06) !important;
1937
+ [dir="ltr"] .x-border-radius--left-02 {
1938
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1911
1939
  }
1912
- [dir="rtl"] .x-border-radius--top-left-06 {
1913
- border-top-right-radius: var(--x-size-base-06) !important;
1940
+ [dir="rtl"] .x-border-radius--left-02 {
1941
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1914
1942
  }
1915
- [dir="ltr"] .x-border-radius--top-right-06 {
1916
- border-top-right-radius: var(--x-size-base-06) !important;
1943
+ [dir="ltr"] .x-border-radius--top-left-02 {
1944
+ border-top-left-radius: var(--x-size-base-02) !important;
1917
1945
  }
1918
- [dir="rtl"] .x-border-radius--top-right-06 {
1919
- border-top-left-radius: var(--x-size-base-06) !important;
1946
+ [dir="rtl"] .x-border-radius--top-left-02 {
1947
+ border-top-right-radius: var(--x-size-base-02) !important;
1920
1948
  }
1921
- [dir="ltr"] .x-border-radius--bottom-left-06 {
1922
- border-bottom-left-radius: var(--x-size-base-06) !important;
1949
+ [dir="ltr"] .x-border-radius--top-right-02 {
1950
+ border-top-right-radius: var(--x-size-base-02) !important;
1923
1951
  }
1924
- [dir="rtl"] .x-border-radius--bottom-left-06 {
1925
- border-bottom-right-radius: var(--x-size-base-06) !important;
1952
+ [dir="rtl"] .x-border-radius--top-right-02 {
1953
+ border-top-left-radius: var(--x-size-base-02) !important;
1926
1954
  }
1927
- [dir="ltr"] .x-border-radius--bottom-right-06 {
1928
- border-bottom-right-radius: var(--x-size-base-06) !important;
1955
+ [dir="ltr"] .x-border-radius--bottom-left-02 {
1956
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1929
1957
  }
1930
- [dir="rtl"] .x-border-radius--bottom-right-06 {
1931
- border-bottom-left-radius: var(--x-size-base-06) !important;
1958
+ [dir="rtl"] .x-border-radius--bottom-left-02 {
1959
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1932
1960
  }
1933
- .x-border-radius--07 {
1934
- border-radius: var(--x-size-base-07) !important;
1961
+ [dir="ltr"] .x-border-radius--bottom-right-02 {
1962
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1935
1963
  }
1936
- [dir="ltr"] .x-border-radius--top-07 {
1937
- border-top-left-radius: var(--x-size-base-07) !important;
1964
+ [dir="rtl"] .x-border-radius--bottom-right-02 {
1965
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1938
1966
  }
1939
- [dir="rtl"] .x-border-radius--top-07 {
1940
- border-top-right-radius: var(--x-size-base-07) !important;
1967
+ .x-border-radius--03 {
1968
+ border-radius: var(--x-size-base-03) !important;
1941
1969
  }
1942
- [dir="ltr"] .x-border-radius--top-07 {
1943
- border-top-right-radius: var(--x-size-base-07) !important;
1970
+ [dir="ltr"] .x-border-radius--top-03 {
1971
+ border-top-left-radius: var(--x-size-base-03) !important;
1944
1972
  }
1945
- [dir="rtl"] .x-border-radius--top-07 {
1946
- border-top-left-radius: var(--x-size-base-07) !important;
1973
+ [dir="rtl"] .x-border-radius--top-03 {
1974
+ border-top-right-radius: var(--x-size-base-03) !important;
1947
1975
  }
1948
- [dir="ltr"] .x-border-radius--bottom-07 {
1949
- border-bottom-left-radius: var(--x-size-base-07) !important;
1976
+ [dir="ltr"] .x-border-radius--top-03 {
1977
+ border-top-right-radius: var(--x-size-base-03) !important;
1950
1978
  }
1951
- [dir="rtl"] .x-border-radius--bottom-07 {
1952
- border-bottom-right-radius: var(--x-size-base-07) !important;
1979
+ [dir="rtl"] .x-border-radius--top-03 {
1980
+ border-top-left-radius: var(--x-size-base-03) !important;
1953
1981
  }
1954
- [dir="ltr"] .x-border-radius--bottom-07 {
1955
- border-bottom-right-radius: var(--x-size-base-07) !important;
1982
+ [dir="ltr"] .x-border-radius--bottom-03 {
1983
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1956
1984
  }
1957
- [dir="rtl"] .x-border-radius--bottom-07 {
1958
- border-bottom-left-radius: var(--x-size-base-07) !important;
1985
+ [dir="rtl"] .x-border-radius--bottom-03 {
1986
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1959
1987
  }
1960
- [dir="ltr"] .x-border-radius--right-07 {
1961
- border-top-right-radius: var(--x-size-base-07) !important;
1988
+ [dir="ltr"] .x-border-radius--bottom-03 {
1989
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1962
1990
  }
1963
- [dir="rtl"] .x-border-radius--right-07 {
1964
- border-top-left-radius: var(--x-size-base-07) !important;
1991
+ [dir="rtl"] .x-border-radius--bottom-03 {
1992
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1965
1993
  }
1966
- [dir="ltr"] .x-border-radius--right-07 {
1967
- border-bottom-right-radius: var(--x-size-base-07) !important;
1994
+ [dir="ltr"] .x-border-radius--right-03 {
1995
+ border-top-right-radius: var(--x-size-base-03) !important;
1968
1996
  }
1969
- [dir="rtl"] .x-border-radius--right-07 {
1970
- border-bottom-left-radius: var(--x-size-base-07) !important;
1997
+ [dir="rtl"] .x-border-radius--right-03 {
1998
+ border-top-left-radius: var(--x-size-base-03) !important;
1971
1999
  }
1972
- [dir="ltr"] .x-border-radius--left-07 {
1973
- border-top-left-radius: var(--x-size-base-07) !important;
2000
+ [dir="ltr"] .x-border-radius--right-03 {
2001
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1974
2002
  }
1975
- [dir="rtl"] .x-border-radius--left-07 {
1976
- border-top-right-radius: var(--x-size-base-07) !important;
2003
+ [dir="rtl"] .x-border-radius--right-03 {
2004
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1977
2005
  }
1978
- [dir="ltr"] .x-border-radius--left-07 {
1979
- border-bottom-left-radius: var(--x-size-base-07) !important;
2006
+ [dir="ltr"] .x-border-radius--left-03 {
2007
+ border-top-left-radius: var(--x-size-base-03) !important;
1980
2008
  }
1981
- [dir="rtl"] .x-border-radius--left-07 {
1982
- border-bottom-right-radius: var(--x-size-base-07) !important;
2009
+ [dir="rtl"] .x-border-radius--left-03 {
2010
+ border-top-right-radius: var(--x-size-base-03) !important;
1983
2011
  }
1984
- [dir="ltr"] .x-border-radius--top-left-07 {
1985
- border-top-left-radius: var(--x-size-base-07) !important;
2012
+ [dir="ltr"] .x-border-radius--left-03 {
2013
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1986
2014
  }
1987
- [dir="rtl"] .x-border-radius--top-left-07 {
1988
- border-top-right-radius: var(--x-size-base-07) !important;
2015
+ [dir="rtl"] .x-border-radius--left-03 {
2016
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1989
2017
  }
1990
- [dir="ltr"] .x-border-radius--top-right-07 {
1991
- border-top-right-radius: var(--x-size-base-07) !important;
2018
+ [dir="ltr"] .x-border-radius--top-left-03 {
2019
+ border-top-left-radius: var(--x-size-base-03) !important;
1992
2020
  }
1993
- [dir="rtl"] .x-border-radius--top-right-07 {
1994
- border-top-left-radius: var(--x-size-base-07) !important;
2021
+ [dir="rtl"] .x-border-radius--top-left-03 {
2022
+ border-top-right-radius: var(--x-size-base-03) !important;
1995
2023
  }
1996
- [dir="ltr"] .x-border-radius--bottom-left-07 {
1997
- border-bottom-left-radius: var(--x-size-base-07) !important;
2024
+ [dir="ltr"] .x-border-radius--top-right-03 {
2025
+ border-top-right-radius: var(--x-size-base-03) !important;
1998
2026
  }
1999
- [dir="rtl"] .x-border-radius--bottom-left-07 {
2000
- border-bottom-right-radius: var(--x-size-base-07) !important;
2027
+ [dir="rtl"] .x-border-radius--top-right-03 {
2028
+ border-top-left-radius: var(--x-size-base-03) !important;
2001
2029
  }
2002
- [dir="ltr"] .x-border-radius--bottom-right-07 {
2003
- border-bottom-right-radius: var(--x-size-base-07) !important;
2030
+ [dir="ltr"] .x-border-radius--bottom-left-03 {
2031
+ border-bottom-left-radius: var(--x-size-base-03) !important;
2004
2032
  }
2005
- [dir="rtl"] .x-border-radius--bottom-right-07 {
2006
- border-bottom-left-radius: var(--x-size-base-07) !important;
2033
+ [dir="rtl"] .x-border-radius--bottom-left-03 {
2034
+ border-bottom-right-radius: var(--x-size-base-03) !important;
2007
2035
  }
2008
- .x-border-radius--08 {
2009
- border-radius: var(--x-size-base-08) !important;
2036
+ [dir="ltr"] .x-border-radius--bottom-right-03 {
2037
+ border-bottom-right-radius: var(--x-size-base-03) !important;
2010
2038
  }
2011
- [dir="ltr"] .x-border-radius--top-08 {
2012
- border-top-left-radius: var(--x-size-base-08) !important;
2039
+ [dir="rtl"] .x-border-radius--bottom-right-03 {
2040
+ border-bottom-left-radius: var(--x-size-base-03) !important;
2013
2041
  }
2014
- [dir="rtl"] .x-border-radius--top-08 {
2015
- border-top-right-radius: var(--x-size-base-08) !important;
2042
+ .x-border-radius--04 {
2043
+ border-radius: var(--x-size-base-04) !important;
2016
2044
  }
2017
- [dir="ltr"] .x-border-radius--top-08 {
2018
- border-top-right-radius: var(--x-size-base-08) !important;
2045
+ [dir="ltr"] .x-border-radius--top-04 {
2046
+ border-top-left-radius: var(--x-size-base-04) !important;
2019
2047
  }
2020
- [dir="rtl"] .x-border-radius--top-08 {
2021
- border-top-left-radius: var(--x-size-base-08) !important;
2048
+ [dir="rtl"] .x-border-radius--top-04 {
2049
+ border-top-right-radius: var(--x-size-base-04) !important;
2022
2050
  }
2023
- [dir="ltr"] .x-border-radius--bottom-08 {
2024
- border-bottom-left-radius: var(--x-size-base-08) !important;
2051
+ [dir="ltr"] .x-border-radius--top-04 {
2052
+ border-top-right-radius: var(--x-size-base-04) !important;
2025
2053
  }
2026
- [dir="rtl"] .x-border-radius--bottom-08 {
2027
- border-bottom-right-radius: var(--x-size-base-08) !important;
2054
+ [dir="rtl"] .x-border-radius--top-04 {
2055
+ border-top-left-radius: var(--x-size-base-04) !important;
2028
2056
  }
2029
- [dir="ltr"] .x-border-radius--bottom-08 {
2030
- border-bottom-right-radius: var(--x-size-base-08) !important;
2057
+ [dir="ltr"] .x-border-radius--bottom-04 {
2058
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2031
2059
  }
2032
- [dir="rtl"] .x-border-radius--bottom-08 {
2033
- border-bottom-left-radius: var(--x-size-base-08) !important;
2060
+ [dir="rtl"] .x-border-radius--bottom-04 {
2061
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2034
2062
  }
2035
- [dir="ltr"] .x-border-radius--right-08 {
2036
- border-top-right-radius: var(--x-size-base-08) !important;
2063
+ [dir="ltr"] .x-border-radius--bottom-04 {
2064
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2037
2065
  }
2038
- [dir="rtl"] .x-border-radius--right-08 {
2039
- border-top-left-radius: var(--x-size-base-08) !important;
2066
+ [dir="rtl"] .x-border-radius--bottom-04 {
2067
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2040
2068
  }
2041
- [dir="ltr"] .x-border-radius--right-08 {
2042
- border-bottom-right-radius: var(--x-size-base-08) !important;
2069
+ [dir="ltr"] .x-border-radius--right-04 {
2070
+ border-top-right-radius: var(--x-size-base-04) !important;
2043
2071
  }
2044
- [dir="rtl"] .x-border-radius--right-08 {
2045
- border-bottom-left-radius: var(--x-size-base-08) !important;
2072
+ [dir="rtl"] .x-border-radius--right-04 {
2073
+ border-top-left-radius: var(--x-size-base-04) !important;
2046
2074
  }
2047
- [dir="ltr"] .x-border-radius--left-08 {
2048
- border-top-left-radius: var(--x-size-base-08) !important;
2075
+ [dir="ltr"] .x-border-radius--right-04 {
2076
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2049
2077
  }
2050
- [dir="rtl"] .x-border-radius--left-08 {
2051
- border-top-right-radius: var(--x-size-base-08) !important;
2078
+ [dir="rtl"] .x-border-radius--right-04 {
2079
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2052
2080
  }
2053
- [dir="ltr"] .x-border-radius--left-08 {
2054
- border-bottom-left-radius: var(--x-size-base-08) !important;
2081
+ [dir="ltr"] .x-border-radius--left-04 {
2082
+ border-top-left-radius: var(--x-size-base-04) !important;
2055
2083
  }
2056
- [dir="rtl"] .x-border-radius--left-08 {
2057
- border-bottom-right-radius: var(--x-size-base-08) !important;
2084
+ [dir="rtl"] .x-border-radius--left-04 {
2085
+ border-top-right-radius: var(--x-size-base-04) !important;
2058
2086
  }
2059
- [dir="ltr"] .x-border-radius--top-left-08 {
2060
- border-top-left-radius: var(--x-size-base-08) !important;
2087
+ [dir="ltr"] .x-border-radius--left-04 {
2088
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2061
2089
  }
2062
- [dir="rtl"] .x-border-radius--top-left-08 {
2063
- border-top-right-radius: var(--x-size-base-08) !important;
2090
+ [dir="rtl"] .x-border-radius--left-04 {
2091
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2064
2092
  }
2065
- [dir="ltr"] .x-border-radius--top-right-08 {
2066
- border-top-right-radius: var(--x-size-base-08) !important;
2093
+ [dir="ltr"] .x-border-radius--top-left-04 {
2094
+ border-top-left-radius: var(--x-size-base-04) !important;
2067
2095
  }
2068
- [dir="rtl"] .x-border-radius--top-right-08 {
2069
- border-top-left-radius: var(--x-size-base-08) !important;
2096
+ [dir="rtl"] .x-border-radius--top-left-04 {
2097
+ border-top-right-radius: var(--x-size-base-04) !important;
2070
2098
  }
2071
- [dir="ltr"] .x-border-radius--bottom-left-08 {
2072
- border-bottom-left-radius: var(--x-size-base-08) !important;
2099
+ [dir="ltr"] .x-border-radius--top-right-04 {
2100
+ border-top-right-radius: var(--x-size-base-04) !important;
2073
2101
  }
2074
- [dir="rtl"] .x-border-radius--bottom-left-08 {
2075
- border-bottom-right-radius: var(--x-size-base-08) !important;
2102
+ [dir="rtl"] .x-border-radius--top-right-04 {
2103
+ border-top-left-radius: var(--x-size-base-04) !important;
2076
2104
  }
2077
- [dir="ltr"] .x-border-radius--bottom-right-08 {
2078
- border-bottom-right-radius: var(--x-size-base-08) !important;
2105
+ [dir="ltr"] .x-border-radius--bottom-left-04 {
2106
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2079
2107
  }
2080
- [dir="rtl"] .x-border-radius--bottom-right-08 {
2081
- border-bottom-left-radius: var(--x-size-base-08) !important;
2108
+ [dir="rtl"] .x-border-radius--bottom-left-04 {
2109
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2082
2110
  }
2083
- .x-border-radius--09 {
2084
- border-radius: var(--x-size-base-09) !important;
2111
+ [dir="ltr"] .x-border-radius--bottom-right-04 {
2112
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2085
2113
  }
2086
- [dir="ltr"] .x-border-radius--top-09 {
2087
- border-top-left-radius: var(--x-size-base-09) !important;
2114
+ [dir="rtl"] .x-border-radius--bottom-right-04 {
2115
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2088
2116
  }
2089
- [dir="rtl"] .x-border-radius--top-09 {
2090
- border-top-right-radius: var(--x-size-base-09) !important;
2117
+ .x-border-radius--05 {
2118
+ border-radius: var(--x-size-base-05) !important;
2091
2119
  }
2092
- [dir="ltr"] .x-border-radius--top-09 {
2093
- border-top-right-radius: var(--x-size-base-09) !important;
2120
+ [dir="ltr"] .x-border-radius--top-05 {
2121
+ border-top-left-radius: var(--x-size-base-05) !important;
2094
2122
  }
2095
- [dir="rtl"] .x-border-radius--top-09 {
2096
- border-top-left-radius: var(--x-size-base-09) !important;
2123
+ [dir="rtl"] .x-border-radius--top-05 {
2124
+ border-top-right-radius: var(--x-size-base-05) !important;
2097
2125
  }
2098
- [dir="ltr"] .x-border-radius--bottom-09 {
2099
- border-bottom-left-radius: var(--x-size-base-09) !important;
2126
+ [dir="ltr"] .x-border-radius--top-05 {
2127
+ border-top-right-radius: var(--x-size-base-05) !important;
2100
2128
  }
2101
- [dir="rtl"] .x-border-radius--bottom-09 {
2102
- border-bottom-right-radius: var(--x-size-base-09) !important;
2129
+ [dir="rtl"] .x-border-radius--top-05 {
2130
+ border-top-left-radius: var(--x-size-base-05) !important;
2103
2131
  }
2104
- [dir="ltr"] .x-border-radius--bottom-09 {
2105
- border-bottom-right-radius: var(--x-size-base-09) !important;
2132
+ [dir="ltr"] .x-border-radius--bottom-05 {
2133
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2106
2134
  }
2107
- [dir="rtl"] .x-border-radius--bottom-09 {
2108
- border-bottom-left-radius: var(--x-size-base-09) !important;
2135
+ [dir="rtl"] .x-border-radius--bottom-05 {
2136
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2109
2137
  }
2110
- [dir="ltr"] .x-border-radius--right-09 {
2111
- border-top-right-radius: var(--x-size-base-09) !important;
2138
+ [dir="ltr"] .x-border-radius--bottom-05 {
2139
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2112
2140
  }
2113
- [dir="rtl"] .x-border-radius--right-09 {
2114
- border-top-left-radius: var(--x-size-base-09) !important;
2141
+ [dir="rtl"] .x-border-radius--bottom-05 {
2142
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2115
2143
  }
2116
- [dir="ltr"] .x-border-radius--right-09 {
2117
- border-bottom-right-radius: var(--x-size-base-09) !important;
2144
+ [dir="ltr"] .x-border-radius--right-05 {
2145
+ border-top-right-radius: var(--x-size-base-05) !important;
2118
2146
  }
2119
- [dir="rtl"] .x-border-radius--right-09 {
2120
- border-bottom-left-radius: var(--x-size-base-09) !important;
2147
+ [dir="rtl"] .x-border-radius--right-05 {
2148
+ border-top-left-radius: var(--x-size-base-05) !important;
2121
2149
  }
2122
- [dir="ltr"] .x-border-radius--left-09 {
2123
- border-top-left-radius: var(--x-size-base-09) !important;
2150
+ [dir="ltr"] .x-border-radius--right-05 {
2151
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2124
2152
  }
2125
- [dir="rtl"] .x-border-radius--left-09 {
2126
- border-top-right-radius: var(--x-size-base-09) !important;
2153
+ [dir="rtl"] .x-border-radius--right-05 {
2154
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2127
2155
  }
2128
- [dir="ltr"] .x-border-radius--left-09 {
2129
- border-bottom-left-radius: var(--x-size-base-09) !important;
2156
+ [dir="ltr"] .x-border-radius--left-05 {
2157
+ border-top-left-radius: var(--x-size-base-05) !important;
2130
2158
  }
2131
- [dir="rtl"] .x-border-radius--left-09 {
2132
- border-bottom-right-radius: var(--x-size-base-09) !important;
2159
+ [dir="rtl"] .x-border-radius--left-05 {
2160
+ border-top-right-radius: var(--x-size-base-05) !important;
2133
2161
  }
2134
- [dir="ltr"] .x-border-radius--top-left-09 {
2135
- border-top-left-radius: var(--x-size-base-09) !important;
2162
+ [dir="ltr"] .x-border-radius--left-05 {
2163
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2136
2164
  }
2137
- [dir="rtl"] .x-border-radius--top-left-09 {
2138
- border-top-right-radius: var(--x-size-base-09) !important;
2165
+ [dir="rtl"] .x-border-radius--left-05 {
2166
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2139
2167
  }
2140
- [dir="ltr"] .x-border-radius--top-right-09 {
2141
- border-top-right-radius: var(--x-size-base-09) !important;
2168
+ [dir="ltr"] .x-border-radius--top-left-05 {
2169
+ border-top-left-radius: var(--x-size-base-05) !important;
2142
2170
  }
2143
- [dir="rtl"] .x-border-radius--top-right-09 {
2144
- border-top-left-radius: var(--x-size-base-09) !important;
2171
+ [dir="rtl"] .x-border-radius--top-left-05 {
2172
+ border-top-right-radius: var(--x-size-base-05) !important;
2145
2173
  }
2146
- [dir="ltr"] .x-border-radius--bottom-left-09 {
2147
- border-bottom-left-radius: var(--x-size-base-09) !important;
2174
+ [dir="ltr"] .x-border-radius--top-right-05 {
2175
+ border-top-right-radius: var(--x-size-base-05) !important;
2148
2176
  }
2149
- [dir="rtl"] .x-border-radius--bottom-left-09 {
2150
- border-bottom-right-radius: var(--x-size-base-09) !important;
2177
+ [dir="rtl"] .x-border-radius--top-right-05 {
2178
+ border-top-left-radius: var(--x-size-base-05) !important;
2151
2179
  }
2152
- [dir="ltr"] .x-border-radius--bottom-right-09 {
2153
- border-bottom-right-radius: var(--x-size-base-09) !important;
2180
+ [dir="ltr"] .x-border-radius--bottom-left-05 {
2181
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2154
2182
  }
2155
- [dir="rtl"] .x-border-radius--bottom-right-09 {
2156
- border-bottom-left-radius: var(--x-size-base-09) !important;
2183
+ [dir="rtl"] .x-border-radius--bottom-left-05 {
2184
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2157
2185
  }
2158
- .x-border-radius--10 {
2159
- border-radius: var(--x-size-base-10) !important;
2186
+ [dir="ltr"] .x-border-radius--bottom-right-05 {
2187
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2160
2188
  }
2161
- [dir="ltr"] .x-border-radius--top-10 {
2162
- border-top-left-radius: var(--x-size-base-10) !important;
2189
+ [dir="rtl"] .x-border-radius--bottom-right-05 {
2190
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2163
2191
  }
2164
- [dir="rtl"] .x-border-radius--top-10 {
2165
- border-top-right-radius: var(--x-size-base-10) !important;
2192
+ .x-border-radius--06 {
2193
+ border-radius: var(--x-size-base-06) !important;
2166
2194
  }
2167
- [dir="ltr"] .x-border-radius--top-10 {
2168
- border-top-right-radius: var(--x-size-base-10) !important;
2195
+ [dir="ltr"] .x-border-radius--top-06 {
2196
+ border-top-left-radius: var(--x-size-base-06) !important;
2169
2197
  }
2170
- [dir="rtl"] .x-border-radius--top-10 {
2171
- border-top-left-radius: var(--x-size-base-10) !important;
2198
+ [dir="rtl"] .x-border-radius--top-06 {
2199
+ border-top-right-radius: var(--x-size-base-06) !important;
2172
2200
  }
2173
- [dir="ltr"] .x-border-radius--bottom-10 {
2174
- border-bottom-left-radius: var(--x-size-base-10) !important;
2201
+ [dir="ltr"] .x-border-radius--top-06 {
2202
+ border-top-right-radius: var(--x-size-base-06) !important;
2175
2203
  }
2176
- [dir="rtl"] .x-border-radius--bottom-10 {
2177
- border-bottom-right-radius: var(--x-size-base-10) !important;
2204
+ [dir="rtl"] .x-border-radius--top-06 {
2205
+ border-top-left-radius: var(--x-size-base-06) !important;
2178
2206
  }
2179
- [dir="ltr"] .x-border-radius--bottom-10 {
2180
- border-bottom-right-radius: var(--x-size-base-10) !important;
2207
+ [dir="ltr"] .x-border-radius--bottom-06 {
2208
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2181
2209
  }
2182
- [dir="rtl"] .x-border-radius--bottom-10 {
2183
- border-bottom-left-radius: var(--x-size-base-10) !important;
2210
+ [dir="rtl"] .x-border-radius--bottom-06 {
2211
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2184
2212
  }
2185
- [dir="ltr"] .x-border-radius--right-10 {
2186
- border-top-right-radius: var(--x-size-base-10) !important;
2213
+ [dir="ltr"] .x-border-radius--bottom-06 {
2214
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2187
2215
  }
2188
- [dir="rtl"] .x-border-radius--right-10 {
2189
- border-top-left-radius: var(--x-size-base-10) !important;
2216
+ [dir="rtl"] .x-border-radius--bottom-06 {
2217
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2190
2218
  }
2191
- [dir="ltr"] .x-border-radius--right-10 {
2192
- border-bottom-right-radius: var(--x-size-base-10) !important;
2219
+ [dir="ltr"] .x-border-radius--right-06 {
2220
+ border-top-right-radius: var(--x-size-base-06) !important;
2193
2221
  }
2194
- [dir="rtl"] .x-border-radius--right-10 {
2195
- border-bottom-left-radius: var(--x-size-base-10) !important;
2222
+ [dir="rtl"] .x-border-radius--right-06 {
2223
+ border-top-left-radius: var(--x-size-base-06) !important;
2196
2224
  }
2197
- [dir="ltr"] .x-border-radius--left-10 {
2198
- border-top-left-radius: var(--x-size-base-10) !important;
2225
+ [dir="ltr"] .x-border-radius--right-06 {
2226
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2199
2227
  }
2200
- [dir="rtl"] .x-border-radius--left-10 {
2201
- border-top-right-radius: var(--x-size-base-10) !important;
2228
+ [dir="rtl"] .x-border-radius--right-06 {
2229
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2202
2230
  }
2203
- [dir="ltr"] .x-border-radius--left-10 {
2204
- border-bottom-left-radius: var(--x-size-base-10) !important;
2231
+ [dir="ltr"] .x-border-radius--left-06 {
2232
+ border-top-left-radius: var(--x-size-base-06) !important;
2205
2233
  }
2206
- [dir="rtl"] .x-border-radius--left-10 {
2207
- border-bottom-right-radius: var(--x-size-base-10) !important;
2234
+ [dir="rtl"] .x-border-radius--left-06 {
2235
+ border-top-right-radius: var(--x-size-base-06) !important;
2208
2236
  }
2209
- [dir="ltr"] .x-border-radius--top-left-10 {
2210
- border-top-left-radius: var(--x-size-base-10) !important;
2237
+ [dir="ltr"] .x-border-radius--left-06 {
2238
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2211
2239
  }
2212
- [dir="rtl"] .x-border-radius--top-left-10 {
2213
- border-top-right-radius: var(--x-size-base-10) !important;
2240
+ [dir="rtl"] .x-border-radius--left-06 {
2241
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2214
2242
  }
2215
- [dir="ltr"] .x-border-radius--top-right-10 {
2216
- border-top-right-radius: var(--x-size-base-10) !important;
2243
+ [dir="ltr"] .x-border-radius--top-left-06 {
2244
+ border-top-left-radius: var(--x-size-base-06) !important;
2217
2245
  }
2218
- [dir="rtl"] .x-border-radius--top-right-10 {
2219
- border-top-left-radius: var(--x-size-base-10) !important;
2246
+ [dir="rtl"] .x-border-radius--top-left-06 {
2247
+ border-top-right-radius: var(--x-size-base-06) !important;
2220
2248
  }
2221
- [dir="ltr"] .x-border-radius--bottom-left-10 {
2222
- border-bottom-left-radius: var(--x-size-base-10) !important;
2249
+ [dir="ltr"] .x-border-radius--top-right-06 {
2250
+ border-top-right-radius: var(--x-size-base-06) !important;
2223
2251
  }
2224
- [dir="rtl"] .x-border-radius--bottom-left-10 {
2225
- border-bottom-right-radius: var(--x-size-base-10) !important;
2252
+ [dir="rtl"] .x-border-radius--top-right-06 {
2253
+ border-top-left-radius: var(--x-size-base-06) !important;
2226
2254
  }
2227
- [dir="ltr"] .x-border-radius--bottom-right-10 {
2228
- border-bottom-right-radius: var(--x-size-base-10) !important;
2255
+ [dir="ltr"] .x-border-radius--bottom-left-06 {
2256
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2229
2257
  }
2230
- [dir="rtl"] .x-border-radius--bottom-right-10 {
2231
- border-bottom-left-radius: var(--x-size-base-10) !important;
2258
+ [dir="rtl"] .x-border-radius--bottom-left-06 {
2259
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2232
2260
  }
2233
- .x-border-radius--11 {
2234
- border-radius: var(--x-size-base-11) !important;
2261
+ [dir="ltr"] .x-border-radius--bottom-right-06 {
2262
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2235
2263
  }
2236
- [dir="ltr"] .x-border-radius--top-11 {
2237
- border-top-left-radius: var(--x-size-base-11) !important;
2264
+ [dir="rtl"] .x-border-radius--bottom-right-06 {
2265
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2238
2266
  }
2239
- [dir="rtl"] .x-border-radius--top-11 {
2240
- border-top-right-radius: var(--x-size-base-11) !important;
2267
+ .x-border-radius--07 {
2268
+ border-radius: var(--x-size-base-07) !important;
2241
2269
  }
2242
- [dir="ltr"] .x-border-radius--top-11 {
2243
- border-top-right-radius: var(--x-size-base-11) !important;
2270
+ [dir="ltr"] .x-border-radius--top-07 {
2271
+ border-top-left-radius: var(--x-size-base-07) !important;
2244
2272
  }
2245
- [dir="rtl"] .x-border-radius--top-11 {
2246
- border-top-left-radius: var(--x-size-base-11) !important;
2273
+ [dir="rtl"] .x-border-radius--top-07 {
2274
+ border-top-right-radius: var(--x-size-base-07) !important;
2247
2275
  }
2248
- [dir="ltr"] .x-border-radius--bottom-11 {
2249
- border-bottom-left-radius: var(--x-size-base-11) !important;
2276
+ [dir="ltr"] .x-border-radius--top-07 {
2277
+ border-top-right-radius: var(--x-size-base-07) !important;
2250
2278
  }
2251
- [dir="rtl"] .x-border-radius--bottom-11 {
2252
- border-bottom-right-radius: var(--x-size-base-11) !important;
2279
+ [dir="rtl"] .x-border-radius--top-07 {
2280
+ border-top-left-radius: var(--x-size-base-07) !important;
2253
2281
  }
2254
- [dir="ltr"] .x-border-radius--bottom-11 {
2255
- border-bottom-right-radius: var(--x-size-base-11) !important;
2282
+ [dir="ltr"] .x-border-radius--bottom-07 {
2283
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2256
2284
  }
2257
- [dir="rtl"] .x-border-radius--bottom-11 {
2258
- border-bottom-left-radius: var(--x-size-base-11) !important;
2285
+ [dir="rtl"] .x-border-radius--bottom-07 {
2286
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2259
2287
  }
2260
- [dir="ltr"] .x-border-radius--right-11 {
2261
- border-top-right-radius: var(--x-size-base-11) !important;
2288
+ [dir="ltr"] .x-border-radius--bottom-07 {
2289
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2262
2290
  }
2263
- [dir="rtl"] .x-border-radius--right-11 {
2264
- border-top-left-radius: var(--x-size-base-11) !important;
2291
+ [dir="rtl"] .x-border-radius--bottom-07 {
2292
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2265
2293
  }
2266
- [dir="ltr"] .x-border-radius--right-11 {
2267
- border-bottom-right-radius: var(--x-size-base-11) !important;
2294
+ [dir="ltr"] .x-border-radius--right-07 {
2295
+ border-top-right-radius: var(--x-size-base-07) !important;
2268
2296
  }
2269
- [dir="rtl"] .x-border-radius--right-11 {
2270
- border-bottom-left-radius: var(--x-size-base-11) !important;
2297
+ [dir="rtl"] .x-border-radius--right-07 {
2298
+ border-top-left-radius: var(--x-size-base-07) !important;
2271
2299
  }
2272
- [dir="ltr"] .x-border-radius--left-11 {
2273
- border-top-left-radius: var(--x-size-base-11) !important;
2300
+ [dir="ltr"] .x-border-radius--right-07 {
2301
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2274
2302
  }
2275
- [dir="rtl"] .x-border-radius--left-11 {
2276
- border-top-right-radius: var(--x-size-base-11) !important;
2303
+ [dir="rtl"] .x-border-radius--right-07 {
2304
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2277
2305
  }
2278
- [dir="ltr"] .x-border-radius--left-11 {
2279
- border-bottom-left-radius: var(--x-size-base-11) !important;
2306
+ [dir="ltr"] .x-border-radius--left-07 {
2307
+ border-top-left-radius: var(--x-size-base-07) !important;
2280
2308
  }
2281
- [dir="rtl"] .x-border-radius--left-11 {
2282
- border-bottom-right-radius: var(--x-size-base-11) !important;
2309
+ [dir="rtl"] .x-border-radius--left-07 {
2310
+ border-top-right-radius: var(--x-size-base-07) !important;
2283
2311
  }
2284
- [dir="ltr"] .x-border-radius--top-left-11 {
2285
- border-top-left-radius: var(--x-size-base-11) !important;
2312
+ [dir="ltr"] .x-border-radius--left-07 {
2313
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2286
2314
  }
2287
- [dir="rtl"] .x-border-radius--top-left-11 {
2288
- border-top-right-radius: var(--x-size-base-11) !important;
2315
+ [dir="rtl"] .x-border-radius--left-07 {
2316
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2289
2317
  }
2290
- [dir="ltr"] .x-border-radius--top-right-11 {
2291
- border-top-right-radius: var(--x-size-base-11) !important;
2318
+ [dir="ltr"] .x-border-radius--top-left-07 {
2319
+ border-top-left-radius: var(--x-size-base-07) !important;
2292
2320
  }
2293
- [dir="rtl"] .x-border-radius--top-right-11 {
2294
- border-top-left-radius: var(--x-size-base-11) !important;
2321
+ [dir="rtl"] .x-border-radius--top-left-07 {
2322
+ border-top-right-radius: var(--x-size-base-07) !important;
2295
2323
  }
2296
- [dir="ltr"] .x-border-radius--bottom-left-11 {
2297
- border-bottom-left-radius: var(--x-size-base-11) !important;
2324
+ [dir="ltr"] .x-border-radius--top-right-07 {
2325
+ border-top-right-radius: var(--x-size-base-07) !important;
2298
2326
  }
2299
- [dir="rtl"] .x-border-radius--bottom-left-11 {
2300
- border-bottom-right-radius: var(--x-size-base-11) !important;
2327
+ [dir="rtl"] .x-border-radius--top-right-07 {
2328
+ border-top-left-radius: var(--x-size-base-07) !important;
2301
2329
  }
2302
- [dir="ltr"] .x-border-radius--bottom-right-11 {
2303
- border-bottom-right-radius: var(--x-size-base-11) !important;
2330
+ [dir="ltr"] .x-border-radius--bottom-left-07 {
2331
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2304
2332
  }
2305
- [dir="rtl"] .x-border-radius--bottom-right-11 {
2306
- border-bottom-left-radius: var(--x-size-base-11) !important;
2333
+ [dir="rtl"] .x-border-radius--bottom-left-07 {
2334
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2307
2335
  }
2308
- .x-border-radius--12 {
2309
- border-radius: var(--x-size-base-12) !important;
2336
+ [dir="ltr"] .x-border-radius--bottom-right-07 {
2337
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2310
2338
  }
2311
- [dir="ltr"] .x-border-radius--top-12 {
2312
- border-top-left-radius: var(--x-size-base-12) !important;
2339
+ [dir="rtl"] .x-border-radius--bottom-right-07 {
2340
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2313
2341
  }
2314
- [dir="rtl"] .x-border-radius--top-12 {
2315
- border-top-right-radius: var(--x-size-base-12) !important;
2342
+ .x-border-radius--08 {
2343
+ border-radius: var(--x-size-base-08) !important;
2316
2344
  }
2317
- [dir="ltr"] .x-border-radius--top-12 {
2318
- border-top-right-radius: var(--x-size-base-12) !important;
2345
+ [dir="ltr"] .x-border-radius--top-08 {
2346
+ border-top-left-radius: var(--x-size-base-08) !important;
2319
2347
  }
2320
- [dir="rtl"] .x-border-radius--top-12 {
2321
- border-top-left-radius: var(--x-size-base-12) !important;
2348
+ [dir="rtl"] .x-border-radius--top-08 {
2349
+ border-top-right-radius: var(--x-size-base-08) !important;
2322
2350
  }
2323
- [dir="ltr"] .x-border-radius--bottom-12 {
2324
- border-bottom-left-radius: var(--x-size-base-12) !important;
2351
+ [dir="ltr"] .x-border-radius--top-08 {
2352
+ border-top-right-radius: var(--x-size-base-08) !important;
2325
2353
  }
2326
- [dir="rtl"] .x-border-radius--bottom-12 {
2327
- border-bottom-right-radius: var(--x-size-base-12) !important;
2354
+ [dir="rtl"] .x-border-radius--top-08 {
2355
+ border-top-left-radius: var(--x-size-base-08) !important;
2328
2356
  }
2329
- [dir="ltr"] .x-border-radius--bottom-12 {
2330
- border-bottom-right-radius: var(--x-size-base-12) !important;
2357
+ [dir="ltr"] .x-border-radius--bottom-08 {
2358
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2331
2359
  }
2332
- [dir="rtl"] .x-border-radius--bottom-12 {
2333
- border-bottom-left-radius: var(--x-size-base-12) !important;
2360
+ [dir="rtl"] .x-border-radius--bottom-08 {
2361
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2334
2362
  }
2335
- [dir="ltr"] .x-border-radius--right-12 {
2336
- border-top-right-radius: var(--x-size-base-12) !important;
2363
+ [dir="ltr"] .x-border-radius--bottom-08 {
2364
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2337
2365
  }
2338
- [dir="rtl"] .x-border-radius--right-12 {
2339
- border-top-left-radius: var(--x-size-base-12) !important;
2366
+ [dir="rtl"] .x-border-radius--bottom-08 {
2367
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2340
2368
  }
2341
- [dir="ltr"] .x-border-radius--right-12 {
2342
- border-bottom-right-radius: var(--x-size-base-12) !important;
2369
+ [dir="ltr"] .x-border-radius--right-08 {
2370
+ border-top-right-radius: var(--x-size-base-08) !important;
2343
2371
  }
2344
- [dir="rtl"] .x-border-radius--right-12 {
2345
- border-bottom-left-radius: var(--x-size-base-12) !important;
2372
+ [dir="rtl"] .x-border-radius--right-08 {
2373
+ border-top-left-radius: var(--x-size-base-08) !important;
2346
2374
  }
2347
- [dir="ltr"] .x-border-radius--left-12 {
2348
- border-top-left-radius: var(--x-size-base-12) !important;
2375
+ [dir="ltr"] .x-border-radius--right-08 {
2376
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2349
2377
  }
2350
- [dir="rtl"] .x-border-radius--left-12 {
2351
- border-top-right-radius: var(--x-size-base-12) !important;
2378
+ [dir="rtl"] .x-border-radius--right-08 {
2379
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2352
2380
  }
2353
- [dir="ltr"] .x-border-radius--left-12 {
2354
- border-bottom-left-radius: var(--x-size-base-12) !important;
2381
+ [dir="ltr"] .x-border-radius--left-08 {
2382
+ border-top-left-radius: var(--x-size-base-08) !important;
2355
2383
  }
2356
- [dir="rtl"] .x-border-radius--left-12 {
2357
- border-bottom-right-radius: var(--x-size-base-12) !important;
2384
+ [dir="rtl"] .x-border-radius--left-08 {
2385
+ border-top-right-radius: var(--x-size-base-08) !important;
2358
2386
  }
2359
- [dir="ltr"] .x-border-radius--top-left-12 {
2360
- border-top-left-radius: var(--x-size-base-12) !important;
2387
+ [dir="ltr"] .x-border-radius--left-08 {
2388
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2361
2389
  }
2362
- [dir="rtl"] .x-border-radius--top-left-12 {
2363
- border-top-right-radius: var(--x-size-base-12) !important;
2390
+ [dir="rtl"] .x-border-radius--left-08 {
2391
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2364
2392
  }
2365
- [dir="ltr"] .x-border-radius--top-right-12 {
2366
- border-top-right-radius: var(--x-size-base-12) !important;
2393
+ [dir="ltr"] .x-border-radius--top-left-08 {
2394
+ border-top-left-radius: var(--x-size-base-08) !important;
2367
2395
  }
2368
- [dir="rtl"] .x-border-radius--top-right-12 {
2369
- border-top-left-radius: var(--x-size-base-12) !important;
2396
+ [dir="rtl"] .x-border-radius--top-left-08 {
2397
+ border-top-right-radius: var(--x-size-base-08) !important;
2370
2398
  }
2371
- [dir="ltr"] .x-border-radius--bottom-left-12 {
2372
- border-bottom-left-radius: var(--x-size-base-12) !important;
2399
+ [dir="ltr"] .x-border-radius--top-right-08 {
2400
+ border-top-right-radius: var(--x-size-base-08) !important;
2373
2401
  }
2374
- [dir="rtl"] .x-border-radius--bottom-left-12 {
2375
- border-bottom-right-radius: var(--x-size-base-12) !important;
2402
+ [dir="rtl"] .x-border-radius--top-right-08 {
2403
+ border-top-left-radius: var(--x-size-base-08) !important;
2376
2404
  }
2377
- [dir="ltr"] .x-border-radius--bottom-right-12 {
2378
- border-bottom-right-radius: var(--x-size-base-12) !important;
2405
+ [dir="ltr"] .x-border-radius--bottom-left-08 {
2406
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2379
2407
  }
2380
- [dir="rtl"] .x-border-radius--bottom-right-12 {
2381
- border-bottom-left-radius: var(--x-size-base-12) !important;
2408
+ [dir="rtl"] .x-border-radius--bottom-left-08 {
2409
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2382
2410
  }
2383
- .x-border-radius--13 {
2384
- border-radius: var(--x-size-base-13) !important;
2411
+ [dir="ltr"] .x-border-radius--bottom-right-08 {
2412
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2385
2413
  }
2386
- [dir="ltr"] .x-border-radius--top-13 {
2387
- border-top-left-radius: var(--x-size-base-13) !important;
2414
+ [dir="rtl"] .x-border-radius--bottom-right-08 {
2415
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2388
2416
  }
2389
- [dir="rtl"] .x-border-radius--top-13 {
2390
- border-top-right-radius: var(--x-size-base-13) !important;
2417
+ .x-border-radius--09 {
2418
+ border-radius: var(--x-size-base-09) !important;
2391
2419
  }
2392
- [dir="ltr"] .x-border-radius--top-13 {
2393
- border-top-right-radius: var(--x-size-base-13) !important;
2420
+ [dir="ltr"] .x-border-radius--top-09 {
2421
+ border-top-left-radius: var(--x-size-base-09) !important;
2394
2422
  }
2395
- [dir="rtl"] .x-border-radius--top-13 {
2396
- border-top-left-radius: var(--x-size-base-13) !important;
2423
+ [dir="rtl"] .x-border-radius--top-09 {
2424
+ border-top-right-radius: var(--x-size-base-09) !important;
2397
2425
  }
2398
- [dir="ltr"] .x-border-radius--bottom-13 {
2399
- border-bottom-left-radius: var(--x-size-base-13) !important;
2426
+ [dir="ltr"] .x-border-radius--top-09 {
2427
+ border-top-right-radius: var(--x-size-base-09) !important;
2400
2428
  }
2401
- [dir="rtl"] .x-border-radius--bottom-13 {
2402
- border-bottom-right-radius: var(--x-size-base-13) !important;
2429
+ [dir="rtl"] .x-border-radius--top-09 {
2430
+ border-top-left-radius: var(--x-size-base-09) !important;
2403
2431
  }
2404
- [dir="ltr"] .x-border-radius--bottom-13 {
2405
- border-bottom-right-radius: var(--x-size-base-13) !important;
2432
+ [dir="ltr"] .x-border-radius--bottom-09 {
2433
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2406
2434
  }
2407
- [dir="rtl"] .x-border-radius--bottom-13 {
2408
- border-bottom-left-radius: var(--x-size-base-13) !important;
2435
+ [dir="rtl"] .x-border-radius--bottom-09 {
2436
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2409
2437
  }
2410
- [dir="ltr"] .x-border-radius--right-13 {
2411
- border-top-right-radius: var(--x-size-base-13) !important;
2438
+ [dir="ltr"] .x-border-radius--bottom-09 {
2439
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2412
2440
  }
2413
- [dir="rtl"] .x-border-radius--right-13 {
2414
- border-top-left-radius: var(--x-size-base-13) !important;
2441
+ [dir="rtl"] .x-border-radius--bottom-09 {
2442
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2415
2443
  }
2416
- [dir="ltr"] .x-border-radius--right-13 {
2417
- border-bottom-right-radius: var(--x-size-base-13) !important;
2444
+ [dir="ltr"] .x-border-radius--right-09 {
2445
+ border-top-right-radius: var(--x-size-base-09) !important;
2418
2446
  }
2419
- [dir="rtl"] .x-border-radius--right-13 {
2420
- border-bottom-left-radius: var(--x-size-base-13) !important;
2447
+ [dir="rtl"] .x-border-radius--right-09 {
2448
+ border-top-left-radius: var(--x-size-base-09) !important;
2421
2449
  }
2422
- [dir="ltr"] .x-border-radius--left-13 {
2423
- border-top-left-radius: var(--x-size-base-13) !important;
2450
+ [dir="ltr"] .x-border-radius--right-09 {
2451
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2424
2452
  }
2425
- [dir="rtl"] .x-border-radius--left-13 {
2426
- border-top-right-radius: var(--x-size-base-13) !important;
2453
+ [dir="rtl"] .x-border-radius--right-09 {
2454
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2427
2455
  }
2428
- [dir="ltr"] .x-border-radius--left-13 {
2429
- border-bottom-left-radius: var(--x-size-base-13) !important;
2456
+ [dir="ltr"] .x-border-radius--left-09 {
2457
+ border-top-left-radius: var(--x-size-base-09) !important;
2430
2458
  }
2431
- [dir="rtl"] .x-border-radius--left-13 {
2432
- border-bottom-right-radius: var(--x-size-base-13) !important;
2459
+ [dir="rtl"] .x-border-radius--left-09 {
2460
+ border-top-right-radius: var(--x-size-base-09) !important;
2433
2461
  }
2434
- [dir="ltr"] .x-border-radius--top-left-13 {
2435
- border-top-left-radius: var(--x-size-base-13) !important;
2462
+ [dir="ltr"] .x-border-radius--left-09 {
2463
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2436
2464
  }
2437
- [dir="rtl"] .x-border-radius--top-left-13 {
2438
- border-top-right-radius: var(--x-size-base-13) !important;
2465
+ [dir="rtl"] .x-border-radius--left-09 {
2466
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2439
2467
  }
2440
- [dir="ltr"] .x-border-radius--top-right-13 {
2441
- border-top-right-radius: var(--x-size-base-13) !important;
2468
+ [dir="ltr"] .x-border-radius--top-left-09 {
2469
+ border-top-left-radius: var(--x-size-base-09) !important;
2442
2470
  }
2443
- [dir="rtl"] .x-border-radius--top-right-13 {
2444
- border-top-left-radius: var(--x-size-base-13) !important;
2471
+ [dir="rtl"] .x-border-radius--top-left-09 {
2472
+ border-top-right-radius: var(--x-size-base-09) !important;
2445
2473
  }
2446
- [dir="ltr"] .x-border-radius--bottom-left-13 {
2447
- border-bottom-left-radius: var(--x-size-base-13) !important;
2474
+ [dir="ltr"] .x-border-radius--top-right-09 {
2475
+ border-top-right-radius: var(--x-size-base-09) !important;
2448
2476
  }
2449
- [dir="rtl"] .x-border-radius--bottom-left-13 {
2450
- border-bottom-right-radius: var(--x-size-base-13) !important;
2477
+ [dir="rtl"] .x-border-radius--top-right-09 {
2478
+ border-top-left-radius: var(--x-size-base-09) !important;
2451
2479
  }
2452
- [dir="ltr"] .x-border-radius--bottom-right-13 {
2453
- border-bottom-right-radius: var(--x-size-base-13) !important;
2480
+ [dir="ltr"] .x-border-radius--bottom-left-09 {
2481
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2454
2482
  }
2455
- [dir="rtl"] .x-border-radius--bottom-right-13 {
2456
- border-bottom-left-radius: var(--x-size-base-13) !important;
2483
+ [dir="rtl"] .x-border-radius--bottom-left-09 {
2484
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2457
2485
  }
2458
- .x-border-radius--14 {
2459
- border-radius: var(--x-size-base-14) !important;
2486
+ [dir="ltr"] .x-border-radius--bottom-right-09 {
2487
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2460
2488
  }
2461
- [dir="ltr"] .x-border-radius--top-14 {
2462
- border-top-left-radius: var(--x-size-base-14) !important;
2489
+ [dir="rtl"] .x-border-radius--bottom-right-09 {
2490
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2463
2491
  }
2464
- [dir="rtl"] .x-border-radius--top-14 {
2465
- border-top-right-radius: var(--x-size-base-14) !important;
2492
+ .x-border-radius--10 {
2493
+ border-radius: var(--x-size-base-10) !important;
2466
2494
  }
2467
- [dir="ltr"] .x-border-radius--top-14 {
2468
- border-top-right-radius: var(--x-size-base-14) !important;
2495
+ [dir="ltr"] .x-border-radius--top-10 {
2496
+ border-top-left-radius: var(--x-size-base-10) !important;
2469
2497
  }
2470
- [dir="rtl"] .x-border-radius--top-14 {
2471
- border-top-left-radius: var(--x-size-base-14) !important;
2498
+ [dir="rtl"] .x-border-radius--top-10 {
2499
+ border-top-right-radius: var(--x-size-base-10) !important;
2472
2500
  }
2473
- [dir="ltr"] .x-border-radius--bottom-14 {
2474
- border-bottom-left-radius: var(--x-size-base-14) !important;
2501
+ [dir="ltr"] .x-border-radius--top-10 {
2502
+ border-top-right-radius: var(--x-size-base-10) !important;
2475
2503
  }
2476
- [dir="rtl"] .x-border-radius--bottom-14 {
2477
- border-bottom-right-radius: var(--x-size-base-14) !important;
2504
+ [dir="rtl"] .x-border-radius--top-10 {
2505
+ border-top-left-radius: var(--x-size-base-10) !important;
2478
2506
  }
2479
- [dir="ltr"] .x-border-radius--bottom-14 {
2480
- border-bottom-right-radius: var(--x-size-base-14) !important;
2507
+ [dir="ltr"] .x-border-radius--bottom-10 {
2508
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2481
2509
  }
2482
- [dir="rtl"] .x-border-radius--bottom-14 {
2483
- border-bottom-left-radius: var(--x-size-base-14) !important;
2510
+ [dir="rtl"] .x-border-radius--bottom-10 {
2511
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2484
2512
  }
2485
- [dir="ltr"] .x-border-radius--right-14 {
2486
- border-top-right-radius: var(--x-size-base-14) !important;
2513
+ [dir="ltr"] .x-border-radius--bottom-10 {
2514
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2487
2515
  }
2488
- [dir="rtl"] .x-border-radius--right-14 {
2489
- border-top-left-radius: var(--x-size-base-14) !important;
2516
+ [dir="rtl"] .x-border-radius--bottom-10 {
2517
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2490
2518
  }
2491
- [dir="ltr"] .x-border-radius--right-14 {
2492
- border-bottom-right-radius: var(--x-size-base-14) !important;
2519
+ [dir="ltr"] .x-border-radius--right-10 {
2520
+ border-top-right-radius: var(--x-size-base-10) !important;
2493
2521
  }
2494
- [dir="rtl"] .x-border-radius--right-14 {
2495
- border-bottom-left-radius: var(--x-size-base-14) !important;
2522
+ [dir="rtl"] .x-border-radius--right-10 {
2523
+ border-top-left-radius: var(--x-size-base-10) !important;
2496
2524
  }
2497
- [dir="ltr"] .x-border-radius--left-14 {
2498
- border-top-left-radius: var(--x-size-base-14) !important;
2525
+ [dir="ltr"] .x-border-radius--right-10 {
2526
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2499
2527
  }
2500
- [dir="rtl"] .x-border-radius--left-14 {
2501
- border-top-right-radius: var(--x-size-base-14) !important;
2528
+ [dir="rtl"] .x-border-radius--right-10 {
2529
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2502
2530
  }
2503
- [dir="ltr"] .x-border-radius--left-14 {
2504
- border-bottom-left-radius: var(--x-size-base-14) !important;
2531
+ [dir="ltr"] .x-border-radius--left-10 {
2532
+ border-top-left-radius: var(--x-size-base-10) !important;
2505
2533
  }
2506
- [dir="rtl"] .x-border-radius--left-14 {
2507
- border-bottom-right-radius: var(--x-size-base-14) !important;
2534
+ [dir="rtl"] .x-border-radius--left-10 {
2535
+ border-top-right-radius: var(--x-size-base-10) !important;
2508
2536
  }
2509
- [dir="ltr"] .x-border-radius--top-left-14 {
2510
- border-top-left-radius: var(--x-size-base-14) !important;
2537
+ [dir="ltr"] .x-border-radius--left-10 {
2538
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2511
2539
  }
2512
- [dir="rtl"] .x-border-radius--top-left-14 {
2513
- border-top-right-radius: var(--x-size-base-14) !important;
2540
+ [dir="rtl"] .x-border-radius--left-10 {
2541
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2514
2542
  }
2515
- [dir="ltr"] .x-border-radius--top-right-14 {
2516
- border-top-right-radius: var(--x-size-base-14) !important;
2543
+ [dir="ltr"] .x-border-radius--top-left-10 {
2544
+ border-top-left-radius: var(--x-size-base-10) !important;
2517
2545
  }
2518
- [dir="rtl"] .x-border-radius--top-right-14 {
2519
- border-top-left-radius: var(--x-size-base-14) !important;
2546
+ [dir="rtl"] .x-border-radius--top-left-10 {
2547
+ border-top-right-radius: var(--x-size-base-10) !important;
2520
2548
  }
2521
- [dir="ltr"] .x-border-radius--bottom-left-14 {
2522
- border-bottom-left-radius: var(--x-size-base-14) !important;
2549
+ [dir="ltr"] .x-border-radius--top-right-10 {
2550
+ border-top-right-radius: var(--x-size-base-10) !important;
2523
2551
  }
2524
- [dir="rtl"] .x-border-radius--bottom-left-14 {
2525
- border-bottom-right-radius: var(--x-size-base-14) !important;
2552
+ [dir="rtl"] .x-border-radius--top-right-10 {
2553
+ border-top-left-radius: var(--x-size-base-10) !important;
2526
2554
  }
2527
- [dir="ltr"] .x-border-radius--bottom-right-14 {
2528
- border-bottom-right-radius: var(--x-size-base-14) !important;
2555
+ [dir="ltr"] .x-border-radius--bottom-left-10 {
2556
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2529
2557
  }
2530
- [dir="rtl"] .x-border-radius--bottom-right-14 {
2531
- border-bottom-left-radius: var(--x-size-base-14) !important;
2558
+ [dir="rtl"] .x-border-radius--bottom-left-10 {
2559
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2532
2560
  }
2533
- .x-border-radius--15 {
2534
- border-radius: var(--x-size-base-15) !important;
2561
+ [dir="ltr"] .x-border-radius--bottom-right-10 {
2562
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2535
2563
  }
2536
- [dir="ltr"] .x-border-radius--top-15 {
2537
- border-top-left-radius: var(--x-size-base-15) !important;
2564
+ [dir="rtl"] .x-border-radius--bottom-right-10 {
2565
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2538
2566
  }
2539
- [dir="rtl"] .x-border-radius--top-15 {
2540
- border-top-right-radius: var(--x-size-base-15) !important;
2567
+ .x-border-radius--11 {
2568
+ border-radius: var(--x-size-base-11) !important;
2541
2569
  }
2542
- [dir="ltr"] .x-border-radius--top-15 {
2543
- border-top-right-radius: var(--x-size-base-15) !important;
2570
+ [dir="ltr"] .x-border-radius--top-11 {
2571
+ border-top-left-radius: var(--x-size-base-11) !important;
2544
2572
  }
2545
- [dir="rtl"] .x-border-radius--top-15 {
2546
- border-top-left-radius: var(--x-size-base-15) !important;
2573
+ [dir="rtl"] .x-border-radius--top-11 {
2574
+ border-top-right-radius: var(--x-size-base-11) !important;
2547
2575
  }
2548
- [dir="ltr"] .x-border-radius--bottom-15 {
2549
- border-bottom-left-radius: var(--x-size-base-15) !important;
2576
+ [dir="ltr"] .x-border-radius--top-11 {
2577
+ border-top-right-radius: var(--x-size-base-11) !important;
2550
2578
  }
2551
- [dir="rtl"] .x-border-radius--bottom-15 {
2552
- border-bottom-right-radius: var(--x-size-base-15) !important;
2579
+ [dir="rtl"] .x-border-radius--top-11 {
2580
+ border-top-left-radius: var(--x-size-base-11) !important;
2553
2581
  }
2554
- [dir="ltr"] .x-border-radius--bottom-15 {
2555
- border-bottom-right-radius: var(--x-size-base-15) !important;
2582
+ [dir="ltr"] .x-border-radius--bottom-11 {
2583
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2556
2584
  }
2557
- [dir="rtl"] .x-border-radius--bottom-15 {
2558
- border-bottom-left-radius: var(--x-size-base-15) !important;
2585
+ [dir="rtl"] .x-border-radius--bottom-11 {
2586
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2559
2587
  }
2560
- [dir="ltr"] .x-border-radius--right-15 {
2561
- border-top-right-radius: var(--x-size-base-15) !important;
2588
+ [dir="ltr"] .x-border-radius--bottom-11 {
2589
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2562
2590
  }
2563
- [dir="rtl"] .x-border-radius--right-15 {
2564
- border-top-left-radius: var(--x-size-base-15) !important;
2591
+ [dir="rtl"] .x-border-radius--bottom-11 {
2592
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2565
2593
  }
2566
- [dir="ltr"] .x-border-radius--right-15 {
2567
- border-bottom-right-radius: var(--x-size-base-15) !important;
2594
+ [dir="ltr"] .x-border-radius--right-11 {
2595
+ border-top-right-radius: var(--x-size-base-11) !important;
2568
2596
  }
2569
- [dir="rtl"] .x-border-radius--right-15 {
2570
- border-bottom-left-radius: var(--x-size-base-15) !important;
2597
+ [dir="rtl"] .x-border-radius--right-11 {
2598
+ border-top-left-radius: var(--x-size-base-11) !important;
2571
2599
  }
2572
- [dir="ltr"] .x-border-radius--left-15 {
2573
- border-top-left-radius: var(--x-size-base-15) !important;
2600
+ [dir="ltr"] .x-border-radius--right-11 {
2601
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2574
2602
  }
2575
- [dir="rtl"] .x-border-radius--left-15 {
2576
- border-top-right-radius: var(--x-size-base-15) !important;
2603
+ [dir="rtl"] .x-border-radius--right-11 {
2604
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2577
2605
  }
2578
- [dir="ltr"] .x-border-radius--left-15 {
2579
- border-bottom-left-radius: var(--x-size-base-15) !important;
2606
+ [dir="ltr"] .x-border-radius--left-11 {
2607
+ border-top-left-radius: var(--x-size-base-11) !important;
2580
2608
  }
2581
- [dir="rtl"] .x-border-radius--left-15 {
2582
- border-bottom-right-radius: var(--x-size-base-15) !important;
2609
+ [dir="rtl"] .x-border-radius--left-11 {
2610
+ border-top-right-radius: var(--x-size-base-11) !important;
2583
2611
  }
2584
- [dir="ltr"] .x-border-radius--top-left-15 {
2585
- border-top-left-radius: var(--x-size-base-15) !important;
2612
+ [dir="ltr"] .x-border-radius--left-11 {
2613
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2586
2614
  }
2587
- [dir="rtl"] .x-border-radius--top-left-15 {
2588
- border-top-right-radius: var(--x-size-base-15) !important;
2615
+ [dir="rtl"] .x-border-radius--left-11 {
2616
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2589
2617
  }
2590
- [dir="ltr"] .x-border-radius--top-right-15 {
2591
- border-top-right-radius: var(--x-size-base-15) !important;
2618
+ [dir="ltr"] .x-border-radius--top-left-11 {
2619
+ border-top-left-radius: var(--x-size-base-11) !important;
2592
2620
  }
2593
- [dir="rtl"] .x-border-radius--top-right-15 {
2594
- border-top-left-radius: var(--x-size-base-15) !important;
2621
+ [dir="rtl"] .x-border-radius--top-left-11 {
2622
+ border-top-right-radius: var(--x-size-base-11) !important;
2595
2623
  }
2596
- [dir="ltr"] .x-border-radius--bottom-left-15 {
2597
- border-bottom-left-radius: var(--x-size-base-15) !important;
2624
+ [dir="ltr"] .x-border-radius--top-right-11 {
2625
+ border-top-right-radius: var(--x-size-base-11) !important;
2598
2626
  }
2599
- [dir="rtl"] .x-border-radius--bottom-left-15 {
2600
- border-bottom-right-radius: var(--x-size-base-15) !important;
2627
+ [dir="rtl"] .x-border-radius--top-right-11 {
2628
+ border-top-left-radius: var(--x-size-base-11) !important;
2601
2629
  }
2602
- [dir="ltr"] .x-border-radius--bottom-right-15 {
2603
- border-bottom-right-radius: var(--x-size-base-15) !important;
2630
+ [dir="ltr"] .x-border-radius--bottom-left-11 {
2631
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2604
2632
  }
2605
- [dir="rtl"] .x-border-radius--bottom-right-15 {
2606
- border-bottom-left-radius: var(--x-size-base-15) !important;
2633
+ [dir="rtl"] .x-border-radius--bottom-left-11 {
2634
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2607
2635
  }
2608
- .x-border-radius--16 {
2609
- border-radius: var(--x-size-base-16) !important;
2636
+ [dir="ltr"] .x-border-radius--bottom-right-11 {
2637
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2610
2638
  }
2611
- [dir="ltr"] .x-border-radius--top-16 {
2612
- border-top-left-radius: var(--x-size-base-16) !important;
2639
+ [dir="rtl"] .x-border-radius--bottom-right-11 {
2640
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2613
2641
  }
2614
- [dir="rtl"] .x-border-radius--top-16 {
2615
- border-top-right-radius: var(--x-size-base-16) !important;
2642
+ .x-border-radius--12 {
2643
+ border-radius: var(--x-size-base-12) !important;
2616
2644
  }
2617
- [dir="ltr"] .x-border-radius--top-16 {
2618
- border-top-right-radius: var(--x-size-base-16) !important;
2645
+ [dir="ltr"] .x-border-radius--top-12 {
2646
+ border-top-left-radius: var(--x-size-base-12) !important;
2619
2647
  }
2620
- [dir="rtl"] .x-border-radius--top-16 {
2621
- border-top-left-radius: var(--x-size-base-16) !important;
2648
+ [dir="rtl"] .x-border-radius--top-12 {
2649
+ border-top-right-radius: var(--x-size-base-12) !important;
2622
2650
  }
2623
- [dir="ltr"] .x-border-radius--bottom-16 {
2624
- border-bottom-left-radius: var(--x-size-base-16) !important;
2651
+ [dir="ltr"] .x-border-radius--top-12 {
2652
+ border-top-right-radius: var(--x-size-base-12) !important;
2625
2653
  }
2626
- [dir="rtl"] .x-border-radius--bottom-16 {
2627
- border-bottom-right-radius: var(--x-size-base-16) !important;
2654
+ [dir="rtl"] .x-border-radius--top-12 {
2655
+ border-top-left-radius: var(--x-size-base-12) !important;
2628
2656
  }
2629
- [dir="ltr"] .x-border-radius--bottom-16 {
2630
- border-bottom-right-radius: var(--x-size-base-16) !important;
2657
+ [dir="ltr"] .x-border-radius--bottom-12 {
2658
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2631
2659
  }
2632
- [dir="rtl"] .x-border-radius--bottom-16 {
2633
- border-bottom-left-radius: var(--x-size-base-16) !important;
2660
+ [dir="rtl"] .x-border-radius--bottom-12 {
2661
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2634
2662
  }
2635
- [dir="ltr"] .x-border-radius--right-16 {
2636
- border-top-right-radius: var(--x-size-base-16) !important;
2663
+ [dir="ltr"] .x-border-radius--bottom-12 {
2664
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2637
2665
  }
2638
- [dir="rtl"] .x-border-radius--right-16 {
2639
- border-top-left-radius: var(--x-size-base-16) !important;
2666
+ [dir="rtl"] .x-border-radius--bottom-12 {
2667
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2640
2668
  }
2641
- [dir="ltr"] .x-border-radius--right-16 {
2642
- border-bottom-right-radius: var(--x-size-base-16) !important;
2669
+ [dir="ltr"] .x-border-radius--right-12 {
2670
+ border-top-right-radius: var(--x-size-base-12) !important;
2643
2671
  }
2644
- [dir="rtl"] .x-border-radius--right-16 {
2645
- border-bottom-left-radius: var(--x-size-base-16) !important;
2672
+ [dir="rtl"] .x-border-radius--right-12 {
2673
+ border-top-left-radius: var(--x-size-base-12) !important;
2646
2674
  }
2647
- [dir="ltr"] .x-border-radius--left-16 {
2648
- border-top-left-radius: var(--x-size-base-16) !important;
2675
+ [dir="ltr"] .x-border-radius--right-12 {
2676
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2649
2677
  }
2650
- [dir="rtl"] .x-border-radius--left-16 {
2651
- border-top-right-radius: var(--x-size-base-16) !important;
2678
+ [dir="rtl"] .x-border-radius--right-12 {
2679
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2652
2680
  }
2653
- [dir="ltr"] .x-border-radius--left-16 {
2654
- border-bottom-left-radius: var(--x-size-base-16) !important;
2681
+ [dir="ltr"] .x-border-radius--left-12 {
2682
+ border-top-left-radius: var(--x-size-base-12) !important;
2655
2683
  }
2656
- [dir="rtl"] .x-border-radius--left-16 {
2657
- border-bottom-right-radius: var(--x-size-base-16) !important;
2684
+ [dir="rtl"] .x-border-radius--left-12 {
2685
+ border-top-right-radius: var(--x-size-base-12) !important;
2658
2686
  }
2659
- [dir="ltr"] .x-border-radius--top-left-16 {
2660
- border-top-left-radius: var(--x-size-base-16) !important;
2687
+ [dir="ltr"] .x-border-radius--left-12 {
2688
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2661
2689
  }
2662
- [dir="rtl"] .x-border-radius--top-left-16 {
2663
- border-top-right-radius: var(--x-size-base-16) !important;
2690
+ [dir="rtl"] .x-border-radius--left-12 {
2691
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2664
2692
  }
2665
- [dir="ltr"] .x-border-radius--top-right-16 {
2666
- border-top-right-radius: var(--x-size-base-16) !important;
2693
+ [dir="ltr"] .x-border-radius--top-left-12 {
2694
+ border-top-left-radius: var(--x-size-base-12) !important;
2667
2695
  }
2668
- [dir="rtl"] .x-border-radius--top-right-16 {
2669
- border-top-left-radius: var(--x-size-base-16) !important;
2696
+ [dir="rtl"] .x-border-radius--top-left-12 {
2697
+ border-top-right-radius: var(--x-size-base-12) !important;
2670
2698
  }
2671
- [dir="ltr"] .x-border-radius--bottom-left-16 {
2672
- border-bottom-left-radius: var(--x-size-base-16) !important;
2699
+ [dir="ltr"] .x-border-radius--top-right-12 {
2700
+ border-top-right-radius: var(--x-size-base-12) !important;
2673
2701
  }
2674
- [dir="rtl"] .x-border-radius--bottom-left-16 {
2675
- border-bottom-right-radius: var(--x-size-base-16) !important;
2702
+ [dir="rtl"] .x-border-radius--top-right-12 {
2703
+ border-top-left-radius: var(--x-size-base-12) !important;
2676
2704
  }
2677
- [dir="ltr"] .x-border-radius--bottom-right-16 {
2678
- border-bottom-right-radius: var(--x-size-base-16) !important;
2705
+ [dir="ltr"] .x-border-radius--bottom-left-12 {
2706
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2679
2707
  }
2680
- [dir="rtl"] .x-border-radius--bottom-right-16 {
2681
- border-bottom-left-radius: var(--x-size-base-16) !important;
2708
+ [dir="rtl"] .x-border-radius--bottom-left-12 {
2709
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2682
2710
  }
2683
- .x-border-radius--17 {
2684
- border-radius: var(--x-size-base-17) !important;
2711
+ [dir="ltr"] .x-border-radius--bottom-right-12 {
2712
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2685
2713
  }
2686
- [dir="ltr"] .x-border-radius--top-17 {
2687
- border-top-left-radius: var(--x-size-base-17) !important;
2714
+ [dir="rtl"] .x-border-radius--bottom-right-12 {
2715
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2688
2716
  }
2689
- [dir="rtl"] .x-border-radius--top-17 {
2690
- border-top-right-radius: var(--x-size-base-17) !important;
2717
+ .x-border-radius--13 {
2718
+ border-radius: var(--x-size-base-13) !important;
2691
2719
  }
2692
- [dir="ltr"] .x-border-radius--top-17 {
2693
- border-top-right-radius: var(--x-size-base-17) !important;
2720
+ [dir="ltr"] .x-border-radius--top-13 {
2721
+ border-top-left-radius: var(--x-size-base-13) !important;
2694
2722
  }
2695
- [dir="rtl"] .x-border-radius--top-17 {
2696
- border-top-left-radius: var(--x-size-base-17) !important;
2723
+ [dir="rtl"] .x-border-radius--top-13 {
2724
+ border-top-right-radius: var(--x-size-base-13) !important;
2697
2725
  }
2698
- [dir="ltr"] .x-border-radius--bottom-17 {
2699
- border-bottom-left-radius: var(--x-size-base-17) !important;
2726
+ [dir="ltr"] .x-border-radius--top-13 {
2727
+ border-top-right-radius: var(--x-size-base-13) !important;
2700
2728
  }
2701
- [dir="rtl"] .x-border-radius--bottom-17 {
2702
- border-bottom-right-radius: var(--x-size-base-17) !important;
2729
+ [dir="rtl"] .x-border-radius--top-13 {
2730
+ border-top-left-radius: var(--x-size-base-13) !important;
2703
2731
  }
2704
- [dir="ltr"] .x-border-radius--bottom-17 {
2705
- border-bottom-right-radius: var(--x-size-base-17) !important;
2732
+ [dir="ltr"] .x-border-radius--bottom-13 {
2733
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2706
2734
  }
2707
- [dir="rtl"] .x-border-radius--bottom-17 {
2708
- border-bottom-left-radius: var(--x-size-base-17) !important;
2735
+ [dir="rtl"] .x-border-radius--bottom-13 {
2736
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2709
2737
  }
2710
- [dir="ltr"] .x-border-radius--right-17 {
2711
- border-top-right-radius: var(--x-size-base-17) !important;
2738
+ [dir="ltr"] .x-border-radius--bottom-13 {
2739
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2712
2740
  }
2713
- [dir="rtl"] .x-border-radius--right-17 {
2714
- border-top-left-radius: var(--x-size-base-17) !important;
2741
+ [dir="rtl"] .x-border-radius--bottom-13 {
2742
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2715
2743
  }
2716
- [dir="ltr"] .x-border-radius--right-17 {
2717
- border-bottom-right-radius: var(--x-size-base-17) !important;
2744
+ [dir="ltr"] .x-border-radius--right-13 {
2745
+ border-top-right-radius: var(--x-size-base-13) !important;
2718
2746
  }
2719
- [dir="rtl"] .x-border-radius--right-17 {
2720
- border-bottom-left-radius: var(--x-size-base-17) !important;
2747
+ [dir="rtl"] .x-border-radius--right-13 {
2748
+ border-top-left-radius: var(--x-size-base-13) !important;
2721
2749
  }
2722
- [dir="ltr"] .x-border-radius--left-17 {
2723
- border-top-left-radius: var(--x-size-base-17) !important;
2750
+ [dir="ltr"] .x-border-radius--right-13 {
2751
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2724
2752
  }
2725
- [dir="rtl"] .x-border-radius--left-17 {
2726
- border-top-right-radius: var(--x-size-base-17) !important;
2753
+ [dir="rtl"] .x-border-radius--right-13 {
2754
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2727
2755
  }
2728
- [dir="ltr"] .x-border-radius--left-17 {
2729
- border-bottom-left-radius: var(--x-size-base-17) !important;
2756
+ [dir="ltr"] .x-border-radius--left-13 {
2757
+ border-top-left-radius: var(--x-size-base-13) !important;
2730
2758
  }
2731
- [dir="rtl"] .x-border-radius--left-17 {
2732
- border-bottom-right-radius: var(--x-size-base-17) !important;
2759
+ [dir="rtl"] .x-border-radius--left-13 {
2760
+ border-top-right-radius: var(--x-size-base-13) !important;
2733
2761
  }
2734
- [dir="ltr"] .x-border-radius--top-left-17 {
2735
- border-top-left-radius: var(--x-size-base-17) !important;
2762
+ [dir="ltr"] .x-border-radius--left-13 {
2763
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2736
2764
  }
2737
- [dir="rtl"] .x-border-radius--top-left-17 {
2738
- border-top-right-radius: var(--x-size-base-17) !important;
2765
+ [dir="rtl"] .x-border-radius--left-13 {
2766
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2739
2767
  }
2740
- [dir="ltr"] .x-border-radius--top-right-17 {
2741
- border-top-right-radius: var(--x-size-base-17) !important;
2768
+ [dir="ltr"] .x-border-radius--top-left-13 {
2769
+ border-top-left-radius: var(--x-size-base-13) !important;
2742
2770
  }
2743
- [dir="rtl"] .x-border-radius--top-right-17 {
2744
- border-top-left-radius: var(--x-size-base-17) !important;
2771
+ [dir="rtl"] .x-border-radius--top-left-13 {
2772
+ border-top-right-radius: var(--x-size-base-13) !important;
2745
2773
  }
2746
- [dir="ltr"] .x-border-radius--bottom-left-17 {
2747
- border-bottom-left-radius: var(--x-size-base-17) !important;
2774
+ [dir="ltr"] .x-border-radius--top-right-13 {
2775
+ border-top-right-radius: var(--x-size-base-13) !important;
2748
2776
  }
2749
- [dir="rtl"] .x-border-radius--bottom-left-17 {
2750
- border-bottom-right-radius: var(--x-size-base-17) !important;
2777
+ [dir="rtl"] .x-border-radius--top-right-13 {
2778
+ border-top-left-radius: var(--x-size-base-13) !important;
2751
2779
  }
2752
- [dir="ltr"] .x-border-radius--bottom-right-17 {
2753
- border-bottom-right-radius: var(--x-size-base-17) !important;
2780
+ [dir="ltr"] .x-border-radius--bottom-left-13 {
2781
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2754
2782
  }
2755
- [dir="rtl"] .x-border-radius--bottom-right-17 {
2756
- border-bottom-left-radius: var(--x-size-base-17) !important;
2783
+ [dir="rtl"] .x-border-radius--bottom-left-13 {
2784
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2757
2785
  }
2758
- .x-border-radius--18 {
2759
- border-radius: var(--x-size-base-18) !important;
2786
+ [dir="ltr"] .x-border-radius--bottom-right-13 {
2787
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2760
2788
  }
2761
- [dir="ltr"] .x-border-radius--top-18 {
2762
- border-top-left-radius: var(--x-size-base-18) !important;
2789
+ [dir="rtl"] .x-border-radius--bottom-right-13 {
2790
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2763
2791
  }
2764
- [dir="rtl"] .x-border-radius--top-18 {
2765
- border-top-right-radius: var(--x-size-base-18) !important;
2792
+ .x-border-radius--14 {
2793
+ border-radius: var(--x-size-base-14) !important;
2766
2794
  }
2767
- [dir="ltr"] .x-border-radius--top-18 {
2768
- border-top-right-radius: var(--x-size-base-18) !important;
2795
+ [dir="ltr"] .x-border-radius--top-14 {
2796
+ border-top-left-radius: var(--x-size-base-14) !important;
2769
2797
  }
2770
- [dir="rtl"] .x-border-radius--top-18 {
2771
- border-top-left-radius: var(--x-size-base-18) !important;
2798
+ [dir="rtl"] .x-border-radius--top-14 {
2799
+ border-top-right-radius: var(--x-size-base-14) !important;
2772
2800
  }
2773
- [dir="ltr"] .x-border-radius--bottom-18 {
2774
- border-bottom-left-radius: var(--x-size-base-18) !important;
2801
+ [dir="ltr"] .x-border-radius--top-14 {
2802
+ border-top-right-radius: var(--x-size-base-14) !important;
2775
2803
  }
2776
- [dir="rtl"] .x-border-radius--bottom-18 {
2777
- border-bottom-right-radius: var(--x-size-base-18) !important;
2804
+ [dir="rtl"] .x-border-radius--top-14 {
2805
+ border-top-left-radius: var(--x-size-base-14) !important;
2778
2806
  }
2779
- [dir="ltr"] .x-border-radius--bottom-18 {
2780
- border-bottom-right-radius: var(--x-size-base-18) !important;
2807
+ [dir="ltr"] .x-border-radius--bottom-14 {
2808
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2781
2809
  }
2782
- [dir="rtl"] .x-border-radius--bottom-18 {
2783
- border-bottom-left-radius: var(--x-size-base-18) !important;
2810
+ [dir="rtl"] .x-border-radius--bottom-14 {
2811
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2784
2812
  }
2785
- [dir="ltr"] .x-border-radius--right-18 {
2786
- border-top-right-radius: var(--x-size-base-18) !important;
2813
+ [dir="ltr"] .x-border-radius--bottom-14 {
2814
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2787
2815
  }
2788
- [dir="rtl"] .x-border-radius--right-18 {
2789
- border-top-left-radius: var(--x-size-base-18) !important;
2816
+ [dir="rtl"] .x-border-radius--bottom-14 {
2817
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2790
2818
  }
2791
- [dir="ltr"] .x-border-radius--right-18 {
2792
- border-bottom-right-radius: var(--x-size-base-18) !important;
2819
+ [dir="ltr"] .x-border-radius--right-14 {
2820
+ border-top-right-radius: var(--x-size-base-14) !important;
2793
2821
  }
2794
- [dir="rtl"] .x-border-radius--right-18 {
2795
- border-bottom-left-radius: var(--x-size-base-18) !important;
2822
+ [dir="rtl"] .x-border-radius--right-14 {
2823
+ border-top-left-radius: var(--x-size-base-14) !important;
2796
2824
  }
2797
- [dir="ltr"] .x-border-radius--left-18 {
2798
- border-top-left-radius: var(--x-size-base-18) !important;
2825
+ [dir="ltr"] .x-border-radius--right-14 {
2826
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2799
2827
  }
2800
- [dir="rtl"] .x-border-radius--left-18 {
2801
- border-top-right-radius: var(--x-size-base-18) !important;
2828
+ [dir="rtl"] .x-border-radius--right-14 {
2829
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2802
2830
  }
2803
- [dir="ltr"] .x-border-radius--left-18 {
2804
- border-bottom-left-radius: var(--x-size-base-18) !important;
2831
+ [dir="ltr"] .x-border-radius--left-14 {
2832
+ border-top-left-radius: var(--x-size-base-14) !important;
2805
2833
  }
2806
- [dir="rtl"] .x-border-radius--left-18 {
2807
- border-bottom-right-radius: var(--x-size-base-18) !important;
2834
+ [dir="rtl"] .x-border-radius--left-14 {
2835
+ border-top-right-radius: var(--x-size-base-14) !important;
2808
2836
  }
2809
- [dir="ltr"] .x-border-radius--top-left-18 {
2810
- border-top-left-radius: var(--x-size-base-18) !important;
2837
+ [dir="ltr"] .x-border-radius--left-14 {
2838
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2811
2839
  }
2812
- [dir="rtl"] .x-border-radius--top-left-18 {
2813
- border-top-right-radius: var(--x-size-base-18) !important;
2840
+ [dir="rtl"] .x-border-radius--left-14 {
2841
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2814
2842
  }
2815
- [dir="ltr"] .x-border-radius--top-right-18 {
2816
- border-top-right-radius: var(--x-size-base-18) !important;
2843
+ [dir="ltr"] .x-border-radius--top-left-14 {
2844
+ border-top-left-radius: var(--x-size-base-14) !important;
2817
2845
  }
2818
- [dir="rtl"] .x-border-radius--top-right-18 {
2819
- border-top-left-radius: var(--x-size-base-18) !important;
2846
+ [dir="rtl"] .x-border-radius--top-left-14 {
2847
+ border-top-right-radius: var(--x-size-base-14) !important;
2820
2848
  }
2821
- [dir="ltr"] .x-border-radius--bottom-left-18 {
2822
- border-bottom-left-radius: var(--x-size-base-18) !important;
2849
+ [dir="ltr"] .x-border-radius--top-right-14 {
2850
+ border-top-right-radius: var(--x-size-base-14) !important;
2823
2851
  }
2824
- [dir="rtl"] .x-border-radius--bottom-left-18 {
2825
- border-bottom-right-radius: var(--x-size-base-18) !important;
2852
+ [dir="rtl"] .x-border-radius--top-right-14 {
2853
+ border-top-left-radius: var(--x-size-base-14) !important;
2826
2854
  }
2827
- [dir="ltr"] .x-border-radius--bottom-right-18 {
2828
- border-bottom-right-radius: var(--x-size-base-18) !important;
2855
+ [dir="ltr"] .x-border-radius--bottom-left-14 {
2856
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2829
2857
  }
2830
- [dir="rtl"] .x-border-radius--bottom-right-18 {
2831
- border-bottom-left-radius: var(--x-size-base-18) !important;
2858
+ [dir="rtl"] .x-border-radius--bottom-left-14 {
2859
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2832
2860
  }
2833
- .x-border-radius--19 {
2834
- border-radius: var(--x-size-base-19) !important;
2861
+ [dir="ltr"] .x-border-radius--bottom-right-14 {
2862
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2835
2863
  }
2836
- [dir="ltr"] .x-border-radius--top-19 {
2837
- border-top-left-radius: var(--x-size-base-19) !important;
2864
+ [dir="rtl"] .x-border-radius--bottom-right-14 {
2865
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2838
2866
  }
2839
- [dir="rtl"] .x-border-radius--top-19 {
2840
- border-top-right-radius: var(--x-size-base-19) !important;
2867
+ .x-border-radius--15 {
2868
+ border-radius: var(--x-size-base-15) !important;
2841
2869
  }
2842
- [dir="ltr"] .x-border-radius--top-19 {
2843
- border-top-right-radius: var(--x-size-base-19) !important;
2870
+ [dir="ltr"] .x-border-radius--top-15 {
2871
+ border-top-left-radius: var(--x-size-base-15) !important;
2844
2872
  }
2845
- [dir="rtl"] .x-border-radius--top-19 {
2846
- border-top-left-radius: var(--x-size-base-19) !important;
2873
+ [dir="rtl"] .x-border-radius--top-15 {
2874
+ border-top-right-radius: var(--x-size-base-15) !important;
2847
2875
  }
2848
- [dir="ltr"] .x-border-radius--bottom-19 {
2849
- border-bottom-left-radius: var(--x-size-base-19) !important;
2876
+ [dir="ltr"] .x-border-radius--top-15 {
2877
+ border-top-right-radius: var(--x-size-base-15) !important;
2850
2878
  }
2851
- [dir="rtl"] .x-border-radius--bottom-19 {
2852
- border-bottom-right-radius: var(--x-size-base-19) !important;
2879
+ [dir="rtl"] .x-border-radius--top-15 {
2880
+ border-top-left-radius: var(--x-size-base-15) !important;
2853
2881
  }
2854
- [dir="ltr"] .x-border-radius--bottom-19 {
2855
- border-bottom-right-radius: var(--x-size-base-19) !important;
2882
+ [dir="ltr"] .x-border-radius--bottom-15 {
2883
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2856
2884
  }
2857
- [dir="rtl"] .x-border-radius--bottom-19 {
2858
- border-bottom-left-radius: var(--x-size-base-19) !important;
2885
+ [dir="rtl"] .x-border-radius--bottom-15 {
2886
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2859
2887
  }
2860
- [dir="ltr"] .x-border-radius--right-19 {
2861
- border-top-right-radius: var(--x-size-base-19) !important;
2888
+ [dir="ltr"] .x-border-radius--bottom-15 {
2889
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2862
2890
  }
2863
- [dir="rtl"] .x-border-radius--right-19 {
2864
- border-top-left-radius: var(--x-size-base-19) !important;
2891
+ [dir="rtl"] .x-border-radius--bottom-15 {
2892
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2865
2893
  }
2866
- [dir="ltr"] .x-border-radius--right-19 {
2867
- border-bottom-right-radius: var(--x-size-base-19) !important;
2894
+ [dir="ltr"] .x-border-radius--right-15 {
2895
+ border-top-right-radius: var(--x-size-base-15) !important;
2868
2896
  }
2869
- [dir="rtl"] .x-border-radius--right-19 {
2870
- border-bottom-left-radius: var(--x-size-base-19) !important;
2897
+ [dir="rtl"] .x-border-radius--right-15 {
2898
+ border-top-left-radius: var(--x-size-base-15) !important;
2871
2899
  }
2872
- [dir="ltr"] .x-border-radius--left-19 {
2873
- border-top-left-radius: var(--x-size-base-19) !important;
2900
+ [dir="ltr"] .x-border-radius--right-15 {
2901
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2874
2902
  }
2875
- [dir="rtl"] .x-border-radius--left-19 {
2876
- border-top-right-radius: var(--x-size-base-19) !important;
2903
+ [dir="rtl"] .x-border-radius--right-15 {
2904
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2877
2905
  }
2878
- [dir="ltr"] .x-border-radius--left-19 {
2879
- border-bottom-left-radius: var(--x-size-base-19) !important;
2906
+ [dir="ltr"] .x-border-radius--left-15 {
2907
+ border-top-left-radius: var(--x-size-base-15) !important;
2880
2908
  }
2881
- [dir="rtl"] .x-border-radius--left-19 {
2882
- border-bottom-right-radius: var(--x-size-base-19) !important;
2909
+ [dir="rtl"] .x-border-radius--left-15 {
2910
+ border-top-right-radius: var(--x-size-base-15) !important;
2883
2911
  }
2884
- [dir="ltr"] .x-border-radius--top-left-19 {
2885
- border-top-left-radius: var(--x-size-base-19) !important;
2912
+ [dir="ltr"] .x-border-radius--left-15 {
2913
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2886
2914
  }
2887
- [dir="rtl"] .x-border-radius--top-left-19 {
2888
- border-top-right-radius: var(--x-size-base-19) !important;
2915
+ [dir="rtl"] .x-border-radius--left-15 {
2916
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2889
2917
  }
2890
- [dir="ltr"] .x-border-radius--top-right-19 {
2891
- border-top-right-radius: var(--x-size-base-19) !important;
2918
+ [dir="ltr"] .x-border-radius--top-left-15 {
2919
+ border-top-left-radius: var(--x-size-base-15) !important;
2892
2920
  }
2893
- [dir="rtl"] .x-border-radius--top-right-19 {
2894
- border-top-left-radius: var(--x-size-base-19) !important;
2921
+ [dir="rtl"] .x-border-radius--top-left-15 {
2922
+ border-top-right-radius: var(--x-size-base-15) !important;
2895
2923
  }
2896
- [dir="ltr"] .x-border-radius--bottom-left-19 {
2897
- border-bottom-left-radius: var(--x-size-base-19) !important;
2924
+ [dir="ltr"] .x-border-radius--top-right-15 {
2925
+ border-top-right-radius: var(--x-size-base-15) !important;
2898
2926
  }
2899
- [dir="rtl"] .x-border-radius--bottom-left-19 {
2900
- border-bottom-right-radius: var(--x-size-base-19) !important;
2927
+ [dir="rtl"] .x-border-radius--top-right-15 {
2928
+ border-top-left-radius: var(--x-size-base-15) !important;
2901
2929
  }
2902
- [dir="ltr"] .x-border-radius--bottom-right-19 {
2903
- border-bottom-right-radius: var(--x-size-base-19) !important;
2930
+ [dir="ltr"] .x-border-radius--bottom-left-15 {
2931
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2904
2932
  }
2905
- [dir="rtl"] .x-border-radius--bottom-right-19 {
2906
- border-bottom-left-radius: var(--x-size-base-19) !important;
2933
+ [dir="rtl"] .x-border-radius--bottom-left-15 {
2934
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2907
2935
  }
2908
- .x-border-radius--20 {
2909
- border-radius: var(--x-size-base-20) !important;
2936
+ [dir="ltr"] .x-border-radius--bottom-right-15 {
2937
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2910
2938
  }
2911
- [dir="ltr"] .x-border-radius--top-20 {
2912
- border-top-left-radius: var(--x-size-base-20) !important;
2939
+ [dir="rtl"] .x-border-radius--bottom-right-15 {
2940
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2913
2941
  }
2914
- [dir="rtl"] .x-border-radius--top-20 {
2915
- border-top-right-radius: var(--x-size-base-20) !important;
2942
+ .x-border-radius--16 {
2943
+ border-radius: var(--x-size-base-16) !important;
2916
2944
  }
2917
- [dir="ltr"] .x-border-radius--top-20 {
2918
- border-top-right-radius: var(--x-size-base-20) !important;
2945
+ [dir="ltr"] .x-border-radius--top-16 {
2946
+ border-top-left-radius: var(--x-size-base-16) !important;
2919
2947
  }
2920
- [dir="rtl"] .x-border-radius--top-20 {
2921
- border-top-left-radius: var(--x-size-base-20) !important;
2948
+ [dir="rtl"] .x-border-radius--top-16 {
2949
+ border-top-right-radius: var(--x-size-base-16) !important;
2922
2950
  }
2923
- [dir="ltr"] .x-border-radius--bottom-20 {
2924
- border-bottom-left-radius: var(--x-size-base-20) !important;
2951
+ [dir="ltr"] .x-border-radius--top-16 {
2952
+ border-top-right-radius: var(--x-size-base-16) !important;
2925
2953
  }
2926
- [dir="rtl"] .x-border-radius--bottom-20 {
2927
- border-bottom-right-radius: var(--x-size-base-20) !important;
2954
+ [dir="rtl"] .x-border-radius--top-16 {
2955
+ border-top-left-radius: var(--x-size-base-16) !important;
2928
2956
  }
2929
- [dir="ltr"] .x-border-radius--bottom-20 {
2930
- border-bottom-right-radius: var(--x-size-base-20) !important;
2957
+ [dir="ltr"] .x-border-radius--bottom-16 {
2958
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2931
2959
  }
2932
- [dir="rtl"] .x-border-radius--bottom-20 {
2933
- border-bottom-left-radius: var(--x-size-base-20) !important;
2960
+ [dir="rtl"] .x-border-radius--bottom-16 {
2961
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2934
2962
  }
2935
- [dir="ltr"] .x-border-radius--right-20 {
2936
- border-top-right-radius: var(--x-size-base-20) !important;
2963
+ [dir="ltr"] .x-border-radius--bottom-16 {
2964
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2937
2965
  }
2938
- [dir="rtl"] .x-border-radius--right-20 {
2939
- border-top-left-radius: var(--x-size-base-20) !important;
2966
+ [dir="rtl"] .x-border-radius--bottom-16 {
2967
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2940
2968
  }
2941
- [dir="ltr"] .x-border-radius--right-20 {
2942
- border-bottom-right-radius: var(--x-size-base-20) !important;
2969
+ [dir="ltr"] .x-border-radius--right-16 {
2970
+ border-top-right-radius: var(--x-size-base-16) !important;
2943
2971
  }
2944
- [dir="rtl"] .x-border-radius--right-20 {
2945
- border-bottom-left-radius: var(--x-size-base-20) !important;
2972
+ [dir="rtl"] .x-border-radius--right-16 {
2973
+ border-top-left-radius: var(--x-size-base-16) !important;
2946
2974
  }
2947
- [dir="ltr"] .x-border-radius--left-20 {
2948
- border-top-left-radius: var(--x-size-base-20) !important;
2975
+ [dir="ltr"] .x-border-radius--right-16 {
2976
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2949
2977
  }
2950
- [dir="rtl"] .x-border-radius--left-20 {
2951
- border-top-right-radius: var(--x-size-base-20) !important;
2978
+ [dir="rtl"] .x-border-radius--right-16 {
2979
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2952
2980
  }
2953
- [dir="ltr"] .x-border-radius--left-20 {
2954
- border-bottom-left-radius: var(--x-size-base-20) !important;
2981
+ [dir="ltr"] .x-border-radius--left-16 {
2982
+ border-top-left-radius: var(--x-size-base-16) !important;
2955
2983
  }
2956
- [dir="rtl"] .x-border-radius--left-20 {
2957
- border-bottom-right-radius: var(--x-size-base-20) !important;
2984
+ [dir="rtl"] .x-border-radius--left-16 {
2985
+ border-top-right-radius: var(--x-size-base-16) !important;
2958
2986
  }
2959
- [dir="ltr"] .x-border-radius--top-left-20 {
2960
- border-top-left-radius: var(--x-size-base-20) !important;
2987
+ [dir="ltr"] .x-border-radius--left-16 {
2988
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2961
2989
  }
2962
- [dir="rtl"] .x-border-radius--top-left-20 {
2963
- border-top-right-radius: var(--x-size-base-20) !important;
2990
+ [dir="rtl"] .x-border-radius--left-16 {
2991
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2964
2992
  }
2965
- [dir="ltr"] .x-border-radius--top-right-20 {
2966
- border-top-right-radius: var(--x-size-base-20) !important;
2993
+ [dir="ltr"] .x-border-radius--top-left-16 {
2994
+ border-top-left-radius: var(--x-size-base-16) !important;
2967
2995
  }
2968
- [dir="rtl"] .x-border-radius--top-right-20 {
2969
- border-top-left-radius: var(--x-size-base-20) !important;
2996
+ [dir="rtl"] .x-border-radius--top-left-16 {
2997
+ border-top-right-radius: var(--x-size-base-16) !important;
2970
2998
  }
2971
- [dir="ltr"] .x-border-radius--bottom-left-20 {
2972
- border-bottom-left-radius: var(--x-size-base-20) !important;
2999
+ [dir="ltr"] .x-border-radius--top-right-16 {
3000
+ border-top-right-radius: var(--x-size-base-16) !important;
2973
3001
  }
2974
- [dir="rtl"] .x-border-radius--bottom-left-20 {
2975
- border-bottom-right-radius: var(--x-size-base-20) !important;
3002
+ [dir="rtl"] .x-border-radius--top-right-16 {
3003
+ border-top-left-radius: var(--x-size-base-16) !important;
2976
3004
  }
2977
- [dir="ltr"] .x-border-radius--bottom-right-20 {
2978
- border-bottom-right-radius: var(--x-size-base-20) !important;
3005
+ [dir="ltr"] .x-border-radius--bottom-left-16 {
3006
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2979
3007
  }
2980
- [dir="rtl"] .x-border-radius--bottom-right-20 {
2981
- border-bottom-left-radius: var(--x-size-base-20) !important;
3008
+ [dir="rtl"] .x-border-radius--bottom-left-16 {
3009
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2982
3010
  }
2983
- *[class*=x-border-width--] {
2984
- border-width: 0;
3011
+ [dir="ltr"] .x-border-radius--bottom-right-16 {
3012
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2985
3013
  }
2986
-
2987
- .x-border-width--00 {
2988
- border-width: 0px !important;
2989
- border-style: solid !important;
3014
+ [dir="rtl"] .x-border-radius--bottom-right-16 {
3015
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2990
3016
  }
2991
- .x-border-width--top-00 {
2992
- border-top-width: 0px !important;
2993
- border-style: solid !important;
3017
+ .x-border-radius--17 {
3018
+ border-radius: var(--x-size-base-17) !important;
2994
3019
  }
2995
- .x-border-width--bottom-00 {
2996
- border-bottom-width: 0px !important;
2997
- border-style: solid !important;
3020
+ [dir="ltr"] .x-border-radius--top-17 {
3021
+ border-top-left-radius: var(--x-size-base-17) !important;
2998
3022
  }
2999
- [dir="ltr"] .x-border-width--right-00 {
3000
- border-right-width: 0px !important;
3023
+ [dir="rtl"] .x-border-radius--top-17 {
3024
+ border-top-right-radius: var(--x-size-base-17) !important;
3001
3025
  }
3002
- [dir="rtl"] .x-border-width--right-00 {
3003
- border-left-width: 0px !important;
3026
+ [dir="ltr"] .x-border-radius--top-17 {
3027
+ border-top-right-radius: var(--x-size-base-17) !important;
3004
3028
  }
3005
- .x-border-width--right-00 {
3006
- border-style: solid !important;
3029
+ [dir="rtl"] .x-border-radius--top-17 {
3030
+ border-top-left-radius: var(--x-size-base-17) !important;
3007
3031
  }
3008
- [dir="ltr"] .x-border-width--left-00 {
3009
- border-left-width: 0px !important;
3032
+ [dir="ltr"] .x-border-radius--bottom-17 {
3033
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3010
3034
  }
3011
- [dir="rtl"] .x-border-width--left-00 {
3012
- border-right-width: 0px !important;
3035
+ [dir="rtl"] .x-border-radius--bottom-17 {
3036
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3013
3037
  }
3014
- .x-border-width--left-00 {
3015
- border-style: solid !important;
3038
+ [dir="ltr"] .x-border-radius--bottom-17 {
3039
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3016
3040
  }
3017
- .x-border-width--01 {
3018
- border-width: 1px !important;
3019
- border-style: solid !important;
3041
+ [dir="rtl"] .x-border-radius--bottom-17 {
3042
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3020
3043
  }
3021
- .x-border-width--top-01 {
3022
- border-top-width: 1px !important;
3023
- border-style: solid !important;
3044
+ [dir="ltr"] .x-border-radius--right-17 {
3045
+ border-top-right-radius: var(--x-size-base-17) !important;
3024
3046
  }
3025
- .x-border-width--bottom-01 {
3026
- border-bottom-width: 1px !important;
3027
- border-style: solid !important;
3047
+ [dir="rtl"] .x-border-radius--right-17 {
3048
+ border-top-left-radius: var(--x-size-base-17) !important;
3028
3049
  }
3029
- [dir="ltr"] .x-border-width--right-01 {
3030
- border-right-width: 1px !important;
3050
+ [dir="ltr"] .x-border-radius--right-17 {
3051
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3031
3052
  }
3032
- [dir="rtl"] .x-border-width--right-01 {
3033
- border-left-width: 1px !important;
3053
+ [dir="rtl"] .x-border-radius--right-17 {
3054
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3034
3055
  }
3035
- .x-border-width--right-01 {
3036
- border-style: solid !important;
3056
+ [dir="ltr"] .x-border-radius--left-17 {
3057
+ border-top-left-radius: var(--x-size-base-17) !important;
3037
3058
  }
3038
- [dir="ltr"] .x-border-width--left-01 {
3039
- border-left-width: 1px !important;
3059
+ [dir="rtl"] .x-border-radius--left-17 {
3060
+ border-top-right-radius: var(--x-size-base-17) !important;
3040
3061
  }
3041
- [dir="rtl"] .x-border-width--left-01 {
3042
- border-right-width: 1px !important;
3062
+ [dir="ltr"] .x-border-radius--left-17 {
3063
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3043
3064
  }
3044
- .x-border-width--left-01 {
3045
- border-style: solid !important;
3065
+ [dir="rtl"] .x-border-radius--left-17 {
3066
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3046
3067
  }
3047
- .x-border-width--02 {
3048
- border-width: 2px !important;
3049
- border-style: solid !important;
3068
+ [dir="ltr"] .x-border-radius--top-left-17 {
3069
+ border-top-left-radius: var(--x-size-base-17) !important;
3050
3070
  }
3051
- .x-border-width--top-02 {
3052
- border-top-width: 2px !important;
3053
- border-style: solid !important;
3071
+ [dir="rtl"] .x-border-radius--top-left-17 {
3072
+ border-top-right-radius: var(--x-size-base-17) !important;
3054
3073
  }
3055
- .x-border-width--bottom-02 {
3056
- border-bottom-width: 2px !important;
3057
- border-style: solid !important;
3074
+ [dir="ltr"] .x-border-radius--top-right-17 {
3075
+ border-top-right-radius: var(--x-size-base-17) !important;
3058
3076
  }
3059
- [dir="ltr"] .x-border-width--right-02 {
3060
- border-right-width: 2px !important;
3077
+ [dir="rtl"] .x-border-radius--top-right-17 {
3078
+ border-top-left-radius: var(--x-size-base-17) !important;
3061
3079
  }
3062
- [dir="rtl"] .x-border-width--right-02 {
3063
- border-left-width: 2px !important;
3080
+ [dir="ltr"] .x-border-radius--bottom-left-17 {
3081
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3064
3082
  }
3065
- .x-border-width--right-02 {
3066
- border-style: solid !important;
3083
+ [dir="rtl"] .x-border-radius--bottom-left-17 {
3084
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3067
3085
  }
3068
- [dir="ltr"] .x-border-width--left-02 {
3069
- border-left-width: 2px !important;
3086
+ [dir="ltr"] .x-border-radius--bottom-right-17 {
3087
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3070
3088
  }
3071
- [dir="rtl"] .x-border-width--left-02 {
3072
- border-right-width: 2px !important;
3089
+ [dir="rtl"] .x-border-radius--bottom-right-17 {
3090
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3073
3091
  }
3074
- .x-border-width--left-02 {
3075
- border-style: solid !important;
3092
+ .x-border-radius--18 {
3093
+ border-radius: var(--x-size-base-18) !important;
3076
3094
  }
3077
- .x-border-width--03 {
3078
- border-width: 3px !important;
3079
- border-style: solid !important;
3095
+ [dir="ltr"] .x-border-radius--top-18 {
3096
+ border-top-left-radius: var(--x-size-base-18) !important;
3080
3097
  }
3081
- .x-border-width--top-03 {
3082
- border-top-width: 3px !important;
3083
- border-style: solid !important;
3098
+ [dir="rtl"] .x-border-radius--top-18 {
3099
+ border-top-right-radius: var(--x-size-base-18) !important;
3084
3100
  }
3085
- .x-border-width--bottom-03 {
3086
- border-bottom-width: 3px !important;
3087
- border-style: solid !important;
3101
+ [dir="ltr"] .x-border-radius--top-18 {
3102
+ border-top-right-radius: var(--x-size-base-18) !important;
3088
3103
  }
3089
- [dir="ltr"] .x-border-width--right-03 {
3090
- border-right-width: 3px !important;
3104
+ [dir="rtl"] .x-border-radius--top-18 {
3105
+ border-top-left-radius: var(--x-size-base-18) !important;
3091
3106
  }
3092
- [dir="rtl"] .x-border-width--right-03 {
3093
- border-left-width: 3px !important;
3107
+ [dir="ltr"] .x-border-radius--bottom-18 {
3108
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3094
3109
  }
3095
- .x-border-width--right-03 {
3096
- border-style: solid !important;
3110
+ [dir="rtl"] .x-border-radius--bottom-18 {
3111
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3112
+ }
3113
+ [dir="ltr"] .x-border-radius--bottom-18 {
3114
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3097
3115
  }
3098
- [dir="ltr"] .x-border-width--left-03 {
3099
- border-left-width: 3px !important;
3116
+ [dir="rtl"] .x-border-radius--bottom-18 {
3117
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3100
3118
  }
3101
- [dir="rtl"] .x-border-width--left-03 {
3102
- border-right-width: 3px !important;
3119
+ [dir="ltr"] .x-border-radius--right-18 {
3120
+ border-top-right-radius: var(--x-size-base-18) !important;
3103
3121
  }
3104
- .x-border-width--left-03 {
3105
- border-style: solid !important;
3122
+ [dir="rtl"] .x-border-radius--right-18 {
3123
+ border-top-left-radius: var(--x-size-base-18) !important;
3106
3124
  }
3107
- .x-border-width--04 {
3108
- border-width: 4px !important;
3109
- border-style: solid !important;
3125
+ [dir="ltr"] .x-border-radius--right-18 {
3126
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3110
3127
  }
3111
- .x-border-width--top-04 {
3112
- border-top-width: 4px !important;
3113
- border-style: solid !important;
3128
+ [dir="rtl"] .x-border-radius--right-18 {
3129
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3114
3130
  }
3115
- .x-border-width--bottom-04 {
3116
- border-bottom-width: 4px !important;
3117
- border-style: solid !important;
3131
+ [dir="ltr"] .x-border-radius--left-18 {
3132
+ border-top-left-radius: var(--x-size-base-18) !important;
3118
3133
  }
3119
- [dir="ltr"] .x-border-width--right-04 {
3120
- border-right-width: 4px !important;
3134
+ [dir="rtl"] .x-border-radius--left-18 {
3135
+ border-top-right-radius: var(--x-size-base-18) !important;
3121
3136
  }
3122
- [dir="rtl"] .x-border-width--right-04 {
3123
- border-left-width: 4px !important;
3137
+ [dir="ltr"] .x-border-radius--left-18 {
3138
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3124
3139
  }
3125
- .x-border-width--right-04 {
3126
- border-style: solid !important;
3140
+ [dir="rtl"] .x-border-radius--left-18 {
3141
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3127
3142
  }
3128
- [dir="ltr"] .x-border-width--left-04 {
3129
- border-left-width: 4px !important;
3143
+ [dir="ltr"] .x-border-radius--top-left-18 {
3144
+ border-top-left-radius: var(--x-size-base-18) !important;
3130
3145
  }
3131
- [dir="rtl"] .x-border-width--left-04 {
3132
- border-right-width: 4px !important;
3146
+ [dir="rtl"] .x-border-radius--top-left-18 {
3147
+ border-top-right-radius: var(--x-size-base-18) !important;
3133
3148
  }
3134
- .x-border-width--left-04 {
3135
- border-style: solid !important;
3149
+ [dir="ltr"] .x-border-radius--top-right-18 {
3150
+ border-top-right-radius: var(--x-size-base-18) !important;
3136
3151
  }
3137
- .x-border-width--05 {
3138
- border-width: 5px !important;
3139
- border-style: solid !important;
3152
+ [dir="rtl"] .x-border-radius--top-right-18 {
3153
+ border-top-left-radius: var(--x-size-base-18) !important;
3140
3154
  }
3141
- .x-border-width--top-05 {
3142
- border-top-width: 5px !important;
3143
- border-style: solid !important;
3155
+ [dir="ltr"] .x-border-radius--bottom-left-18 {
3156
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3144
3157
  }
3145
- .x-border-width--bottom-05 {
3146
- border-bottom-width: 5px !important;
3147
- border-style: solid !important;
3158
+ [dir="rtl"] .x-border-radius--bottom-left-18 {
3159
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3148
3160
  }
3149
- [dir="ltr"] .x-border-width--right-05 {
3150
- border-right-width: 5px !important;
3161
+ [dir="ltr"] .x-border-radius--bottom-right-18 {
3162
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3151
3163
  }
3152
- [dir="rtl"] .x-border-width--right-05 {
3153
- border-left-width: 5px !important;
3164
+ [dir="rtl"] .x-border-radius--bottom-right-18 {
3165
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3154
3166
  }
3155
- .x-border-width--right-05 {
3156
- border-style: solid !important;
3167
+ .x-border-radius--19 {
3168
+ border-radius: var(--x-size-base-19) !important;
3157
3169
  }
3158
- [dir="ltr"] .x-border-width--left-05 {
3159
- border-left-width: 5px !important;
3170
+ [dir="ltr"] .x-border-radius--top-19 {
3171
+ border-top-left-radius: var(--x-size-base-19) !important;
3160
3172
  }
3161
- [dir="rtl"] .x-border-width--left-05 {
3162
- border-right-width: 5px !important;
3173
+ [dir="rtl"] .x-border-radius--top-19 {
3174
+ border-top-right-radius: var(--x-size-base-19) !important;
3163
3175
  }
3164
- .x-border-width--left-05 {
3165
- border-style: solid !important;
3176
+ [dir="ltr"] .x-border-radius--top-19 {
3177
+ border-top-right-radius: var(--x-size-base-19) !important;
3166
3178
  }
3167
- .x-border-width--06 {
3168
- border-width: 6px !important;
3169
- border-style: solid !important;
3179
+ [dir="rtl"] .x-border-radius--top-19 {
3180
+ border-top-left-radius: var(--x-size-base-19) !important;
3170
3181
  }
3171
- .x-border-width--top-06 {
3172
- border-top-width: 6px !important;
3173
- border-style: solid !important;
3182
+ [dir="ltr"] .x-border-radius--bottom-19 {
3183
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3174
3184
  }
3175
- .x-border-width--bottom-06 {
3176
- border-bottom-width: 6px !important;
3177
- border-style: solid !important;
3185
+ [dir="rtl"] .x-border-radius--bottom-19 {
3186
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3178
3187
  }
3179
- [dir="ltr"] .x-border-width--right-06 {
3180
- border-right-width: 6px !important;
3188
+ [dir="ltr"] .x-border-radius--bottom-19 {
3189
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3181
3190
  }
3182
- [dir="rtl"] .x-border-width--right-06 {
3183
- border-left-width: 6px !important;
3191
+ [dir="rtl"] .x-border-radius--bottom-19 {
3192
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3184
3193
  }
3185
- .x-border-width--right-06 {
3186
- border-style: solid !important;
3194
+ [dir="ltr"] .x-border-radius--right-19 {
3195
+ border-top-right-radius: var(--x-size-base-19) !important;
3187
3196
  }
3188
- [dir="ltr"] .x-border-width--left-06 {
3189
- border-left-width: 6px !important;
3197
+ [dir="rtl"] .x-border-radius--right-19 {
3198
+ border-top-left-radius: var(--x-size-base-19) !important;
3190
3199
  }
3191
- [dir="rtl"] .x-border-width--left-06 {
3192
- border-right-width: 6px !important;
3200
+ [dir="ltr"] .x-border-radius--right-19 {
3201
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3193
3202
  }
3194
- .x-border-width--left-06 {
3195
- border-style: solid !important;
3203
+ [dir="rtl"] .x-border-radius--right-19 {
3204
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3196
3205
  }
3197
- .x-border-width--07 {
3198
- border-width: 7px !important;
3199
- border-style: solid !important;
3206
+ [dir="ltr"] .x-border-radius--left-19 {
3207
+ border-top-left-radius: var(--x-size-base-19) !important;
3200
3208
  }
3201
- .x-border-width--top-07 {
3202
- border-top-width: 7px !important;
3203
- border-style: solid !important;
3209
+ [dir="rtl"] .x-border-radius--left-19 {
3210
+ border-top-right-radius: var(--x-size-base-19) !important;
3204
3211
  }
3205
- .x-border-width--bottom-07 {
3206
- border-bottom-width: 7px !important;
3207
- border-style: solid !important;
3212
+ [dir="ltr"] .x-border-radius--left-19 {
3213
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3208
3214
  }
3209
- [dir="ltr"] .x-border-width--right-07 {
3210
- border-right-width: 7px !important;
3215
+ [dir="rtl"] .x-border-radius--left-19 {
3216
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3211
3217
  }
3212
- [dir="rtl"] .x-border-width--right-07 {
3213
- border-left-width: 7px !important;
3218
+ [dir="ltr"] .x-border-radius--top-left-19 {
3219
+ border-top-left-radius: var(--x-size-base-19) !important;
3214
3220
  }
3215
- .x-border-width--right-07 {
3216
- border-style: solid !important;
3221
+ [dir="rtl"] .x-border-radius--top-left-19 {
3222
+ border-top-right-radius: var(--x-size-base-19) !important;
3217
3223
  }
3218
- [dir="ltr"] .x-border-width--left-07 {
3219
- border-left-width: 7px !important;
3224
+ [dir="ltr"] .x-border-radius--top-right-19 {
3225
+ border-top-right-radius: var(--x-size-base-19) !important;
3220
3226
  }
3221
- [dir="rtl"] .x-border-width--left-07 {
3222
- border-right-width: 7px !important;
3227
+ [dir="rtl"] .x-border-radius--top-right-19 {
3228
+ border-top-left-radius: var(--x-size-base-19) !important;
3223
3229
  }
3224
- .x-border-width--left-07 {
3225
- border-style: solid !important;
3230
+ [dir="ltr"] .x-border-radius--bottom-left-19 {
3231
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3226
3232
  }
3227
- .x-border-width--08 {
3228
- border-width: 8px !important;
3229
- border-style: solid !important;
3233
+ [dir="rtl"] .x-border-radius--bottom-left-19 {
3234
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3230
3235
  }
3231
- .x-border-width--top-08 {
3232
- border-top-width: 8px !important;
3233
- border-style: solid !important;
3236
+ [dir="ltr"] .x-border-radius--bottom-right-19 {
3237
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3234
3238
  }
3235
- .x-border-width--bottom-08 {
3236
- border-bottom-width: 8px !important;
3237
- border-style: solid !important;
3239
+ [dir="rtl"] .x-border-radius--bottom-right-19 {
3240
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3238
3241
  }
3239
- [dir="ltr"] .x-border-width--right-08 {
3240
- border-right-width: 8px !important;
3242
+ .x-border-radius--20 {
3243
+ border-radius: var(--x-size-base-20) !important;
3241
3244
  }
3242
- [dir="rtl"] .x-border-width--right-08 {
3243
- border-left-width: 8px !important;
3245
+ [dir="ltr"] .x-border-radius--top-20 {
3246
+ border-top-left-radius: var(--x-size-base-20) !important;
3244
3247
  }
3245
- .x-border-width--right-08 {
3246
- border-style: solid !important;
3248
+ [dir="rtl"] .x-border-radius--top-20 {
3249
+ border-top-right-radius: var(--x-size-base-20) !important;
3247
3250
  }
3248
- [dir="ltr"] .x-border-width--left-08 {
3249
- border-left-width: 8px !important;
3251
+ [dir="ltr"] .x-border-radius--top-20 {
3252
+ border-top-right-radius: var(--x-size-base-20) !important;
3250
3253
  }
3251
- [dir="rtl"] .x-border-width--left-08 {
3252
- border-right-width: 8px !important;
3254
+ [dir="rtl"] .x-border-radius--top-20 {
3255
+ border-top-left-radius: var(--x-size-base-20) !important;
3253
3256
  }
3254
- .x-border-width--left-08 {
3255
- border-style: solid !important;
3257
+ [dir="ltr"] .x-border-radius--bottom-20 {
3258
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3256
3259
  }
3257
- .x-border-width--09 {
3258
- border-width: 9px !important;
3259
- border-style: solid !important;
3260
+ [dir="rtl"] .x-border-radius--bottom-20 {
3261
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3260
3262
  }
3261
- .x-border-width--top-09 {
3262
- border-top-width: 9px !important;
3263
- border-style: solid !important;
3263
+ [dir="ltr"] .x-border-radius--bottom-20 {
3264
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3264
3265
  }
3265
- .x-border-width--bottom-09 {
3266
- border-bottom-width: 9px !important;
3267
- border-style: solid !important;
3266
+ [dir="rtl"] .x-border-radius--bottom-20 {
3267
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3268
3268
  }
3269
- [dir="ltr"] .x-border-width--right-09 {
3270
- border-right-width: 9px !important;
3269
+ [dir="ltr"] .x-border-radius--right-20 {
3270
+ border-top-right-radius: var(--x-size-base-20) !important;
3271
3271
  }
3272
- [dir="rtl"] .x-border-width--right-09 {
3273
- border-left-width: 9px !important;
3272
+ [dir="rtl"] .x-border-radius--right-20 {
3273
+ border-top-left-radius: var(--x-size-base-20) !important;
3274
3274
  }
3275
- .x-border-width--right-09 {
3276
- border-style: solid !important;
3275
+ [dir="ltr"] .x-border-radius--right-20 {
3276
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3277
3277
  }
3278
- [dir="ltr"] .x-border-width--left-09 {
3279
- border-left-width: 9px !important;
3278
+ [dir="rtl"] .x-border-radius--right-20 {
3279
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3280
3280
  }
3281
- [dir="rtl"] .x-border-width--left-09 {
3282
- border-right-width: 9px !important;
3281
+ [dir="ltr"] .x-border-radius--left-20 {
3282
+ border-top-left-radius: var(--x-size-base-20) !important;
3283
3283
  }
3284
- .x-border-width--left-09 {
3285
- border-style: solid !important;
3284
+ [dir="rtl"] .x-border-radius--left-20 {
3285
+ border-top-right-radius: var(--x-size-base-20) !important;
3286
3286
  }
3287
- .x-border-width--10 {
3288
- border-width: 10px !important;
3289
- border-style: solid !important;
3287
+ [dir="ltr"] .x-border-radius--left-20 {
3288
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3290
3289
  }
3291
- .x-border-width--top-10 {
3292
- border-top-width: 10px !important;
3293
- border-style: solid !important;
3290
+ [dir="rtl"] .x-border-radius--left-20 {
3291
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3294
3292
  }
3295
- .x-border-width--bottom-10 {
3296
- border-bottom-width: 10px !important;
3297
- border-style: solid !important;
3293
+ [dir="ltr"] .x-border-radius--top-left-20 {
3294
+ border-top-left-radius: var(--x-size-base-20) !important;
3298
3295
  }
3299
- [dir="ltr"] .x-border-width--right-10 {
3300
- border-right-width: 10px !important;
3296
+ [dir="rtl"] .x-border-radius--top-left-20 {
3297
+ border-top-right-radius: var(--x-size-base-20) !important;
3301
3298
  }
3302
- [dir="rtl"] .x-border-width--right-10 {
3303
- border-left-width: 10px !important;
3299
+ [dir="ltr"] .x-border-radius--top-right-20 {
3300
+ border-top-right-radius: var(--x-size-base-20) !important;
3304
3301
  }
3305
- .x-border-width--right-10 {
3306
- border-style: solid !important;
3302
+ [dir="rtl"] .x-border-radius--top-right-20 {
3303
+ border-top-left-radius: var(--x-size-base-20) !important;
3307
3304
  }
3308
- [dir="ltr"] .x-border-width--left-10 {
3309
- border-left-width: 10px !important;
3305
+ [dir="ltr"] .x-border-radius--bottom-left-20 {
3306
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3310
3307
  }
3311
- [dir="rtl"] .x-border-width--left-10 {
3312
- border-right-width: 10px !important;
3308
+ [dir="rtl"] .x-border-radius--bottom-left-20 {
3309
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3313
3310
  }
3314
- .x-border-width--left-10 {
3315
- border-style: solid !important;
3311
+ [dir="ltr"] .x-border-radius--bottom-right-20 {
3312
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3313
+ }
3314
+ [dir="rtl"] .x-border-radius--bottom-right-20 {
3315
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3316
3316
  }
3317
3317
  .x-border-color--lead {
3318
3318
  border-color: var(--x-color-base-lead) !important;
@@ -3357,6 +3357,21 @@
3357
3357
  .x-border-color--transparent {
3358
3358
  border-color: var(--x-color-base-transparent) !important;
3359
3359
  }
3360
+ .x-text--stroke.x-text {
3361
+ --x-string-text-decoration: line-through;
3362
+ }
3363
+ .x-text--stroke.x-title1 {
3364
+ --x-string-text-decoration-title1: line-through;
3365
+ }
3366
+ .x-text--stroke.x-title2 {
3367
+ --x-string-text-decoration-title2: line-through;
3368
+ }
3369
+ .x-text--stroke.x-title3 {
3370
+ --x-string-text-decoration-title3: line-through;
3371
+ }
3372
+ .x-text--stroke.x-small {
3373
+ --x-string-text-decoration-small: line-through;
3374
+ }
3360
3375
  .x-background--lead {
3361
3376
  background-color: var(--x-color-base-lead) !important;
3362
3377
  }
@@ -3400,27 +3415,12 @@
3400
3415
  .x-background--transparent {
3401
3416
  background-color: var(--x-color-base-transparent) !important;
3402
3417
  }
3403
- .x-text--stroke.x-text {
3404
- --x-string-text-decoration: line-through;
3405
- }
3406
- .x-text--stroke.x-title1 {
3407
- --x-string-text-decoration-title1: line-through;
3408
- }
3409
- .x-text--stroke.x-title2 {
3410
- --x-string-text-decoration-title2: line-through;
3411
- }
3412
- .x-text--stroke.x-title3 {
3413
- --x-string-text-decoration-title3: line-through;
3414
- }
3415
- .x-text--stroke.x-small {
3416
- --x-string-text-decoration-small: line-through;
3418
+ :root {
3419
+ --x-color-text-secondary: var(--x-color-base-neutral-35);
3417
3420
  }
3418
3421
  .x-text--secondary {
3419
3422
  --x-color-text-default: var(--x-color-text-secondary);
3420
3423
  }
3421
- :root {
3422
- --x-color-text-secondary: var(--x-color-base-neutral-35);
3423
- }
3424
3424
  .x-text--light.x-text {
3425
3425
  --x-number-font-weight-text: var(--x-number-font-weight-base-light);
3426
3426
  }
@@ -3596,9 +3596,6 @@
3596
3596
  :root {
3597
3597
  --x-color-text-accent: var(--x-color-base-accent);
3598
3598
  }
3599
- .x-text--accent {
3600
- --x-color-text-default: var(--x-color-text-accent);
3601
- }
3602
3599
  :root {
3603
3600
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3604
3601
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3606,6 +3603,9 @@
3606
3603
  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3607
3604
  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3608
3605
  }
3606
+ .x-text--accent {
3607
+ --x-color-text-default: var(--x-color-text-accent);
3608
+ }
3609
3609
  :root {
3610
3610
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3611
3611
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3636,18 +3636,6 @@
3636
3636
  --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3637
3637
  --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3638
3638
  }
3639
- :root {
3640
- --x-color-background-tag-ghost: transparent;
3641
- --x-color-border-tag-ghost: transparent;
3642
- --x-color-background-tag-selected-ghost: transparent;
3643
- --x-color-border-tag-selected-ghost: transparent;
3644
- --x-color-background-tag-curated-ghost: transparent;
3645
- --x-color-border-tag-curated-ghost: transparent;
3646
- --x-color-background-tag-curated-selected-ghost: transparent;
3647
- --x-color-border-tag-curated-selected-ghost: transparent;
3648
- --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3649
- --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3650
- }
3651
3639
 
3652
3640
  .x-tag--ghost.x-tag,
3653
3641
  .x-tag--ghost .x-tag {
@@ -3666,6 +3654,18 @@
3666
3654
  --x-number-font-weight-tag-curated-selected-ghost
3667
3655
  );
3668
3656
  }
3657
+ :root {
3658
+ --x-color-background-tag-ghost: transparent;
3659
+ --x-color-border-tag-ghost: transparent;
3660
+ --x-color-background-tag-selected-ghost: transparent;
3661
+ --x-color-border-tag-selected-ghost: transparent;
3662
+ --x-color-background-tag-curated-ghost: transparent;
3663
+ --x-color-border-tag-curated-ghost: transparent;
3664
+ --x-color-background-tag-curated-selected-ghost: transparent;
3665
+ --x-color-border-tag-curated-selected-ghost: transparent;
3666
+ --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3667
+ --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3668
+ }
3669
3669
  :root {
3670
3670
  --x-color-background-tag-default: var(--x-color-base-neutral-100);
3671
3671
  --x-color-border-tag-default: var(--x-color-text-tag-default);
@@ -3999,96 +3999,6 @@
3999
3999
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4000
4000
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4001
4001
  }
4002
- :root {
4003
- --x-string-align-items-suggestion-default: center;
4004
- --x-color-text-suggestion-default: var(--x-color-text-default);
4005
- --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4006
- --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4007
- --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4008
- --x-color-background-suggestion-default: transparent;
4009
- --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4010
- --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4011
- --x-color-text-suggestion-matching-part-default-curated: var(
4012
- --x-color-text-suggestion-matching-part-default
4013
- );
4014
- --x-color-text-suggestion-default-matching-curated: var(
4015
- --x-color-text-suggestion-default-matching
4016
- );
4017
- --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4018
- --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4019
- --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4020
- --x-size-padding-right-suggestion-default: 0;
4021
- --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4022
- --x-size-padding-left-suggestion-default: 0;
4023
- --x-size-gap-suggestion-default: var(--x-size-base-03);
4024
- --x-size-border-width-suggestion-default: 0;
4025
- --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4026
- --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4027
- --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4028
- --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4029
- --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4030
- --x-size-border-radius-top-left-suggestion-default: var(
4031
- --x-size-border-radius-suggestion-default
4032
- );
4033
- --x-size-border-radius-top-right-suggestion-default: var(
4034
- --x-size-border-radius-suggestion-default
4035
- );
4036
- --x-size-border-radius-bottom-right-suggestion-default: var(
4037
- --x-size-border-radius-suggestion-default
4038
- );
4039
- --x-size-border-radius-bottom-left-suggestion-default: var(
4040
- --x-size-border-radius-suggestion-default
4041
- );
4042
- --x-font-family-suggestion-default: var(--x-font-family-text);
4043
- --x-size-font-suggestion-default: var(--x-size-font-text);
4044
- --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4045
- --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4046
- --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4047
- --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4048
- --x-size-line-height-suggestion-matching-part-default: var(
4049
- --x-size-line-height-suggestion-default
4050
- );
4051
- --x-number-font-weight-suggestion-matching-part-default: var(
4052
- --x-number-font-weight-suggestion-default
4053
- );
4054
- --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4055
- --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4056
- --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4057
- --x-number-font-weight-suggestion-default-matching: var(
4058
- --x-number-font-weight-suggestion-default
4059
- );
4060
- --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4061
- --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4062
- --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4063
- --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4064
- --x-text-transform-suggestion-filter-default: none;
4065
- --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4066
- --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4067
- --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4068
- --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4069
- --x-font-family-suggestion-matching-part-default-curated: var(
4070
- --x-font-family-suggestion-matching-part-default
4071
- );
4072
- --x-size-font-suggestion-matching-part-default-curated: var(
4073
- --x-size-font-suggestion-matching-part-default
4074
- );
4075
- --x-size-line-height-suggestion-matching-part-default-curated: var(
4076
- --x-size-line-height-suggestion-matching-part-default
4077
- );
4078
- --x-number-font-weight-suggestion-matching-part-default-curated: var(
4079
- --x-number-font-weight-suggestion-matching-part-default
4080
- );
4081
- --x-font-family-suggestion-default-matching-curated: var(
4082
- --x-font-family-suggestion-default-matching
4083
- );
4084
- --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4085
- --x-size-line-height-suggestion-default-matching-curated: var(
4086
- --x-size-line-height-suggestion-default-matching
4087
- );
4088
- --x-number-font-weight-suggestion-default-matching-curated: var(
4089
- --x-number-font-weight-suggestion-default-matching
4090
- );
4091
- }
4092
4002
  :root {
4093
4003
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
4094
4004
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -4295,6 +4205,96 @@
4295
4205
  --x-number-font-weight-suggestion-default-matching
4296
4206
  );
4297
4207
  }
4208
+ :root {
4209
+ --x-string-align-items-suggestion-default: center;
4210
+ --x-color-text-suggestion-default: var(--x-color-text-default);
4211
+ --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4212
+ --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4213
+ --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4214
+ --x-color-background-suggestion-default: transparent;
4215
+ --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4216
+ --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4217
+ --x-color-text-suggestion-matching-part-default-curated: var(
4218
+ --x-color-text-suggestion-matching-part-default
4219
+ );
4220
+ --x-color-text-suggestion-default-matching-curated: var(
4221
+ --x-color-text-suggestion-default-matching
4222
+ );
4223
+ --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4224
+ --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4225
+ --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4226
+ --x-size-padding-right-suggestion-default: 0;
4227
+ --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4228
+ --x-size-padding-left-suggestion-default: 0;
4229
+ --x-size-gap-suggestion-default: var(--x-size-base-03);
4230
+ --x-size-border-width-suggestion-default: 0;
4231
+ --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4232
+ --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4233
+ --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4234
+ --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4235
+ --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4236
+ --x-size-border-radius-top-left-suggestion-default: var(
4237
+ --x-size-border-radius-suggestion-default
4238
+ );
4239
+ --x-size-border-radius-top-right-suggestion-default: var(
4240
+ --x-size-border-radius-suggestion-default
4241
+ );
4242
+ --x-size-border-radius-bottom-right-suggestion-default: var(
4243
+ --x-size-border-radius-suggestion-default
4244
+ );
4245
+ --x-size-border-radius-bottom-left-suggestion-default: var(
4246
+ --x-size-border-radius-suggestion-default
4247
+ );
4248
+ --x-font-family-suggestion-default: var(--x-font-family-text);
4249
+ --x-size-font-suggestion-default: var(--x-size-font-text);
4250
+ --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4251
+ --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4252
+ --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4253
+ --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4254
+ --x-size-line-height-suggestion-matching-part-default: var(
4255
+ --x-size-line-height-suggestion-default
4256
+ );
4257
+ --x-number-font-weight-suggestion-matching-part-default: var(
4258
+ --x-number-font-weight-suggestion-default
4259
+ );
4260
+ --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4261
+ --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4262
+ --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4263
+ --x-number-font-weight-suggestion-default-matching: var(
4264
+ --x-number-font-weight-suggestion-default
4265
+ );
4266
+ --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4267
+ --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4268
+ --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4269
+ --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4270
+ --x-text-transform-suggestion-filter-default: none;
4271
+ --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4272
+ --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4273
+ --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4274
+ --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4275
+ --x-font-family-suggestion-matching-part-default-curated: var(
4276
+ --x-font-family-suggestion-matching-part-default
4277
+ );
4278
+ --x-size-font-suggestion-matching-part-default-curated: var(
4279
+ --x-size-font-suggestion-matching-part-default
4280
+ );
4281
+ --x-size-line-height-suggestion-matching-part-default-curated: var(
4282
+ --x-size-line-height-suggestion-matching-part-default
4283
+ );
4284
+ --x-number-font-weight-suggestion-matching-part-default-curated: var(
4285
+ --x-number-font-weight-suggestion-matching-part-default
4286
+ );
4287
+ --x-font-family-suggestion-default-matching-curated: var(
4288
+ --x-font-family-suggestion-default-matching
4289
+ );
4290
+ --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4291
+ --x-size-line-height-suggestion-default-matching-curated: var(
4292
+ --x-size-line-height-suggestion-default-matching
4293
+ );
4294
+ --x-number-font-weight-suggestion-default-matching-curated: var(
4295
+ --x-number-font-weight-suggestion-default-matching
4296
+ );
4297
+ }
4298
4298
 
4299
4299
  [dir="ltr"] .x-suggestion {
4300
4300
  text-align: left;
@@ -4427,12 +4427,6 @@
4427
4427
  --x-color-text-suggestion-default-matching-curated
4428
4428
  );
4429
4429
  }
4430
- :root {
4431
- --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4432
- --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
4433
- --x-size-padding-sliding-panel-button: var(--x-size-base-03);
4434
- --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
4435
- }
4436
4430
  .x-sliding-panel {
4437
4431
  z-index: 0;
4438
4432
  background-color: var(--x-color-background-sliding-panel);
@@ -4487,6 +4481,12 @@
4487
4481
  opacity: 1;
4488
4482
  pointer-events: all;
4489
4483
  }
4484
+ :root {
4485
+ --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4486
+ --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
4487
+ --x-size-padding-sliding-panel-button: var(--x-size-base-03);
4488
+ --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
4489
+ }
4490
4490
  :root {
4491
4491
  --x-string-overflow-scroll: auto;
4492
4492
  --x-color-background-scroll-bar: transparent;
@@ -4494,6 +4494,14 @@
4494
4494
  --x-color-background-scroll-bar-hover: transparent;
4495
4495
  --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4496
4496
  }
4497
+ /* @deprecated */
4498
+ :root {
4499
+ --x-size-padding-row-02: var(--x-size-base-02);
4500
+ --x-size-padding-row-03: var(--x-size-base-03);
4501
+ --x-size-padding-row-04: var(--x-size-base-04);
4502
+ --x-size-padding-row-05: var(--x-size-base-05);
4503
+ --x-size-padding-row-06: var(--x-size-base-06);
4504
+ }
4497
4505
  :root {
4498
4506
  --x-string-overflow-scroll: auto;
4499
4507
  --x-color-background-scroll-bar: transparent;
@@ -4540,14 +4548,6 @@
4540
4548
  --x-size-padding-row-05: var(--x-size-base-05);
4541
4549
  --x-size-padding-row-06: var(--x-size-base-06);
4542
4550
  }
4543
- /* @deprecated */
4544
- :root {
4545
- --x-size-padding-row-02: var(--x-size-base-02);
4546
- --x-size-padding-row-03: var(--x-size-base-03);
4547
- --x-size-padding-row-04: var(--x-size-base-04);
4548
- --x-size-padding-row-05: var(--x-size-base-05);
4549
- --x-size-padding-row-06: var(--x-size-base-06);
4550
- }
4551
4551
 
4552
4552
  /* @deprecated */
4553
4553
  .x-row--padding-02 {
@@ -4701,6 +4701,23 @@
4701
4701
  --x-size-span-row-item: 1;
4702
4702
  --x-size-start-row-item: 0;
4703
4703
  }
4704
+ :root {
4705
+ --x-color-border-result-default: var(--x-color-base-lead);
4706
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4707
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4708
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4709
+ --x-color-background-result-default: transparent;
4710
+ --x-size-padding-result-default: 0;
4711
+ --x-size-padding-result-overlay-default: 0;
4712
+ --x-size-padding-result-description-default: 0;
4713
+ --x-size-gap-result-default: var(--x-size-base-03);
4714
+ --x-size-padding-result-picture-default: 0;
4715
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4716
+ --x-size-border-width-result-default: 0;
4717
+ --x-size-border-width-result-overlay-default: 0;
4718
+ --x-size-border-width-result-description-default: 0;
4719
+ --x-size-border-width-result-picture-default: 0;
4720
+ }
4704
4721
  :root {
4705
4722
  --x-size-gap-row: 0;
4706
4723
  --x-size-padding-row: 0;
@@ -4846,23 +4863,6 @@
4846
4863
  --x-size-border-width-result-description-default: 0;
4847
4864
  --x-size-border-width-result-picture-default: 0;
4848
4865
  }
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
4866
 
4867
4867
  .x-result {
4868
4868
  display: grid;
@@ -4919,23 +4919,14 @@
4919
4919
  :root {
4920
4920
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4921
4921
  }
4922
+ :root {
4923
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4924
+ }
4922
4925
 
4923
4926
  .x-result.x-result--card {
4924
4927
  overflow: hidden;
4925
4928
  --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4926
4929
  }
4927
- :root {
4928
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4929
- }
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;
4938
- }
4939
4930
  :root {
4940
4931
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4941
4932
  --x-size-width-progress-bar-line-default: var(--x-size-base-20);
@@ -4961,6 +4952,15 @@
4961
4952
  border-radius: var(--x-size-border-radius-progress-bar-default);
4962
4953
  background-color: var(--x-color-background-progress-bar-line-default);
4963
4954
  }
4955
+ :root {
4956
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4957
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4958
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4959
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4960
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4961
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4962
+ --x-size-border-width-progress-bar-default: 0;
4963
+ }
4964
4964
  :root {
4965
4965
  --x-number-zoom-scale-picture: 1.1;
4966
4966
  --x-number-zoom-duration-picture: 0.3s;
@@ -5065,6 +5065,10 @@
5065
5065
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5066
5066
  --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5067
5067
  }
5068
+ :root {
5069
+ --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5070
+ --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5071
+ }
5068
5072
 
5069
5073
  .x-picture--cover.x-picture {
5070
5074
  position: relative;
@@ -5081,16 +5085,6 @@
5081
5085
  width: 100%;
5082
5086
  height: 100%;
5083
5087
  }
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
- :root {
5089
- --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5090
- --x-mix-blend-mode-picture-colored: multiply;
5091
- --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5092
- --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5093
- }
5094
5088
  :root {
5095
5089
  --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5096
5090
  --x-mix-blend-mode-picture-colored: multiply;
@@ -5111,26 +5105,10 @@
5111
5105
  --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
5112
5106
  }
5113
5107
  :root {
5114
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5115
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5116
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5117
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5118
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5119
- }
5120
- :root {
5121
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5122
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5123
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5124
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5125
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5126
- }
5127
-
5128
- .x-picture--card.x-picture {
5129
- --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
5130
- --x-size-border-radius-top-picture-default: var(--x-size-border-radius-top-picture-card);
5131
- --x-size-border-radius-right-picture-default: var(--x-size-border-radius-right-picture-card);
5132
- --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
5133
- --x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
5108
+ --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5109
+ --x-mix-blend-mode-picture-colored: multiply;
5110
+ --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5111
+ --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5134
5112
  }
5135
5113
  :root {
5136
5114
  --x-color-background-option-list-button-default: transparent;
@@ -5212,6 +5190,13 @@
5212
5190
  --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5213
5191
  --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5214
5192
  }
5193
+ :root {
5194
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5195
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5196
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5197
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5198
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5199
+ }
5215
5200
  :root {
5216
5201
  --x-color-background-option-list-button-default: transparent;
5217
5202
  --x-color-border-option-list-button-default: transparent;
@@ -5404,6 +5389,66 @@
5404
5389
  -webkit-text-decoration: var(--x-font-decoration-option-list-button-default-hover);
5405
5390
  text-decoration: var(--x-font-decoration-option-list-button-default-hover);
5406
5391
  }
5392
+ :root {
5393
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5394
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5395
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5396
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5397
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5398
+ }
5399
+
5400
+ .x-picture--card.x-picture {
5401
+ --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
5402
+ --x-size-border-radius-top-picture-default: var(--x-size-border-radius-top-picture-card);
5403
+ --x-size-border-radius-right-picture-default: var(--x-size-border-radius-right-picture-card);
5404
+ --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
5405
+ --x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
5406
+ }
5407
+ :root {
5408
+ --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5409
+ --x-color-text-option-list-button-bottom-selected-hover: var(
5410
+ --x-color-text-option-list-button-bottom-selected
5411
+ );
5412
+ --x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
5413
+ --x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
5414
+ --x-color-border-option-list-item-bottom: transparent;
5415
+ --x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5416
+ --x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5417
+ --x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5418
+ --x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5419
+ --x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
5420
+ --x-color-border-top-option-list-item-bottom-selected: var(
5421
+ --x-color-border-option-list-item-bottom
5422
+ );
5423
+ --x-color-border-right-option-list-item-bottom-selected: var(
5424
+ --x-color-border-option-list-item-bottom
5425
+ );
5426
+ --x-color-border-bottom-option-list-item-bottom-selected: var(
5427
+ --x-color-border-option-list-item-bottom-selected
5428
+ );
5429
+ --x-color-border-left-option-list-item-bottom-selected: var(
5430
+ --x-color-border-option-list-item-bottom
5431
+ );
5432
+ --x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
5433
+ --x-size-border-width-top-option-list-item-bottom: 0;
5434
+ --x-size-border-width-right-option-list-item-bottom: 0;
5435
+ --x-size-border-width-bottom-option-list-item-bottom: var(
5436
+ --x-size-border-width-option-list-item-bottom
5437
+ );
5438
+ --x-size-border-width-left-option-list-item-bottom: 0;
5439
+ --x-size-border-width-top-option-list-item-bottom-selected: 0;
5440
+ --x-size-border-width-right-option-list-item-bottom-selected: 0;
5441
+ --x-size-border-width-bottom-option-list-item-bottom-selected: var(
5442
+ --x-size-border-width-option-list-item-bottom
5443
+ );
5444
+ --x-size-border-width-left-option-list-item-bottom-selected: 0;
5445
+ --x-size-font-option-list-button-bottom: var(--x-size-font-text);
5446
+ --x-font-decoration-option-list-button-bottom-hover: none;
5447
+ --x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
5448
+ --x-number-font-weight-option-list-button-bottom-selected: var(
5449
+ --x-number-font-weight-base-regular
5450
+ );
5451
+ }
5407
5452
  :root {
5408
5453
  --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5409
5454
  --x-color-text-option-list-button-bottom-selected-hover: var(
@@ -5505,81 +5550,36 @@
5505
5550
  --x-color-border-right-option-list-item-default-selected: var(
5506
5551
  --x-color-border-top-option-list-item-bottom-selected
5507
5552
  );
5508
- --x-color-border-bottom-option-list-item-default-selected: var(
5509
- --x-color-border-bottom-option-list-item-bottom-selected
5510
- );
5511
- --x-color-border-left-option-list-item-default-selected: var(
5512
- --x-color-border-top-option-list-item-bottom-selected
5513
- );
5514
- --x-size-border-width-top-option-list-item-default: var(
5515
- --x-size-border-width-top-option-list-item-bottom-selected
5516
- );
5517
- --x-size-border-width-right-option-list-item-default: var(
5518
- --x-size-border-width-right-option-list-item-bottom-selected
5519
- );
5520
- --x-size-border-width-bottom-option-list-item-default: var(
5521
- --x-size-border-width-bottom-option-list-item-bottom-selected
5522
- );
5523
- --x-size-border-width-left-option-list-item-default: var(
5524
- --x-size-border-width-left-option-list-item-bottom-selected
5525
- );
5526
- --x-number-font-weight-option-list-button-default-selected: var(
5527
- --x-number-font-weight-option-list-button-bottom-selected
5528
- );
5529
- }
5530
- .x-option-list--bottom.x-option-list .x-option-list__item:last-child,
5531
- .x-option-list--bottom .x-option-list .x-option-list__item:last-child {
5532
- --x-size-border-width-option-list-item-default: inherit;
5533
- --x-size-border-width-top-option-list-item-default: inherit;
5534
- --x-size-border-width-right-option-list-item-default: inherit;
5535
- --x-size-border-width-bottom-option-list-item-default: inherit;
5536
- --x-size-border-width-left-option-list-item-default: inherit;
5537
- }
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
+ --x-color-border-bottom-option-list-item-default-selected: var(
5554
+ --x-color-border-bottom-option-list-item-bottom-selected
5553
5555
  );
5554
- --x-color-border-right-option-list-item-bottom-selected: var(
5555
- --x-color-border-option-list-item-bottom
5556
+ --x-color-border-left-option-list-item-default-selected: var(
5557
+ --x-color-border-top-option-list-item-bottom-selected
5556
5558
  );
5557
- --x-color-border-bottom-option-list-item-bottom-selected: var(
5558
- --x-color-border-option-list-item-bottom-selected
5559
+ --x-size-border-width-top-option-list-item-default: var(
5560
+ --x-size-border-width-top-option-list-item-bottom-selected
5559
5561
  );
5560
- --x-color-border-left-option-list-item-bottom-selected: var(
5561
- --x-color-border-option-list-item-bottom
5562
+ --x-size-border-width-right-option-list-item-default: var(
5563
+ --x-size-border-width-right-option-list-item-bottom-selected
5562
5564
  );
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
5565
+ --x-size-border-width-bottom-option-list-item-default: var(
5566
+ --x-size-border-width-bottom-option-list-item-bottom-selected
5568
5567
  );
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
5568
+ --x-size-border-width-left-option-list-item-default: var(
5569
+ --x-size-border-width-left-option-list-item-bottom-selected
5574
5570
  );
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
5571
+ --x-number-font-weight-option-list-button-default-selected: var(
5572
+ --x-number-font-weight-option-list-button-bottom-selected
5581
5573
  );
5582
5574
  }
5575
+ .x-option-list--bottom.x-option-list .x-option-list__item:last-child,
5576
+ .x-option-list--bottom .x-option-list .x-option-list__item:last-child {
5577
+ --x-size-border-width-option-list-item-default: inherit;
5578
+ --x-size-border-width-top-option-list-item-default: inherit;
5579
+ --x-size-border-width-right-option-list-item-default: inherit;
5580
+ --x-size-border-width-bottom-option-list-item-default: inherit;
5581
+ --x-size-border-width-left-option-list-item-default: inherit;
5582
+ }
5583
5583
  :root {
5584
5584
  --x-modal-overlay-color: rgb(0, 0, 0);
5585
5585
  --x-modal-overlay-opacity: 0.7;
@@ -5701,6 +5701,22 @@
5701
5701
  --x-size-padding-list-12: var(--x-size-base-12);
5702
5702
  --x-size-padding-list-13: var(--x-size-base-13);
5703
5703
  }
5704
+ /* @deprecated */
5705
+ :root {
5706
+ --x-size-padding-list-01: var(--x-size-base-01);
5707
+ --x-size-padding-list-02: var(--x-size-base-02);
5708
+ --x-size-padding-list-03: var(--x-size-base-03);
5709
+ --x-size-padding-list-04: var(--x-size-base-04);
5710
+ --x-size-padding-list-05: var(--x-size-base-05);
5711
+ --x-size-padding-list-06: var(--x-size-base-06);
5712
+ --x-size-padding-list-07: var(--x-size-base-07);
5713
+ --x-size-padding-list-08: var(--x-size-base-08);
5714
+ --x-size-padding-list-09: var(--x-size-base-09);
5715
+ --x-size-padding-list-10: var(--x-size-base-10);
5716
+ --x-size-padding-list-11: var(--x-size-base-11);
5717
+ --x-size-padding-list-12: var(--x-size-base-12);
5718
+ --x-size-padding-list-13: var(--x-size-base-13);
5719
+ }
5704
5720
 
5705
5721
  /* @deprecated */
5706
5722
  [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
@@ -6047,22 +6063,6 @@
6047
6063
  --x-size-gap-list-19: var(--x-size-base-19);
6048
6064
  --x-size-gap-list-20: var(--x-size-base-20);
6049
6065
  }
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
6066
  :root {
6067
6067
  --x-size-gap-list-01: var(--x-size-base-01);
6068
6068
  --x-size-gap-list-02: var(--x-size-base-02);
@@ -6750,15 +6750,6 @@
6750
6750
  );
6751
6751
  --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6752
6752
  }
6753
- :root {
6754
- --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6755
- --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6756
- --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
6757
- --x-size-border-radius-bottom-right-input-group-pill: var(
6758
- --x-size-border-radius-input-group-pill
6759
- );
6760
- --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6761
- }
6762
6753
 
6763
6754
  .x-input-group--pill.x-input-group,
6764
6755
  .x-input-group--pill .x-input-group {
@@ -6776,6 +6767,15 @@
6776
6767
  --x-size-border-radius-bottom-left-input-group-pill
6777
6768
  );
6778
6769
  }
6770
+ :root {
6771
+ --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6772
+ --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6773
+ --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
6774
+ --x-size-border-radius-bottom-right-input-group-pill: var(
6775
+ --x-size-border-radius-input-group-pill
6776
+ );
6777
+ --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6778
+ }
6779
6779
  :root {
6780
6780
  --x-size-padding-left-input-group-line: 0;
6781
6781
  --x-size-padding-right-input-group-line: 0;
@@ -7104,16 +7104,6 @@
7104
7104
  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7105
7105
  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7106
7106
  }
7107
- :root {
7108
- --x-size-padding-top-input-line: var(--x-size-base-03);
7109
- --x-size-padding-right-input-line: 0;
7110
- --x-size-padding-bottom-input-line: var(--x-size-base-03);
7111
- --x-size-padding-left-input-line: 0;
7112
- --x-size-border-width-top-input-line: 0;
7113
- --x-size-border-width-right-input-line: 0;
7114
- --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7115
- --x-size-border-width-left-input-line: 0;
7116
- }
7117
7107
  :root {
7118
7108
  --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7119
7109
  --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
@@ -7140,18 +7130,6 @@
7140
7130
  --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7141
7131
  --x-size-border-width-left-input-line: 0;
7142
7132
  }
7143
-
7144
- .x-input--line .x-input,
7145
- .x-input--line.x-input {
7146
- --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7147
- --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7148
- --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7149
- --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7150
- --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7151
- --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7152
- --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7153
- --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7154
- }
7155
7133
  :root {
7156
7134
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7157
7135
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7180,6 +7158,28 @@
7180
7158
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7181
7159
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7182
7160
  }
7161
+ :root {
7162
+ --x-size-padding-top-input-line: var(--x-size-base-03);
7163
+ --x-size-padding-right-input-line: 0;
7164
+ --x-size-padding-bottom-input-line: var(--x-size-base-03);
7165
+ --x-size-padding-left-input-line: 0;
7166
+ --x-size-border-width-top-input-line: 0;
7167
+ --x-size-border-width-right-input-line: 0;
7168
+ --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7169
+ --x-size-border-width-left-input-line: 0;
7170
+ }
7171
+
7172
+ .x-input--line .x-input,
7173
+ .x-input--line.x-input {
7174
+ --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7175
+ --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7176
+ --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7177
+ --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7178
+ --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7179
+ --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7180
+ --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7181
+ --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7182
+ }
7183
7183
  :root {
7184
7184
  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
7185
7185
  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
@@ -7295,10 +7295,6 @@
7295
7295
  font-weight: var(--x-number-font-weight-input-placeholder-default);
7296
7296
  line-height: var(--x-size-line-height-input-placeholder-default);
7297
7297
  }
7298
- :root {
7299
- --x-size-width-icon-xl: var(--x-size-base-07);
7300
- --x-size-height-icon-xl: var(--x-size-base-07);
7301
- }
7302
7298
  :root {
7303
7299
  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
7304
7300
  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
@@ -7323,6 +7319,10 @@
7323
7319
  --x-size-width-icon-xl: var(--x-size-base-07);
7324
7320
  --x-size-height-icon-xl: var(--x-size-base-07);
7325
7321
  }
7322
+ :root {
7323
+ --x-size-width-icon-xl: var(--x-size-base-07);
7324
+ --x-size-height-icon-xl: var(--x-size-base-07);
7325
+ }
7326
7326
 
7327
7327
  .x-icon--xl {
7328
7328
  --x-size-width-icon-default: var(--x-size-width-icon-xl);
@@ -7411,6 +7411,11 @@
7411
7411
  --x-size-gap-grid: var(--x-size-base-03);
7412
7412
  --x-size-min-width-grid-item: 150px;
7413
7413
  }
7414
+ :root {
7415
+ --x-size-padding-grid: 0;
7416
+ --x-size-gap-grid: var(--x-size-base-03);
7417
+ --x-size-min-width-grid-item: 150px;
7418
+ }
7414
7419
 
7415
7420
  .x-grid-list {
7416
7421
  margin: 0;
@@ -7438,11 +7443,6 @@
7438
7443
  .x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
7439
7444
  margin-left: auto;
7440
7445
  }
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
7446
  :root {
7447
7447
  --x-size-margin-filter-children: 0;
7448
7448
  --x-size-padding-top-filter-children: 0;
@@ -7750,51 +7750,6 @@
7750
7750
  --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7751
7751
  --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7752
7752
  }
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
- :root {
7766
- --x-color-background-facet-default: transparent;
7767
- --x-color-border-facet-default: var(--x-color-background-facet-default);
7768
- --x-color-text-facet-default: var(--x-color-text-default);
7769
- --x-color-background-facet-header-default: var(--x-color-background-facet-default);
7770
- --x-color-border-facet-header-default: var(--x-color-background-facet-default);
7771
- --x-size-border-width-facet-default: var(--x-size-border-width-base);
7772
- --x-size-border-width-top-facet-default: var(--x-size-border-width-facet-default);
7773
- --x-size-border-width-right-facet-default: var(--x-size-border-width-facet-default);
7774
- --x-size-border-width-bottom-facet-default: var(--x-size-border-width-facet-default);
7775
- --x-size-border-width-left-facet-default: var(--x-size-border-width-facet-default);
7776
- --x-size-border-width-facet-header-default: var(--x-size-border-width-base);
7777
- --x-size-border-width-top-facet-header-default: var(--x-size-border-width-facet-header-default);
7778
- --x-size-border-width-right-facet-header-default: var(--x-size-border-width-facet-header-default);
7779
- --x-size-border-width-bottom-facet-header-default: var(
7780
- --x-size-border-width-facet-header-default
7781
- );
7782
- --x-size-border-width-left-facet-header-default: var(--x-size-border-width-facet-header-default);
7783
- --x-size-border-radius-facet-default: var(--x-size-border-radius-base-none);
7784
- --x-size-border-radius-top-left-facet-default: var(--x-size-border-radius-facet-default);
7785
- --x-size-border-radius-top-right-facet-default: var(--x-size-border-radius-facet-default);
7786
- --x-size-border-radius-bottom-right-facet-default: var(--x-size-border-radius-facet-default);
7787
- --x-size-border-radius-bottom-left-facet-default: var(--x-size-border-radius-facet-default);
7788
- --x-size-padding-top-facet-header-default: var(--x-size-base-03);
7789
- --x-size-padding-right-facet-header-default: 0;
7790
- --x-size-padding-bottom-facet-header-default: var(--x-size-base-03);
7791
- --x-size-padding-left-facet-header-default: 0;
7792
- --x-size-gap-facet-header-default: var(--x-size-base-03);
7793
- --x-font-family-facet-default: var(--x-font-family-title3);
7794
- --x-size-font-facet-default: var(--x-size-font-title3);
7795
- --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7796
- --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7797
- }
7798
7753
 
7799
7754
  [dir="ltr"] .x-facet {
7800
7755
  border-right-width: var(--x-size-border-width-right-facet-default);
@@ -7889,6 +7844,51 @@
7889
7844
  .x-facet > *:first-child .x-icon:last-child:not(:first-child), .x-facet__header .x-icon:last-child:not(:first-child) {
7890
7845
  margin-left: auto;
7891
7846
  }
7847
+ :root {
7848
+ --x-color-background-facet-default: transparent;
7849
+ --x-color-border-facet-default: var(--x-color-background-facet-default);
7850
+ --x-color-text-facet-default: var(--x-color-text-default);
7851
+ --x-color-background-facet-header-default: var(--x-color-background-facet-default);
7852
+ --x-color-border-facet-header-default: var(--x-color-background-facet-default);
7853
+ --x-size-border-width-facet-default: var(--x-size-border-width-base);
7854
+ --x-size-border-width-top-facet-default: var(--x-size-border-width-facet-default);
7855
+ --x-size-border-width-right-facet-default: var(--x-size-border-width-facet-default);
7856
+ --x-size-border-width-bottom-facet-default: var(--x-size-border-width-facet-default);
7857
+ --x-size-border-width-left-facet-default: var(--x-size-border-width-facet-default);
7858
+ --x-size-border-width-facet-header-default: var(--x-size-border-width-base);
7859
+ --x-size-border-width-top-facet-header-default: var(--x-size-border-width-facet-header-default);
7860
+ --x-size-border-width-right-facet-header-default: var(--x-size-border-width-facet-header-default);
7861
+ --x-size-border-width-bottom-facet-header-default: var(
7862
+ --x-size-border-width-facet-header-default
7863
+ );
7864
+ --x-size-border-width-left-facet-header-default: var(--x-size-border-width-facet-header-default);
7865
+ --x-size-border-radius-facet-default: var(--x-size-border-radius-base-none);
7866
+ --x-size-border-radius-top-left-facet-default: var(--x-size-border-radius-facet-default);
7867
+ --x-size-border-radius-top-right-facet-default: var(--x-size-border-radius-facet-default);
7868
+ --x-size-border-radius-bottom-right-facet-default: var(--x-size-border-radius-facet-default);
7869
+ --x-size-border-radius-bottom-left-facet-default: var(--x-size-border-radius-facet-default);
7870
+ --x-size-padding-top-facet-header-default: var(--x-size-base-03);
7871
+ --x-size-padding-right-facet-header-default: 0;
7872
+ --x-size-padding-bottom-facet-header-default: var(--x-size-base-03);
7873
+ --x-size-padding-left-facet-header-default: 0;
7874
+ --x-size-gap-facet-header-default: var(--x-size-base-03);
7875
+ --x-font-family-facet-default: var(--x-font-family-title3);
7876
+ --x-size-font-facet-default: var(--x-size-font-title3);
7877
+ --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7878
+ --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7879
+ }
7880
+ :root {
7881
+ --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7882
+ --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7883
+ --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7884
+ --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7885
+ --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7886
+ --x-size-padding-facet-header-card: var(--x-size-base-03);
7887
+ --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7888
+ --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7889
+ --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7890
+ --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7891
+ }
7892
7892
  :root {
7893
7893
  --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7894
7894
  --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
@@ -8625,6 +8625,11 @@
8625
8625
  --x-color-border-button-ghost: transparent;
8626
8626
  --x-color-text-button-ghost: var(--x-color-base-lead);
8627
8627
  }
8628
+ :root {
8629
+ --x-color-background-button-ghost: transparent;
8630
+ --x-color-border-button-ghost: transparent;
8631
+ --x-color-text-button-ghost: var(--x-color-base-lead);
8632
+ }
8628
8633
 
8629
8634
  .x-button--ghost.x-button,
8630
8635
  .x-button--ghost .x-button {
@@ -8642,11 +8647,6 @@
8642
8647
  .x-button--ghost.x-button--ghost-end .x-button {
8643
8648
  --x-size-padding-right-button-default: 0;
8644
8649
  }
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
8650
  :root {
8651
8651
  --x-color-background-button-default: var(--x-color-base-lead);
8652
8652
  --x-color-border-button-default: var(--x-color-background-button-default);