@empathyco/x-components 6.0.0-alpha.23 → 6.0.0-alpha.25

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 (152) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/design-system/deprecated-full-theme.css +1943 -1943
  3. package/docs/API-reference/api/x-components.installxoptions.installextraplugins.md +2 -2
  4. package/js/components/animations/fade-and-slide.vue.js +1 -2
  5. package/js/components/animations/fade-and-slide.vue.js.map +1 -1
  6. package/js/components/base-dropdown.vue.js +1 -3
  7. package/js/components/base-dropdown.vue.js.map +1 -1
  8. package/js/components/base-event-button.vue.js +1 -2
  9. package/js/components/base-event-button.vue.js.map +1 -1
  10. package/js/components/base-grid.vue.js +11 -18
  11. package/js/components/base-grid.vue.js.map +1 -1
  12. package/js/components/base-keyboard-navigation.vue.js +1 -2
  13. package/js/components/base-keyboard-navigation.vue.js.map +1 -1
  14. package/js/components/base-rating.vue.js +1 -3
  15. package/js/components/base-rating.vue.js.map +1 -1
  16. package/js/components/base-slider.vue.js +1 -2
  17. package/js/components/base-slider.vue.js.map +1 -1
  18. package/js/components/base-variable-column-grid.vue.js +1 -2
  19. package/js/components/base-variable-column-grid.vue.js.map +1 -1
  20. package/js/components/column-picker/base-column-picker-dropdown.vue.js +1 -3
  21. package/js/components/column-picker/base-column-picker-dropdown.vue.js.map +1 -1
  22. package/js/components/column-picker/base-column-picker-list.vue.js +1 -3
  23. package/js/components/column-picker/base-column-picker-list.vue.js.map +1 -1
  24. package/js/components/filters/labels/base-rating-filter-label.vue.js +1 -3
  25. package/js/components/filters/labels/base-rating-filter-label.vue.js.map +1 -1
  26. package/js/components/items-list.vue.js +1 -2
  27. package/js/components/items-list.vue.js.map +1 -1
  28. package/js/components/layouts/fixed-header-and-asides-layout.vue.js +1 -7
  29. package/js/components/layouts/fixed-header-and-asides-layout.vue.js.map +1 -1
  30. package/js/components/layouts/multi-column-max-width-layout.vue.js +1 -9
  31. package/js/components/layouts/multi-column-max-width-layout.vue.js.map +1 -1
  32. package/js/components/layouts/single-column-layout.vue.js +1 -9
  33. package/js/components/layouts/single-column-layout.vue.js.map +1 -1
  34. package/js/components/modals/base-events-modal-close.vue.js +1 -2
  35. package/js/components/modals/base-events-modal-close.vue.js.map +1 -1
  36. package/js/components/modals/base-events-modal-open.vue.js +1 -2
  37. package/js/components/modals/base-events-modal-open.vue.js.map +1 -1
  38. package/js/components/modals/base-id-modal-close.vue.js +1 -2
  39. package/js/components/modals/base-id-modal-close.vue.js.map +1 -1
  40. package/js/components/modals/base-id-modal-open.vue.js +1 -2
  41. package/js/components/modals/base-id-modal-open.vue.js.map +1 -1
  42. package/js/components/modals/base-modal.vue.js +1 -2
  43. package/js/components/modals/base-modal.vue.js.map +1 -1
  44. package/js/components/page-loader-button.vue.js +1 -4
  45. package/js/components/page-loader-button.vue.js.map +1 -1
  46. package/js/components/panels/base-header-toggle-panel.vue.js +1 -5
  47. package/js/components/panels/base-header-toggle-panel.vue.js.map +1 -1
  48. package/js/components/panels/base-id-toggle-panel-button.vue.js +1 -2
  49. package/js/components/panels/base-id-toggle-panel-button.vue.js.map +1 -1
  50. package/js/components/panels/base-id-toggle-panel.vue.js +1 -2
  51. package/js/components/panels/base-id-toggle-panel.vue.js.map +1 -1
  52. package/js/components/panels/base-tabs-panel.vue.js +1 -4
  53. package/js/components/panels/base-tabs-panel.vue.js.map +1 -1
  54. package/js/components/panels/base-toggle-panel.vue.js +1 -2
  55. package/js/components/panels/base-toggle-panel.vue.js.map +1 -1
  56. package/js/components/result/base-result-add-to-cart.vue.js +1 -2
  57. package/js/components/result/base-result-add-to-cart.vue.js.map +1 -1
  58. package/js/components/result/base-result-current-price.vue.js +1 -2
  59. package/js/components/result/base-result-current-price.vue.js.map +1 -1
  60. package/js/components/result/base-result-image.vue.js +39 -59
  61. package/js/components/result/base-result-image.vue.js.map +1 -1
  62. package/js/components/result/base-result-link.vue.js +1 -2
  63. package/js/components/result/base-result-link.vue.js.map +1 -1
  64. package/js/components/result/base-result-previous-price.vue.js +1 -2
  65. package/js/components/result/base-result-previous-price.vue.js.map +1 -1
  66. package/js/components/result/base-result-rating.vue.js +1 -4
  67. package/js/components/result/base-result-rating.vue.js.map +1 -1
  68. package/js/components/result/result-variant-selector.vue.js +1 -3
  69. package/js/components/result/result-variant-selector.vue.js.map +1 -1
  70. package/js/components/sliding-panel.vue.js +1 -4
  71. package/js/components/sliding-panel.vue.js.map +1 -1
  72. package/js/components/suggestions/base-suggestion.vue.js +1 -2
  73. package/js/components/suggestions/base-suggestion.vue.js.map +1 -1
  74. package/js/components/suggestions/base-suggestions.vue.js +1 -2
  75. package/js/components/suggestions/base-suggestions.vue.js.map +1 -1
  76. package/js/x-modules/empathize/components/empathize.vue.js +1 -2
  77. package/js/x-modules/empathize/components/empathize.vue.js.map +1 -1
  78. package/js/x-modules/facets/components/facets/facets.vue.js +20 -33
  79. package/js/x-modules/facets/components/facets/facets.vue.js.map +1 -1
  80. package/js/x-modules/facets/components/filters/all-filter.vue.js +1 -2
  81. package/js/x-modules/facets/components/filters/all-filter.vue.js.map +1 -1
  82. package/js/x-modules/facets/components/filters/editable-number-range-filter.vue.js +1 -6
  83. package/js/x-modules/facets/components/filters/editable-number-range-filter.vue.js.map +1 -1
  84. package/js/x-modules/facets/components/filters/hierarchical-filter.vue.js +1 -3
  85. package/js/x-modules/facets/components/filters/hierarchical-filter.vue.js.map +1 -1
  86. package/js/x-modules/facets/components/filters/number-range-filter.vue.js +1 -3
  87. package/js/x-modules/facets/components/filters/number-range-filter.vue.js.map +1 -1
  88. package/js/x-modules/facets/components/filters/simple-filter.vue.js +1 -3
  89. package/js/x-modules/facets/components/filters/simple-filter.vue.js.map +1 -1
  90. package/js/x-modules/facets/components/lists/filters-list.vue.js +1 -2
  91. package/js/x-modules/facets/components/lists/filters-list.vue.js.map +1 -1
  92. package/js/x-modules/facets/components/lists/filters-search.vue.js +1 -3
  93. package/js/x-modules/facets/components/lists/filters-search.vue.js.map +1 -1
  94. package/js/x-modules/facets/components/lists/selected-filters-list.vue.js +11 -18
  95. package/js/x-modules/facets/components/lists/selected-filters-list.vue.js.map +1 -1
  96. package/js/x-modules/facets/components/lists/sliced-filters.vue.js +1 -4
  97. package/js/x-modules/facets/components/lists/sliced-filters.vue.js.map +1 -1
  98. package/js/x-modules/history-queries/components/clear-history-queries.vue.js +1 -2
  99. package/js/x-modules/history-queries/components/clear-history-queries.vue.js.map +1 -1
  100. package/js/x-modules/history-queries/components/history-queries.vue.js +1 -10
  101. package/js/x-modules/history-queries/components/history-queries.vue.js.map +1 -1
  102. package/js/x-modules/history-queries/components/history-query.vue.js +1 -6
  103. package/js/x-modules/history-queries/components/history-query.vue.js.map +1 -1
  104. package/js/x-modules/history-queries/components/my-history.vue.js +1 -4
  105. package/js/x-modules/history-queries/components/my-history.vue.js.map +1 -1
  106. package/js/x-modules/history-queries/components/remove-history-query.vue.js +1 -2
  107. package/js/x-modules/history-queries/components/remove-history-query.vue.js.map +1 -1
  108. package/js/x-modules/identifier-results/components/identifier-results.vue.js +1 -2
  109. package/js/x-modules/identifier-results/components/identifier-results.vue.js.map +1 -1
  110. package/js/x-modules/next-queries/components/next-queries.vue.js +1 -7
  111. package/js/x-modules/next-queries/components/next-queries.vue.js.map +1 -1
  112. package/js/x-modules/next-queries/components/next-query-preview.vue.js +1 -3
  113. package/js/x-modules/next-queries/components/next-query-preview.vue.js.map +1 -1
  114. package/js/x-modules/next-queries/components/next-query.vue.js +1 -4
  115. package/js/x-modules/next-queries/components/next-query.vue.js.map +1 -1
  116. package/js/x-modules/popular-searches/components/popular-search.vue.js +1 -4
  117. package/js/x-modules/popular-searches/components/popular-search.vue.js.map +1 -1
  118. package/js/x-modules/popular-searches/components/popular-searches.vue.js +1 -7
  119. package/js/x-modules/popular-searches/components/popular-searches.vue.js.map +1 -1
  120. package/js/x-modules/queries-preview/components/query-preview-button.vue.js +1 -2
  121. package/js/x-modules/queries-preview/components/query-preview-button.vue.js.map +1 -1
  122. package/js/x-modules/queries-preview/components/query-preview.vue.js +1 -2
  123. package/js/x-modules/queries-preview/components/query-preview.vue.js.map +1 -1
  124. package/js/x-modules/query-suggestions/components/query-suggestion.vue.js +1 -4
  125. package/js/x-modules/query-suggestions/components/query-suggestion.vue.js.map +1 -1
  126. package/js/x-modules/query-suggestions/components/query-suggestions.vue.js +1 -7
  127. package/js/x-modules/query-suggestions/components/query-suggestions.vue.js.map +1 -1
  128. package/js/x-modules/recommendations/components/recommendations.vue.js +1 -2
  129. package/js/x-modules/recommendations/components/recommendations.vue.js.map +1 -1
  130. package/js/x-modules/related-tags/components/related-tag.vue.js +1 -2
  131. package/js/x-modules/related-tags/components/related-tag.vue.js.map +1 -1
  132. package/js/x-modules/related-tags/components/related-tags.vue.js +1 -4
  133. package/js/x-modules/related-tags/components/related-tags.vue.js.map +1 -1
  134. package/js/x-modules/scroll/components/scroll-to-top.vue.js +1 -2
  135. package/js/x-modules/scroll/components/scroll-to-top.vue.js.map +1 -1
  136. package/js/x-modules/search/components/partial-results-list.vue.js +1 -2
  137. package/js/x-modules/search/components/partial-results-list.vue.js.map +1 -1
  138. package/js/x-modules/search/components/sort-dropdown.vue.js +1 -3
  139. package/js/x-modules/search/components/sort-dropdown.vue.js.map +1 -1
  140. package/js/x-modules/search-box/components/clear-search-input.vue.js +1 -2
  141. package/js/x-modules/search-box/components/clear-search-input.vue.js.map +1 -1
  142. package/js/x-modules/search-box/components/search-button.vue.js +1 -2
  143. package/js/x-modules/search-box/components/search-button.vue.js.map +1 -1
  144. package/js/x-modules/semantic-queries/components/semantic-queries.vue.js +1 -3
  145. package/js/x-modules/semantic-queries/components/semantic-queries.vue.js.map +1 -1
  146. package/js/x-modules/semantic-queries/components/semantic-query.vue.js +1 -4
  147. package/js/x-modules/semantic-queries/components/semantic-query.vue.js.map +1 -1
  148. package/package.json +2 -2
  149. package/report/x-components.api.json +11 -2
  150. package/report/x-components.api.md +1 -1
  151. package/types/x-installer/x-installer/types.d.ts +1 -1
  152. package/types/x-installer/x-installer/types.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;
@@ -941,21 +956,6 @@
941
956
  [dir="rtl"] .x-margin--left-20 {
942
957
  margin-right: var(--x-size-base-20) !important;
943
958
  }
944
- .x-uppercase {
945
- text-transform: uppercase;
946
- }
947
-
948
- .x-lowercase {
949
- text-transform: lowercase;
950
- }
951
-
952
- .x-capitalize {
953
- text-transform: capitalize;
954
- }
955
-
956
- .x-normal-case {
957
- text-transform: none;
958
- }
959
959
  .x-line-height--none {
960
960
  line-height: 1 !important;
961
961
  }
@@ -1013,6 +1013,15 @@
1013
1013
  -webkit-box-orient: vertical !important;
1014
1014
  -webkit-line-clamp: 6 !important;
1015
1015
  }
1016
+ .x-font-weight--light {
1017
+ font-weight: var(--x-number-font-weight-base-light) !important;
1018
+ }
1019
+ .x-font-weight--regular {
1020
+ font-weight: var(--x-number-font-weight-base-regular) !important;
1021
+ }
1022
+ .x-font-weight--bold {
1023
+ font-weight: var(--x-number-font-weight-base-bold) !important;
1024
+ }
1016
1025
  .x-font-size--01 {
1017
1026
  font-size: var(--x-size-base-01) !important;
1018
1027
  line-height: 1.5;
@@ -1093,15 +1102,6 @@
1093
1102
  font-size: var(--x-size-base-20) !important;
1094
1103
  line-height: 1.5;
1095
1104
  }
1096
- .x-font-weight--light {
1097
- font-weight: var(--x-number-font-weight-base-light) !important;
1098
- }
1099
- .x-font-weight--regular {
1100
- font-weight: var(--x-number-font-weight-base-regular) !important;
1101
- }
1102
- .x-font-weight--bold {
1103
- font-weight: var(--x-number-font-weight-base-bold) !important;
1104
- }
1105
1105
  .x-font-color--lead {
1106
1106
  color: var(--x-color-base-lead) !important;
1107
1107
  }
@@ -1188,6 +1188,49 @@
1188
1188
  .x-self-baseline {
1189
1189
  align-self: baseline !important;
1190
1190
  }
1191
+ .x-fill--lead {
1192
+ fill: var(--x-color-base-lead) !important;
1193
+ }
1194
+
1195
+ .x-fill--auxiliary {
1196
+ fill: var(--x-color-base-auxiliary) !important;
1197
+ }
1198
+
1199
+ .x-fill--neutral-10 {
1200
+ fill: var(--x-color-base-neutral-10) !important;
1201
+ }
1202
+
1203
+ .x-fill--neutral-35 {
1204
+ fill: var(--x-color-base-neutral-35) !important;
1205
+ }
1206
+
1207
+ .x-fill--neutral-70 {
1208
+ fill: var(--x-color-base-neutral-70) !important;
1209
+ }
1210
+
1211
+ .x-fill--neutral-95 {
1212
+ fill: var(--x-color-base-neutral-95) !important;
1213
+ }
1214
+
1215
+ .x-fill--neutral-100 {
1216
+ fill: var(--x-color-base-neutral-100) !important;
1217
+ }
1218
+
1219
+ .x-fill--accent {
1220
+ fill: var(--x-color-base-accent) !important;
1221
+ }
1222
+
1223
+ .x-fill--enable {
1224
+ fill: var(--x-color-base-enable) !important;
1225
+ }
1226
+
1227
+ .x-fill--disable {
1228
+ fill: var(--x-color-base-disable) !important;
1229
+ }
1230
+
1231
+ .x-fill--transparent {
1232
+ fill: var(--x-color-base-transparent) !important;
1233
+ }
1191
1234
  /* Material Elevations extracted from:
1192
1235
  https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
1193
1236
  */
@@ -1256,2023 +1299,1980 @@
1256
1299
  --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
1257
1300
  0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1258
1301
  }
1259
- .x-fill--lead {
1260
- fill: var(--x-color-base-lead) !important;
1302
+ /* Material Elevations extracted from:
1303
+ https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
1304
+ */
1305
+ :root {
1306
+ /* Shadow none */
1307
+ --x-string-box-shadow-00: none;
1308
+ /* Shadow 1dp */
1309
+ --x-string-box-shadow-01: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12),
1310
+ 0 1px 3px 0 rgba(0, 0, 0, 0.2);
1311
+ /* Shadow 2dp */
1312
+ --x-string-box-shadow-02: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
1313
+ 0 1px 5px 0 rgba(0, 0, 0, 0.2);
1314
+ /* Shadow 3dp */
1315
+ --x-string-box-shadow-03: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12),
1316
+ 0 1px 8px 0 rgba(0, 0, 0, 0.2);
1317
+ /* Shadow 4dp */
1318
+ --x-string-box-shadow-04: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
1319
+ 0 2px 4px -1px rgba(0, 0, 0, 0.2);
1320
+ /* Shadow 6dp */
1321
+ --x-string-box-shadow-05: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
1322
+ 0 3px 5px -1px rgba(0, 0, 0, 0.2);
1323
+ /* Shadow 8dp */
1324
+ --x-string-box-shadow-06: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12),
1325
+ 0 5px 5px -3px rgba(0, 0, 0, 0.2);
1326
+ /* Shadow 9dp */
1327
+ --x-string-box-shadow-07: 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12),
1328
+ 0 5px 6px -3px rgba(0, 0, 0, 0.2);
1329
+ /* Shadow 12dp */
1330
+ --x-string-box-shadow-08: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12),
1331
+ 0 7px 8px -4px rgba(0, 0, 0, 0.2);
1332
+ /* Shadow 16dp */
1333
+ --x-string-box-shadow-09: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),
1334
+ 0 8px 10px -5px rgba(0, 0, 0, 0.2);
1335
+ /* Shadow 24dp */
1336
+ --x-string-box-shadow-10: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12),
1337
+ 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1338
+ /* BOTTOM ONLY SHADOW (not overflows on top of the element) */
1339
+ /* Shadow 1dp */
1340
+ --x-string-box-shadow-bottom-01: 0 2px 1px -1px rgba(0, 0, 0, 0.14),
1341
+ 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 4px 3px -3px rgba(0, 0, 0, 0.2);
1342
+ /* Shadow 2dp */
1343
+ --x-string-box-shadow-bottom-02: 0 4px 2px -2px rgba(0, 0, 0, 0.14),
1344
+ 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 6px 5px -5px rgba(0, 0, 0, 0.2);
1345
+ /* Shadow 3dp */
1346
+ --x-string-box-shadow-bottom-03: 0 7px 4px -4px rgba(0, 0, 0, 0.14),
1347
+ 0 4px 3px -3px rgba(0, 0, 0, 0.12), 0 9px 8px -8px rgba(0, 0, 0, 0.2);
1348
+ /* Shadow 4dp */
1349
+ --x-string-box-shadow-bottom-04: 0 9px 5px -5px rgba(0, 0, 0, 0.14),
1350
+ 0 11px 10px -10px rgba(0, 0, 0, 0.12), 0 5px 4px -4px rgba(0, 0, 0, 0.2);
1351
+ /* Shadow 6dp */
1352
+ --x-string-box-shadow-bottom-05: 0 16px 10px -10px rgba(0, 0, 0, 0.14),
1353
+ 0 19px 18px -18px rgba(0, 0, 0, 0.12), 0 8px 5px -6px rgba(0, 0, 0, 0.2);
1354
+ /* Shadow 8dp */
1355
+ --x-string-box-shadow-bottom-06: 0 19px 10px -10px rgba(0, 0, 0, 0.14),
1356
+ 0 19px 14px -14px rgba(0, 0, 0, 0.12), 0 7px 5px -5px rgba(0, 0, 0, 0.2);
1357
+ /* Shadow 9dp */
1358
+ --x-string-box-shadow-bottom-07: 0 22px 12px -12px rgba(0, 0, 0, 0.14),
1359
+ 0 21px 16px -16px rgba(0, 0, 0, 0.12), 0 8px 6px -6px rgba(0, 0, 0, 0.2);
1360
+ /* Shadow 12dp */
1361
+ --x-string-box-shadow-bottom-08: 0 31px 17px -17px rgba(0, 0, 0, 0.14),
1362
+ 0 27px 22px -22px rgba(0, 0, 0, 0.12), 0 11px 8px -8px rgba(0, 0, 0, 0.2);
1363
+ /* Shadow 16dp */
1364
+ --x-string-box-shadow-bottom-09: 0 22px 24px -4px rgba(0, 0, 0, 0.14),
1365
+ 0 21px 30px -10px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
1366
+ /* Shadow 24dp */
1367
+ --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
1368
+ 0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1261
1369
  }
1262
1370
 
1263
- .x-fill--auxiliary {
1264
- fill: var(--x-color-base-auxiliary) !important;
1371
+ .x-shadow--none {
1372
+ box-shadow: none !important;
1265
1373
  }
1266
1374
 
1267
- .x-fill--neutral-10 {
1268
- fill: var(--x-color-base-neutral-10) !important;
1375
+ .x-shadow--01 {
1376
+ box-shadow: var(--x-string-box-shadow-01) !important;
1269
1377
  }
1270
-
1271
- .x-fill--neutral-35 {
1272
- fill: var(--x-color-base-neutral-35) !important;
1378
+ .x-shadow--bottom-01 {
1379
+ box-shadow: var(--x-string-box-shadow-bottom-01) !important;
1273
1380
  }
1274
-
1275
- .x-fill--neutral-70 {
1276
- fill: var(--x-color-base-neutral-70) !important;
1381
+ .x-shadow--02 {
1382
+ box-shadow: var(--x-string-box-shadow-02) !important;
1277
1383
  }
1278
-
1279
- .x-fill--neutral-95 {
1280
- fill: var(--x-color-base-neutral-95) !important;
1384
+ .x-shadow--bottom-02 {
1385
+ box-shadow: var(--x-string-box-shadow-bottom-02) !important;
1281
1386
  }
1282
-
1283
- .x-fill--neutral-100 {
1284
- fill: var(--x-color-base-neutral-100) !important;
1387
+ .x-shadow--03 {
1388
+ box-shadow: var(--x-string-box-shadow-03) !important;
1285
1389
  }
1286
-
1287
- .x-fill--accent {
1288
- fill: var(--x-color-base-accent) !important;
1390
+ .x-shadow--bottom-03 {
1391
+ box-shadow: var(--x-string-box-shadow-bottom-03) !important;
1289
1392
  }
1290
-
1291
- .x-fill--enable {
1292
- fill: var(--x-color-base-enable) !important;
1393
+ .x-shadow--04 {
1394
+ box-shadow: var(--x-string-box-shadow-04) !important;
1293
1395
  }
1294
-
1295
- .x-fill--disable {
1296
- fill: var(--x-color-base-disable) !important;
1396
+ .x-shadow--bottom-04 {
1397
+ box-shadow: var(--x-string-box-shadow-bottom-04) !important;
1297
1398
  }
1298
-
1299
- .x-fill--transparent {
1300
- fill: var(--x-color-base-transparent) !important;
1399
+ .x-shadow--05 {
1400
+ box-shadow: var(--x-string-box-shadow-05) !important;
1301
1401
  }
1302
- .x-border-radius--00 {
1303
- border-radius: 0 !important;
1402
+ .x-shadow--bottom-05 {
1403
+ box-shadow: var(--x-string-box-shadow-bottom-05) !important;
1304
1404
  }
1305
-
1306
- .x-border-radius--pill {
1307
- border-radius: 99999px !important;
1405
+ .x-shadow--06 {
1406
+ box-shadow: var(--x-string-box-shadow-06) !important;
1308
1407
  }
1309
-
1310
- .x-border-radius--01 {
1311
- border-radius: var(--x-size-base-01) !important;
1408
+ .x-shadow--bottom-06 {
1409
+ box-shadow: var(--x-string-box-shadow-bottom-06) !important;
1312
1410
  }
1313
- [dir="ltr"] .x-border-radius--top-01 {
1314
- border-top-left-radius: var(--x-size-base-01) !important;
1411
+ .x-shadow--07 {
1412
+ box-shadow: var(--x-string-box-shadow-07) !important;
1315
1413
  }
1316
- [dir="rtl"] .x-border-radius--top-01 {
1317
- border-top-right-radius: var(--x-size-base-01) !important;
1414
+ .x-shadow--bottom-07 {
1415
+ box-shadow: var(--x-string-box-shadow-bottom-07) !important;
1318
1416
  }
1319
- [dir="ltr"] .x-border-radius--top-01 {
1320
- border-top-right-radius: var(--x-size-base-01) !important;
1417
+ .x-shadow--08 {
1418
+ box-shadow: var(--x-string-box-shadow-08) !important;
1321
1419
  }
1322
- [dir="rtl"] .x-border-radius--top-01 {
1323
- border-top-left-radius: var(--x-size-base-01) !important;
1420
+ .x-shadow--bottom-08 {
1421
+ box-shadow: var(--x-string-box-shadow-bottom-08) !important;
1324
1422
  }
1325
- [dir="ltr"] .x-border-radius--bottom-01 {
1326
- border-bottom-left-radius: var(--x-size-base-01) !important;
1423
+ .x-shadow--09 {
1424
+ box-shadow: var(--x-string-box-shadow-09) !important;
1327
1425
  }
1328
- [dir="rtl"] .x-border-radius--bottom-01 {
1329
- border-bottom-right-radius: var(--x-size-base-01) !important;
1426
+ .x-shadow--bottom-09 {
1427
+ box-shadow: var(--x-string-box-shadow-bottom-09) !important;
1330
1428
  }
1331
- [dir="ltr"] .x-border-radius--bottom-01 {
1332
- border-bottom-right-radius: var(--x-size-base-01) !important;
1429
+ .x-shadow--10 {
1430
+ box-shadow: var(--x-string-box-shadow-10) !important;
1333
1431
  }
1334
- [dir="rtl"] .x-border-radius--bottom-01 {
1335
- border-bottom-left-radius: var(--x-size-base-01) !important;
1432
+ .x-shadow--bottom-10 {
1433
+ box-shadow: var(--x-string-box-shadow-bottom-10) !important;
1336
1434
  }
1337
- [dir="ltr"] .x-border-radius--right-01 {
1338
- border-top-right-radius: var(--x-size-base-01) !important;
1339
- }
1340
- [dir="rtl"] .x-border-radius--right-01 {
1341
- border-top-left-radius: var(--x-size-base-01) !important;
1342
- }
1343
- [dir="ltr"] .x-border-radius--right-01 {
1344
- border-bottom-right-radius: var(--x-size-base-01) !important;
1345
- }
1346
- [dir="rtl"] .x-border-radius--right-01 {
1347
- border-bottom-left-radius: var(--x-size-base-01) !important;
1348
- }
1349
- [dir="ltr"] .x-border-radius--left-01 {
1350
- border-top-left-radius: var(--x-size-base-01) !important;
1351
- }
1352
- [dir="rtl"] .x-border-radius--left-01 {
1353
- border-top-right-radius: var(--x-size-base-01) !important;
1354
- }
1355
- [dir="ltr"] .x-border-radius--left-01 {
1356
- border-bottom-left-radius: var(--x-size-base-01) !important;
1357
- }
1358
- [dir="rtl"] .x-border-radius--left-01 {
1359
- border-bottom-right-radius: var(--x-size-base-01) !important;
1360
- }
1361
- [dir="ltr"] .x-border-radius--top-left-01 {
1362
- border-top-left-radius: var(--x-size-base-01) !important;
1363
- }
1364
- [dir="rtl"] .x-border-radius--top-left-01 {
1365
- border-top-right-radius: var(--x-size-base-01) !important;
1366
- }
1367
- [dir="ltr"] .x-border-radius--top-right-01 {
1368
- border-top-right-radius: var(--x-size-base-01) !important;
1369
- }
1370
- [dir="rtl"] .x-border-radius--top-right-01 {
1371
- border-top-left-radius: var(--x-size-base-01) !important;
1372
- }
1373
- [dir="ltr"] .x-border-radius--bottom-left-01 {
1374
- border-bottom-left-radius: var(--x-size-base-01) !important;
1435
+ *[class*=x-border-width--] {
1436
+ border-width: 0;
1375
1437
  }
1376
- [dir="rtl"] .x-border-radius--bottom-left-01 {
1377
- border-bottom-right-radius: var(--x-size-base-01) !important;
1438
+
1439
+ .x-border-width--00 {
1440
+ border-width: 0px !important;
1441
+ border-style: solid !important;
1378
1442
  }
1379
- [dir="ltr"] .x-border-radius--bottom-right-01 {
1380
- border-bottom-right-radius: var(--x-size-base-01) !important;
1443
+ .x-border-width--top-00 {
1444
+ border-top-width: 0px !important;
1445
+ border-style: solid !important;
1381
1446
  }
1382
- [dir="rtl"] .x-border-radius--bottom-right-01 {
1383
- border-bottom-left-radius: var(--x-size-base-01) !important;
1447
+ .x-border-width--bottom-00 {
1448
+ border-bottom-width: 0px !important;
1449
+ border-style: solid !important;
1384
1450
  }
1385
- .x-border-radius--02 {
1386
- border-radius: var(--x-size-base-02) !important;
1451
+ [dir="ltr"] .x-border-width--right-00 {
1452
+ border-right-width: 0px !important;
1387
1453
  }
1388
- [dir="ltr"] .x-border-radius--top-02 {
1389
- border-top-left-radius: var(--x-size-base-02) !important;
1454
+ [dir="rtl"] .x-border-width--right-00 {
1455
+ border-left-width: 0px !important;
1390
1456
  }
1391
- [dir="rtl"] .x-border-radius--top-02 {
1392
- border-top-right-radius: var(--x-size-base-02) !important;
1457
+ .x-border-width--right-00 {
1458
+ border-style: solid !important;
1393
1459
  }
1394
- [dir="ltr"] .x-border-radius--top-02 {
1395
- border-top-right-radius: var(--x-size-base-02) !important;
1460
+ [dir="ltr"] .x-border-width--left-00 {
1461
+ border-left-width: 0px !important;
1396
1462
  }
1397
- [dir="rtl"] .x-border-radius--top-02 {
1398
- border-top-left-radius: var(--x-size-base-02) !important;
1463
+ [dir="rtl"] .x-border-width--left-00 {
1464
+ border-right-width: 0px !important;
1399
1465
  }
1400
- [dir="ltr"] .x-border-radius--bottom-02 {
1401
- border-bottom-left-radius: var(--x-size-base-02) !important;
1466
+ .x-border-width--left-00 {
1467
+ border-style: solid !important;
1402
1468
  }
1403
- [dir="rtl"] .x-border-radius--bottom-02 {
1404
- border-bottom-right-radius: var(--x-size-base-02) !important;
1469
+ .x-border-width--01 {
1470
+ border-width: 1px !important;
1471
+ border-style: solid !important;
1405
1472
  }
1406
- [dir="ltr"] .x-border-radius--bottom-02 {
1407
- border-bottom-right-radius: var(--x-size-base-02) !important;
1473
+ .x-border-width--top-01 {
1474
+ border-top-width: 1px !important;
1475
+ border-style: solid !important;
1408
1476
  }
1409
- [dir="rtl"] .x-border-radius--bottom-02 {
1410
- border-bottom-left-radius: var(--x-size-base-02) !important;
1477
+ .x-border-width--bottom-01 {
1478
+ border-bottom-width: 1px !important;
1479
+ border-style: solid !important;
1411
1480
  }
1412
- [dir="ltr"] .x-border-radius--right-02 {
1413
- border-top-right-radius: var(--x-size-base-02) !important;
1481
+ [dir="ltr"] .x-border-width--right-01 {
1482
+ border-right-width: 1px !important;
1414
1483
  }
1415
- [dir="rtl"] .x-border-radius--right-02 {
1416
- border-top-left-radius: var(--x-size-base-02) !important;
1484
+ [dir="rtl"] .x-border-width--right-01 {
1485
+ border-left-width: 1px !important;
1417
1486
  }
1418
- [dir="ltr"] .x-border-radius--right-02 {
1419
- border-bottom-right-radius: var(--x-size-base-02) !important;
1487
+ .x-border-width--right-01 {
1488
+ border-style: solid !important;
1420
1489
  }
1421
- [dir="rtl"] .x-border-radius--right-02 {
1422
- border-bottom-left-radius: var(--x-size-base-02) !important;
1490
+ [dir="ltr"] .x-border-width--left-01 {
1491
+ border-left-width: 1px !important;
1423
1492
  }
1424
- [dir="ltr"] .x-border-radius--left-02 {
1425
- border-top-left-radius: var(--x-size-base-02) !important;
1493
+ [dir="rtl"] .x-border-width--left-01 {
1494
+ border-right-width: 1px !important;
1426
1495
  }
1427
- [dir="rtl"] .x-border-radius--left-02 {
1428
- border-top-right-radius: var(--x-size-base-02) !important;
1496
+ .x-border-width--left-01 {
1497
+ border-style: solid !important;
1429
1498
  }
1430
- [dir="ltr"] .x-border-radius--left-02 {
1431
- border-bottom-left-radius: var(--x-size-base-02) !important;
1499
+ .x-border-width--02 {
1500
+ border-width: 2px !important;
1501
+ border-style: solid !important;
1432
1502
  }
1433
- [dir="rtl"] .x-border-radius--left-02 {
1434
- border-bottom-right-radius: var(--x-size-base-02) !important;
1503
+ .x-border-width--top-02 {
1504
+ border-top-width: 2px !important;
1505
+ border-style: solid !important;
1435
1506
  }
1436
- [dir="ltr"] .x-border-radius--top-left-02 {
1437
- border-top-left-radius: var(--x-size-base-02) !important;
1507
+ .x-border-width--bottom-02 {
1508
+ border-bottom-width: 2px !important;
1509
+ border-style: solid !important;
1438
1510
  }
1439
- [dir="rtl"] .x-border-radius--top-left-02 {
1440
- border-top-right-radius: var(--x-size-base-02) !important;
1511
+ [dir="ltr"] .x-border-width--right-02 {
1512
+ border-right-width: 2px !important;
1441
1513
  }
1442
- [dir="ltr"] .x-border-radius--top-right-02 {
1443
- border-top-right-radius: var(--x-size-base-02) !important;
1514
+ [dir="rtl"] .x-border-width--right-02 {
1515
+ border-left-width: 2px !important;
1444
1516
  }
1445
- [dir="rtl"] .x-border-radius--top-right-02 {
1446
- border-top-left-radius: var(--x-size-base-02) !important;
1517
+ .x-border-width--right-02 {
1518
+ border-style: solid !important;
1447
1519
  }
1448
- [dir="ltr"] .x-border-radius--bottom-left-02 {
1449
- border-bottom-left-radius: var(--x-size-base-02) !important;
1520
+ [dir="ltr"] .x-border-width--left-02 {
1521
+ border-left-width: 2px !important;
1450
1522
  }
1451
- [dir="rtl"] .x-border-radius--bottom-left-02 {
1452
- border-bottom-right-radius: var(--x-size-base-02) !important;
1523
+ [dir="rtl"] .x-border-width--left-02 {
1524
+ border-right-width: 2px !important;
1453
1525
  }
1454
- [dir="ltr"] .x-border-radius--bottom-right-02 {
1455
- border-bottom-right-radius: var(--x-size-base-02) !important;
1526
+ .x-border-width--left-02 {
1527
+ border-style: solid !important;
1456
1528
  }
1457
- [dir="rtl"] .x-border-radius--bottom-right-02 {
1458
- border-bottom-left-radius: var(--x-size-base-02) !important;
1529
+ .x-border-width--03 {
1530
+ border-width: 3px !important;
1531
+ border-style: solid !important;
1459
1532
  }
1460
- .x-border-radius--03 {
1461
- border-radius: var(--x-size-base-03) !important;
1533
+ .x-border-width--top-03 {
1534
+ border-top-width: 3px !important;
1535
+ border-style: solid !important;
1462
1536
  }
1463
- [dir="ltr"] .x-border-radius--top-03 {
1464
- border-top-left-radius: var(--x-size-base-03) !important;
1537
+ .x-border-width--bottom-03 {
1538
+ border-bottom-width: 3px !important;
1539
+ border-style: solid !important;
1465
1540
  }
1466
- [dir="rtl"] .x-border-radius--top-03 {
1467
- border-top-right-radius: var(--x-size-base-03) !important;
1541
+ [dir="ltr"] .x-border-width--right-03 {
1542
+ border-right-width: 3px !important;
1468
1543
  }
1469
- [dir="ltr"] .x-border-radius--top-03 {
1470
- border-top-right-radius: var(--x-size-base-03) !important;
1544
+ [dir="rtl"] .x-border-width--right-03 {
1545
+ border-left-width: 3px !important;
1471
1546
  }
1472
- [dir="rtl"] .x-border-radius--top-03 {
1473
- border-top-left-radius: var(--x-size-base-03) !important;
1547
+ .x-border-width--right-03 {
1548
+ border-style: solid !important;
1474
1549
  }
1475
- [dir="ltr"] .x-border-radius--bottom-03 {
1476
- border-bottom-left-radius: var(--x-size-base-03) !important;
1550
+ [dir="ltr"] .x-border-width--left-03 {
1551
+ border-left-width: 3px !important;
1477
1552
  }
1478
- [dir="rtl"] .x-border-radius--bottom-03 {
1479
- border-bottom-right-radius: var(--x-size-base-03) !important;
1553
+ [dir="rtl"] .x-border-width--left-03 {
1554
+ border-right-width: 3px !important;
1480
1555
  }
1481
- [dir="ltr"] .x-border-radius--bottom-03 {
1482
- border-bottom-right-radius: var(--x-size-base-03) !important;
1556
+ .x-border-width--left-03 {
1557
+ border-style: solid !important;
1483
1558
  }
1484
- [dir="rtl"] .x-border-radius--bottom-03 {
1485
- border-bottom-left-radius: var(--x-size-base-03) !important;
1559
+ .x-border-width--04 {
1560
+ border-width: 4px !important;
1561
+ border-style: solid !important;
1486
1562
  }
1487
- [dir="ltr"] .x-border-radius--right-03 {
1488
- border-top-right-radius: var(--x-size-base-03) !important;
1563
+ .x-border-width--top-04 {
1564
+ border-top-width: 4px !important;
1565
+ border-style: solid !important;
1489
1566
  }
1490
- [dir="rtl"] .x-border-radius--right-03 {
1491
- border-top-left-radius: var(--x-size-base-03) !important;
1567
+ .x-border-width--bottom-04 {
1568
+ border-bottom-width: 4px !important;
1569
+ border-style: solid !important;
1492
1570
  }
1493
- [dir="ltr"] .x-border-radius--right-03 {
1494
- border-bottom-right-radius: var(--x-size-base-03) !important;
1571
+ [dir="ltr"] .x-border-width--right-04 {
1572
+ border-right-width: 4px !important;
1495
1573
  }
1496
- [dir="rtl"] .x-border-radius--right-03 {
1497
- border-bottom-left-radius: var(--x-size-base-03) !important;
1574
+ [dir="rtl"] .x-border-width--right-04 {
1575
+ border-left-width: 4px !important;
1498
1576
  }
1499
- [dir="ltr"] .x-border-radius--left-03 {
1500
- border-top-left-radius: var(--x-size-base-03) !important;
1577
+ .x-border-width--right-04 {
1578
+ border-style: solid !important;
1501
1579
  }
1502
- [dir="rtl"] .x-border-radius--left-03 {
1503
- border-top-right-radius: var(--x-size-base-03) !important;
1580
+ [dir="ltr"] .x-border-width--left-04 {
1581
+ border-left-width: 4px !important;
1504
1582
  }
1505
- [dir="ltr"] .x-border-radius--left-03 {
1506
- border-bottom-left-radius: var(--x-size-base-03) !important;
1583
+ [dir="rtl"] .x-border-width--left-04 {
1584
+ border-right-width: 4px !important;
1507
1585
  }
1508
- [dir="rtl"] .x-border-radius--left-03 {
1509
- border-bottom-right-radius: var(--x-size-base-03) !important;
1586
+ .x-border-width--left-04 {
1587
+ border-style: solid !important;
1510
1588
  }
1511
- [dir="ltr"] .x-border-radius--top-left-03 {
1512
- border-top-left-radius: var(--x-size-base-03) !important;
1589
+ .x-border-width--05 {
1590
+ border-width: 5px !important;
1591
+ border-style: solid !important;
1513
1592
  }
1514
- [dir="rtl"] .x-border-radius--top-left-03 {
1515
- border-top-right-radius: var(--x-size-base-03) !important;
1593
+ .x-border-width--top-05 {
1594
+ border-top-width: 5px !important;
1595
+ border-style: solid !important;
1516
1596
  }
1517
- [dir="ltr"] .x-border-radius--top-right-03 {
1518
- border-top-right-radius: var(--x-size-base-03) !important;
1597
+ .x-border-width--bottom-05 {
1598
+ border-bottom-width: 5px !important;
1599
+ border-style: solid !important;
1519
1600
  }
1520
- [dir="rtl"] .x-border-radius--top-right-03 {
1521
- border-top-left-radius: var(--x-size-base-03) !important;
1601
+ [dir="ltr"] .x-border-width--right-05 {
1602
+ border-right-width: 5px !important;
1522
1603
  }
1523
- [dir="ltr"] .x-border-radius--bottom-left-03 {
1524
- border-bottom-left-radius: var(--x-size-base-03) !important;
1604
+ [dir="rtl"] .x-border-width--right-05 {
1605
+ border-left-width: 5px !important;
1525
1606
  }
1526
- [dir="rtl"] .x-border-radius--bottom-left-03 {
1527
- border-bottom-right-radius: var(--x-size-base-03) !important;
1607
+ .x-border-width--right-05 {
1608
+ border-style: solid !important;
1528
1609
  }
1529
- [dir="ltr"] .x-border-radius--bottom-right-03 {
1530
- border-bottom-right-radius: var(--x-size-base-03) !important;
1610
+ [dir="ltr"] .x-border-width--left-05 {
1611
+ border-left-width: 5px !important;
1531
1612
  }
1532
- [dir="rtl"] .x-border-radius--bottom-right-03 {
1533
- border-bottom-left-radius: var(--x-size-base-03) !important;
1613
+ [dir="rtl"] .x-border-width--left-05 {
1614
+ border-right-width: 5px !important;
1534
1615
  }
1535
- .x-border-radius--04 {
1536
- border-radius: var(--x-size-base-04) !important;
1616
+ .x-border-width--left-05 {
1617
+ border-style: solid !important;
1537
1618
  }
1538
- [dir="ltr"] .x-border-radius--top-04 {
1539
- border-top-left-radius: var(--x-size-base-04) !important;
1619
+ .x-border-width--06 {
1620
+ border-width: 6px !important;
1621
+ border-style: solid !important;
1540
1622
  }
1541
- [dir="rtl"] .x-border-radius--top-04 {
1542
- border-top-right-radius: var(--x-size-base-04) !important;
1623
+ .x-border-width--top-06 {
1624
+ border-top-width: 6px !important;
1625
+ border-style: solid !important;
1543
1626
  }
1544
- [dir="ltr"] .x-border-radius--top-04 {
1545
- border-top-right-radius: var(--x-size-base-04) !important;
1627
+ .x-border-width--bottom-06 {
1628
+ border-bottom-width: 6px !important;
1629
+ border-style: solid !important;
1546
1630
  }
1547
- [dir="rtl"] .x-border-radius--top-04 {
1548
- border-top-left-radius: var(--x-size-base-04) !important;
1631
+ [dir="ltr"] .x-border-width--right-06 {
1632
+ border-right-width: 6px !important;
1549
1633
  }
1550
- [dir="ltr"] .x-border-radius--bottom-04 {
1551
- border-bottom-left-radius: var(--x-size-base-04) !important;
1634
+ [dir="rtl"] .x-border-width--right-06 {
1635
+ border-left-width: 6px !important;
1552
1636
  }
1553
- [dir="rtl"] .x-border-radius--bottom-04 {
1554
- border-bottom-right-radius: var(--x-size-base-04) !important;
1637
+ .x-border-width--right-06 {
1638
+ border-style: solid !important;
1555
1639
  }
1556
- [dir="ltr"] .x-border-radius--bottom-04 {
1557
- border-bottom-right-radius: var(--x-size-base-04) !important;
1640
+ [dir="ltr"] .x-border-width--left-06 {
1641
+ border-left-width: 6px !important;
1558
1642
  }
1559
- [dir="rtl"] .x-border-radius--bottom-04 {
1560
- border-bottom-left-radius: var(--x-size-base-04) !important;
1643
+ [dir="rtl"] .x-border-width--left-06 {
1644
+ border-right-width: 6px !important;
1561
1645
  }
1562
- [dir="ltr"] .x-border-radius--right-04 {
1563
- border-top-right-radius: var(--x-size-base-04) !important;
1646
+ .x-border-width--left-06 {
1647
+ border-style: solid !important;
1564
1648
  }
1565
- [dir="rtl"] .x-border-radius--right-04 {
1566
- border-top-left-radius: var(--x-size-base-04) !important;
1649
+ .x-border-width--07 {
1650
+ border-width: 7px !important;
1651
+ border-style: solid !important;
1567
1652
  }
1568
- [dir="ltr"] .x-border-radius--right-04 {
1569
- border-bottom-right-radius: var(--x-size-base-04) !important;
1653
+ .x-border-width--top-07 {
1654
+ border-top-width: 7px !important;
1655
+ border-style: solid !important;
1570
1656
  }
1571
- [dir="rtl"] .x-border-radius--right-04 {
1572
- border-bottom-left-radius: var(--x-size-base-04) !important;
1657
+ .x-border-width--bottom-07 {
1658
+ border-bottom-width: 7px !important;
1659
+ border-style: solid !important;
1573
1660
  }
1574
- [dir="ltr"] .x-border-radius--left-04 {
1575
- border-top-left-radius: var(--x-size-base-04) !important;
1661
+ [dir="ltr"] .x-border-width--right-07 {
1662
+ border-right-width: 7px !important;
1576
1663
  }
1577
- [dir="rtl"] .x-border-radius--left-04 {
1578
- border-top-right-radius: var(--x-size-base-04) !important;
1664
+ [dir="rtl"] .x-border-width--right-07 {
1665
+ border-left-width: 7px !important;
1579
1666
  }
1580
- [dir="ltr"] .x-border-radius--left-04 {
1581
- border-bottom-left-radius: var(--x-size-base-04) !important;
1667
+ .x-border-width--right-07 {
1668
+ border-style: solid !important;
1582
1669
  }
1583
- [dir="rtl"] .x-border-radius--left-04 {
1584
- border-bottom-right-radius: var(--x-size-base-04) !important;
1670
+ [dir="ltr"] .x-border-width--left-07 {
1671
+ border-left-width: 7px !important;
1585
1672
  }
1586
- [dir="ltr"] .x-border-radius--top-left-04 {
1587
- border-top-left-radius: var(--x-size-base-04) !important;
1673
+ [dir="rtl"] .x-border-width--left-07 {
1674
+ border-right-width: 7px !important;
1588
1675
  }
1589
- [dir="rtl"] .x-border-radius--top-left-04 {
1590
- border-top-right-radius: var(--x-size-base-04) !important;
1676
+ .x-border-width--left-07 {
1677
+ border-style: solid !important;
1591
1678
  }
1592
- [dir="ltr"] .x-border-radius--top-right-04 {
1593
- border-top-right-radius: var(--x-size-base-04) !important;
1679
+ .x-border-width--08 {
1680
+ border-width: 8px !important;
1681
+ border-style: solid !important;
1594
1682
  }
1595
- [dir="rtl"] .x-border-radius--top-right-04 {
1596
- border-top-left-radius: var(--x-size-base-04) !important;
1683
+ .x-border-width--top-08 {
1684
+ border-top-width: 8px !important;
1685
+ border-style: solid !important;
1597
1686
  }
1598
- [dir="ltr"] .x-border-radius--bottom-left-04 {
1599
- border-bottom-left-radius: var(--x-size-base-04) !important;
1687
+ .x-border-width--bottom-08 {
1688
+ border-bottom-width: 8px !important;
1689
+ border-style: solid !important;
1600
1690
  }
1601
- [dir="rtl"] .x-border-radius--bottom-left-04 {
1602
- border-bottom-right-radius: var(--x-size-base-04) !important;
1691
+ [dir="ltr"] .x-border-width--right-08 {
1692
+ border-right-width: 8px !important;
1603
1693
  }
1604
- [dir="ltr"] .x-border-radius--bottom-right-04 {
1605
- border-bottom-right-radius: var(--x-size-base-04) !important;
1694
+ [dir="rtl"] .x-border-width--right-08 {
1695
+ border-left-width: 8px !important;
1606
1696
  }
1607
- [dir="rtl"] .x-border-radius--bottom-right-04 {
1608
- border-bottom-left-radius: var(--x-size-base-04) !important;
1697
+ .x-border-width--right-08 {
1698
+ border-style: solid !important;
1609
1699
  }
1610
- .x-border-radius--05 {
1611
- border-radius: var(--x-size-base-05) !important;
1700
+ [dir="ltr"] .x-border-width--left-08 {
1701
+ border-left-width: 8px !important;
1612
1702
  }
1613
- [dir="ltr"] .x-border-radius--top-05 {
1614
- border-top-left-radius: var(--x-size-base-05) !important;
1703
+ [dir="rtl"] .x-border-width--left-08 {
1704
+ border-right-width: 8px !important;
1615
1705
  }
1616
- [dir="rtl"] .x-border-radius--top-05 {
1617
- border-top-right-radius: var(--x-size-base-05) !important;
1706
+ .x-border-width--left-08 {
1707
+ border-style: solid !important;
1618
1708
  }
1619
- [dir="ltr"] .x-border-radius--top-05 {
1620
- border-top-right-radius: var(--x-size-base-05) !important;
1709
+ .x-border-width--09 {
1710
+ border-width: 9px !important;
1711
+ border-style: solid !important;
1621
1712
  }
1622
- [dir="rtl"] .x-border-radius--top-05 {
1623
- border-top-left-radius: var(--x-size-base-05) !important;
1713
+ .x-border-width--top-09 {
1714
+ border-top-width: 9px !important;
1715
+ border-style: solid !important;
1624
1716
  }
1625
- [dir="ltr"] .x-border-radius--bottom-05 {
1626
- border-bottom-left-radius: var(--x-size-base-05) !important;
1717
+ .x-border-width--bottom-09 {
1718
+ border-bottom-width: 9px !important;
1719
+ border-style: solid !important;
1627
1720
  }
1628
- [dir="rtl"] .x-border-radius--bottom-05 {
1629
- border-bottom-right-radius: var(--x-size-base-05) !important;
1721
+ [dir="ltr"] .x-border-width--right-09 {
1722
+ border-right-width: 9px !important;
1630
1723
  }
1631
- [dir="ltr"] .x-border-radius--bottom-05 {
1632
- border-bottom-right-radius: var(--x-size-base-05) !important;
1724
+ [dir="rtl"] .x-border-width--right-09 {
1725
+ border-left-width: 9px !important;
1633
1726
  }
1634
- [dir="rtl"] .x-border-radius--bottom-05 {
1635
- border-bottom-left-radius: var(--x-size-base-05) !important;
1727
+ .x-border-width--right-09 {
1728
+ border-style: solid !important;
1636
1729
  }
1637
- [dir="ltr"] .x-border-radius--right-05 {
1638
- border-top-right-radius: var(--x-size-base-05) !important;
1730
+ [dir="ltr"] .x-border-width--left-09 {
1731
+ border-left-width: 9px !important;
1639
1732
  }
1640
- [dir="rtl"] .x-border-radius--right-05 {
1641
- border-top-left-radius: var(--x-size-base-05) !important;
1733
+ [dir="rtl"] .x-border-width--left-09 {
1734
+ border-right-width: 9px !important;
1642
1735
  }
1643
- [dir="ltr"] .x-border-radius--right-05 {
1644
- border-bottom-right-radius: var(--x-size-base-05) !important;
1736
+ .x-border-width--left-09 {
1737
+ border-style: solid !important;
1645
1738
  }
1646
- [dir="rtl"] .x-border-radius--right-05 {
1647
- border-bottom-left-radius: var(--x-size-base-05) !important;
1739
+ .x-border-width--10 {
1740
+ border-width: 10px !important;
1741
+ border-style: solid !important;
1648
1742
  }
1649
- [dir="ltr"] .x-border-radius--left-05 {
1650
- border-top-left-radius: var(--x-size-base-05) !important;
1743
+ .x-border-width--top-10 {
1744
+ border-top-width: 10px !important;
1745
+ border-style: solid !important;
1651
1746
  }
1652
- [dir="rtl"] .x-border-radius--left-05 {
1653
- border-top-right-radius: var(--x-size-base-05) !important;
1747
+ .x-border-width--bottom-10 {
1748
+ border-bottom-width: 10px !important;
1749
+ border-style: solid !important;
1654
1750
  }
1655
- [dir="ltr"] .x-border-radius--left-05 {
1656
- border-bottom-left-radius: var(--x-size-base-05) !important;
1751
+ [dir="ltr"] .x-border-width--right-10 {
1752
+ border-right-width: 10px !important;
1657
1753
  }
1658
- [dir="rtl"] .x-border-radius--left-05 {
1659
- border-bottom-right-radius: var(--x-size-base-05) !important;
1754
+ [dir="rtl"] .x-border-width--right-10 {
1755
+ border-left-width: 10px !important;
1660
1756
  }
1661
- [dir="ltr"] .x-border-radius--top-left-05 {
1662
- border-top-left-radius: var(--x-size-base-05) !important;
1757
+ .x-border-width--right-10 {
1758
+ border-style: solid !important;
1663
1759
  }
1664
- [dir="rtl"] .x-border-radius--top-left-05 {
1665
- border-top-right-radius: var(--x-size-base-05) !important;
1760
+ [dir="ltr"] .x-border-width--left-10 {
1761
+ border-left-width: 10px !important;
1666
1762
  }
1667
- [dir="ltr"] .x-border-radius--top-right-05 {
1668
- border-top-right-radius: var(--x-size-base-05) !important;
1763
+ [dir="rtl"] .x-border-width--left-10 {
1764
+ border-right-width: 10px !important;
1669
1765
  }
1670
- [dir="rtl"] .x-border-radius--top-right-05 {
1671
- border-top-left-radius: var(--x-size-base-05) !important;
1766
+ .x-border-width--left-10 {
1767
+ border-style: solid !important;
1672
1768
  }
1673
- [dir="ltr"] .x-border-radius--bottom-left-05 {
1674
- border-bottom-left-radius: var(--x-size-base-05) !important;
1769
+ .x-border-radius--00 {
1770
+ border-radius: 0 !important;
1675
1771
  }
1676
- [dir="rtl"] .x-border-radius--bottom-left-05 {
1677
- border-bottom-right-radius: var(--x-size-base-05) !important;
1772
+
1773
+ .x-border-radius--pill {
1774
+ border-radius: 99999px !important;
1678
1775
  }
1679
- [dir="ltr"] .x-border-radius--bottom-right-05 {
1680
- border-bottom-right-radius: var(--x-size-base-05) !important;
1776
+
1777
+ .x-border-radius--01 {
1778
+ border-radius: var(--x-size-base-01) !important;
1681
1779
  }
1682
- [dir="rtl"] .x-border-radius--bottom-right-05 {
1683
- border-bottom-left-radius: var(--x-size-base-05) !important;
1780
+ [dir="ltr"] .x-border-radius--top-01 {
1781
+ border-top-left-radius: var(--x-size-base-01) !important;
1684
1782
  }
1685
- .x-border-radius--06 {
1686
- border-radius: var(--x-size-base-06) !important;
1783
+ [dir="rtl"] .x-border-radius--top-01 {
1784
+ border-top-right-radius: var(--x-size-base-01) !important;
1687
1785
  }
1688
- [dir="ltr"] .x-border-radius--top-06 {
1689
- border-top-left-radius: var(--x-size-base-06) !important;
1786
+ [dir="ltr"] .x-border-radius--top-01 {
1787
+ border-top-right-radius: var(--x-size-base-01) !important;
1690
1788
  }
1691
- [dir="rtl"] .x-border-radius--top-06 {
1692
- border-top-right-radius: var(--x-size-base-06) !important;
1789
+ [dir="rtl"] .x-border-radius--top-01 {
1790
+ border-top-left-radius: var(--x-size-base-01) !important;
1693
1791
  }
1694
- [dir="ltr"] .x-border-radius--top-06 {
1695
- border-top-right-radius: var(--x-size-base-06) !important;
1792
+ [dir="ltr"] .x-border-radius--bottom-01 {
1793
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1696
1794
  }
1697
- [dir="rtl"] .x-border-radius--top-06 {
1698
- border-top-left-radius: var(--x-size-base-06) !important;
1795
+ [dir="rtl"] .x-border-radius--bottom-01 {
1796
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1699
1797
  }
1700
- [dir="ltr"] .x-border-radius--bottom-06 {
1701
- border-bottom-left-radius: var(--x-size-base-06) !important;
1798
+ [dir="ltr"] .x-border-radius--bottom-01 {
1799
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1702
1800
  }
1703
- [dir="rtl"] .x-border-radius--bottom-06 {
1704
- border-bottom-right-radius: var(--x-size-base-06) !important;
1801
+ [dir="rtl"] .x-border-radius--bottom-01 {
1802
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1705
1803
  }
1706
- [dir="ltr"] .x-border-radius--bottom-06 {
1707
- border-bottom-right-radius: var(--x-size-base-06) !important;
1804
+ [dir="ltr"] .x-border-radius--right-01 {
1805
+ border-top-right-radius: var(--x-size-base-01) !important;
1708
1806
  }
1709
- [dir="rtl"] .x-border-radius--bottom-06 {
1710
- border-bottom-left-radius: var(--x-size-base-06) !important;
1807
+ [dir="rtl"] .x-border-radius--right-01 {
1808
+ border-top-left-radius: var(--x-size-base-01) !important;
1711
1809
  }
1712
- [dir="ltr"] .x-border-radius--right-06 {
1713
- border-top-right-radius: var(--x-size-base-06) !important;
1810
+ [dir="ltr"] .x-border-radius--right-01 {
1811
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1714
1812
  }
1715
- [dir="rtl"] .x-border-radius--right-06 {
1716
- border-top-left-radius: var(--x-size-base-06) !important;
1813
+ [dir="rtl"] .x-border-radius--right-01 {
1814
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1717
1815
  }
1718
- [dir="ltr"] .x-border-radius--right-06 {
1719
- border-bottom-right-radius: var(--x-size-base-06) !important;
1816
+ [dir="ltr"] .x-border-radius--left-01 {
1817
+ border-top-left-radius: var(--x-size-base-01) !important;
1720
1818
  }
1721
- [dir="rtl"] .x-border-radius--right-06 {
1722
- border-bottom-left-radius: var(--x-size-base-06) !important;
1819
+ [dir="rtl"] .x-border-radius--left-01 {
1820
+ border-top-right-radius: var(--x-size-base-01) !important;
1723
1821
  }
1724
- [dir="ltr"] .x-border-radius--left-06 {
1725
- border-top-left-radius: var(--x-size-base-06) !important;
1822
+ [dir="ltr"] .x-border-radius--left-01 {
1823
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1726
1824
  }
1727
- [dir="rtl"] .x-border-radius--left-06 {
1728
- border-top-right-radius: var(--x-size-base-06) !important;
1825
+ [dir="rtl"] .x-border-radius--left-01 {
1826
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1729
1827
  }
1730
- [dir="ltr"] .x-border-radius--left-06 {
1731
- border-bottom-left-radius: var(--x-size-base-06) !important;
1828
+ [dir="ltr"] .x-border-radius--top-left-01 {
1829
+ border-top-left-radius: var(--x-size-base-01) !important;
1732
1830
  }
1733
- [dir="rtl"] .x-border-radius--left-06 {
1734
- border-bottom-right-radius: var(--x-size-base-06) !important;
1831
+ [dir="rtl"] .x-border-radius--top-left-01 {
1832
+ border-top-right-radius: var(--x-size-base-01) !important;
1735
1833
  }
1736
- [dir="ltr"] .x-border-radius--top-left-06 {
1737
- border-top-left-radius: var(--x-size-base-06) !important;
1834
+ [dir="ltr"] .x-border-radius--top-right-01 {
1835
+ border-top-right-radius: var(--x-size-base-01) !important;
1738
1836
  }
1739
- [dir="rtl"] .x-border-radius--top-left-06 {
1740
- border-top-right-radius: var(--x-size-base-06) !important;
1837
+ [dir="rtl"] .x-border-radius--top-right-01 {
1838
+ border-top-left-radius: var(--x-size-base-01) !important;
1741
1839
  }
1742
- [dir="ltr"] .x-border-radius--top-right-06 {
1743
- border-top-right-radius: var(--x-size-base-06) !important;
1840
+ [dir="ltr"] .x-border-radius--bottom-left-01 {
1841
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1744
1842
  }
1745
- [dir="rtl"] .x-border-radius--top-right-06 {
1746
- border-top-left-radius: var(--x-size-base-06) !important;
1843
+ [dir="rtl"] .x-border-radius--bottom-left-01 {
1844
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1747
1845
  }
1748
- [dir="ltr"] .x-border-radius--bottom-left-06 {
1749
- border-bottom-left-radius: var(--x-size-base-06) !important;
1846
+ [dir="ltr"] .x-border-radius--bottom-right-01 {
1847
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1750
1848
  }
1751
- [dir="rtl"] .x-border-radius--bottom-left-06 {
1752
- border-bottom-right-radius: var(--x-size-base-06) !important;
1849
+ [dir="rtl"] .x-border-radius--bottom-right-01 {
1850
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1753
1851
  }
1754
- [dir="ltr"] .x-border-radius--bottom-right-06 {
1755
- border-bottom-right-radius: var(--x-size-base-06) !important;
1852
+ .x-border-radius--02 {
1853
+ border-radius: var(--x-size-base-02) !important;
1756
1854
  }
1757
- [dir="rtl"] .x-border-radius--bottom-right-06 {
1758
- border-bottom-left-radius: var(--x-size-base-06) !important;
1855
+ [dir="ltr"] .x-border-radius--top-02 {
1856
+ border-top-left-radius: var(--x-size-base-02) !important;
1759
1857
  }
1760
- .x-border-radius--07 {
1761
- border-radius: var(--x-size-base-07) !important;
1858
+ [dir="rtl"] .x-border-radius--top-02 {
1859
+ border-top-right-radius: var(--x-size-base-02) !important;
1762
1860
  }
1763
- [dir="ltr"] .x-border-radius--top-07 {
1764
- border-top-left-radius: var(--x-size-base-07) !important;
1861
+ [dir="ltr"] .x-border-radius--top-02 {
1862
+ border-top-right-radius: var(--x-size-base-02) !important;
1765
1863
  }
1766
- [dir="rtl"] .x-border-radius--top-07 {
1767
- border-top-right-radius: var(--x-size-base-07) !important;
1864
+ [dir="rtl"] .x-border-radius--top-02 {
1865
+ border-top-left-radius: var(--x-size-base-02) !important;
1768
1866
  }
1769
- [dir="ltr"] .x-border-radius--top-07 {
1770
- border-top-right-radius: var(--x-size-base-07) !important;
1867
+ [dir="ltr"] .x-border-radius--bottom-02 {
1868
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1771
1869
  }
1772
- [dir="rtl"] .x-border-radius--top-07 {
1773
- border-top-left-radius: var(--x-size-base-07) !important;
1870
+ [dir="rtl"] .x-border-radius--bottom-02 {
1871
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1774
1872
  }
1775
- [dir="ltr"] .x-border-radius--bottom-07 {
1776
- border-bottom-left-radius: var(--x-size-base-07) !important;
1873
+ [dir="ltr"] .x-border-radius--bottom-02 {
1874
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1777
1875
  }
1778
- [dir="rtl"] .x-border-radius--bottom-07 {
1779
- border-bottom-right-radius: var(--x-size-base-07) !important;
1876
+ [dir="rtl"] .x-border-radius--bottom-02 {
1877
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1780
1878
  }
1781
- [dir="ltr"] .x-border-radius--bottom-07 {
1782
- border-bottom-right-radius: var(--x-size-base-07) !important;
1879
+ [dir="ltr"] .x-border-radius--right-02 {
1880
+ border-top-right-radius: var(--x-size-base-02) !important;
1783
1881
  }
1784
- [dir="rtl"] .x-border-radius--bottom-07 {
1785
- border-bottom-left-radius: var(--x-size-base-07) !important;
1882
+ [dir="rtl"] .x-border-radius--right-02 {
1883
+ border-top-left-radius: var(--x-size-base-02) !important;
1786
1884
  }
1787
- [dir="ltr"] .x-border-radius--right-07 {
1788
- border-top-right-radius: var(--x-size-base-07) !important;
1885
+ [dir="ltr"] .x-border-radius--right-02 {
1886
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1789
1887
  }
1790
- [dir="rtl"] .x-border-radius--right-07 {
1791
- border-top-left-radius: var(--x-size-base-07) !important;
1888
+ [dir="rtl"] .x-border-radius--right-02 {
1889
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1792
1890
  }
1793
- [dir="ltr"] .x-border-radius--right-07 {
1794
- border-bottom-right-radius: var(--x-size-base-07) !important;
1891
+ [dir="ltr"] .x-border-radius--left-02 {
1892
+ border-top-left-radius: var(--x-size-base-02) !important;
1795
1893
  }
1796
- [dir="rtl"] .x-border-radius--right-07 {
1797
- border-bottom-left-radius: var(--x-size-base-07) !important;
1894
+ [dir="rtl"] .x-border-radius--left-02 {
1895
+ border-top-right-radius: var(--x-size-base-02) !important;
1798
1896
  }
1799
- [dir="ltr"] .x-border-radius--left-07 {
1800
- border-top-left-radius: var(--x-size-base-07) !important;
1897
+ [dir="ltr"] .x-border-radius--left-02 {
1898
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1801
1899
  }
1802
- [dir="rtl"] .x-border-radius--left-07 {
1803
- border-top-right-radius: var(--x-size-base-07) !important;
1900
+ [dir="rtl"] .x-border-radius--left-02 {
1901
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1804
1902
  }
1805
- [dir="ltr"] .x-border-radius--left-07 {
1806
- border-bottom-left-radius: var(--x-size-base-07) !important;
1903
+ [dir="ltr"] .x-border-radius--top-left-02 {
1904
+ border-top-left-radius: var(--x-size-base-02) !important;
1807
1905
  }
1808
- [dir="rtl"] .x-border-radius--left-07 {
1809
- border-bottom-right-radius: var(--x-size-base-07) !important;
1906
+ [dir="rtl"] .x-border-radius--top-left-02 {
1907
+ border-top-right-radius: var(--x-size-base-02) !important;
1810
1908
  }
1811
- [dir="ltr"] .x-border-radius--top-left-07 {
1812
- border-top-left-radius: var(--x-size-base-07) !important;
1909
+ [dir="ltr"] .x-border-radius--top-right-02 {
1910
+ border-top-right-radius: var(--x-size-base-02) !important;
1813
1911
  }
1814
- [dir="rtl"] .x-border-radius--top-left-07 {
1815
- border-top-right-radius: var(--x-size-base-07) !important;
1912
+ [dir="rtl"] .x-border-radius--top-right-02 {
1913
+ border-top-left-radius: var(--x-size-base-02) !important;
1816
1914
  }
1817
- [dir="ltr"] .x-border-radius--top-right-07 {
1818
- border-top-right-radius: var(--x-size-base-07) !important;
1915
+ [dir="ltr"] .x-border-radius--bottom-left-02 {
1916
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1819
1917
  }
1820
- [dir="rtl"] .x-border-radius--top-right-07 {
1821
- border-top-left-radius: var(--x-size-base-07) !important;
1918
+ [dir="rtl"] .x-border-radius--bottom-left-02 {
1919
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1822
1920
  }
1823
- [dir="ltr"] .x-border-radius--bottom-left-07 {
1824
- border-bottom-left-radius: var(--x-size-base-07) !important;
1921
+ [dir="ltr"] .x-border-radius--bottom-right-02 {
1922
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1825
1923
  }
1826
- [dir="rtl"] .x-border-radius--bottom-left-07 {
1827
- border-bottom-right-radius: var(--x-size-base-07) !important;
1924
+ [dir="rtl"] .x-border-radius--bottom-right-02 {
1925
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1828
1926
  }
1829
- [dir="ltr"] .x-border-radius--bottom-right-07 {
1830
- border-bottom-right-radius: var(--x-size-base-07) !important;
1927
+ .x-border-radius--03 {
1928
+ border-radius: var(--x-size-base-03) !important;
1831
1929
  }
1832
- [dir="rtl"] .x-border-radius--bottom-right-07 {
1833
- border-bottom-left-radius: var(--x-size-base-07) !important;
1930
+ [dir="ltr"] .x-border-radius--top-03 {
1931
+ border-top-left-radius: var(--x-size-base-03) !important;
1834
1932
  }
1835
- .x-border-radius--08 {
1836
- border-radius: var(--x-size-base-08) !important;
1933
+ [dir="rtl"] .x-border-radius--top-03 {
1934
+ border-top-right-radius: var(--x-size-base-03) !important;
1837
1935
  }
1838
- [dir="ltr"] .x-border-radius--top-08 {
1839
- border-top-left-radius: var(--x-size-base-08) !important;
1936
+ [dir="ltr"] .x-border-radius--top-03 {
1937
+ border-top-right-radius: var(--x-size-base-03) !important;
1840
1938
  }
1841
- [dir="rtl"] .x-border-radius--top-08 {
1842
- border-top-right-radius: var(--x-size-base-08) !important;
1939
+ [dir="rtl"] .x-border-radius--top-03 {
1940
+ border-top-left-radius: var(--x-size-base-03) !important;
1843
1941
  }
1844
- [dir="ltr"] .x-border-radius--top-08 {
1845
- border-top-right-radius: var(--x-size-base-08) !important;
1942
+ [dir="ltr"] .x-border-radius--bottom-03 {
1943
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1846
1944
  }
1847
- [dir="rtl"] .x-border-radius--top-08 {
1848
- border-top-left-radius: var(--x-size-base-08) !important;
1945
+ [dir="rtl"] .x-border-radius--bottom-03 {
1946
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1849
1947
  }
1850
- [dir="ltr"] .x-border-radius--bottom-08 {
1851
- border-bottom-left-radius: var(--x-size-base-08) !important;
1948
+ [dir="ltr"] .x-border-radius--bottom-03 {
1949
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1852
1950
  }
1853
- [dir="rtl"] .x-border-radius--bottom-08 {
1854
- border-bottom-right-radius: var(--x-size-base-08) !important;
1951
+ [dir="rtl"] .x-border-radius--bottom-03 {
1952
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1855
1953
  }
1856
- [dir="ltr"] .x-border-radius--bottom-08 {
1857
- border-bottom-right-radius: var(--x-size-base-08) !important;
1954
+ [dir="ltr"] .x-border-radius--right-03 {
1955
+ border-top-right-radius: var(--x-size-base-03) !important;
1858
1956
  }
1859
- [dir="rtl"] .x-border-radius--bottom-08 {
1860
- border-bottom-left-radius: var(--x-size-base-08) !important;
1957
+ [dir="rtl"] .x-border-radius--right-03 {
1958
+ border-top-left-radius: var(--x-size-base-03) !important;
1861
1959
  }
1862
- [dir="ltr"] .x-border-radius--right-08 {
1863
- border-top-right-radius: var(--x-size-base-08) !important;
1960
+ [dir="ltr"] .x-border-radius--right-03 {
1961
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1864
1962
  }
1865
- [dir="rtl"] .x-border-radius--right-08 {
1866
- border-top-left-radius: var(--x-size-base-08) !important;
1963
+ [dir="rtl"] .x-border-radius--right-03 {
1964
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1867
1965
  }
1868
- [dir="ltr"] .x-border-radius--right-08 {
1869
- border-bottom-right-radius: var(--x-size-base-08) !important;
1966
+ [dir="ltr"] .x-border-radius--left-03 {
1967
+ border-top-left-radius: var(--x-size-base-03) !important;
1870
1968
  }
1871
- [dir="rtl"] .x-border-radius--right-08 {
1872
- border-bottom-left-radius: var(--x-size-base-08) !important;
1969
+ [dir="rtl"] .x-border-radius--left-03 {
1970
+ border-top-right-radius: var(--x-size-base-03) !important;
1873
1971
  }
1874
- [dir="ltr"] .x-border-radius--left-08 {
1875
- border-top-left-radius: var(--x-size-base-08) !important;
1972
+ [dir="ltr"] .x-border-radius--left-03 {
1973
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1876
1974
  }
1877
- [dir="rtl"] .x-border-radius--left-08 {
1878
- border-top-right-radius: var(--x-size-base-08) !important;
1975
+ [dir="rtl"] .x-border-radius--left-03 {
1976
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1879
1977
  }
1880
- [dir="ltr"] .x-border-radius--left-08 {
1881
- border-bottom-left-radius: var(--x-size-base-08) !important;
1978
+ [dir="ltr"] .x-border-radius--top-left-03 {
1979
+ border-top-left-radius: var(--x-size-base-03) !important;
1882
1980
  }
1883
- [dir="rtl"] .x-border-radius--left-08 {
1884
- border-bottom-right-radius: var(--x-size-base-08) !important;
1981
+ [dir="rtl"] .x-border-radius--top-left-03 {
1982
+ border-top-right-radius: var(--x-size-base-03) !important;
1885
1983
  }
1886
- [dir="ltr"] .x-border-radius--top-left-08 {
1887
- border-top-left-radius: var(--x-size-base-08) !important;
1984
+ [dir="ltr"] .x-border-radius--top-right-03 {
1985
+ border-top-right-radius: var(--x-size-base-03) !important;
1888
1986
  }
1889
- [dir="rtl"] .x-border-radius--top-left-08 {
1890
- border-top-right-radius: var(--x-size-base-08) !important;
1987
+ [dir="rtl"] .x-border-radius--top-right-03 {
1988
+ border-top-left-radius: var(--x-size-base-03) !important;
1891
1989
  }
1892
- [dir="ltr"] .x-border-radius--top-right-08 {
1893
- border-top-right-radius: var(--x-size-base-08) !important;
1990
+ [dir="ltr"] .x-border-radius--bottom-left-03 {
1991
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1894
1992
  }
1895
- [dir="rtl"] .x-border-radius--top-right-08 {
1896
- border-top-left-radius: var(--x-size-base-08) !important;
1993
+ [dir="rtl"] .x-border-radius--bottom-left-03 {
1994
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1897
1995
  }
1898
- [dir="ltr"] .x-border-radius--bottom-left-08 {
1899
- border-bottom-left-radius: var(--x-size-base-08) !important;
1996
+ [dir="ltr"] .x-border-radius--bottom-right-03 {
1997
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1900
1998
  }
1901
- [dir="rtl"] .x-border-radius--bottom-left-08 {
1902
- border-bottom-right-radius: var(--x-size-base-08) !important;
1999
+ [dir="rtl"] .x-border-radius--bottom-right-03 {
2000
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1903
2001
  }
1904
- [dir="ltr"] .x-border-radius--bottom-right-08 {
1905
- border-bottom-right-radius: var(--x-size-base-08) !important;
2002
+ .x-border-radius--04 {
2003
+ border-radius: var(--x-size-base-04) !important;
1906
2004
  }
1907
- [dir="rtl"] .x-border-radius--bottom-right-08 {
1908
- border-bottom-left-radius: var(--x-size-base-08) !important;
2005
+ [dir="ltr"] .x-border-radius--top-04 {
2006
+ border-top-left-radius: var(--x-size-base-04) !important;
1909
2007
  }
1910
- .x-border-radius--09 {
1911
- border-radius: var(--x-size-base-09) !important;
2008
+ [dir="rtl"] .x-border-radius--top-04 {
2009
+ border-top-right-radius: var(--x-size-base-04) !important;
1912
2010
  }
1913
- [dir="ltr"] .x-border-radius--top-09 {
1914
- border-top-left-radius: var(--x-size-base-09) !important;
2011
+ [dir="ltr"] .x-border-radius--top-04 {
2012
+ border-top-right-radius: var(--x-size-base-04) !important;
1915
2013
  }
1916
- [dir="rtl"] .x-border-radius--top-09 {
1917
- border-top-right-radius: var(--x-size-base-09) !important;
2014
+ [dir="rtl"] .x-border-radius--top-04 {
2015
+ border-top-left-radius: var(--x-size-base-04) !important;
1918
2016
  }
1919
- [dir="ltr"] .x-border-radius--top-09 {
1920
- border-top-right-radius: var(--x-size-base-09) !important;
2017
+ [dir="ltr"] .x-border-radius--bottom-04 {
2018
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1921
2019
  }
1922
- [dir="rtl"] .x-border-radius--top-09 {
1923
- border-top-left-radius: var(--x-size-base-09) !important;
2020
+ [dir="rtl"] .x-border-radius--bottom-04 {
2021
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1924
2022
  }
1925
- [dir="ltr"] .x-border-radius--bottom-09 {
1926
- border-bottom-left-radius: var(--x-size-base-09) !important;
2023
+ [dir="ltr"] .x-border-radius--bottom-04 {
2024
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1927
2025
  }
1928
- [dir="rtl"] .x-border-radius--bottom-09 {
1929
- border-bottom-right-radius: var(--x-size-base-09) !important;
2026
+ [dir="rtl"] .x-border-radius--bottom-04 {
2027
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1930
2028
  }
1931
- [dir="ltr"] .x-border-radius--bottom-09 {
1932
- border-bottom-right-radius: var(--x-size-base-09) !important;
2029
+ [dir="ltr"] .x-border-radius--right-04 {
2030
+ border-top-right-radius: var(--x-size-base-04) !important;
1933
2031
  }
1934
- [dir="rtl"] .x-border-radius--bottom-09 {
1935
- border-bottom-left-radius: var(--x-size-base-09) !important;
2032
+ [dir="rtl"] .x-border-radius--right-04 {
2033
+ border-top-left-radius: var(--x-size-base-04) !important;
1936
2034
  }
1937
- [dir="ltr"] .x-border-radius--right-09 {
1938
- border-top-right-radius: var(--x-size-base-09) !important;
2035
+ [dir="ltr"] .x-border-radius--right-04 {
2036
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1939
2037
  }
1940
- [dir="rtl"] .x-border-radius--right-09 {
1941
- border-top-left-radius: var(--x-size-base-09) !important;
2038
+ [dir="rtl"] .x-border-radius--right-04 {
2039
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1942
2040
  }
1943
- [dir="ltr"] .x-border-radius--right-09 {
1944
- border-bottom-right-radius: var(--x-size-base-09) !important;
2041
+ [dir="ltr"] .x-border-radius--left-04 {
2042
+ border-top-left-radius: var(--x-size-base-04) !important;
1945
2043
  }
1946
- [dir="rtl"] .x-border-radius--right-09 {
1947
- border-bottom-left-radius: var(--x-size-base-09) !important;
2044
+ [dir="rtl"] .x-border-radius--left-04 {
2045
+ border-top-right-radius: var(--x-size-base-04) !important;
1948
2046
  }
1949
- [dir="ltr"] .x-border-radius--left-09 {
1950
- border-top-left-radius: var(--x-size-base-09) !important;
2047
+ [dir="ltr"] .x-border-radius--left-04 {
2048
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1951
2049
  }
1952
- [dir="rtl"] .x-border-radius--left-09 {
1953
- border-top-right-radius: var(--x-size-base-09) !important;
2050
+ [dir="rtl"] .x-border-radius--left-04 {
2051
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1954
2052
  }
1955
- [dir="ltr"] .x-border-radius--left-09 {
1956
- border-bottom-left-radius: var(--x-size-base-09) !important;
2053
+ [dir="ltr"] .x-border-radius--top-left-04 {
2054
+ border-top-left-radius: var(--x-size-base-04) !important;
1957
2055
  }
1958
- [dir="rtl"] .x-border-radius--left-09 {
1959
- border-bottom-right-radius: var(--x-size-base-09) !important;
2056
+ [dir="rtl"] .x-border-radius--top-left-04 {
2057
+ border-top-right-radius: var(--x-size-base-04) !important;
1960
2058
  }
1961
- [dir="ltr"] .x-border-radius--top-left-09 {
1962
- border-top-left-radius: var(--x-size-base-09) !important;
2059
+ [dir="ltr"] .x-border-radius--top-right-04 {
2060
+ border-top-right-radius: var(--x-size-base-04) !important;
1963
2061
  }
1964
- [dir="rtl"] .x-border-radius--top-left-09 {
1965
- border-top-right-radius: var(--x-size-base-09) !important;
2062
+ [dir="rtl"] .x-border-radius--top-right-04 {
2063
+ border-top-left-radius: var(--x-size-base-04) !important;
1966
2064
  }
1967
- [dir="ltr"] .x-border-radius--top-right-09 {
1968
- border-top-right-radius: var(--x-size-base-09) !important;
2065
+ [dir="ltr"] .x-border-radius--bottom-left-04 {
2066
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1969
2067
  }
1970
- [dir="rtl"] .x-border-radius--top-right-09 {
1971
- border-top-left-radius: var(--x-size-base-09) !important;
2068
+ [dir="rtl"] .x-border-radius--bottom-left-04 {
2069
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1972
2070
  }
1973
- [dir="ltr"] .x-border-radius--bottom-left-09 {
1974
- border-bottom-left-radius: var(--x-size-base-09) !important;
2071
+ [dir="ltr"] .x-border-radius--bottom-right-04 {
2072
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1975
2073
  }
1976
- [dir="rtl"] .x-border-radius--bottom-left-09 {
1977
- border-bottom-right-radius: var(--x-size-base-09) !important;
2074
+ [dir="rtl"] .x-border-radius--bottom-right-04 {
2075
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1978
2076
  }
1979
- [dir="ltr"] .x-border-radius--bottom-right-09 {
1980
- border-bottom-right-radius: var(--x-size-base-09) !important;
2077
+ .x-border-radius--05 {
2078
+ border-radius: var(--x-size-base-05) !important;
1981
2079
  }
1982
- [dir="rtl"] .x-border-radius--bottom-right-09 {
1983
- border-bottom-left-radius: var(--x-size-base-09) !important;
2080
+ [dir="ltr"] .x-border-radius--top-05 {
2081
+ border-top-left-radius: var(--x-size-base-05) !important;
1984
2082
  }
1985
- .x-border-radius--10 {
1986
- border-radius: var(--x-size-base-10) !important;
2083
+ [dir="rtl"] .x-border-radius--top-05 {
2084
+ border-top-right-radius: var(--x-size-base-05) !important;
1987
2085
  }
1988
- [dir="ltr"] .x-border-radius--top-10 {
1989
- border-top-left-radius: var(--x-size-base-10) !important;
2086
+ [dir="ltr"] .x-border-radius--top-05 {
2087
+ border-top-right-radius: var(--x-size-base-05) !important;
1990
2088
  }
1991
- [dir="rtl"] .x-border-radius--top-10 {
1992
- border-top-right-radius: var(--x-size-base-10) !important;
2089
+ [dir="rtl"] .x-border-radius--top-05 {
2090
+ border-top-left-radius: var(--x-size-base-05) !important;
1993
2091
  }
1994
- [dir="ltr"] .x-border-radius--top-10 {
1995
- border-top-right-radius: var(--x-size-base-10) !important;
2092
+ [dir="ltr"] .x-border-radius--bottom-05 {
2093
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1996
2094
  }
1997
- [dir="rtl"] .x-border-radius--top-10 {
1998
- border-top-left-radius: var(--x-size-base-10) !important;
2095
+ [dir="rtl"] .x-border-radius--bottom-05 {
2096
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1999
2097
  }
2000
- [dir="ltr"] .x-border-radius--bottom-10 {
2001
- border-bottom-left-radius: var(--x-size-base-10) !important;
2098
+ [dir="ltr"] .x-border-radius--bottom-05 {
2099
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2002
2100
  }
2003
- [dir="rtl"] .x-border-radius--bottom-10 {
2004
- border-bottom-right-radius: var(--x-size-base-10) !important;
2101
+ [dir="rtl"] .x-border-radius--bottom-05 {
2102
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2005
2103
  }
2006
- [dir="ltr"] .x-border-radius--bottom-10 {
2007
- border-bottom-right-radius: var(--x-size-base-10) !important;
2104
+ [dir="ltr"] .x-border-radius--right-05 {
2105
+ border-top-right-radius: var(--x-size-base-05) !important;
2008
2106
  }
2009
- [dir="rtl"] .x-border-radius--bottom-10 {
2010
- border-bottom-left-radius: var(--x-size-base-10) !important;
2107
+ [dir="rtl"] .x-border-radius--right-05 {
2108
+ border-top-left-radius: var(--x-size-base-05) !important;
2011
2109
  }
2012
- [dir="ltr"] .x-border-radius--right-10 {
2013
- border-top-right-radius: var(--x-size-base-10) !important;
2110
+ [dir="ltr"] .x-border-radius--right-05 {
2111
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2014
2112
  }
2015
- [dir="rtl"] .x-border-radius--right-10 {
2016
- border-top-left-radius: var(--x-size-base-10) !important;
2113
+ [dir="rtl"] .x-border-radius--right-05 {
2114
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2017
2115
  }
2018
- [dir="ltr"] .x-border-radius--right-10 {
2019
- border-bottom-right-radius: var(--x-size-base-10) !important;
2116
+ [dir="ltr"] .x-border-radius--left-05 {
2117
+ border-top-left-radius: var(--x-size-base-05) !important;
2020
2118
  }
2021
- [dir="rtl"] .x-border-radius--right-10 {
2022
- border-bottom-left-radius: var(--x-size-base-10) !important;
2119
+ [dir="rtl"] .x-border-radius--left-05 {
2120
+ border-top-right-radius: var(--x-size-base-05) !important;
2023
2121
  }
2024
- [dir="ltr"] .x-border-radius--left-10 {
2025
- border-top-left-radius: var(--x-size-base-10) !important;
2122
+ [dir="ltr"] .x-border-radius--left-05 {
2123
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2026
2124
  }
2027
- [dir="rtl"] .x-border-radius--left-10 {
2028
- border-top-right-radius: var(--x-size-base-10) !important;
2125
+ [dir="rtl"] .x-border-radius--left-05 {
2126
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2029
2127
  }
2030
- [dir="ltr"] .x-border-radius--left-10 {
2031
- border-bottom-left-radius: var(--x-size-base-10) !important;
2128
+ [dir="ltr"] .x-border-radius--top-left-05 {
2129
+ border-top-left-radius: var(--x-size-base-05) !important;
2032
2130
  }
2033
- [dir="rtl"] .x-border-radius--left-10 {
2034
- border-bottom-right-radius: var(--x-size-base-10) !important;
2131
+ [dir="rtl"] .x-border-radius--top-left-05 {
2132
+ border-top-right-radius: var(--x-size-base-05) !important;
2035
2133
  }
2036
- [dir="ltr"] .x-border-radius--top-left-10 {
2037
- border-top-left-radius: var(--x-size-base-10) !important;
2134
+ [dir="ltr"] .x-border-radius--top-right-05 {
2135
+ border-top-right-radius: var(--x-size-base-05) !important;
2038
2136
  }
2039
- [dir="rtl"] .x-border-radius--top-left-10 {
2040
- border-top-right-radius: var(--x-size-base-10) !important;
2137
+ [dir="rtl"] .x-border-radius--top-right-05 {
2138
+ border-top-left-radius: var(--x-size-base-05) !important;
2041
2139
  }
2042
- [dir="ltr"] .x-border-radius--top-right-10 {
2043
- border-top-right-radius: var(--x-size-base-10) !important;
2140
+ [dir="ltr"] .x-border-radius--bottom-left-05 {
2141
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2044
2142
  }
2045
- [dir="rtl"] .x-border-radius--top-right-10 {
2046
- border-top-left-radius: var(--x-size-base-10) !important;
2143
+ [dir="rtl"] .x-border-radius--bottom-left-05 {
2144
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2047
2145
  }
2048
- [dir="ltr"] .x-border-radius--bottom-left-10 {
2049
- border-bottom-left-radius: var(--x-size-base-10) !important;
2146
+ [dir="ltr"] .x-border-radius--bottom-right-05 {
2147
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2050
2148
  }
2051
- [dir="rtl"] .x-border-radius--bottom-left-10 {
2052
- border-bottom-right-radius: var(--x-size-base-10) !important;
2149
+ [dir="rtl"] .x-border-radius--bottom-right-05 {
2150
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2053
2151
  }
2054
- [dir="ltr"] .x-border-radius--bottom-right-10 {
2055
- border-bottom-right-radius: var(--x-size-base-10) !important;
2152
+ .x-border-radius--06 {
2153
+ border-radius: var(--x-size-base-06) !important;
2056
2154
  }
2057
- [dir="rtl"] .x-border-radius--bottom-right-10 {
2058
- border-bottom-left-radius: var(--x-size-base-10) !important;
2155
+ [dir="ltr"] .x-border-radius--top-06 {
2156
+ border-top-left-radius: var(--x-size-base-06) !important;
2059
2157
  }
2060
- .x-border-radius--11 {
2061
- border-radius: var(--x-size-base-11) !important;
2158
+ [dir="rtl"] .x-border-radius--top-06 {
2159
+ border-top-right-radius: var(--x-size-base-06) !important;
2062
2160
  }
2063
- [dir="ltr"] .x-border-radius--top-11 {
2064
- border-top-left-radius: var(--x-size-base-11) !important;
2161
+ [dir="ltr"] .x-border-radius--top-06 {
2162
+ border-top-right-radius: var(--x-size-base-06) !important;
2065
2163
  }
2066
- [dir="rtl"] .x-border-radius--top-11 {
2067
- border-top-right-radius: var(--x-size-base-11) !important;
2164
+ [dir="rtl"] .x-border-radius--top-06 {
2165
+ border-top-left-radius: var(--x-size-base-06) !important;
2068
2166
  }
2069
- [dir="ltr"] .x-border-radius--top-11 {
2070
- border-top-right-radius: var(--x-size-base-11) !important;
2167
+ [dir="ltr"] .x-border-radius--bottom-06 {
2168
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2071
2169
  }
2072
- [dir="rtl"] .x-border-radius--top-11 {
2073
- border-top-left-radius: var(--x-size-base-11) !important;
2170
+ [dir="rtl"] .x-border-radius--bottom-06 {
2171
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2074
2172
  }
2075
- [dir="ltr"] .x-border-radius--bottom-11 {
2076
- border-bottom-left-radius: var(--x-size-base-11) !important;
2173
+ [dir="ltr"] .x-border-radius--bottom-06 {
2174
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2077
2175
  }
2078
- [dir="rtl"] .x-border-radius--bottom-11 {
2079
- border-bottom-right-radius: var(--x-size-base-11) !important;
2176
+ [dir="rtl"] .x-border-radius--bottom-06 {
2177
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2080
2178
  }
2081
- [dir="ltr"] .x-border-radius--bottom-11 {
2082
- border-bottom-right-radius: var(--x-size-base-11) !important;
2179
+ [dir="ltr"] .x-border-radius--right-06 {
2180
+ border-top-right-radius: var(--x-size-base-06) !important;
2083
2181
  }
2084
- [dir="rtl"] .x-border-radius--bottom-11 {
2085
- border-bottom-left-radius: var(--x-size-base-11) !important;
2182
+ [dir="rtl"] .x-border-radius--right-06 {
2183
+ border-top-left-radius: var(--x-size-base-06) !important;
2086
2184
  }
2087
- [dir="ltr"] .x-border-radius--right-11 {
2088
- border-top-right-radius: var(--x-size-base-11) !important;
2185
+ [dir="ltr"] .x-border-radius--right-06 {
2186
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2089
2187
  }
2090
- [dir="rtl"] .x-border-radius--right-11 {
2091
- border-top-left-radius: var(--x-size-base-11) !important;
2188
+ [dir="rtl"] .x-border-radius--right-06 {
2189
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2092
2190
  }
2093
- [dir="ltr"] .x-border-radius--right-11 {
2094
- border-bottom-right-radius: var(--x-size-base-11) !important;
2191
+ [dir="ltr"] .x-border-radius--left-06 {
2192
+ border-top-left-radius: var(--x-size-base-06) !important;
2095
2193
  }
2096
- [dir="rtl"] .x-border-radius--right-11 {
2097
- border-bottom-left-radius: var(--x-size-base-11) !important;
2194
+ [dir="rtl"] .x-border-radius--left-06 {
2195
+ border-top-right-radius: var(--x-size-base-06) !important;
2098
2196
  }
2099
- [dir="ltr"] .x-border-radius--left-11 {
2100
- border-top-left-radius: var(--x-size-base-11) !important;
2197
+ [dir="ltr"] .x-border-radius--left-06 {
2198
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2101
2199
  }
2102
- [dir="rtl"] .x-border-radius--left-11 {
2103
- border-top-right-radius: var(--x-size-base-11) !important;
2200
+ [dir="rtl"] .x-border-radius--left-06 {
2201
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2104
2202
  }
2105
- [dir="ltr"] .x-border-radius--left-11 {
2106
- border-bottom-left-radius: var(--x-size-base-11) !important;
2203
+ [dir="ltr"] .x-border-radius--top-left-06 {
2204
+ border-top-left-radius: var(--x-size-base-06) !important;
2107
2205
  }
2108
- [dir="rtl"] .x-border-radius--left-11 {
2109
- border-bottom-right-radius: var(--x-size-base-11) !important;
2206
+ [dir="rtl"] .x-border-radius--top-left-06 {
2207
+ border-top-right-radius: var(--x-size-base-06) !important;
2110
2208
  }
2111
- [dir="ltr"] .x-border-radius--top-left-11 {
2112
- border-top-left-radius: var(--x-size-base-11) !important;
2209
+ [dir="ltr"] .x-border-radius--top-right-06 {
2210
+ border-top-right-radius: var(--x-size-base-06) !important;
2113
2211
  }
2114
- [dir="rtl"] .x-border-radius--top-left-11 {
2115
- border-top-right-radius: var(--x-size-base-11) !important;
2212
+ [dir="rtl"] .x-border-radius--top-right-06 {
2213
+ border-top-left-radius: var(--x-size-base-06) !important;
2116
2214
  }
2117
- [dir="ltr"] .x-border-radius--top-right-11 {
2118
- border-top-right-radius: var(--x-size-base-11) !important;
2215
+ [dir="ltr"] .x-border-radius--bottom-left-06 {
2216
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2119
2217
  }
2120
- [dir="rtl"] .x-border-radius--top-right-11 {
2121
- border-top-left-radius: var(--x-size-base-11) !important;
2218
+ [dir="rtl"] .x-border-radius--bottom-left-06 {
2219
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2122
2220
  }
2123
- [dir="ltr"] .x-border-radius--bottom-left-11 {
2124
- border-bottom-left-radius: var(--x-size-base-11) !important;
2221
+ [dir="ltr"] .x-border-radius--bottom-right-06 {
2222
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2125
2223
  }
2126
- [dir="rtl"] .x-border-radius--bottom-left-11 {
2127
- border-bottom-right-radius: var(--x-size-base-11) !important;
2224
+ [dir="rtl"] .x-border-radius--bottom-right-06 {
2225
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2128
2226
  }
2129
- [dir="ltr"] .x-border-radius--bottom-right-11 {
2130
- border-bottom-right-radius: var(--x-size-base-11) !important;
2227
+ .x-border-radius--07 {
2228
+ border-radius: var(--x-size-base-07) !important;
2131
2229
  }
2132
- [dir="rtl"] .x-border-radius--bottom-right-11 {
2133
- border-bottom-left-radius: var(--x-size-base-11) !important;
2230
+ [dir="ltr"] .x-border-radius--top-07 {
2231
+ border-top-left-radius: var(--x-size-base-07) !important;
2134
2232
  }
2135
- .x-border-radius--12 {
2136
- border-radius: var(--x-size-base-12) !important;
2233
+ [dir="rtl"] .x-border-radius--top-07 {
2234
+ border-top-right-radius: var(--x-size-base-07) !important;
2137
2235
  }
2138
- [dir="ltr"] .x-border-radius--top-12 {
2139
- border-top-left-radius: var(--x-size-base-12) !important;
2236
+ [dir="ltr"] .x-border-radius--top-07 {
2237
+ border-top-right-radius: var(--x-size-base-07) !important;
2140
2238
  }
2141
- [dir="rtl"] .x-border-radius--top-12 {
2142
- border-top-right-radius: var(--x-size-base-12) !important;
2239
+ [dir="rtl"] .x-border-radius--top-07 {
2240
+ border-top-left-radius: var(--x-size-base-07) !important;
2143
2241
  }
2144
- [dir="ltr"] .x-border-radius--top-12 {
2145
- border-top-right-radius: var(--x-size-base-12) !important;
2242
+ [dir="ltr"] .x-border-radius--bottom-07 {
2243
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2146
2244
  }
2147
- [dir="rtl"] .x-border-radius--top-12 {
2148
- border-top-left-radius: var(--x-size-base-12) !important;
2245
+ [dir="rtl"] .x-border-radius--bottom-07 {
2246
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2149
2247
  }
2150
- [dir="ltr"] .x-border-radius--bottom-12 {
2151
- border-bottom-left-radius: var(--x-size-base-12) !important;
2248
+ [dir="ltr"] .x-border-radius--bottom-07 {
2249
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2152
2250
  }
2153
- [dir="rtl"] .x-border-radius--bottom-12 {
2154
- border-bottom-right-radius: var(--x-size-base-12) !important;
2251
+ [dir="rtl"] .x-border-radius--bottom-07 {
2252
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2155
2253
  }
2156
- [dir="ltr"] .x-border-radius--bottom-12 {
2157
- border-bottom-right-radius: var(--x-size-base-12) !important;
2254
+ [dir="ltr"] .x-border-radius--right-07 {
2255
+ border-top-right-radius: var(--x-size-base-07) !important;
2158
2256
  }
2159
- [dir="rtl"] .x-border-radius--bottom-12 {
2160
- border-bottom-left-radius: var(--x-size-base-12) !important;
2257
+ [dir="rtl"] .x-border-radius--right-07 {
2258
+ border-top-left-radius: var(--x-size-base-07) !important;
2161
2259
  }
2162
- [dir="ltr"] .x-border-radius--right-12 {
2163
- border-top-right-radius: var(--x-size-base-12) !important;
2260
+ [dir="ltr"] .x-border-radius--right-07 {
2261
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2164
2262
  }
2165
- [dir="rtl"] .x-border-radius--right-12 {
2166
- border-top-left-radius: var(--x-size-base-12) !important;
2263
+ [dir="rtl"] .x-border-radius--right-07 {
2264
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2167
2265
  }
2168
- [dir="ltr"] .x-border-radius--right-12 {
2169
- border-bottom-right-radius: var(--x-size-base-12) !important;
2266
+ [dir="ltr"] .x-border-radius--left-07 {
2267
+ border-top-left-radius: var(--x-size-base-07) !important;
2170
2268
  }
2171
- [dir="rtl"] .x-border-radius--right-12 {
2172
- border-bottom-left-radius: var(--x-size-base-12) !important;
2269
+ [dir="rtl"] .x-border-radius--left-07 {
2270
+ border-top-right-radius: var(--x-size-base-07) !important;
2173
2271
  }
2174
- [dir="ltr"] .x-border-radius--left-12 {
2175
- border-top-left-radius: var(--x-size-base-12) !important;
2272
+ [dir="ltr"] .x-border-radius--left-07 {
2273
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2176
2274
  }
2177
- [dir="rtl"] .x-border-radius--left-12 {
2178
- border-top-right-radius: var(--x-size-base-12) !important;
2275
+ [dir="rtl"] .x-border-radius--left-07 {
2276
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2179
2277
  }
2180
- [dir="ltr"] .x-border-radius--left-12 {
2181
- border-bottom-left-radius: var(--x-size-base-12) !important;
2278
+ [dir="ltr"] .x-border-radius--top-left-07 {
2279
+ border-top-left-radius: var(--x-size-base-07) !important;
2182
2280
  }
2183
- [dir="rtl"] .x-border-radius--left-12 {
2184
- border-bottom-right-radius: var(--x-size-base-12) !important;
2281
+ [dir="rtl"] .x-border-radius--top-left-07 {
2282
+ border-top-right-radius: var(--x-size-base-07) !important;
2185
2283
  }
2186
- [dir="ltr"] .x-border-radius--top-left-12 {
2187
- border-top-left-radius: var(--x-size-base-12) !important;
2284
+ [dir="ltr"] .x-border-radius--top-right-07 {
2285
+ border-top-right-radius: var(--x-size-base-07) !important;
2188
2286
  }
2189
- [dir="rtl"] .x-border-radius--top-left-12 {
2190
- border-top-right-radius: var(--x-size-base-12) !important;
2287
+ [dir="rtl"] .x-border-radius--top-right-07 {
2288
+ border-top-left-radius: var(--x-size-base-07) !important;
2191
2289
  }
2192
- [dir="ltr"] .x-border-radius--top-right-12 {
2193
- border-top-right-radius: var(--x-size-base-12) !important;
2290
+ [dir="ltr"] .x-border-radius--bottom-left-07 {
2291
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2194
2292
  }
2195
- [dir="rtl"] .x-border-radius--top-right-12 {
2196
- border-top-left-radius: var(--x-size-base-12) !important;
2293
+ [dir="rtl"] .x-border-radius--bottom-left-07 {
2294
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2197
2295
  }
2198
- [dir="ltr"] .x-border-radius--bottom-left-12 {
2199
- border-bottom-left-radius: var(--x-size-base-12) !important;
2296
+ [dir="ltr"] .x-border-radius--bottom-right-07 {
2297
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2200
2298
  }
2201
- [dir="rtl"] .x-border-radius--bottom-left-12 {
2202
- border-bottom-right-radius: var(--x-size-base-12) !important;
2299
+ [dir="rtl"] .x-border-radius--bottom-right-07 {
2300
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2203
2301
  }
2204
- [dir="ltr"] .x-border-radius--bottom-right-12 {
2205
- border-bottom-right-radius: var(--x-size-base-12) !important;
2302
+ .x-border-radius--08 {
2303
+ border-radius: var(--x-size-base-08) !important;
2206
2304
  }
2207
- [dir="rtl"] .x-border-radius--bottom-right-12 {
2208
- border-bottom-left-radius: var(--x-size-base-12) !important;
2305
+ [dir="ltr"] .x-border-radius--top-08 {
2306
+ border-top-left-radius: var(--x-size-base-08) !important;
2209
2307
  }
2210
- .x-border-radius--13 {
2211
- border-radius: var(--x-size-base-13) !important;
2308
+ [dir="rtl"] .x-border-radius--top-08 {
2309
+ border-top-right-radius: var(--x-size-base-08) !important;
2212
2310
  }
2213
- [dir="ltr"] .x-border-radius--top-13 {
2214
- border-top-left-radius: var(--x-size-base-13) !important;
2311
+ [dir="ltr"] .x-border-radius--top-08 {
2312
+ border-top-right-radius: var(--x-size-base-08) !important;
2215
2313
  }
2216
- [dir="rtl"] .x-border-radius--top-13 {
2217
- border-top-right-radius: var(--x-size-base-13) !important;
2314
+ [dir="rtl"] .x-border-radius--top-08 {
2315
+ border-top-left-radius: var(--x-size-base-08) !important;
2218
2316
  }
2219
- [dir="ltr"] .x-border-radius--top-13 {
2220
- border-top-right-radius: var(--x-size-base-13) !important;
2317
+ [dir="ltr"] .x-border-radius--bottom-08 {
2318
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2221
2319
  }
2222
- [dir="rtl"] .x-border-radius--top-13 {
2223
- border-top-left-radius: var(--x-size-base-13) !important;
2320
+ [dir="rtl"] .x-border-radius--bottom-08 {
2321
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2224
2322
  }
2225
- [dir="ltr"] .x-border-radius--bottom-13 {
2226
- border-bottom-left-radius: var(--x-size-base-13) !important;
2323
+ [dir="ltr"] .x-border-radius--bottom-08 {
2324
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2227
2325
  }
2228
- [dir="rtl"] .x-border-radius--bottom-13 {
2229
- border-bottom-right-radius: var(--x-size-base-13) !important;
2326
+ [dir="rtl"] .x-border-radius--bottom-08 {
2327
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2230
2328
  }
2231
- [dir="ltr"] .x-border-radius--bottom-13 {
2232
- border-bottom-right-radius: var(--x-size-base-13) !important;
2329
+ [dir="ltr"] .x-border-radius--right-08 {
2330
+ border-top-right-radius: var(--x-size-base-08) !important;
2233
2331
  }
2234
- [dir="rtl"] .x-border-radius--bottom-13 {
2235
- border-bottom-left-radius: var(--x-size-base-13) !important;
2332
+ [dir="rtl"] .x-border-radius--right-08 {
2333
+ border-top-left-radius: var(--x-size-base-08) !important;
2236
2334
  }
2237
- [dir="ltr"] .x-border-radius--right-13 {
2238
- border-top-right-radius: var(--x-size-base-13) !important;
2335
+ [dir="ltr"] .x-border-radius--right-08 {
2336
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2239
2337
  }
2240
- [dir="rtl"] .x-border-radius--right-13 {
2241
- border-top-left-radius: var(--x-size-base-13) !important;
2338
+ [dir="rtl"] .x-border-radius--right-08 {
2339
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2242
2340
  }
2243
- [dir="ltr"] .x-border-radius--right-13 {
2244
- border-bottom-right-radius: var(--x-size-base-13) !important;
2341
+ [dir="ltr"] .x-border-radius--left-08 {
2342
+ border-top-left-radius: var(--x-size-base-08) !important;
2245
2343
  }
2246
- [dir="rtl"] .x-border-radius--right-13 {
2247
- border-bottom-left-radius: var(--x-size-base-13) !important;
2344
+ [dir="rtl"] .x-border-radius--left-08 {
2345
+ border-top-right-radius: var(--x-size-base-08) !important;
2248
2346
  }
2249
- [dir="ltr"] .x-border-radius--left-13 {
2250
- border-top-left-radius: var(--x-size-base-13) !important;
2347
+ [dir="ltr"] .x-border-radius--left-08 {
2348
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2251
2349
  }
2252
- [dir="rtl"] .x-border-radius--left-13 {
2253
- border-top-right-radius: var(--x-size-base-13) !important;
2350
+ [dir="rtl"] .x-border-radius--left-08 {
2351
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2254
2352
  }
2255
- [dir="ltr"] .x-border-radius--left-13 {
2256
- border-bottom-left-radius: var(--x-size-base-13) !important;
2353
+ [dir="ltr"] .x-border-radius--top-left-08 {
2354
+ border-top-left-radius: var(--x-size-base-08) !important;
2257
2355
  }
2258
- [dir="rtl"] .x-border-radius--left-13 {
2259
- border-bottom-right-radius: var(--x-size-base-13) !important;
2356
+ [dir="rtl"] .x-border-radius--top-left-08 {
2357
+ border-top-right-radius: var(--x-size-base-08) !important;
2260
2358
  }
2261
- [dir="ltr"] .x-border-radius--top-left-13 {
2262
- border-top-left-radius: var(--x-size-base-13) !important;
2359
+ [dir="ltr"] .x-border-radius--top-right-08 {
2360
+ border-top-right-radius: var(--x-size-base-08) !important;
2263
2361
  }
2264
- [dir="rtl"] .x-border-radius--top-left-13 {
2265
- border-top-right-radius: var(--x-size-base-13) !important;
2362
+ [dir="rtl"] .x-border-radius--top-right-08 {
2363
+ border-top-left-radius: var(--x-size-base-08) !important;
2266
2364
  }
2267
- [dir="ltr"] .x-border-radius--top-right-13 {
2268
- border-top-right-radius: var(--x-size-base-13) !important;
2365
+ [dir="ltr"] .x-border-radius--bottom-left-08 {
2366
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2269
2367
  }
2270
- [dir="rtl"] .x-border-radius--top-right-13 {
2271
- border-top-left-radius: var(--x-size-base-13) !important;
2368
+ [dir="rtl"] .x-border-radius--bottom-left-08 {
2369
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2272
2370
  }
2273
- [dir="ltr"] .x-border-radius--bottom-left-13 {
2274
- border-bottom-left-radius: var(--x-size-base-13) !important;
2371
+ [dir="ltr"] .x-border-radius--bottom-right-08 {
2372
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2275
2373
  }
2276
- [dir="rtl"] .x-border-radius--bottom-left-13 {
2277
- border-bottom-right-radius: var(--x-size-base-13) !important;
2374
+ [dir="rtl"] .x-border-radius--bottom-right-08 {
2375
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2278
2376
  }
2279
- [dir="ltr"] .x-border-radius--bottom-right-13 {
2280
- border-bottom-right-radius: var(--x-size-base-13) !important;
2377
+ .x-border-radius--09 {
2378
+ border-radius: var(--x-size-base-09) !important;
2281
2379
  }
2282
- [dir="rtl"] .x-border-radius--bottom-right-13 {
2283
- border-bottom-left-radius: var(--x-size-base-13) !important;
2380
+ [dir="ltr"] .x-border-radius--top-09 {
2381
+ border-top-left-radius: var(--x-size-base-09) !important;
2284
2382
  }
2285
- .x-border-radius--14 {
2286
- border-radius: var(--x-size-base-14) !important;
2383
+ [dir="rtl"] .x-border-radius--top-09 {
2384
+ border-top-right-radius: var(--x-size-base-09) !important;
2287
2385
  }
2288
- [dir="ltr"] .x-border-radius--top-14 {
2289
- border-top-left-radius: var(--x-size-base-14) !important;
2386
+ [dir="ltr"] .x-border-radius--top-09 {
2387
+ border-top-right-radius: var(--x-size-base-09) !important;
2290
2388
  }
2291
- [dir="rtl"] .x-border-radius--top-14 {
2292
- border-top-right-radius: var(--x-size-base-14) !important;
2389
+ [dir="rtl"] .x-border-radius--top-09 {
2390
+ border-top-left-radius: var(--x-size-base-09) !important;
2293
2391
  }
2294
- [dir="ltr"] .x-border-radius--top-14 {
2295
- border-top-right-radius: var(--x-size-base-14) !important;
2392
+ [dir="ltr"] .x-border-radius--bottom-09 {
2393
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2296
2394
  }
2297
- [dir="rtl"] .x-border-radius--top-14 {
2298
- border-top-left-radius: var(--x-size-base-14) !important;
2395
+ [dir="rtl"] .x-border-radius--bottom-09 {
2396
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2299
2397
  }
2300
- [dir="ltr"] .x-border-radius--bottom-14 {
2301
- border-bottom-left-radius: var(--x-size-base-14) !important;
2398
+ [dir="ltr"] .x-border-radius--bottom-09 {
2399
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2302
2400
  }
2303
- [dir="rtl"] .x-border-radius--bottom-14 {
2304
- border-bottom-right-radius: var(--x-size-base-14) !important;
2401
+ [dir="rtl"] .x-border-radius--bottom-09 {
2402
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2305
2403
  }
2306
- [dir="ltr"] .x-border-radius--bottom-14 {
2307
- border-bottom-right-radius: var(--x-size-base-14) !important;
2404
+ [dir="ltr"] .x-border-radius--right-09 {
2405
+ border-top-right-radius: var(--x-size-base-09) !important;
2308
2406
  }
2309
- [dir="rtl"] .x-border-radius--bottom-14 {
2310
- border-bottom-left-radius: var(--x-size-base-14) !important;
2407
+ [dir="rtl"] .x-border-radius--right-09 {
2408
+ border-top-left-radius: var(--x-size-base-09) !important;
2311
2409
  }
2312
- [dir="ltr"] .x-border-radius--right-14 {
2313
- border-top-right-radius: var(--x-size-base-14) !important;
2410
+ [dir="ltr"] .x-border-radius--right-09 {
2411
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2314
2412
  }
2315
- [dir="rtl"] .x-border-radius--right-14 {
2316
- border-top-left-radius: var(--x-size-base-14) !important;
2413
+ [dir="rtl"] .x-border-radius--right-09 {
2414
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2317
2415
  }
2318
- [dir="ltr"] .x-border-radius--right-14 {
2319
- border-bottom-right-radius: var(--x-size-base-14) !important;
2416
+ [dir="ltr"] .x-border-radius--left-09 {
2417
+ border-top-left-radius: var(--x-size-base-09) !important;
2320
2418
  }
2321
- [dir="rtl"] .x-border-radius--right-14 {
2322
- border-bottom-left-radius: var(--x-size-base-14) !important;
2419
+ [dir="rtl"] .x-border-radius--left-09 {
2420
+ border-top-right-radius: var(--x-size-base-09) !important;
2323
2421
  }
2324
- [dir="ltr"] .x-border-radius--left-14 {
2325
- border-top-left-radius: var(--x-size-base-14) !important;
2422
+ [dir="ltr"] .x-border-radius--left-09 {
2423
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2326
2424
  }
2327
- [dir="rtl"] .x-border-radius--left-14 {
2328
- border-top-right-radius: var(--x-size-base-14) !important;
2425
+ [dir="rtl"] .x-border-radius--left-09 {
2426
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2329
2427
  }
2330
- [dir="ltr"] .x-border-radius--left-14 {
2331
- border-bottom-left-radius: var(--x-size-base-14) !important;
2428
+ [dir="ltr"] .x-border-radius--top-left-09 {
2429
+ border-top-left-radius: var(--x-size-base-09) !important;
2332
2430
  }
2333
- [dir="rtl"] .x-border-radius--left-14 {
2334
- border-bottom-right-radius: var(--x-size-base-14) !important;
2431
+ [dir="rtl"] .x-border-radius--top-left-09 {
2432
+ border-top-right-radius: var(--x-size-base-09) !important;
2335
2433
  }
2336
- [dir="ltr"] .x-border-radius--top-left-14 {
2337
- border-top-left-radius: var(--x-size-base-14) !important;
2434
+ [dir="ltr"] .x-border-radius--top-right-09 {
2435
+ border-top-right-radius: var(--x-size-base-09) !important;
2338
2436
  }
2339
- [dir="rtl"] .x-border-radius--top-left-14 {
2340
- border-top-right-radius: var(--x-size-base-14) !important;
2437
+ [dir="rtl"] .x-border-radius--top-right-09 {
2438
+ border-top-left-radius: var(--x-size-base-09) !important;
2341
2439
  }
2342
- [dir="ltr"] .x-border-radius--top-right-14 {
2343
- border-top-right-radius: var(--x-size-base-14) !important;
2440
+ [dir="ltr"] .x-border-radius--bottom-left-09 {
2441
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2344
2442
  }
2345
- [dir="rtl"] .x-border-radius--top-right-14 {
2346
- border-top-left-radius: var(--x-size-base-14) !important;
2443
+ [dir="rtl"] .x-border-radius--bottom-left-09 {
2444
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2347
2445
  }
2348
- [dir="ltr"] .x-border-radius--bottom-left-14 {
2349
- border-bottom-left-radius: var(--x-size-base-14) !important;
2446
+ [dir="ltr"] .x-border-radius--bottom-right-09 {
2447
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2350
2448
  }
2351
- [dir="rtl"] .x-border-radius--bottom-left-14 {
2352
- border-bottom-right-radius: var(--x-size-base-14) !important;
2449
+ [dir="rtl"] .x-border-radius--bottom-right-09 {
2450
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2353
2451
  }
2354
- [dir="ltr"] .x-border-radius--bottom-right-14 {
2355
- border-bottom-right-radius: var(--x-size-base-14) !important;
2452
+ .x-border-radius--10 {
2453
+ border-radius: var(--x-size-base-10) !important;
2356
2454
  }
2357
- [dir="rtl"] .x-border-radius--bottom-right-14 {
2358
- border-bottom-left-radius: var(--x-size-base-14) !important;
2455
+ [dir="ltr"] .x-border-radius--top-10 {
2456
+ border-top-left-radius: var(--x-size-base-10) !important;
2359
2457
  }
2360
- .x-border-radius--15 {
2361
- border-radius: var(--x-size-base-15) !important;
2458
+ [dir="rtl"] .x-border-radius--top-10 {
2459
+ border-top-right-radius: var(--x-size-base-10) !important;
2362
2460
  }
2363
- [dir="ltr"] .x-border-radius--top-15 {
2364
- border-top-left-radius: var(--x-size-base-15) !important;
2461
+ [dir="ltr"] .x-border-radius--top-10 {
2462
+ border-top-right-radius: var(--x-size-base-10) !important;
2365
2463
  }
2366
- [dir="rtl"] .x-border-radius--top-15 {
2367
- border-top-right-radius: var(--x-size-base-15) !important;
2464
+ [dir="rtl"] .x-border-radius--top-10 {
2465
+ border-top-left-radius: var(--x-size-base-10) !important;
2368
2466
  }
2369
- [dir="ltr"] .x-border-radius--top-15 {
2370
- border-top-right-radius: var(--x-size-base-15) !important;
2467
+ [dir="ltr"] .x-border-radius--bottom-10 {
2468
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2371
2469
  }
2372
- [dir="rtl"] .x-border-radius--top-15 {
2373
- border-top-left-radius: var(--x-size-base-15) !important;
2470
+ [dir="rtl"] .x-border-radius--bottom-10 {
2471
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2374
2472
  }
2375
- [dir="ltr"] .x-border-radius--bottom-15 {
2376
- border-bottom-left-radius: var(--x-size-base-15) !important;
2473
+ [dir="ltr"] .x-border-radius--bottom-10 {
2474
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2377
2475
  }
2378
- [dir="rtl"] .x-border-radius--bottom-15 {
2379
- border-bottom-right-radius: var(--x-size-base-15) !important;
2476
+ [dir="rtl"] .x-border-radius--bottom-10 {
2477
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2380
2478
  }
2381
- [dir="ltr"] .x-border-radius--bottom-15 {
2382
- border-bottom-right-radius: var(--x-size-base-15) !important;
2479
+ [dir="ltr"] .x-border-radius--right-10 {
2480
+ border-top-right-radius: var(--x-size-base-10) !important;
2383
2481
  }
2384
- [dir="rtl"] .x-border-radius--bottom-15 {
2385
- border-bottom-left-radius: var(--x-size-base-15) !important;
2482
+ [dir="rtl"] .x-border-radius--right-10 {
2483
+ border-top-left-radius: var(--x-size-base-10) !important;
2386
2484
  }
2387
- [dir="ltr"] .x-border-radius--right-15 {
2388
- border-top-right-radius: var(--x-size-base-15) !important;
2485
+ [dir="ltr"] .x-border-radius--right-10 {
2486
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2389
2487
  }
2390
- [dir="rtl"] .x-border-radius--right-15 {
2391
- border-top-left-radius: var(--x-size-base-15) !important;
2488
+ [dir="rtl"] .x-border-radius--right-10 {
2489
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2392
2490
  }
2393
- [dir="ltr"] .x-border-radius--right-15 {
2394
- border-bottom-right-radius: var(--x-size-base-15) !important;
2491
+ [dir="ltr"] .x-border-radius--left-10 {
2492
+ border-top-left-radius: var(--x-size-base-10) !important;
2395
2493
  }
2396
- [dir="rtl"] .x-border-radius--right-15 {
2397
- border-bottom-left-radius: var(--x-size-base-15) !important;
2494
+ [dir="rtl"] .x-border-radius--left-10 {
2495
+ border-top-right-radius: var(--x-size-base-10) !important;
2398
2496
  }
2399
- [dir="ltr"] .x-border-radius--left-15 {
2400
- border-top-left-radius: var(--x-size-base-15) !important;
2497
+ [dir="ltr"] .x-border-radius--left-10 {
2498
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2401
2499
  }
2402
- [dir="rtl"] .x-border-radius--left-15 {
2403
- border-top-right-radius: var(--x-size-base-15) !important;
2500
+ [dir="rtl"] .x-border-radius--left-10 {
2501
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2404
2502
  }
2405
- [dir="ltr"] .x-border-radius--left-15 {
2406
- border-bottom-left-radius: var(--x-size-base-15) !important;
2503
+ [dir="ltr"] .x-border-radius--top-left-10 {
2504
+ border-top-left-radius: var(--x-size-base-10) !important;
2407
2505
  }
2408
- [dir="rtl"] .x-border-radius--left-15 {
2409
- border-bottom-right-radius: var(--x-size-base-15) !important;
2506
+ [dir="rtl"] .x-border-radius--top-left-10 {
2507
+ border-top-right-radius: var(--x-size-base-10) !important;
2410
2508
  }
2411
- [dir="ltr"] .x-border-radius--top-left-15 {
2412
- border-top-left-radius: var(--x-size-base-15) !important;
2509
+ [dir="ltr"] .x-border-radius--top-right-10 {
2510
+ border-top-right-radius: var(--x-size-base-10) !important;
2413
2511
  }
2414
- [dir="rtl"] .x-border-radius--top-left-15 {
2415
- border-top-right-radius: var(--x-size-base-15) !important;
2512
+ [dir="rtl"] .x-border-radius--top-right-10 {
2513
+ border-top-left-radius: var(--x-size-base-10) !important;
2416
2514
  }
2417
- [dir="ltr"] .x-border-radius--top-right-15 {
2418
- border-top-right-radius: var(--x-size-base-15) !important;
2515
+ [dir="ltr"] .x-border-radius--bottom-left-10 {
2516
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2419
2517
  }
2420
- [dir="rtl"] .x-border-radius--top-right-15 {
2421
- border-top-left-radius: var(--x-size-base-15) !important;
2518
+ [dir="rtl"] .x-border-radius--bottom-left-10 {
2519
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2422
2520
  }
2423
- [dir="ltr"] .x-border-radius--bottom-left-15 {
2424
- border-bottom-left-radius: var(--x-size-base-15) !important;
2521
+ [dir="ltr"] .x-border-radius--bottom-right-10 {
2522
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2425
2523
  }
2426
- [dir="rtl"] .x-border-radius--bottom-left-15 {
2427
- border-bottom-right-radius: var(--x-size-base-15) !important;
2524
+ [dir="rtl"] .x-border-radius--bottom-right-10 {
2525
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2428
2526
  }
2429
- [dir="ltr"] .x-border-radius--bottom-right-15 {
2430
- border-bottom-right-radius: var(--x-size-base-15) !important;
2527
+ .x-border-radius--11 {
2528
+ border-radius: var(--x-size-base-11) !important;
2431
2529
  }
2432
- [dir="rtl"] .x-border-radius--bottom-right-15 {
2433
- border-bottom-left-radius: var(--x-size-base-15) !important;
2530
+ [dir="ltr"] .x-border-radius--top-11 {
2531
+ border-top-left-radius: var(--x-size-base-11) !important;
2434
2532
  }
2435
- .x-border-radius--16 {
2436
- border-radius: var(--x-size-base-16) !important;
2533
+ [dir="rtl"] .x-border-radius--top-11 {
2534
+ border-top-right-radius: var(--x-size-base-11) !important;
2437
2535
  }
2438
- [dir="ltr"] .x-border-radius--top-16 {
2439
- border-top-left-radius: var(--x-size-base-16) !important;
2536
+ [dir="ltr"] .x-border-radius--top-11 {
2537
+ border-top-right-radius: var(--x-size-base-11) !important;
2440
2538
  }
2441
- [dir="rtl"] .x-border-radius--top-16 {
2442
- border-top-right-radius: var(--x-size-base-16) !important;
2539
+ [dir="rtl"] .x-border-radius--top-11 {
2540
+ border-top-left-radius: var(--x-size-base-11) !important;
2443
2541
  }
2444
- [dir="ltr"] .x-border-radius--top-16 {
2445
- border-top-right-radius: var(--x-size-base-16) !important;
2542
+ [dir="ltr"] .x-border-radius--bottom-11 {
2543
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2446
2544
  }
2447
- [dir="rtl"] .x-border-radius--top-16 {
2448
- border-top-left-radius: var(--x-size-base-16) !important;
2545
+ [dir="rtl"] .x-border-radius--bottom-11 {
2546
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2449
2547
  }
2450
- [dir="ltr"] .x-border-radius--bottom-16 {
2451
- border-bottom-left-radius: var(--x-size-base-16) !important;
2548
+ [dir="ltr"] .x-border-radius--bottom-11 {
2549
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2452
2550
  }
2453
- [dir="rtl"] .x-border-radius--bottom-16 {
2454
- border-bottom-right-radius: var(--x-size-base-16) !important;
2551
+ [dir="rtl"] .x-border-radius--bottom-11 {
2552
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2455
2553
  }
2456
- [dir="ltr"] .x-border-radius--bottom-16 {
2457
- border-bottom-right-radius: var(--x-size-base-16) !important;
2554
+ [dir="ltr"] .x-border-radius--right-11 {
2555
+ border-top-right-radius: var(--x-size-base-11) !important;
2458
2556
  }
2459
- [dir="rtl"] .x-border-radius--bottom-16 {
2460
- border-bottom-left-radius: var(--x-size-base-16) !important;
2557
+ [dir="rtl"] .x-border-radius--right-11 {
2558
+ border-top-left-radius: var(--x-size-base-11) !important;
2461
2559
  }
2462
- [dir="ltr"] .x-border-radius--right-16 {
2463
- border-top-right-radius: var(--x-size-base-16) !important;
2560
+ [dir="ltr"] .x-border-radius--right-11 {
2561
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2464
2562
  }
2465
- [dir="rtl"] .x-border-radius--right-16 {
2466
- border-top-left-radius: var(--x-size-base-16) !important;
2563
+ [dir="rtl"] .x-border-radius--right-11 {
2564
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2467
2565
  }
2468
- [dir="ltr"] .x-border-radius--right-16 {
2469
- border-bottom-right-radius: var(--x-size-base-16) !important;
2566
+ [dir="ltr"] .x-border-radius--left-11 {
2567
+ border-top-left-radius: var(--x-size-base-11) !important;
2470
2568
  }
2471
- [dir="rtl"] .x-border-radius--right-16 {
2472
- border-bottom-left-radius: var(--x-size-base-16) !important;
2569
+ [dir="rtl"] .x-border-radius--left-11 {
2570
+ border-top-right-radius: var(--x-size-base-11) !important;
2473
2571
  }
2474
- [dir="ltr"] .x-border-radius--left-16 {
2475
- border-top-left-radius: var(--x-size-base-16) !important;
2572
+ [dir="ltr"] .x-border-radius--left-11 {
2573
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2476
2574
  }
2477
- [dir="rtl"] .x-border-radius--left-16 {
2478
- border-top-right-radius: var(--x-size-base-16) !important;
2575
+ [dir="rtl"] .x-border-radius--left-11 {
2576
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2479
2577
  }
2480
- [dir="ltr"] .x-border-radius--left-16 {
2481
- border-bottom-left-radius: var(--x-size-base-16) !important;
2578
+ [dir="ltr"] .x-border-radius--top-left-11 {
2579
+ border-top-left-radius: var(--x-size-base-11) !important;
2482
2580
  }
2483
- [dir="rtl"] .x-border-radius--left-16 {
2484
- border-bottom-right-radius: var(--x-size-base-16) !important;
2581
+ [dir="rtl"] .x-border-radius--top-left-11 {
2582
+ border-top-right-radius: var(--x-size-base-11) !important;
2485
2583
  }
2486
- [dir="ltr"] .x-border-radius--top-left-16 {
2487
- border-top-left-radius: var(--x-size-base-16) !important;
2584
+ [dir="ltr"] .x-border-radius--top-right-11 {
2585
+ border-top-right-radius: var(--x-size-base-11) !important;
2488
2586
  }
2489
- [dir="rtl"] .x-border-radius--top-left-16 {
2490
- border-top-right-radius: var(--x-size-base-16) !important;
2587
+ [dir="rtl"] .x-border-radius--top-right-11 {
2588
+ border-top-left-radius: var(--x-size-base-11) !important;
2491
2589
  }
2492
- [dir="ltr"] .x-border-radius--top-right-16 {
2493
- border-top-right-radius: var(--x-size-base-16) !important;
2590
+ [dir="ltr"] .x-border-radius--bottom-left-11 {
2591
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2494
2592
  }
2495
- [dir="rtl"] .x-border-radius--top-right-16 {
2496
- border-top-left-radius: var(--x-size-base-16) !important;
2593
+ [dir="rtl"] .x-border-radius--bottom-left-11 {
2594
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2497
2595
  }
2498
- [dir="ltr"] .x-border-radius--bottom-left-16 {
2499
- border-bottom-left-radius: var(--x-size-base-16) !important;
2596
+ [dir="ltr"] .x-border-radius--bottom-right-11 {
2597
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2500
2598
  }
2501
- [dir="rtl"] .x-border-radius--bottom-left-16 {
2502
- border-bottom-right-radius: var(--x-size-base-16) !important;
2599
+ [dir="rtl"] .x-border-radius--bottom-right-11 {
2600
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2503
2601
  }
2504
- [dir="ltr"] .x-border-radius--bottom-right-16 {
2505
- border-bottom-right-radius: var(--x-size-base-16) !important;
2602
+ .x-border-radius--12 {
2603
+ border-radius: var(--x-size-base-12) !important;
2506
2604
  }
2507
- [dir="rtl"] .x-border-radius--bottom-right-16 {
2508
- border-bottom-left-radius: var(--x-size-base-16) !important;
2605
+ [dir="ltr"] .x-border-radius--top-12 {
2606
+ border-top-left-radius: var(--x-size-base-12) !important;
2509
2607
  }
2510
- .x-border-radius--17 {
2511
- border-radius: var(--x-size-base-17) !important;
2608
+ [dir="rtl"] .x-border-radius--top-12 {
2609
+ border-top-right-radius: var(--x-size-base-12) !important;
2512
2610
  }
2513
- [dir="ltr"] .x-border-radius--top-17 {
2514
- border-top-left-radius: var(--x-size-base-17) !important;
2611
+ [dir="ltr"] .x-border-radius--top-12 {
2612
+ border-top-right-radius: var(--x-size-base-12) !important;
2515
2613
  }
2516
- [dir="rtl"] .x-border-radius--top-17 {
2517
- border-top-right-radius: var(--x-size-base-17) !important;
2614
+ [dir="rtl"] .x-border-radius--top-12 {
2615
+ border-top-left-radius: var(--x-size-base-12) !important;
2518
2616
  }
2519
- [dir="ltr"] .x-border-radius--top-17 {
2520
- border-top-right-radius: var(--x-size-base-17) !important;
2617
+ [dir="ltr"] .x-border-radius--bottom-12 {
2618
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2521
2619
  }
2522
- [dir="rtl"] .x-border-radius--top-17 {
2523
- border-top-left-radius: var(--x-size-base-17) !important;
2620
+ [dir="rtl"] .x-border-radius--bottom-12 {
2621
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2524
2622
  }
2525
- [dir="ltr"] .x-border-radius--bottom-17 {
2526
- border-bottom-left-radius: var(--x-size-base-17) !important;
2623
+ [dir="ltr"] .x-border-radius--bottom-12 {
2624
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2527
2625
  }
2528
- [dir="rtl"] .x-border-radius--bottom-17 {
2529
- border-bottom-right-radius: var(--x-size-base-17) !important;
2626
+ [dir="rtl"] .x-border-radius--bottom-12 {
2627
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2530
2628
  }
2531
- [dir="ltr"] .x-border-radius--bottom-17 {
2532
- border-bottom-right-radius: var(--x-size-base-17) !important;
2629
+ [dir="ltr"] .x-border-radius--right-12 {
2630
+ border-top-right-radius: var(--x-size-base-12) !important;
2533
2631
  }
2534
- [dir="rtl"] .x-border-radius--bottom-17 {
2535
- border-bottom-left-radius: var(--x-size-base-17) !important;
2632
+ [dir="rtl"] .x-border-radius--right-12 {
2633
+ border-top-left-radius: var(--x-size-base-12) !important;
2536
2634
  }
2537
- [dir="ltr"] .x-border-radius--right-17 {
2538
- border-top-right-radius: var(--x-size-base-17) !important;
2635
+ [dir="ltr"] .x-border-radius--right-12 {
2636
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2539
2637
  }
2540
- [dir="rtl"] .x-border-radius--right-17 {
2541
- border-top-left-radius: var(--x-size-base-17) !important;
2638
+ [dir="rtl"] .x-border-radius--right-12 {
2639
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2542
2640
  }
2543
- [dir="ltr"] .x-border-radius--right-17 {
2544
- border-bottom-right-radius: var(--x-size-base-17) !important;
2641
+ [dir="ltr"] .x-border-radius--left-12 {
2642
+ border-top-left-radius: var(--x-size-base-12) !important;
2545
2643
  }
2546
- [dir="rtl"] .x-border-radius--right-17 {
2547
- border-bottom-left-radius: var(--x-size-base-17) !important;
2644
+ [dir="rtl"] .x-border-radius--left-12 {
2645
+ border-top-right-radius: var(--x-size-base-12) !important;
2548
2646
  }
2549
- [dir="ltr"] .x-border-radius--left-17 {
2550
- border-top-left-radius: var(--x-size-base-17) !important;
2647
+ [dir="ltr"] .x-border-radius--left-12 {
2648
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2551
2649
  }
2552
- [dir="rtl"] .x-border-radius--left-17 {
2553
- border-top-right-radius: var(--x-size-base-17) !important;
2650
+ [dir="rtl"] .x-border-radius--left-12 {
2651
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2554
2652
  }
2555
- [dir="ltr"] .x-border-radius--left-17 {
2556
- border-bottom-left-radius: var(--x-size-base-17) !important;
2653
+ [dir="ltr"] .x-border-radius--top-left-12 {
2654
+ border-top-left-radius: var(--x-size-base-12) !important;
2557
2655
  }
2558
- [dir="rtl"] .x-border-radius--left-17 {
2559
- border-bottom-right-radius: var(--x-size-base-17) !important;
2656
+ [dir="rtl"] .x-border-radius--top-left-12 {
2657
+ border-top-right-radius: var(--x-size-base-12) !important;
2560
2658
  }
2561
- [dir="ltr"] .x-border-radius--top-left-17 {
2562
- border-top-left-radius: var(--x-size-base-17) !important;
2659
+ [dir="ltr"] .x-border-radius--top-right-12 {
2660
+ border-top-right-radius: var(--x-size-base-12) !important;
2563
2661
  }
2564
- [dir="rtl"] .x-border-radius--top-left-17 {
2565
- border-top-right-radius: var(--x-size-base-17) !important;
2662
+ [dir="rtl"] .x-border-radius--top-right-12 {
2663
+ border-top-left-radius: var(--x-size-base-12) !important;
2566
2664
  }
2567
- [dir="ltr"] .x-border-radius--top-right-17 {
2568
- border-top-right-radius: var(--x-size-base-17) !important;
2665
+ [dir="ltr"] .x-border-radius--bottom-left-12 {
2666
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2569
2667
  }
2570
- [dir="rtl"] .x-border-radius--top-right-17 {
2571
- border-top-left-radius: var(--x-size-base-17) !important;
2668
+ [dir="rtl"] .x-border-radius--bottom-left-12 {
2669
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2572
2670
  }
2573
- [dir="ltr"] .x-border-radius--bottom-left-17 {
2574
- border-bottom-left-radius: var(--x-size-base-17) !important;
2671
+ [dir="ltr"] .x-border-radius--bottom-right-12 {
2672
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2575
2673
  }
2576
- [dir="rtl"] .x-border-radius--bottom-left-17 {
2577
- border-bottom-right-radius: var(--x-size-base-17) !important;
2674
+ [dir="rtl"] .x-border-radius--bottom-right-12 {
2675
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2578
2676
  }
2579
- [dir="ltr"] .x-border-radius--bottom-right-17 {
2580
- border-bottom-right-radius: var(--x-size-base-17) !important;
2677
+ .x-border-radius--13 {
2678
+ border-radius: var(--x-size-base-13) !important;
2581
2679
  }
2582
- [dir="rtl"] .x-border-radius--bottom-right-17 {
2583
- border-bottom-left-radius: var(--x-size-base-17) !important;
2680
+ [dir="ltr"] .x-border-radius--top-13 {
2681
+ border-top-left-radius: var(--x-size-base-13) !important;
2584
2682
  }
2585
- .x-border-radius--18 {
2586
- border-radius: var(--x-size-base-18) !important;
2683
+ [dir="rtl"] .x-border-radius--top-13 {
2684
+ border-top-right-radius: var(--x-size-base-13) !important;
2587
2685
  }
2588
- [dir="ltr"] .x-border-radius--top-18 {
2589
- border-top-left-radius: var(--x-size-base-18) !important;
2686
+ [dir="ltr"] .x-border-radius--top-13 {
2687
+ border-top-right-radius: var(--x-size-base-13) !important;
2590
2688
  }
2591
- [dir="rtl"] .x-border-radius--top-18 {
2592
- border-top-right-radius: var(--x-size-base-18) !important;
2689
+ [dir="rtl"] .x-border-radius--top-13 {
2690
+ border-top-left-radius: var(--x-size-base-13) !important;
2593
2691
  }
2594
- [dir="ltr"] .x-border-radius--top-18 {
2595
- border-top-right-radius: var(--x-size-base-18) !important;
2692
+ [dir="ltr"] .x-border-radius--bottom-13 {
2693
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2596
2694
  }
2597
- [dir="rtl"] .x-border-radius--top-18 {
2598
- border-top-left-radius: var(--x-size-base-18) !important;
2695
+ [dir="rtl"] .x-border-radius--bottom-13 {
2696
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2599
2697
  }
2600
- [dir="ltr"] .x-border-radius--bottom-18 {
2601
- border-bottom-left-radius: var(--x-size-base-18) !important;
2698
+ [dir="ltr"] .x-border-radius--bottom-13 {
2699
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2602
2700
  }
2603
- [dir="rtl"] .x-border-radius--bottom-18 {
2604
- border-bottom-right-radius: var(--x-size-base-18) !important;
2701
+ [dir="rtl"] .x-border-radius--bottom-13 {
2702
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2605
2703
  }
2606
- [dir="ltr"] .x-border-radius--bottom-18 {
2607
- border-bottom-right-radius: var(--x-size-base-18) !important;
2704
+ [dir="ltr"] .x-border-radius--right-13 {
2705
+ border-top-right-radius: var(--x-size-base-13) !important;
2608
2706
  }
2609
- [dir="rtl"] .x-border-radius--bottom-18 {
2610
- border-bottom-left-radius: var(--x-size-base-18) !important;
2707
+ [dir="rtl"] .x-border-radius--right-13 {
2708
+ border-top-left-radius: var(--x-size-base-13) !important;
2611
2709
  }
2612
- [dir="ltr"] .x-border-radius--right-18 {
2613
- border-top-right-radius: var(--x-size-base-18) !important;
2710
+ [dir="ltr"] .x-border-radius--right-13 {
2711
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2614
2712
  }
2615
- [dir="rtl"] .x-border-radius--right-18 {
2616
- border-top-left-radius: var(--x-size-base-18) !important;
2713
+ [dir="rtl"] .x-border-radius--right-13 {
2714
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2617
2715
  }
2618
- [dir="ltr"] .x-border-radius--right-18 {
2619
- border-bottom-right-radius: var(--x-size-base-18) !important;
2716
+ [dir="ltr"] .x-border-radius--left-13 {
2717
+ border-top-left-radius: var(--x-size-base-13) !important;
2620
2718
  }
2621
- [dir="rtl"] .x-border-radius--right-18 {
2622
- border-bottom-left-radius: var(--x-size-base-18) !important;
2719
+ [dir="rtl"] .x-border-radius--left-13 {
2720
+ border-top-right-radius: var(--x-size-base-13) !important;
2623
2721
  }
2624
- [dir="ltr"] .x-border-radius--left-18 {
2625
- border-top-left-radius: var(--x-size-base-18) !important;
2722
+ [dir="ltr"] .x-border-radius--left-13 {
2723
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2626
2724
  }
2627
- [dir="rtl"] .x-border-radius--left-18 {
2628
- border-top-right-radius: var(--x-size-base-18) !important;
2725
+ [dir="rtl"] .x-border-radius--left-13 {
2726
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2629
2727
  }
2630
- [dir="ltr"] .x-border-radius--left-18 {
2631
- border-bottom-left-radius: var(--x-size-base-18) !important;
2728
+ [dir="ltr"] .x-border-radius--top-left-13 {
2729
+ border-top-left-radius: var(--x-size-base-13) !important;
2632
2730
  }
2633
- [dir="rtl"] .x-border-radius--left-18 {
2634
- border-bottom-right-radius: var(--x-size-base-18) !important;
2731
+ [dir="rtl"] .x-border-radius--top-left-13 {
2732
+ border-top-right-radius: var(--x-size-base-13) !important;
2635
2733
  }
2636
- [dir="ltr"] .x-border-radius--top-left-18 {
2637
- border-top-left-radius: var(--x-size-base-18) !important;
2734
+ [dir="ltr"] .x-border-radius--top-right-13 {
2735
+ border-top-right-radius: var(--x-size-base-13) !important;
2638
2736
  }
2639
- [dir="rtl"] .x-border-radius--top-left-18 {
2640
- border-top-right-radius: var(--x-size-base-18) !important;
2737
+ [dir="rtl"] .x-border-radius--top-right-13 {
2738
+ border-top-left-radius: var(--x-size-base-13) !important;
2641
2739
  }
2642
- [dir="ltr"] .x-border-radius--top-right-18 {
2643
- border-top-right-radius: var(--x-size-base-18) !important;
2740
+ [dir="ltr"] .x-border-radius--bottom-left-13 {
2741
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2644
2742
  }
2645
- [dir="rtl"] .x-border-radius--top-right-18 {
2646
- border-top-left-radius: var(--x-size-base-18) !important;
2743
+ [dir="rtl"] .x-border-radius--bottom-left-13 {
2744
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2647
2745
  }
2648
- [dir="ltr"] .x-border-radius--bottom-left-18 {
2649
- border-bottom-left-radius: var(--x-size-base-18) !important;
2746
+ [dir="ltr"] .x-border-radius--bottom-right-13 {
2747
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2650
2748
  }
2651
- [dir="rtl"] .x-border-radius--bottom-left-18 {
2652
- border-bottom-right-radius: var(--x-size-base-18) !important;
2749
+ [dir="rtl"] .x-border-radius--bottom-right-13 {
2750
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2653
2751
  }
2654
- [dir="ltr"] .x-border-radius--bottom-right-18 {
2655
- border-bottom-right-radius: var(--x-size-base-18) !important;
2752
+ .x-border-radius--14 {
2753
+ border-radius: var(--x-size-base-14) !important;
2656
2754
  }
2657
- [dir="rtl"] .x-border-radius--bottom-right-18 {
2658
- border-bottom-left-radius: var(--x-size-base-18) !important;
2755
+ [dir="ltr"] .x-border-radius--top-14 {
2756
+ border-top-left-radius: var(--x-size-base-14) !important;
2659
2757
  }
2660
- .x-border-radius--19 {
2661
- border-radius: var(--x-size-base-19) !important;
2758
+ [dir="rtl"] .x-border-radius--top-14 {
2759
+ border-top-right-radius: var(--x-size-base-14) !important;
2662
2760
  }
2663
- [dir="ltr"] .x-border-radius--top-19 {
2664
- border-top-left-radius: var(--x-size-base-19) !important;
2761
+ [dir="ltr"] .x-border-radius--top-14 {
2762
+ border-top-right-radius: var(--x-size-base-14) !important;
2665
2763
  }
2666
- [dir="rtl"] .x-border-radius--top-19 {
2667
- border-top-right-radius: var(--x-size-base-19) !important;
2764
+ [dir="rtl"] .x-border-radius--top-14 {
2765
+ border-top-left-radius: var(--x-size-base-14) !important;
2668
2766
  }
2669
- [dir="ltr"] .x-border-radius--top-19 {
2670
- border-top-right-radius: var(--x-size-base-19) !important;
2767
+ [dir="ltr"] .x-border-radius--bottom-14 {
2768
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2671
2769
  }
2672
- [dir="rtl"] .x-border-radius--top-19 {
2673
- border-top-left-radius: var(--x-size-base-19) !important;
2770
+ [dir="rtl"] .x-border-radius--bottom-14 {
2771
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2674
2772
  }
2675
- [dir="ltr"] .x-border-radius--bottom-19 {
2676
- border-bottom-left-radius: var(--x-size-base-19) !important;
2773
+ [dir="ltr"] .x-border-radius--bottom-14 {
2774
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2677
2775
  }
2678
- [dir="rtl"] .x-border-radius--bottom-19 {
2679
- border-bottom-right-radius: var(--x-size-base-19) !important;
2776
+ [dir="rtl"] .x-border-radius--bottom-14 {
2777
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2680
2778
  }
2681
- [dir="ltr"] .x-border-radius--bottom-19 {
2682
- border-bottom-right-radius: var(--x-size-base-19) !important;
2779
+ [dir="ltr"] .x-border-radius--right-14 {
2780
+ border-top-right-radius: var(--x-size-base-14) !important;
2683
2781
  }
2684
- [dir="rtl"] .x-border-radius--bottom-19 {
2685
- border-bottom-left-radius: var(--x-size-base-19) !important;
2782
+ [dir="rtl"] .x-border-radius--right-14 {
2783
+ border-top-left-radius: var(--x-size-base-14) !important;
2686
2784
  }
2687
- [dir="ltr"] .x-border-radius--right-19 {
2688
- border-top-right-radius: var(--x-size-base-19) !important;
2785
+ [dir="ltr"] .x-border-radius--right-14 {
2786
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2689
2787
  }
2690
- [dir="rtl"] .x-border-radius--right-19 {
2691
- border-top-left-radius: var(--x-size-base-19) !important;
2788
+ [dir="rtl"] .x-border-radius--right-14 {
2789
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2692
2790
  }
2693
- [dir="ltr"] .x-border-radius--right-19 {
2694
- border-bottom-right-radius: var(--x-size-base-19) !important;
2791
+ [dir="ltr"] .x-border-radius--left-14 {
2792
+ border-top-left-radius: var(--x-size-base-14) !important;
2695
2793
  }
2696
- [dir="rtl"] .x-border-radius--right-19 {
2697
- border-bottom-left-radius: var(--x-size-base-19) !important;
2794
+ [dir="rtl"] .x-border-radius--left-14 {
2795
+ border-top-right-radius: var(--x-size-base-14) !important;
2698
2796
  }
2699
- [dir="ltr"] .x-border-radius--left-19 {
2700
- border-top-left-radius: var(--x-size-base-19) !important;
2797
+ [dir="ltr"] .x-border-radius--left-14 {
2798
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2701
2799
  }
2702
- [dir="rtl"] .x-border-radius--left-19 {
2703
- border-top-right-radius: var(--x-size-base-19) !important;
2800
+ [dir="rtl"] .x-border-radius--left-14 {
2801
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2704
2802
  }
2705
- [dir="ltr"] .x-border-radius--left-19 {
2706
- border-bottom-left-radius: var(--x-size-base-19) !important;
2803
+ [dir="ltr"] .x-border-radius--top-left-14 {
2804
+ border-top-left-radius: var(--x-size-base-14) !important;
2707
2805
  }
2708
- [dir="rtl"] .x-border-radius--left-19 {
2709
- border-bottom-right-radius: var(--x-size-base-19) !important;
2806
+ [dir="rtl"] .x-border-radius--top-left-14 {
2807
+ border-top-right-radius: var(--x-size-base-14) !important;
2710
2808
  }
2711
- [dir="ltr"] .x-border-radius--top-left-19 {
2712
- border-top-left-radius: var(--x-size-base-19) !important;
2809
+ [dir="ltr"] .x-border-radius--top-right-14 {
2810
+ border-top-right-radius: var(--x-size-base-14) !important;
2713
2811
  }
2714
- [dir="rtl"] .x-border-radius--top-left-19 {
2715
- border-top-right-radius: var(--x-size-base-19) !important;
2812
+ [dir="rtl"] .x-border-radius--top-right-14 {
2813
+ border-top-left-radius: var(--x-size-base-14) !important;
2716
2814
  }
2717
- [dir="ltr"] .x-border-radius--top-right-19 {
2718
- border-top-right-radius: var(--x-size-base-19) !important;
2815
+ [dir="ltr"] .x-border-radius--bottom-left-14 {
2816
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2719
2817
  }
2720
- [dir="rtl"] .x-border-radius--top-right-19 {
2721
- border-top-left-radius: var(--x-size-base-19) !important;
2818
+ [dir="rtl"] .x-border-radius--bottom-left-14 {
2819
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2722
2820
  }
2723
- [dir="ltr"] .x-border-radius--bottom-left-19 {
2724
- border-bottom-left-radius: var(--x-size-base-19) !important;
2821
+ [dir="ltr"] .x-border-radius--bottom-right-14 {
2822
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2725
2823
  }
2726
- [dir="rtl"] .x-border-radius--bottom-left-19 {
2727
- border-bottom-right-radius: var(--x-size-base-19) !important;
2824
+ [dir="rtl"] .x-border-radius--bottom-right-14 {
2825
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2728
2826
  }
2729
- [dir="ltr"] .x-border-radius--bottom-right-19 {
2730
- border-bottom-right-radius: var(--x-size-base-19) !important;
2827
+ .x-border-radius--15 {
2828
+ border-radius: var(--x-size-base-15) !important;
2731
2829
  }
2732
- [dir="rtl"] .x-border-radius--bottom-right-19 {
2733
- border-bottom-left-radius: var(--x-size-base-19) !important;
2830
+ [dir="ltr"] .x-border-radius--top-15 {
2831
+ border-top-left-radius: var(--x-size-base-15) !important;
2734
2832
  }
2735
- .x-border-radius--20 {
2736
- border-radius: var(--x-size-base-20) !important;
2833
+ [dir="rtl"] .x-border-radius--top-15 {
2834
+ border-top-right-radius: var(--x-size-base-15) !important;
2737
2835
  }
2738
- [dir="ltr"] .x-border-radius--top-20 {
2739
- border-top-left-radius: var(--x-size-base-20) !important;
2836
+ [dir="ltr"] .x-border-radius--top-15 {
2837
+ border-top-right-radius: var(--x-size-base-15) !important;
2740
2838
  }
2741
- [dir="rtl"] .x-border-radius--top-20 {
2742
- border-top-right-radius: var(--x-size-base-20) !important;
2839
+ [dir="rtl"] .x-border-radius--top-15 {
2840
+ border-top-left-radius: var(--x-size-base-15) !important;
2743
2841
  }
2744
- [dir="ltr"] .x-border-radius--top-20 {
2745
- border-top-right-radius: var(--x-size-base-20) !important;
2842
+ [dir="ltr"] .x-border-radius--bottom-15 {
2843
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2746
2844
  }
2747
- [dir="rtl"] .x-border-radius--top-20 {
2748
- border-top-left-radius: var(--x-size-base-20) !important;
2845
+ [dir="rtl"] .x-border-radius--bottom-15 {
2846
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2749
2847
  }
2750
- [dir="ltr"] .x-border-radius--bottom-20 {
2751
- border-bottom-left-radius: var(--x-size-base-20) !important;
2848
+ [dir="ltr"] .x-border-radius--bottom-15 {
2849
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2752
2850
  }
2753
- [dir="rtl"] .x-border-radius--bottom-20 {
2754
- border-bottom-right-radius: var(--x-size-base-20) !important;
2851
+ [dir="rtl"] .x-border-radius--bottom-15 {
2852
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2755
2853
  }
2756
- [dir="ltr"] .x-border-radius--bottom-20 {
2757
- border-bottom-right-radius: var(--x-size-base-20) !important;
2854
+ [dir="ltr"] .x-border-radius--right-15 {
2855
+ border-top-right-radius: var(--x-size-base-15) !important;
2758
2856
  }
2759
- [dir="rtl"] .x-border-radius--bottom-20 {
2760
- border-bottom-left-radius: var(--x-size-base-20) !important;
2857
+ [dir="rtl"] .x-border-radius--right-15 {
2858
+ border-top-left-radius: var(--x-size-base-15) !important;
2761
2859
  }
2762
- [dir="ltr"] .x-border-radius--right-20 {
2763
- border-top-right-radius: var(--x-size-base-20) !important;
2860
+ [dir="ltr"] .x-border-radius--right-15 {
2861
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2764
2862
  }
2765
- [dir="rtl"] .x-border-radius--right-20 {
2766
- border-top-left-radius: var(--x-size-base-20) !important;
2863
+ [dir="rtl"] .x-border-radius--right-15 {
2864
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2767
2865
  }
2768
- [dir="ltr"] .x-border-radius--right-20 {
2769
- border-bottom-right-radius: var(--x-size-base-20) !important;
2866
+ [dir="ltr"] .x-border-radius--left-15 {
2867
+ border-top-left-radius: var(--x-size-base-15) !important;
2770
2868
  }
2771
- [dir="rtl"] .x-border-radius--right-20 {
2772
- border-bottom-left-radius: var(--x-size-base-20) !important;
2869
+ [dir="rtl"] .x-border-radius--left-15 {
2870
+ border-top-right-radius: var(--x-size-base-15) !important;
2773
2871
  }
2774
- [dir="ltr"] .x-border-radius--left-20 {
2775
- border-top-left-radius: var(--x-size-base-20) !important;
2872
+ [dir="ltr"] .x-border-radius--left-15 {
2873
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2776
2874
  }
2777
- [dir="rtl"] .x-border-radius--left-20 {
2778
- border-top-right-radius: var(--x-size-base-20) !important;
2875
+ [dir="rtl"] .x-border-radius--left-15 {
2876
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2779
2877
  }
2780
- [dir="ltr"] .x-border-radius--left-20 {
2781
- border-bottom-left-radius: var(--x-size-base-20) !important;
2878
+ [dir="ltr"] .x-border-radius--top-left-15 {
2879
+ border-top-left-radius: var(--x-size-base-15) !important;
2782
2880
  }
2783
- [dir="rtl"] .x-border-radius--left-20 {
2784
- border-bottom-right-radius: var(--x-size-base-20) !important;
2881
+ [dir="rtl"] .x-border-radius--top-left-15 {
2882
+ border-top-right-radius: var(--x-size-base-15) !important;
2785
2883
  }
2786
- [dir="ltr"] .x-border-radius--top-left-20 {
2787
- border-top-left-radius: var(--x-size-base-20) !important;
2884
+ [dir="ltr"] .x-border-radius--top-right-15 {
2885
+ border-top-right-radius: var(--x-size-base-15) !important;
2788
2886
  }
2789
- [dir="rtl"] .x-border-radius--top-left-20 {
2790
- border-top-right-radius: var(--x-size-base-20) !important;
2887
+ [dir="rtl"] .x-border-radius--top-right-15 {
2888
+ border-top-left-radius: var(--x-size-base-15) !important;
2791
2889
  }
2792
- [dir="ltr"] .x-border-radius--top-right-20 {
2793
- border-top-right-radius: var(--x-size-base-20) !important;
2890
+ [dir="ltr"] .x-border-radius--bottom-left-15 {
2891
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2794
2892
  }
2795
- [dir="rtl"] .x-border-radius--top-right-20 {
2796
- border-top-left-radius: var(--x-size-base-20) !important;
2893
+ [dir="rtl"] .x-border-radius--bottom-left-15 {
2894
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2797
2895
  }
2798
- [dir="ltr"] .x-border-radius--bottom-left-20 {
2799
- border-bottom-left-radius: var(--x-size-base-20) !important;
2896
+ [dir="ltr"] .x-border-radius--bottom-right-15 {
2897
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2800
2898
  }
2801
- [dir="rtl"] .x-border-radius--bottom-left-20 {
2802
- border-bottom-right-radius: var(--x-size-base-20) !important;
2899
+ [dir="rtl"] .x-border-radius--bottom-right-15 {
2900
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2803
2901
  }
2804
- [dir="ltr"] .x-border-radius--bottom-right-20 {
2805
- border-bottom-right-radius: var(--x-size-base-20) !important;
2902
+ .x-border-radius--16 {
2903
+ border-radius: var(--x-size-base-16) !important;
2806
2904
  }
2807
- [dir="rtl"] .x-border-radius--bottom-right-20 {
2808
- border-bottom-left-radius: var(--x-size-base-20) !important;
2905
+ [dir="ltr"] .x-border-radius--top-16 {
2906
+ border-top-left-radius: var(--x-size-base-16) !important;
2809
2907
  }
2810
- *[class*=x-border-width--] {
2811
- border-width: 0;
2908
+ [dir="rtl"] .x-border-radius--top-16 {
2909
+ border-top-right-radius: var(--x-size-base-16) !important;
2812
2910
  }
2813
-
2814
- .x-border-width--00 {
2815
- border-width: 0px !important;
2816
- border-style: solid !important;
2911
+ [dir="ltr"] .x-border-radius--top-16 {
2912
+ border-top-right-radius: var(--x-size-base-16) !important;
2817
2913
  }
2818
- .x-border-width--top-00 {
2819
- border-top-width: 0px !important;
2820
- border-style: solid !important;
2914
+ [dir="rtl"] .x-border-radius--top-16 {
2915
+ border-top-left-radius: var(--x-size-base-16) !important;
2821
2916
  }
2822
- .x-border-width--bottom-00 {
2823
- border-bottom-width: 0px !important;
2824
- border-style: solid !important;
2917
+ [dir="ltr"] .x-border-radius--bottom-16 {
2918
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2825
2919
  }
2826
- [dir="ltr"] .x-border-width--right-00 {
2827
- border-right-width: 0px !important;
2920
+ [dir="rtl"] .x-border-radius--bottom-16 {
2921
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2828
2922
  }
2829
- [dir="rtl"] .x-border-width--right-00 {
2830
- border-left-width: 0px !important;
2923
+ [dir="ltr"] .x-border-radius--bottom-16 {
2924
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2831
2925
  }
2832
- .x-border-width--right-00 {
2833
- border-style: solid !important;
2926
+ [dir="rtl"] .x-border-radius--bottom-16 {
2927
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2834
2928
  }
2835
- [dir="ltr"] .x-border-width--left-00 {
2836
- border-left-width: 0px !important;
2929
+ [dir="ltr"] .x-border-radius--right-16 {
2930
+ border-top-right-radius: var(--x-size-base-16) !important;
2837
2931
  }
2838
- [dir="rtl"] .x-border-width--left-00 {
2839
- border-right-width: 0px !important;
2932
+ [dir="rtl"] .x-border-radius--right-16 {
2933
+ border-top-left-radius: var(--x-size-base-16) !important;
2840
2934
  }
2841
- .x-border-width--left-00 {
2842
- border-style: solid !important;
2935
+ [dir="ltr"] .x-border-radius--right-16 {
2936
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2843
2937
  }
2844
- .x-border-width--01 {
2845
- border-width: 1px !important;
2846
- border-style: solid !important;
2938
+ [dir="rtl"] .x-border-radius--right-16 {
2939
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2847
2940
  }
2848
- .x-border-width--top-01 {
2849
- border-top-width: 1px !important;
2850
- border-style: solid !important;
2941
+ [dir="ltr"] .x-border-radius--left-16 {
2942
+ border-top-left-radius: var(--x-size-base-16) !important;
2851
2943
  }
2852
- .x-border-width--bottom-01 {
2853
- border-bottom-width: 1px !important;
2854
- border-style: solid !important;
2944
+ [dir="rtl"] .x-border-radius--left-16 {
2945
+ border-top-right-radius: var(--x-size-base-16) !important;
2855
2946
  }
2856
- [dir="ltr"] .x-border-width--right-01 {
2857
- border-right-width: 1px !important;
2947
+ [dir="ltr"] .x-border-radius--left-16 {
2948
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2858
2949
  }
2859
- [dir="rtl"] .x-border-width--right-01 {
2860
- border-left-width: 1px !important;
2950
+ [dir="rtl"] .x-border-radius--left-16 {
2951
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2861
2952
  }
2862
- .x-border-width--right-01 {
2863
- border-style: solid !important;
2953
+ [dir="ltr"] .x-border-radius--top-left-16 {
2954
+ border-top-left-radius: var(--x-size-base-16) !important;
2864
2955
  }
2865
- [dir="ltr"] .x-border-width--left-01 {
2866
- border-left-width: 1px !important;
2956
+ [dir="rtl"] .x-border-radius--top-left-16 {
2957
+ border-top-right-radius: var(--x-size-base-16) !important;
2867
2958
  }
2868
- [dir="rtl"] .x-border-width--left-01 {
2869
- border-right-width: 1px !important;
2959
+ [dir="ltr"] .x-border-radius--top-right-16 {
2960
+ border-top-right-radius: var(--x-size-base-16) !important;
2870
2961
  }
2871
- .x-border-width--left-01 {
2872
- border-style: solid !important;
2962
+ [dir="rtl"] .x-border-radius--top-right-16 {
2963
+ border-top-left-radius: var(--x-size-base-16) !important;
2873
2964
  }
2874
- .x-border-width--02 {
2875
- border-width: 2px !important;
2876
- border-style: solid !important;
2965
+ [dir="ltr"] .x-border-radius--bottom-left-16 {
2966
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2877
2967
  }
2878
- .x-border-width--top-02 {
2879
- border-top-width: 2px !important;
2880
- border-style: solid !important;
2968
+ [dir="rtl"] .x-border-radius--bottom-left-16 {
2969
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2881
2970
  }
2882
- .x-border-width--bottom-02 {
2883
- border-bottom-width: 2px !important;
2884
- border-style: solid !important;
2971
+ [dir="ltr"] .x-border-radius--bottom-right-16 {
2972
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2885
2973
  }
2886
- [dir="ltr"] .x-border-width--right-02 {
2887
- border-right-width: 2px !important;
2974
+ [dir="rtl"] .x-border-radius--bottom-right-16 {
2975
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2888
2976
  }
2889
- [dir="rtl"] .x-border-width--right-02 {
2890
- border-left-width: 2px !important;
2977
+ .x-border-radius--17 {
2978
+ border-radius: var(--x-size-base-17) !important;
2979
+ }
2980
+ [dir="ltr"] .x-border-radius--top-17 {
2981
+ border-top-left-radius: var(--x-size-base-17) !important;
2891
2982
  }
2892
- .x-border-width--right-02 {
2893
- border-style: solid !important;
2983
+ [dir="rtl"] .x-border-radius--top-17 {
2984
+ border-top-right-radius: var(--x-size-base-17) !important;
2894
2985
  }
2895
- [dir="ltr"] .x-border-width--left-02 {
2896
- border-left-width: 2px !important;
2986
+ [dir="ltr"] .x-border-radius--top-17 {
2987
+ border-top-right-radius: var(--x-size-base-17) !important;
2897
2988
  }
2898
- [dir="rtl"] .x-border-width--left-02 {
2899
- border-right-width: 2px !important;
2989
+ [dir="rtl"] .x-border-radius--top-17 {
2990
+ border-top-left-radius: var(--x-size-base-17) !important;
2900
2991
  }
2901
- .x-border-width--left-02 {
2902
- border-style: solid !important;
2992
+ [dir="ltr"] .x-border-radius--bottom-17 {
2993
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2903
2994
  }
2904
- .x-border-width--03 {
2905
- border-width: 3px !important;
2906
- border-style: solid !important;
2995
+ [dir="rtl"] .x-border-radius--bottom-17 {
2996
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2907
2997
  }
2908
- .x-border-width--top-03 {
2909
- border-top-width: 3px !important;
2910
- border-style: solid !important;
2998
+ [dir="ltr"] .x-border-radius--bottom-17 {
2999
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2911
3000
  }
2912
- .x-border-width--bottom-03 {
2913
- border-bottom-width: 3px !important;
2914
- border-style: solid !important;
3001
+ [dir="rtl"] .x-border-radius--bottom-17 {
3002
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2915
3003
  }
2916
- [dir="ltr"] .x-border-width--right-03 {
2917
- border-right-width: 3px !important;
3004
+ [dir="ltr"] .x-border-radius--right-17 {
3005
+ border-top-right-radius: var(--x-size-base-17) !important;
2918
3006
  }
2919
- [dir="rtl"] .x-border-width--right-03 {
2920
- border-left-width: 3px !important;
3007
+ [dir="rtl"] .x-border-radius--right-17 {
3008
+ border-top-left-radius: var(--x-size-base-17) !important;
2921
3009
  }
2922
- .x-border-width--right-03 {
2923
- border-style: solid !important;
3010
+ [dir="ltr"] .x-border-radius--right-17 {
3011
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2924
3012
  }
2925
- [dir="ltr"] .x-border-width--left-03 {
2926
- border-left-width: 3px !important;
3013
+ [dir="rtl"] .x-border-radius--right-17 {
3014
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2927
3015
  }
2928
- [dir="rtl"] .x-border-width--left-03 {
2929
- border-right-width: 3px !important;
3016
+ [dir="ltr"] .x-border-radius--left-17 {
3017
+ border-top-left-radius: var(--x-size-base-17) !important;
2930
3018
  }
2931
- .x-border-width--left-03 {
2932
- border-style: solid !important;
3019
+ [dir="rtl"] .x-border-radius--left-17 {
3020
+ border-top-right-radius: var(--x-size-base-17) !important;
2933
3021
  }
2934
- .x-border-width--04 {
2935
- border-width: 4px !important;
2936
- border-style: solid !important;
3022
+ [dir="ltr"] .x-border-radius--left-17 {
3023
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2937
3024
  }
2938
- .x-border-width--top-04 {
2939
- border-top-width: 4px !important;
2940
- border-style: solid !important;
3025
+ [dir="rtl"] .x-border-radius--left-17 {
3026
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2941
3027
  }
2942
- .x-border-width--bottom-04 {
2943
- border-bottom-width: 4px !important;
2944
- border-style: solid !important;
3028
+ [dir="ltr"] .x-border-radius--top-left-17 {
3029
+ border-top-left-radius: var(--x-size-base-17) !important;
2945
3030
  }
2946
- [dir="ltr"] .x-border-width--right-04 {
2947
- border-right-width: 4px !important;
3031
+ [dir="rtl"] .x-border-radius--top-left-17 {
3032
+ border-top-right-radius: var(--x-size-base-17) !important;
2948
3033
  }
2949
- [dir="rtl"] .x-border-width--right-04 {
2950
- border-left-width: 4px !important;
3034
+ [dir="ltr"] .x-border-radius--top-right-17 {
3035
+ border-top-right-radius: var(--x-size-base-17) !important;
2951
3036
  }
2952
- .x-border-width--right-04 {
2953
- border-style: solid !important;
3037
+ [dir="rtl"] .x-border-radius--top-right-17 {
3038
+ border-top-left-radius: var(--x-size-base-17) !important;
2954
3039
  }
2955
- [dir="ltr"] .x-border-width--left-04 {
2956
- border-left-width: 4px !important;
3040
+ [dir="ltr"] .x-border-radius--bottom-left-17 {
3041
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2957
3042
  }
2958
- [dir="rtl"] .x-border-width--left-04 {
2959
- border-right-width: 4px !important;
3043
+ [dir="rtl"] .x-border-radius--bottom-left-17 {
3044
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2960
3045
  }
2961
- .x-border-width--left-04 {
2962
- border-style: solid !important;
3046
+ [dir="ltr"] .x-border-radius--bottom-right-17 {
3047
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2963
3048
  }
2964
- .x-border-width--05 {
2965
- border-width: 5px !important;
2966
- border-style: solid !important;
3049
+ [dir="rtl"] .x-border-radius--bottom-right-17 {
3050
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2967
3051
  }
2968
- .x-border-width--top-05 {
2969
- border-top-width: 5px !important;
2970
- border-style: solid !important;
3052
+ .x-border-radius--18 {
3053
+ border-radius: var(--x-size-base-18) !important;
2971
3054
  }
2972
- .x-border-width--bottom-05 {
2973
- border-bottom-width: 5px !important;
2974
- border-style: solid !important;
3055
+ [dir="ltr"] .x-border-radius--top-18 {
3056
+ border-top-left-radius: var(--x-size-base-18) !important;
2975
3057
  }
2976
- [dir="ltr"] .x-border-width--right-05 {
2977
- border-right-width: 5px !important;
3058
+ [dir="rtl"] .x-border-radius--top-18 {
3059
+ border-top-right-radius: var(--x-size-base-18) !important;
2978
3060
  }
2979
- [dir="rtl"] .x-border-width--right-05 {
2980
- border-left-width: 5px !important;
3061
+ [dir="ltr"] .x-border-radius--top-18 {
3062
+ border-top-right-radius: var(--x-size-base-18) !important;
2981
3063
  }
2982
- .x-border-width--right-05 {
2983
- border-style: solid !important;
3064
+ [dir="rtl"] .x-border-radius--top-18 {
3065
+ border-top-left-radius: var(--x-size-base-18) !important;
2984
3066
  }
2985
- [dir="ltr"] .x-border-width--left-05 {
2986
- border-left-width: 5px !important;
3067
+ [dir="ltr"] .x-border-radius--bottom-18 {
3068
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2987
3069
  }
2988
- [dir="rtl"] .x-border-width--left-05 {
2989
- border-right-width: 5px !important;
3070
+ [dir="rtl"] .x-border-radius--bottom-18 {
3071
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2990
3072
  }
2991
- .x-border-width--left-05 {
2992
- border-style: solid !important;
3073
+ [dir="ltr"] .x-border-radius--bottom-18 {
3074
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2993
3075
  }
2994
- .x-border-width--06 {
2995
- border-width: 6px !important;
2996
- border-style: solid !important;
3076
+ [dir="rtl"] .x-border-radius--bottom-18 {
3077
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2997
3078
  }
2998
- .x-border-width--top-06 {
2999
- border-top-width: 6px !important;
3000
- border-style: solid !important;
3079
+ [dir="ltr"] .x-border-radius--right-18 {
3080
+ border-top-right-radius: var(--x-size-base-18) !important;
3001
3081
  }
3002
- .x-border-width--bottom-06 {
3003
- border-bottom-width: 6px !important;
3004
- border-style: solid !important;
3082
+ [dir="rtl"] .x-border-radius--right-18 {
3083
+ border-top-left-radius: var(--x-size-base-18) !important;
3005
3084
  }
3006
- [dir="ltr"] .x-border-width--right-06 {
3007
- border-right-width: 6px !important;
3085
+ [dir="ltr"] .x-border-radius--right-18 {
3086
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3008
3087
  }
3009
- [dir="rtl"] .x-border-width--right-06 {
3010
- border-left-width: 6px !important;
3088
+ [dir="rtl"] .x-border-radius--right-18 {
3089
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3011
3090
  }
3012
- .x-border-width--right-06 {
3013
- border-style: solid !important;
3091
+ [dir="ltr"] .x-border-radius--left-18 {
3092
+ border-top-left-radius: var(--x-size-base-18) !important;
3014
3093
  }
3015
- [dir="ltr"] .x-border-width--left-06 {
3016
- border-left-width: 6px !important;
3094
+ [dir="rtl"] .x-border-radius--left-18 {
3095
+ border-top-right-radius: var(--x-size-base-18) !important;
3017
3096
  }
3018
- [dir="rtl"] .x-border-width--left-06 {
3019
- border-right-width: 6px !important;
3097
+ [dir="ltr"] .x-border-radius--left-18 {
3098
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3020
3099
  }
3021
- .x-border-width--left-06 {
3022
- border-style: solid !important;
3100
+ [dir="rtl"] .x-border-radius--left-18 {
3101
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3023
3102
  }
3024
- .x-border-width--07 {
3025
- border-width: 7px !important;
3026
- border-style: solid !important;
3103
+ [dir="ltr"] .x-border-radius--top-left-18 {
3104
+ border-top-left-radius: var(--x-size-base-18) !important;
3027
3105
  }
3028
- .x-border-width--top-07 {
3029
- border-top-width: 7px !important;
3030
- border-style: solid !important;
3106
+ [dir="rtl"] .x-border-radius--top-left-18 {
3107
+ border-top-right-radius: var(--x-size-base-18) !important;
3031
3108
  }
3032
- .x-border-width--bottom-07 {
3033
- border-bottom-width: 7px !important;
3034
- border-style: solid !important;
3109
+ [dir="ltr"] .x-border-radius--top-right-18 {
3110
+ border-top-right-radius: var(--x-size-base-18) !important;
3035
3111
  }
3036
- [dir="ltr"] .x-border-width--right-07 {
3037
- border-right-width: 7px !important;
3112
+ [dir="rtl"] .x-border-radius--top-right-18 {
3113
+ border-top-left-radius: var(--x-size-base-18) !important;
3038
3114
  }
3039
- [dir="rtl"] .x-border-width--right-07 {
3040
- border-left-width: 7px !important;
3115
+ [dir="ltr"] .x-border-radius--bottom-left-18 {
3116
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3041
3117
  }
3042
- .x-border-width--right-07 {
3043
- border-style: solid !important;
3118
+ [dir="rtl"] .x-border-radius--bottom-left-18 {
3119
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3044
3120
  }
3045
- [dir="ltr"] .x-border-width--left-07 {
3046
- border-left-width: 7px !important;
3121
+ [dir="ltr"] .x-border-radius--bottom-right-18 {
3122
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3047
3123
  }
3048
- [dir="rtl"] .x-border-width--left-07 {
3049
- border-right-width: 7px !important;
3124
+ [dir="rtl"] .x-border-radius--bottom-right-18 {
3125
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3050
3126
  }
3051
- .x-border-width--left-07 {
3052
- border-style: solid !important;
3127
+ .x-border-radius--19 {
3128
+ border-radius: var(--x-size-base-19) !important;
3053
3129
  }
3054
- .x-border-width--08 {
3055
- border-width: 8px !important;
3056
- border-style: solid !important;
3130
+ [dir="ltr"] .x-border-radius--top-19 {
3131
+ border-top-left-radius: var(--x-size-base-19) !important;
3057
3132
  }
3058
- .x-border-width--top-08 {
3059
- border-top-width: 8px !important;
3060
- border-style: solid !important;
3133
+ [dir="rtl"] .x-border-radius--top-19 {
3134
+ border-top-right-radius: var(--x-size-base-19) !important;
3061
3135
  }
3062
- .x-border-width--bottom-08 {
3063
- border-bottom-width: 8px !important;
3064
- border-style: solid !important;
3136
+ [dir="ltr"] .x-border-radius--top-19 {
3137
+ border-top-right-radius: var(--x-size-base-19) !important;
3065
3138
  }
3066
- [dir="ltr"] .x-border-width--right-08 {
3067
- border-right-width: 8px !important;
3139
+ [dir="rtl"] .x-border-radius--top-19 {
3140
+ border-top-left-radius: var(--x-size-base-19) !important;
3068
3141
  }
3069
- [dir="rtl"] .x-border-width--right-08 {
3070
- border-left-width: 8px !important;
3142
+ [dir="ltr"] .x-border-radius--bottom-19 {
3143
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3071
3144
  }
3072
- .x-border-width--right-08 {
3073
- border-style: solid !important;
3145
+ [dir="rtl"] .x-border-radius--bottom-19 {
3146
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3074
3147
  }
3075
- [dir="ltr"] .x-border-width--left-08 {
3076
- border-left-width: 8px !important;
3148
+ [dir="ltr"] .x-border-radius--bottom-19 {
3149
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3077
3150
  }
3078
- [dir="rtl"] .x-border-width--left-08 {
3079
- border-right-width: 8px !important;
3151
+ [dir="rtl"] .x-border-radius--bottom-19 {
3152
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3080
3153
  }
3081
- .x-border-width--left-08 {
3082
- border-style: solid !important;
3154
+ [dir="ltr"] .x-border-radius--right-19 {
3155
+ border-top-right-radius: var(--x-size-base-19) !important;
3083
3156
  }
3084
- .x-border-width--09 {
3085
- border-width: 9px !important;
3086
- border-style: solid !important;
3157
+ [dir="rtl"] .x-border-radius--right-19 {
3158
+ border-top-left-radius: var(--x-size-base-19) !important;
3087
3159
  }
3088
- .x-border-width--top-09 {
3089
- border-top-width: 9px !important;
3090
- border-style: solid !important;
3160
+ [dir="ltr"] .x-border-radius--right-19 {
3161
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3091
3162
  }
3092
- .x-border-width--bottom-09 {
3093
- border-bottom-width: 9px !important;
3094
- border-style: solid !important;
3163
+ [dir="rtl"] .x-border-radius--right-19 {
3164
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3095
3165
  }
3096
- [dir="ltr"] .x-border-width--right-09 {
3097
- border-right-width: 9px !important;
3166
+ [dir="ltr"] .x-border-radius--left-19 {
3167
+ border-top-left-radius: var(--x-size-base-19) !important;
3098
3168
  }
3099
- [dir="rtl"] .x-border-width--right-09 {
3100
- border-left-width: 9px !important;
3169
+ [dir="rtl"] .x-border-radius--left-19 {
3170
+ border-top-right-radius: var(--x-size-base-19) !important;
3101
3171
  }
3102
- .x-border-width--right-09 {
3103
- border-style: solid !important;
3172
+ [dir="ltr"] .x-border-radius--left-19 {
3173
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3104
3174
  }
3105
- [dir="ltr"] .x-border-width--left-09 {
3106
- border-left-width: 9px !important;
3175
+ [dir="rtl"] .x-border-radius--left-19 {
3176
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3107
3177
  }
3108
- [dir="rtl"] .x-border-width--left-09 {
3109
- border-right-width: 9px !important;
3178
+ [dir="ltr"] .x-border-radius--top-left-19 {
3179
+ border-top-left-radius: var(--x-size-base-19) !important;
3110
3180
  }
3111
- .x-border-width--left-09 {
3112
- border-style: solid !important;
3181
+ [dir="rtl"] .x-border-radius--top-left-19 {
3182
+ border-top-right-radius: var(--x-size-base-19) !important;
3113
3183
  }
3114
- .x-border-width--10 {
3115
- border-width: 10px !important;
3116
- border-style: solid !important;
3184
+ [dir="ltr"] .x-border-radius--top-right-19 {
3185
+ border-top-right-radius: var(--x-size-base-19) !important;
3117
3186
  }
3118
- .x-border-width--top-10 {
3119
- border-top-width: 10px !important;
3120
- border-style: solid !important;
3187
+ [dir="rtl"] .x-border-radius--top-right-19 {
3188
+ border-top-left-radius: var(--x-size-base-19) !important;
3121
3189
  }
3122
- .x-border-width--bottom-10 {
3123
- border-bottom-width: 10px !important;
3124
- border-style: solid !important;
3190
+ [dir="ltr"] .x-border-radius--bottom-left-19 {
3191
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3125
3192
  }
3126
- [dir="ltr"] .x-border-width--right-10 {
3127
- border-right-width: 10px !important;
3193
+ [dir="rtl"] .x-border-radius--bottom-left-19 {
3194
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3128
3195
  }
3129
- [dir="rtl"] .x-border-width--right-10 {
3130
- border-left-width: 10px !important;
3196
+ [dir="ltr"] .x-border-radius--bottom-right-19 {
3197
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3131
3198
  }
3132
- .x-border-width--right-10 {
3133
- border-style: solid !important;
3199
+ [dir="rtl"] .x-border-radius--bottom-right-19 {
3200
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3134
3201
  }
3135
- [dir="ltr"] .x-border-width--left-10 {
3136
- border-left-width: 10px !important;
3202
+ .x-border-radius--20 {
3203
+ border-radius: var(--x-size-base-20) !important;
3137
3204
  }
3138
- [dir="rtl"] .x-border-width--left-10 {
3139
- border-right-width: 10px !important;
3205
+ [dir="ltr"] .x-border-radius--top-20 {
3206
+ border-top-left-radius: var(--x-size-base-20) !important;
3140
3207
  }
3141
- .x-border-width--left-10 {
3142
- border-style: solid !important;
3208
+ [dir="rtl"] .x-border-radius--top-20 {
3209
+ border-top-right-radius: var(--x-size-base-20) !important;
3143
3210
  }
3144
- /* Material Elevations extracted from:
3145
- https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
3146
- */
3147
- :root {
3148
- /* Shadow none */
3149
- --x-string-box-shadow-00: none;
3150
- /* Shadow 1dp */
3151
- --x-string-box-shadow-01: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12),
3152
- 0 1px 3px 0 rgba(0, 0, 0, 0.2);
3153
- /* Shadow 2dp */
3154
- --x-string-box-shadow-02: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
3155
- 0 1px 5px 0 rgba(0, 0, 0, 0.2);
3156
- /* Shadow 3dp */
3157
- --x-string-box-shadow-03: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12),
3158
- 0 1px 8px 0 rgba(0, 0, 0, 0.2);
3159
- /* Shadow 4dp */
3160
- --x-string-box-shadow-04: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
3161
- 0 2px 4px -1px rgba(0, 0, 0, 0.2);
3162
- /* Shadow 6dp */
3163
- --x-string-box-shadow-05: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
3164
- 0 3px 5px -1px rgba(0, 0, 0, 0.2);
3165
- /* Shadow 8dp */
3166
- --x-string-box-shadow-06: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12),
3167
- 0 5px 5px -3px rgba(0, 0, 0, 0.2);
3168
- /* Shadow 9dp */
3169
- --x-string-box-shadow-07: 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12),
3170
- 0 5px 6px -3px rgba(0, 0, 0, 0.2);
3171
- /* Shadow 12dp */
3172
- --x-string-box-shadow-08: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12),
3173
- 0 7px 8px -4px rgba(0, 0, 0, 0.2);
3174
- /* Shadow 16dp */
3175
- --x-string-box-shadow-09: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),
3176
- 0 8px 10px -5px rgba(0, 0, 0, 0.2);
3177
- /* Shadow 24dp */
3178
- --x-string-box-shadow-10: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12),
3179
- 0 11px 15px -7px rgba(0, 0, 0, 0.2);
3180
- /* BOTTOM ONLY SHADOW (not overflows on top of the element) */
3181
- /* Shadow 1dp */
3182
- --x-string-box-shadow-bottom-01: 0 2px 1px -1px rgba(0, 0, 0, 0.14),
3183
- 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 4px 3px -3px rgba(0, 0, 0, 0.2);
3184
- /* Shadow 2dp */
3185
- --x-string-box-shadow-bottom-02: 0 4px 2px -2px rgba(0, 0, 0, 0.14),
3186
- 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 6px 5px -5px rgba(0, 0, 0, 0.2);
3187
- /* Shadow 3dp */
3188
- --x-string-box-shadow-bottom-03: 0 7px 4px -4px rgba(0, 0, 0, 0.14),
3189
- 0 4px 3px -3px rgba(0, 0, 0, 0.12), 0 9px 8px -8px rgba(0, 0, 0, 0.2);
3190
- /* Shadow 4dp */
3191
- --x-string-box-shadow-bottom-04: 0 9px 5px -5px rgba(0, 0, 0, 0.14),
3192
- 0 11px 10px -10px rgba(0, 0, 0, 0.12), 0 5px 4px -4px rgba(0, 0, 0, 0.2);
3193
- /* Shadow 6dp */
3194
- --x-string-box-shadow-bottom-05: 0 16px 10px -10px rgba(0, 0, 0, 0.14),
3195
- 0 19px 18px -18px rgba(0, 0, 0, 0.12), 0 8px 5px -6px rgba(0, 0, 0, 0.2);
3196
- /* Shadow 8dp */
3197
- --x-string-box-shadow-bottom-06: 0 19px 10px -10px rgba(0, 0, 0, 0.14),
3198
- 0 19px 14px -14px rgba(0, 0, 0, 0.12), 0 7px 5px -5px rgba(0, 0, 0, 0.2);
3199
- /* Shadow 9dp */
3200
- --x-string-box-shadow-bottom-07: 0 22px 12px -12px rgba(0, 0, 0, 0.14),
3201
- 0 21px 16px -16px rgba(0, 0, 0, 0.12), 0 8px 6px -6px rgba(0, 0, 0, 0.2);
3202
- /* Shadow 12dp */
3203
- --x-string-box-shadow-bottom-08: 0 31px 17px -17px rgba(0, 0, 0, 0.14),
3204
- 0 27px 22px -22px rgba(0, 0, 0, 0.12), 0 11px 8px -8px rgba(0, 0, 0, 0.2);
3205
- /* Shadow 16dp */
3206
- --x-string-box-shadow-bottom-09: 0 22px 24px -4px rgba(0, 0, 0, 0.14),
3207
- 0 21px 30px -10px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
3208
- /* Shadow 24dp */
3209
- --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
3210
- 0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
3211
+ [dir="ltr"] .x-border-radius--top-20 {
3212
+ border-top-right-radius: var(--x-size-base-20) !important;
3211
3213
  }
3212
-
3213
- .x-shadow--none {
3214
- box-shadow: none !important;
3214
+ [dir="rtl"] .x-border-radius--top-20 {
3215
+ border-top-left-radius: var(--x-size-base-20) !important;
3215
3216
  }
3216
-
3217
- .x-shadow--01 {
3218
- box-shadow: var(--x-string-box-shadow-01) !important;
3217
+ [dir="ltr"] .x-border-radius--bottom-20 {
3218
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3219
3219
  }
3220
- .x-shadow--bottom-01 {
3221
- box-shadow: var(--x-string-box-shadow-bottom-01) !important;
3220
+ [dir="rtl"] .x-border-radius--bottom-20 {
3221
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3222
3222
  }
3223
- .x-shadow--02 {
3224
- box-shadow: var(--x-string-box-shadow-02) !important;
3223
+ [dir="ltr"] .x-border-radius--bottom-20 {
3224
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3225
3225
  }
3226
- .x-shadow--bottom-02 {
3227
- box-shadow: var(--x-string-box-shadow-bottom-02) !important;
3226
+ [dir="rtl"] .x-border-radius--bottom-20 {
3227
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3228
3228
  }
3229
- .x-shadow--03 {
3230
- box-shadow: var(--x-string-box-shadow-03) !important;
3229
+ [dir="ltr"] .x-border-radius--right-20 {
3230
+ border-top-right-radius: var(--x-size-base-20) !important;
3231
3231
  }
3232
- .x-shadow--bottom-03 {
3233
- box-shadow: var(--x-string-box-shadow-bottom-03) !important;
3232
+ [dir="rtl"] .x-border-radius--right-20 {
3233
+ border-top-left-radius: var(--x-size-base-20) !important;
3234
3234
  }
3235
- .x-shadow--04 {
3236
- box-shadow: var(--x-string-box-shadow-04) !important;
3235
+ [dir="ltr"] .x-border-radius--right-20 {
3236
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3237
3237
  }
3238
- .x-shadow--bottom-04 {
3239
- box-shadow: var(--x-string-box-shadow-bottom-04) !important;
3238
+ [dir="rtl"] .x-border-radius--right-20 {
3239
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3240
3240
  }
3241
- .x-shadow--05 {
3242
- box-shadow: var(--x-string-box-shadow-05) !important;
3241
+ [dir="ltr"] .x-border-radius--left-20 {
3242
+ border-top-left-radius: var(--x-size-base-20) !important;
3243
3243
  }
3244
- .x-shadow--bottom-05 {
3245
- box-shadow: var(--x-string-box-shadow-bottom-05) !important;
3244
+ [dir="rtl"] .x-border-radius--left-20 {
3245
+ border-top-right-radius: var(--x-size-base-20) !important;
3246
3246
  }
3247
- .x-shadow--06 {
3248
- box-shadow: var(--x-string-box-shadow-06) !important;
3247
+ [dir="ltr"] .x-border-radius--left-20 {
3248
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3249
3249
  }
3250
- .x-shadow--bottom-06 {
3251
- box-shadow: var(--x-string-box-shadow-bottom-06) !important;
3250
+ [dir="rtl"] .x-border-radius--left-20 {
3251
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3252
3252
  }
3253
- .x-shadow--07 {
3254
- box-shadow: var(--x-string-box-shadow-07) !important;
3253
+ [dir="ltr"] .x-border-radius--top-left-20 {
3254
+ border-top-left-radius: var(--x-size-base-20) !important;
3255
3255
  }
3256
- .x-shadow--bottom-07 {
3257
- box-shadow: var(--x-string-box-shadow-bottom-07) !important;
3256
+ [dir="rtl"] .x-border-radius--top-left-20 {
3257
+ border-top-right-radius: var(--x-size-base-20) !important;
3258
3258
  }
3259
- .x-shadow--08 {
3260
- box-shadow: var(--x-string-box-shadow-08) !important;
3259
+ [dir="ltr"] .x-border-radius--top-right-20 {
3260
+ border-top-right-radius: var(--x-size-base-20) !important;
3261
3261
  }
3262
- .x-shadow--bottom-08 {
3263
- box-shadow: var(--x-string-box-shadow-bottom-08) !important;
3262
+ [dir="rtl"] .x-border-radius--top-right-20 {
3263
+ border-top-left-radius: var(--x-size-base-20) !important;
3264
3264
  }
3265
- .x-shadow--09 {
3266
- box-shadow: var(--x-string-box-shadow-09) !important;
3265
+ [dir="ltr"] .x-border-radius--bottom-left-20 {
3266
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3267
3267
  }
3268
- .x-shadow--bottom-09 {
3269
- box-shadow: var(--x-string-box-shadow-bottom-09) !important;
3268
+ [dir="rtl"] .x-border-radius--bottom-left-20 {
3269
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3270
3270
  }
3271
- .x-shadow--10 {
3272
- box-shadow: var(--x-string-box-shadow-10) !important;
3271
+ [dir="ltr"] .x-border-radius--bottom-right-20 {
3272
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3273
3273
  }
3274
- .x-shadow--bottom-10 {
3275
- box-shadow: var(--x-string-box-shadow-bottom-10) !important;
3274
+ [dir="rtl"] .x-border-radius--bottom-right-20 {
3275
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3276
3276
  }
3277
3277
  .x-border-color--lead {
3278
3278
  border-color: var(--x-color-base-lead) !important;
@@ -3317,21 +3317,6 @@
3317
3317
  .x-border-color--transparent {
3318
3318
  border-color: var(--x-color-base-transparent) !important;
3319
3319
  }
3320
- .x-text--stroke.x-text {
3321
- --x-string-text-decoration: line-through;
3322
- }
3323
- .x-text--stroke.x-title1 {
3324
- --x-string-text-decoration-title1: line-through;
3325
- }
3326
- .x-text--stroke.x-title2 {
3327
- --x-string-text-decoration-title2: line-through;
3328
- }
3329
- .x-text--stroke.x-title3 {
3330
- --x-string-text-decoration-title3: line-through;
3331
- }
3332
- .x-text--stroke.x-small {
3333
- --x-string-text-decoration-small: line-through;
3334
- }
3335
3320
  .x-background--lead {
3336
3321
  background-color: var(--x-color-base-lead) !important;
3337
3322
  }
@@ -3375,6 +3360,21 @@
3375
3360
  .x-background--transparent {
3376
3361
  background-color: var(--x-color-base-transparent) !important;
3377
3362
  }
3363
+ .x-text--stroke.x-text {
3364
+ --x-string-text-decoration: line-through;
3365
+ }
3366
+ .x-text--stroke.x-title1 {
3367
+ --x-string-text-decoration-title1: line-through;
3368
+ }
3369
+ .x-text--stroke.x-title2 {
3370
+ --x-string-text-decoration-title2: line-through;
3371
+ }
3372
+ .x-text--stroke.x-title3 {
3373
+ --x-string-text-decoration-title3: line-through;
3374
+ }
3375
+ .x-text--stroke.x-small {
3376
+ --x-string-text-decoration-small: line-through;
3377
+ }
3378
3378
  :root {
3379
3379
  --x-color-text-secondary: var(--x-color-base-neutral-35);
3380
3380
  }
@@ -3900,6 +3900,13 @@
3900
3900
  --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3901
3901
  --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3902
3902
  }
3903
+ :root {
3904
+ --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3905
+ --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3906
+ --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3907
+ --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3908
+ --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3909
+ }
3903
3910
 
3904
3911
  .x-tag--card.x-tag,
3905
3912
  .x-tag--card .x-tag {
@@ -3911,13 +3918,6 @@
3911
3918
  );
3912
3919
  --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3913
3920
  }
3914
- :root {
3915
- --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3916
- --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3917
- --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3918
- --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3919
- --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3920
- }
3921
3921
  :root {
3922
3922
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3923
3923
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -4165,6 +4165,96 @@
4165
4165
  --x-number-font-weight-suggestion-default-matching
4166
4166
  );
4167
4167
  }
4168
+ :root {
4169
+ --x-string-align-items-suggestion-default: center;
4170
+ --x-color-text-suggestion-default: var(--x-color-text-default);
4171
+ --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4172
+ --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4173
+ --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4174
+ --x-color-background-suggestion-default: transparent;
4175
+ --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4176
+ --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4177
+ --x-color-text-suggestion-matching-part-default-curated: var(
4178
+ --x-color-text-suggestion-matching-part-default
4179
+ );
4180
+ --x-color-text-suggestion-default-matching-curated: var(
4181
+ --x-color-text-suggestion-default-matching
4182
+ );
4183
+ --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4184
+ --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4185
+ --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4186
+ --x-size-padding-right-suggestion-default: 0;
4187
+ --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4188
+ --x-size-padding-left-suggestion-default: 0;
4189
+ --x-size-gap-suggestion-default: var(--x-size-base-03);
4190
+ --x-size-border-width-suggestion-default: 0;
4191
+ --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4192
+ --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4193
+ --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4194
+ --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4195
+ --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4196
+ --x-size-border-radius-top-left-suggestion-default: var(
4197
+ --x-size-border-radius-suggestion-default
4198
+ );
4199
+ --x-size-border-radius-top-right-suggestion-default: var(
4200
+ --x-size-border-radius-suggestion-default
4201
+ );
4202
+ --x-size-border-radius-bottom-right-suggestion-default: var(
4203
+ --x-size-border-radius-suggestion-default
4204
+ );
4205
+ --x-size-border-radius-bottom-left-suggestion-default: var(
4206
+ --x-size-border-radius-suggestion-default
4207
+ );
4208
+ --x-font-family-suggestion-default: var(--x-font-family-text);
4209
+ --x-size-font-suggestion-default: var(--x-size-font-text);
4210
+ --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4211
+ --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4212
+ --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4213
+ --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4214
+ --x-size-line-height-suggestion-matching-part-default: var(
4215
+ --x-size-line-height-suggestion-default
4216
+ );
4217
+ --x-number-font-weight-suggestion-matching-part-default: var(
4218
+ --x-number-font-weight-suggestion-default
4219
+ );
4220
+ --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4221
+ --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4222
+ --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4223
+ --x-number-font-weight-suggestion-default-matching: var(
4224
+ --x-number-font-weight-suggestion-default
4225
+ );
4226
+ --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4227
+ --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4228
+ --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4229
+ --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4230
+ --x-text-transform-suggestion-filter-default: none;
4231
+ --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4232
+ --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4233
+ --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4234
+ --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4235
+ --x-font-family-suggestion-matching-part-default-curated: var(
4236
+ --x-font-family-suggestion-matching-part-default
4237
+ );
4238
+ --x-size-font-suggestion-matching-part-default-curated: var(
4239
+ --x-size-font-suggestion-matching-part-default
4240
+ );
4241
+ --x-size-line-height-suggestion-matching-part-default-curated: var(
4242
+ --x-size-line-height-suggestion-matching-part-default
4243
+ );
4244
+ --x-number-font-weight-suggestion-matching-part-default-curated: var(
4245
+ --x-number-font-weight-suggestion-matching-part-default
4246
+ );
4247
+ --x-font-family-suggestion-default-matching-curated: var(
4248
+ --x-font-family-suggestion-default-matching
4249
+ );
4250
+ --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4251
+ --x-size-line-height-suggestion-default-matching-curated: var(
4252
+ --x-size-line-height-suggestion-default-matching
4253
+ );
4254
+ --x-number-font-weight-suggestion-default-matching-curated: var(
4255
+ --x-number-font-weight-suggestion-default-matching
4256
+ );
4257
+ }
4168
4258
 
4169
4259
  [dir="ltr"] .x-suggestion {
4170
4260
  text-align: left;
@@ -4298,94 +4388,10 @@
4298
4388
  );
4299
4389
  }
4300
4390
  :root {
4301
- --x-string-align-items-suggestion-default: center;
4302
- --x-color-text-suggestion-default: var(--x-color-text-default);
4303
- --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4304
- --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4305
- --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4306
- --x-color-background-suggestion-default: transparent;
4307
- --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4308
- --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4309
- --x-color-text-suggestion-matching-part-default-curated: var(
4310
- --x-color-text-suggestion-matching-part-default
4311
- );
4312
- --x-color-text-suggestion-default-matching-curated: var(
4313
- --x-color-text-suggestion-default-matching
4314
- );
4315
- --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4316
- --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4317
- --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4318
- --x-size-padding-right-suggestion-default: 0;
4319
- --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4320
- --x-size-padding-left-suggestion-default: 0;
4321
- --x-size-gap-suggestion-default: var(--x-size-base-03);
4322
- --x-size-border-width-suggestion-default: 0;
4323
- --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4324
- --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4325
- --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4326
- --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4327
- --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4328
- --x-size-border-radius-top-left-suggestion-default: var(
4329
- --x-size-border-radius-suggestion-default
4330
- );
4331
- --x-size-border-radius-top-right-suggestion-default: var(
4332
- --x-size-border-radius-suggestion-default
4333
- );
4334
- --x-size-border-radius-bottom-right-suggestion-default: var(
4335
- --x-size-border-radius-suggestion-default
4336
- );
4337
- --x-size-border-radius-bottom-left-suggestion-default: var(
4338
- --x-size-border-radius-suggestion-default
4339
- );
4340
- --x-font-family-suggestion-default: var(--x-font-family-text);
4341
- --x-size-font-suggestion-default: var(--x-size-font-text);
4342
- --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4343
- --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4344
- --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4345
- --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4346
- --x-size-line-height-suggestion-matching-part-default: var(
4347
- --x-size-line-height-suggestion-default
4348
- );
4349
- --x-number-font-weight-suggestion-matching-part-default: var(
4350
- --x-number-font-weight-suggestion-default
4351
- );
4352
- --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4353
- --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4354
- --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4355
- --x-number-font-weight-suggestion-default-matching: var(
4356
- --x-number-font-weight-suggestion-default
4357
- );
4358
- --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4359
- --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4360
- --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4361
- --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4362
- --x-text-transform-suggestion-filter-default: none;
4363
- --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4364
- --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4365
- --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4366
- --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4367
- --x-font-family-suggestion-matching-part-default-curated: var(
4368
- --x-font-family-suggestion-matching-part-default
4369
- );
4370
- --x-size-font-suggestion-matching-part-default-curated: var(
4371
- --x-size-font-suggestion-matching-part-default
4372
- );
4373
- --x-size-line-height-suggestion-matching-part-default-curated: var(
4374
- --x-size-line-height-suggestion-matching-part-default
4375
- );
4376
- --x-number-font-weight-suggestion-matching-part-default-curated: var(
4377
- --x-number-font-weight-suggestion-matching-part-default
4378
- );
4379
- --x-font-family-suggestion-default-matching-curated: var(
4380
- --x-font-family-suggestion-default-matching
4381
- );
4382
- --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4383
- --x-size-line-height-suggestion-default-matching-curated: var(
4384
- --x-size-line-height-suggestion-default-matching
4385
- );
4386
- --x-number-font-weight-suggestion-default-matching-curated: var(
4387
- --x-number-font-weight-suggestion-default-matching
4388
- );
4391
+ --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4392
+ --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
4393
+ --x-size-padding-sliding-panel-button: var(--x-size-base-03);
4394
+ --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
4389
4395
  }
4390
4396
  .x-sliding-panel {
4391
4397
  z-index: 0;
@@ -4441,12 +4447,6 @@
4441
4447
  opacity: 1;
4442
4448
  pointer-events: all;
4443
4449
  }
4444
- :root {
4445
- --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4446
- --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
4447
- --x-size-padding-sliding-panel-button: var(--x-size-base-03);
4448
- --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
4449
- }
4450
4450
  :root {
4451
4451
  --x-string-overflow-scroll: auto;
4452
4452
  --x-color-background-scroll-bar: transparent;
@@ -4965,6 +4965,24 @@
4965
4965
  --x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
4966
4966
  --x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
4967
4967
  }
4968
+ :root {
4969
+ --x-size-border-radius-picture-default: 0;
4970
+ --x-size-border-radius-top-picture-default: var(--x-size-border-radius-picture-default);
4971
+ --x-size-border-radius-right-picture-default: var(--x-size-border-radius-picture-default);
4972
+ --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-picture-default);
4973
+ --x-size-border-radius-left-picture-default: var(--x-size-border-radius-picture-default);
4974
+ --x-color-background-picture-default: transparent;
4975
+ --x-color-fill-picture-placeholder-path-default: var(--x-color-base-neutral-70);
4976
+ --x-color-fill-picture-placeholder-rect-default: var(--x-color-base-neutral-95);
4977
+ --x-color-fill-picture-fallback-path-default: var(--x-color-base-neutral-70);
4978
+ --x-color-fill-picture-fallback-rect-default: var(--x-color-base-neutral-95);
4979
+ --x-object-fit-picture-default: contain;
4980
+ --x-object-fit-picture-fallback-default: var(--x-object-fit-picture-default);
4981
+ --x-object-fit-picture-placeholder-default: var(--x-object-fit-picture-default);
4982
+ --x-mix-blend-mode-picture-default: normal;
4983
+ --x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
4984
+ --x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
4985
+ }
4968
4986
 
4969
4987
  .x-picture {
4970
4988
  display: block;
@@ -4986,40 +5004,22 @@
4986
5004
  ) !important;
4987
5005
  }
4988
5006
  .x-picture-image--fallback > rect {
4989
- fill: var(--x-color-fill-picture-fallback-rect-default) !important;
4990
- }
4991
- .x-picture-image--fallback > path {
4992
- fill: var(--x-color-fill-picture-fallback-path-default) !important;
4993
- }
4994
- .x-picture-image--placeholder {
4995
- --x-object-fit-picture-default: var(--x-object-fit-picture-placeholder-default) !important;
4996
- --x-mix-blend-mode-picture-default: var(
4997
- --x-mix-blend-mode-picture-placeholder-default
4998
- ) !important;
4999
- }
5000
- .x-picture-image--placeholder > rect {
5001
- fill: var(--x-color-fill-picture-placeholder-rect-default) !important;
5002
- }
5003
- .x-picture-image--placeholder > path {
5004
- fill: var(--x-color-fill-picture-placeholder-path-default) !important;
5005
- }
5006
- :root {
5007
- --x-size-border-radius-picture-default: 0;
5008
- --x-size-border-radius-top-picture-default: var(--x-size-border-radius-picture-default);
5009
- --x-size-border-radius-right-picture-default: var(--x-size-border-radius-picture-default);
5010
- --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-picture-default);
5011
- --x-size-border-radius-left-picture-default: var(--x-size-border-radius-picture-default);
5012
- --x-color-background-picture-default: transparent;
5013
- --x-color-fill-picture-placeholder-path-default: var(--x-color-base-neutral-70);
5014
- --x-color-fill-picture-placeholder-rect-default: var(--x-color-base-neutral-95);
5015
- --x-color-fill-picture-fallback-path-default: var(--x-color-base-neutral-70);
5016
- --x-color-fill-picture-fallback-rect-default: var(--x-color-base-neutral-95);
5017
- --x-object-fit-picture-default: contain;
5018
- --x-object-fit-picture-fallback-default: var(--x-object-fit-picture-default);
5019
- --x-object-fit-picture-placeholder-default: var(--x-object-fit-picture-default);
5020
- --x-mix-blend-mode-picture-default: normal;
5021
- --x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
5022
- --x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
5007
+ fill: var(--x-color-fill-picture-fallback-rect-default) !important;
5008
+ }
5009
+ .x-picture-image--fallback > path {
5010
+ fill: var(--x-color-fill-picture-fallback-path-default) !important;
5011
+ }
5012
+ .x-picture-image--placeholder {
5013
+ --x-object-fit-picture-default: var(--x-object-fit-picture-placeholder-default) !important;
5014
+ --x-mix-blend-mode-picture-default: var(
5015
+ --x-mix-blend-mode-picture-placeholder-default
5016
+ ) !important;
5017
+ }
5018
+ .x-picture-image--placeholder > rect {
5019
+ fill: var(--x-color-fill-picture-placeholder-rect-default) !important;
5020
+ }
5021
+ .x-picture-image--placeholder > path {
5022
+ fill: var(--x-color-fill-picture-placeholder-path-default) !important;
5023
5023
  }
5024
5024
  :root {
5025
5025
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
@@ -5051,13 +5051,6 @@
5051
5051
  --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5052
5052
  --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5053
5053
  }
5054
- :root {
5055
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5056
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5057
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5058
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5059
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5060
- }
5061
5054
  :root {
5062
5055
  --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5063
5056
  --x-mix-blend-mode-picture-colored: multiply;
@@ -5084,6 +5077,13 @@
5084
5077
  --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5085
5078
  --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5086
5079
  }
5080
+ :root {
5081
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5082
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5083
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5084
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5085
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5086
+ }
5087
5087
 
5088
5088
  .x-picture--card.x-picture {
5089
5089
  --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
@@ -5409,6 +5409,51 @@
5409
5409
  --x-number-font-weight-base-regular
5410
5410
  );
5411
5411
  }
5412
+ :root {
5413
+ --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5414
+ --x-color-text-option-list-button-bottom-selected-hover: var(
5415
+ --x-color-text-option-list-button-bottom-selected
5416
+ );
5417
+ --x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
5418
+ --x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
5419
+ --x-color-border-option-list-item-bottom: transparent;
5420
+ --x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5421
+ --x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5422
+ --x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5423
+ --x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5424
+ --x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
5425
+ --x-color-border-top-option-list-item-bottom-selected: var(
5426
+ --x-color-border-option-list-item-bottom
5427
+ );
5428
+ --x-color-border-right-option-list-item-bottom-selected: var(
5429
+ --x-color-border-option-list-item-bottom
5430
+ );
5431
+ --x-color-border-bottom-option-list-item-bottom-selected: var(
5432
+ --x-color-border-option-list-item-bottom-selected
5433
+ );
5434
+ --x-color-border-left-option-list-item-bottom-selected: var(
5435
+ --x-color-border-option-list-item-bottom
5436
+ );
5437
+ --x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
5438
+ --x-size-border-width-top-option-list-item-bottom: 0;
5439
+ --x-size-border-width-right-option-list-item-bottom: 0;
5440
+ --x-size-border-width-bottom-option-list-item-bottom: var(
5441
+ --x-size-border-width-option-list-item-bottom
5442
+ );
5443
+ --x-size-border-width-left-option-list-item-bottom: 0;
5444
+ --x-size-border-width-top-option-list-item-bottom-selected: 0;
5445
+ --x-size-border-width-right-option-list-item-bottom-selected: 0;
5446
+ --x-size-border-width-bottom-option-list-item-bottom-selected: var(
5447
+ --x-size-border-width-option-list-item-bottom
5448
+ );
5449
+ --x-size-border-width-left-option-list-item-bottom-selected: 0;
5450
+ --x-size-font-option-list-button-bottom: var(--x-size-font-text);
5451
+ --x-font-decoration-option-list-button-bottom-hover: none;
5452
+ --x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
5453
+ --x-number-font-weight-option-list-button-bottom-selected: var(
5454
+ --x-number-font-weight-base-regular
5455
+ );
5456
+ }
5412
5457
 
5413
5458
  .x-option-list--bottom.x-option-list,
5414
5459
  .x-option-list--bottom .x-option-list {
@@ -5495,51 +5540,6 @@
5495
5540
  --x-size-border-width-bottom-option-list-item-default: inherit;
5496
5541
  --x-size-border-width-left-option-list-item-default: inherit;
5497
5542
  }
5498
- :root {
5499
- --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5500
- --x-color-text-option-list-button-bottom-selected-hover: var(
5501
- --x-color-text-option-list-button-bottom-selected
5502
- );
5503
- --x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
5504
- --x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
5505
- --x-color-border-option-list-item-bottom: transparent;
5506
- --x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5507
- --x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5508
- --x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5509
- --x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5510
- --x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
5511
- --x-color-border-top-option-list-item-bottom-selected: var(
5512
- --x-color-border-option-list-item-bottom
5513
- );
5514
- --x-color-border-right-option-list-item-bottom-selected: var(
5515
- --x-color-border-option-list-item-bottom
5516
- );
5517
- --x-color-border-bottom-option-list-item-bottom-selected: var(
5518
- --x-color-border-option-list-item-bottom-selected
5519
- );
5520
- --x-color-border-left-option-list-item-bottom-selected: var(
5521
- --x-color-border-option-list-item-bottom
5522
- );
5523
- --x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
5524
- --x-size-border-width-top-option-list-item-bottom: 0;
5525
- --x-size-border-width-right-option-list-item-bottom: 0;
5526
- --x-size-border-width-bottom-option-list-item-bottom: var(
5527
- --x-size-border-width-option-list-item-bottom
5528
- );
5529
- --x-size-border-width-left-option-list-item-bottom: 0;
5530
- --x-size-border-width-top-option-list-item-bottom-selected: 0;
5531
- --x-size-border-width-right-option-list-item-bottom-selected: 0;
5532
- --x-size-border-width-bottom-option-list-item-bottom-selected: var(
5533
- --x-size-border-width-option-list-item-bottom
5534
- );
5535
- --x-size-border-width-left-option-list-item-bottom-selected: 0;
5536
- --x-size-font-option-list-button-bottom: var(--x-size-font-text);
5537
- --x-font-decoration-option-list-button-bottom-hover: none;
5538
- --x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
5539
- --x-number-font-weight-option-list-button-bottom-selected: var(
5540
- --x-number-font-weight-base-regular
5541
- );
5542
- }
5543
5543
  :root {
5544
5544
  --x-modal-overlay-color: rgb(0, 0, 0);
5545
5545
  --x-modal-overlay-opacity: 0.7;
@@ -6023,6 +6023,28 @@
6023
6023
  --x-size-gap-list-19: var(--x-size-base-19);
6024
6024
  --x-size-gap-list-20: var(--x-size-base-20);
6025
6025
  }
6026
+ :root {
6027
+ --x-size-gap-list-01: var(--x-size-base-01);
6028
+ --x-size-gap-list-02: var(--x-size-base-02);
6029
+ --x-size-gap-list-03: var(--x-size-base-03);
6030
+ --x-size-gap-list-04: var(--x-size-base-04);
6031
+ --x-size-gap-list-05: var(--x-size-base-05);
6032
+ --x-size-gap-list-06: var(--x-size-base-06);
6033
+ --x-size-gap-list-07: var(--x-size-base-07);
6034
+ --x-size-gap-list-08: var(--x-size-base-08);
6035
+ --x-size-gap-list-09: var(--x-size-base-09);
6036
+ --x-size-gap-list-10: var(--x-size-base-10);
6037
+ --x-size-gap-list-11: var(--x-size-base-11);
6038
+ --x-size-gap-list-12: var(--x-size-base-12);
6039
+ --x-size-gap-list-13: var(--x-size-base-13);
6040
+ --x-size-gap-list-14: var(--x-size-base-14);
6041
+ --x-size-gap-list-15: var(--x-size-base-15);
6042
+ --x-size-gap-list-16: var(--x-size-base-16);
6043
+ --x-size-gap-list-17: var(--x-size-base-17);
6044
+ --x-size-gap-list-18: var(--x-size-base-18);
6045
+ --x-size-gap-list-19: var(--x-size-base-19);
6046
+ --x-size-gap-list-20: var(--x-size-base-20);
6047
+ }
6026
6048
 
6027
6049
  .x-list--gap-01.x-list {
6028
6050
  gap: var(--x-size-gap-list-01);
@@ -6524,26 +6546,12 @@
6524
6546
  }
6525
6547
  }
6526
6548
  :root {
6527
- --x-size-gap-list-01: var(--x-size-base-01);
6528
- --x-size-gap-list-02: var(--x-size-base-02);
6529
- --x-size-gap-list-03: var(--x-size-base-03);
6530
- --x-size-gap-list-04: var(--x-size-base-04);
6531
- --x-size-gap-list-05: var(--x-size-base-05);
6532
- --x-size-gap-list-06: var(--x-size-base-06);
6533
- --x-size-gap-list-07: var(--x-size-base-07);
6534
- --x-size-gap-list-08: var(--x-size-base-08);
6535
- --x-size-gap-list-09: var(--x-size-base-09);
6536
- --x-size-gap-list-10: var(--x-size-base-10);
6537
- --x-size-gap-list-11: var(--x-size-base-11);
6538
- --x-size-gap-list-12: var(--x-size-base-12);
6539
- --x-size-gap-list-13: var(--x-size-base-13);
6540
- --x-size-gap-list-14: var(--x-size-base-14);
6541
- --x-size-gap-list-15: var(--x-size-base-15);
6542
- --x-size-gap-list-16: var(--x-size-base-16);
6543
- --x-size-gap-list-17: var(--x-size-base-17);
6544
- --x-size-gap-list-18: var(--x-size-base-18);
6545
- --x-size-gap-list-19: var(--x-size-base-19);
6546
- --x-size-gap-list-20: var(--x-size-base-20);
6549
+ --x-string-flow-list: column nowrap;
6550
+ --x-size-padding-list: 0;
6551
+ --x-size-gap-list: 0;
6552
+ --x-size-justify-list: stretch;
6553
+ --x-size-align-list: stretch;
6554
+ --x-size-align-list-stretch: stretch;
6547
6555
  }
6548
6556
  :root {
6549
6557
  --x-string-flow-list: column nowrap;
@@ -6694,12 +6702,13 @@
6694
6702
  flex: 12 1 auto;
6695
6703
  }
6696
6704
  :root {
6697
- --x-string-flow-list: column nowrap;
6698
- --x-size-padding-list: 0;
6699
- --x-size-gap-list: 0;
6700
- --x-size-justify-list: stretch;
6701
- --x-size-align-list: stretch;
6702
- --x-size-align-list-stretch: stretch;
6705
+ --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6706
+ --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6707
+ --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
6708
+ --x-size-border-radius-bottom-right-input-group-pill: var(
6709
+ --x-size-border-radius-input-group-pill
6710
+ );
6711
+ --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6703
6712
  }
6704
6713
  :root {
6705
6714
  --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
@@ -6727,15 +6736,6 @@
6727
6736
  --x-size-border-radius-bottom-left-input-group-pill
6728
6737
  );
6729
6738
  }
6730
- :root {
6731
- --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6732
- --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6733
- --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
6734
- --x-size-border-radius-bottom-right-input-group-pill: var(
6735
- --x-size-border-radius-input-group-pill
6736
- );
6737
- --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6738
- }
6739
6739
  :root {
6740
6740
  --x-size-padding-left-input-group-line: 0;
6741
6741
  --x-size-padding-right-input-group-line: 0;
@@ -6764,33 +6764,76 @@
6764
6764
  --x-size-border-width-bottom-input-group-default: var(
6765
6765
  --x-size-border-width-bottom-input-group-line
6766
6766
  );
6767
- --x-size-border-width-left-input-group-default: var(--x-size-border-width-left-input-group-line);
6768
- }
6769
- .x-input-group--line .x-input-group > *:not(.x-input-group__action),
6770
- .x-input-group--line.x-input-group > *:not(.x-input-group__action) {
6771
- --x-size-padding-right-input-group-default: var(--x-size-padding-right-input-group-line);
6772
- --x-size-padding-left-input-group-default: var(--x-size-padding-left-input-group-line);
6773
- }
6774
- [dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
6775
- .x-input-group--line.x-input-group > .x-input-group__action {
6776
- margin-right: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
6777
- }
6778
- [dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
6779
- .x-input-group--line.x-input-group > .x-input-group__action {
6780
- margin-left: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
6781
- }
6782
- [dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
6783
- .x-input-group--line.x-input-group > .x-input-group__action {
6784
- margin-left: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
6785
- }
6786
- [dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
6787
- .x-input-group--line.x-input-group > .x-input-group__action {
6788
- margin-right: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
6789
- }
6790
- .x-input-group--line .x-input-group > .x-input-group__action,
6791
- .x-input-group--line.x-input-group > .x-input-group__action {
6792
- margin-top: calc(var(--x-size-border-width-top-input-group-line) * -1) !important;
6793
- margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
6767
+ --x-size-border-width-left-input-group-default: var(--x-size-border-width-left-input-group-line);
6768
+ }
6769
+ .x-input-group--line .x-input-group > *:not(.x-input-group__action),
6770
+ .x-input-group--line.x-input-group > *:not(.x-input-group__action) {
6771
+ --x-size-padding-right-input-group-default: var(--x-size-padding-right-input-group-line);
6772
+ --x-size-padding-left-input-group-default: var(--x-size-padding-left-input-group-line);
6773
+ }
6774
+ [dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
6775
+ .x-input-group--line.x-input-group > .x-input-group__action {
6776
+ margin-right: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
6777
+ }
6778
+ [dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
6779
+ .x-input-group--line.x-input-group > .x-input-group__action {
6780
+ margin-left: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
6781
+ }
6782
+ [dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
6783
+ .x-input-group--line.x-input-group > .x-input-group__action {
6784
+ margin-left: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
6785
+ }
6786
+ [dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
6787
+ .x-input-group--line.x-input-group > .x-input-group__action {
6788
+ margin-right: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
6789
+ }
6790
+ .x-input-group--line .x-input-group > .x-input-group__action,
6791
+ .x-input-group--line.x-input-group > .x-input-group__action {
6792
+ margin-top: calc(var(--x-size-border-width-top-input-group-line) * -1) !important;
6793
+ margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
6794
+ }
6795
+ :root {
6796
+ --x-color-background-input-group-default: var(--x-color-background-input-default);
6797
+ --x-color-border-input-group-default: var(--x-color-border-input-default);
6798
+ --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
6799
+ --x-color-text-input-group-default: var(--x-color-text-input-default);
6800
+ --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
6801
+ --x-size-height-input-group-default: var(--x-size-height-input-default);
6802
+ --x-size-gap-input-group-default: var(--x-size-base-03);
6803
+ --x-size-padding-left-input-group-default: var(--x-size-base-06);
6804
+ --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
6805
+ --x-size-padding-input-group-default-action: var(--x-size-base-03);
6806
+ --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
6807
+ --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
6808
+ --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
6809
+ --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
6810
+ --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
6811
+ --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
6812
+ --x-size-border-radius-top-left-input-group-default: var(
6813
+ --x-size-border-radius-input-group-default
6814
+ );
6815
+ --x-size-border-radius-top-right-input-group-default: var(
6816
+ --x-size-border-radius-input-group-default
6817
+ );
6818
+ --x-size-border-radius-bottom-right-input-group-default: var(
6819
+ --x-size-border-radius-input-group-default
6820
+ );
6821
+ --x-size-border-radius-bottom-left-input-group-default: var(
6822
+ --x-size-border-radius-input-group-default
6823
+ );
6824
+ --x-font-family-input-group-default: var(--x-font-family-input-default);
6825
+ --x-size-font-input-group-default: var(--x-size-font-input-default);
6826
+ --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
6827
+ --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
6828
+ --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
6829
+ --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
6830
+ --x-size-line-height-input-group-placeholder-default: var(
6831
+ --x-size-line-height-input-group-default
6832
+ );
6833
+ --x-number-font-weight-input-group-placeholder-default: var(
6834
+ --x-number-font-weight-input-group-default
6835
+ );
6836
+ --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6794
6837
  }
6795
6838
  :root {
6796
6839
  --x-color-background-input-group-default: var(--x-color-background-input-default);
@@ -6969,49 +7012,6 @@
6969
7012
  [dir="rtl"] .x-input-group > .x-input-group__action:last-child {
6970
7013
  margin-left: calc(var(--x-size-border-width-right-input-group-default) * -1);
6971
7014
  }
6972
- :root {
6973
- --x-color-background-input-group-default: var(--x-color-background-input-default);
6974
- --x-color-border-input-group-default: var(--x-color-border-input-default);
6975
- --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
6976
- --x-color-text-input-group-default: var(--x-color-text-input-default);
6977
- --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
6978
- --x-size-height-input-group-default: var(--x-size-height-input-default);
6979
- --x-size-gap-input-group-default: var(--x-size-base-03);
6980
- --x-size-padding-left-input-group-default: var(--x-size-base-06);
6981
- --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
6982
- --x-size-padding-input-group-default-action: var(--x-size-base-03);
6983
- --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
6984
- --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
6985
- --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
6986
- --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
6987
- --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
6988
- --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
6989
- --x-size-border-radius-top-left-input-group-default: var(
6990
- --x-size-border-radius-input-group-default
6991
- );
6992
- --x-size-border-radius-top-right-input-group-default: var(
6993
- --x-size-border-radius-input-group-default
6994
- );
6995
- --x-size-border-radius-bottom-right-input-group-default: var(
6996
- --x-size-border-radius-input-group-default
6997
- );
6998
- --x-size-border-radius-bottom-left-input-group-default: var(
6999
- --x-size-border-radius-input-group-default
7000
- );
7001
- --x-font-family-input-group-default: var(--x-font-family-input-default);
7002
- --x-size-font-input-group-default: var(--x-size-font-input-default);
7003
- --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
7004
- --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
7005
- --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
7006
- --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
7007
- --x-size-line-height-input-group-placeholder-default: var(
7008
- --x-size-line-height-input-group-default
7009
- );
7010
- --x-number-font-weight-input-group-placeholder-default: var(
7011
- --x-number-font-weight-input-group-default
7012
- );
7013
- --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
7014
- }
7015
7015
  :root {
7016
7016
  --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7017
7017
  --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
@@ -7064,13 +7064,6 @@
7064
7064
  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7065
7065
  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7066
7066
  }
7067
- :root {
7068
- --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7069
- --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
7070
- --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
7071
- --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7072
- --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7073
- }
7074
7067
 
7075
7068
  .x-input--pill.x-input,
7076
7069
  .x-input--pill .x-input {
@@ -7080,6 +7073,13 @@
7080
7073
  --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-pill);
7081
7074
  --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-pill);
7082
7075
  }
7076
+ :root {
7077
+ --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7078
+ --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
7079
+ --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
7080
+ --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7081
+ --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7082
+ }
7083
7083
  :root {
7084
7084
  --x-size-padding-top-input-line: var(--x-size-base-03);
7085
7085
  --x-size-padding-right-input-line: 0;
@@ -7255,10 +7255,6 @@
7255
7255
  --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
7256
7256
  --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
7257
7257
  }
7258
- :root {
7259
- --x-size-width-icon-xl: var(--x-size-base-07);
7260
- --x-size-height-icon-xl: var(--x-size-base-07);
7261
- }
7262
7258
  :root {
7263
7259
  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
7264
7260
  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
@@ -7283,6 +7279,10 @@
7283
7279
  --x-size-width-icon-xl: var(--x-size-base-07);
7284
7280
  --x-size-height-icon-xl: var(--x-size-base-07);
7285
7281
  }
7282
+ :root {
7283
+ --x-size-width-icon-xl: var(--x-size-base-07);
7284
+ --x-size-height-icon-xl: var(--x-size-base-07);
7285
+ }
7286
7286
 
7287
7287
  .x-icon--xl {
7288
7288
  --x-size-width-icon-default: var(--x-size-width-icon-xl);
@@ -7305,15 +7305,6 @@
7305
7305
  --x-size-width-icon-m: var(--x-size-base-05);
7306
7306
  --x-size-height-icon-m: var(--x-size-base-05);
7307
7307
  }
7308
- :root {
7309
- --x-size-width-icon-m: var(--x-size-base-05);
7310
- --x-size-height-icon-m: var(--x-size-base-05);
7311
- }
7312
-
7313
- .x-icon--m {
7314
- --x-size-width-icon-default: var(--x-size-width-icon-m);
7315
- --x-size-height-icon-default: var(--x-size-height-icon-m);
7316
- }
7317
7308
  :root {
7318
7309
  --x-size-width-icon-l: var(--x-size-base-06);
7319
7310
  --x-size-height-icon-l: var(--x-size-base-06);
@@ -7327,6 +7318,15 @@
7327
7318
  --x-size-width-icon-default: var(--x-size-width-icon-l);
7328
7319
  --x-size-height-icon-default: var(--x-size-height-icon-l);
7329
7320
  }
7321
+ :root {
7322
+ --x-size-width-icon-m: var(--x-size-base-05);
7323
+ --x-size-height-icon-m: var(--x-size-base-05);
7324
+ }
7325
+
7326
+ .x-icon--m {
7327
+ --x-size-width-icon-default: var(--x-size-width-icon-m);
7328
+ --x-size-height-icon-default: var(--x-size-height-icon-m);
7329
+ }
7330
7330
  :root {
7331
7331
  --x-color-stroke-icon-default: currentColor;
7332
7332
  --x-color-fill-icon-default: none;
@@ -7371,19 +7371,6 @@
7371
7371
  --x-size-gap-grid: var(--x-size-base-03);
7372
7372
  --x-size-min-width-grid-item: 150px;
7373
7373
  }
7374
- .x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
7375
- .x-filter--justified.x-facet-filter > *:last-child:not(.x-filter__label),
7376
- .x-filter--justified .x-filter > *:last-child:not(.x-filter__label),
7377
- .x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
7378
- margin-left: auto;
7379
- }
7380
- :root {
7381
- --x-size-margin-filter-children: 0;
7382
- --x-size-padding-top-filter-children: 0;
7383
- --x-size-padding-right-filter-children: 0;
7384
- --x-size-padding-bottom-filter-children: 0;
7385
- --x-size-padding-left-filter-children: var(--x-size-base-05);
7386
- }
7387
7374
  :root {
7388
7375
  --x-size-padding-grid: 0;
7389
7376
  --x-size-gap-grid: var(--x-size-base-03);
@@ -7410,6 +7397,19 @@
7410
7397
  .x-grid-list--cols-auto .x-grid-list__item {
7411
7398
  min-width: var(--x-size-min-width-grid-item);
7412
7399
  }
7400
+ .x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
7401
+ .x-filter--justified.x-facet-filter > *:last-child:not(.x-filter__label),
7402
+ .x-filter--justified .x-filter > *:last-child:not(.x-filter__label),
7403
+ .x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
7404
+ margin-left: auto;
7405
+ }
7406
+ :root {
7407
+ --x-size-margin-filter-children: 0;
7408
+ --x-size-padding-top-filter-children: 0;
7409
+ --x-size-padding-right-filter-children: 0;
7410
+ --x-size-padding-bottom-filter-children: 0;
7411
+ --x-size-padding-left-filter-children: var(--x-size-base-05);
7412
+ }
7413
7413
  :root {
7414
7414
  --x-size-margin-filter-children: 0;
7415
7415
  --x-size-padding-top-filter-children: 0;
@@ -7474,6 +7474,47 @@
7474
7474
  );
7475
7475
  --x-size-line-height-filter-default: var(--x-size-line-height-text);
7476
7476
  }
7477
+ :root {
7478
+ --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7479
+ --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7480
+ --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7481
+ --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7482
+ --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7483
+ --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7484
+ --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7485
+ --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7486
+ --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7487
+ --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7488
+ --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7489
+ }
7490
+ :root {
7491
+ --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7492
+ --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7493
+ --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7494
+ --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7495
+ --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7496
+ --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7497
+ --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7498
+ --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7499
+ --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7500
+ --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7501
+ --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7502
+ }
7503
+
7504
+ .x-facet--outlined.x-facet,
7505
+ .x-facet--outlined .x-facet {
7506
+ --x-color-border-facet-default: var(--x-color-border-facet-outlined);
7507
+ --x-size-border-width-facet-default: var(--x-size-border-width-facet-outlined);
7508
+ --x-size-border-width-top-facet-default: var(--x-size-border-width-top-facet-outlined);
7509
+ --x-size-border-width-right-facet-default: var(--x-size-border-width-right-facet-outlined);
7510
+ --x-size-border-width-bottom-facet-default: var(--x-size-border-width-bottom-facet-outlined);
7511
+ --x-size-border-width-left-facet-default: var(--x-size-border-width-left-facet-outlined);
7512
+ --x-size-padding-facet-header-default: var(--x-size-padding-facet-header-outlined);
7513
+ --x-size-padding-top-facet-header-default: var(--x-size-padding-top-facet-header-outlined);
7514
+ --x-size-padding-right-facet-header-default: var(--x-size-padding-right-facet-header-outlined);
7515
+ --x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-outlined);
7516
+ --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-outlined);
7517
+ }
7477
7518
  :root {
7478
7519
  --x-color-background-filter-default: transparent;
7479
7520
  --x-color-border-filter-default: var(--x-color-background-filter-default);
@@ -7587,19 +7628,6 @@
7587
7628
  --x-number-font-weight-filter-count-default-selected
7588
7629
  );
7589
7630
  }
7590
- :root {
7591
- --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7592
- --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7593
- --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7594
- --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7595
- --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7596
- --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7597
- --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7598
- --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7599
- --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7600
- --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7601
- --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7602
- }
7603
7631
  :root {
7604
7632
  --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7605
7633
  --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
@@ -7632,34 +7660,6 @@
7632
7660
  --x-size-border-width-left-facet-header-line
7633
7661
  );
7634
7662
  }
7635
- :root {
7636
- --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7637
- --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7638
- --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7639
- --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7640
- --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7641
- --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7642
- --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7643
- --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7644
- --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7645
- --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7646
- --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7647
- }
7648
-
7649
- .x-facet--outlined.x-facet,
7650
- .x-facet--outlined .x-facet {
7651
- --x-color-border-facet-default: var(--x-color-border-facet-outlined);
7652
- --x-size-border-width-facet-default: var(--x-size-border-width-facet-outlined);
7653
- --x-size-border-width-top-facet-default: var(--x-size-border-width-top-facet-outlined);
7654
- --x-size-border-width-right-facet-default: var(--x-size-border-width-right-facet-outlined);
7655
- --x-size-border-width-bottom-facet-default: var(--x-size-border-width-bottom-facet-outlined);
7656
- --x-size-border-width-left-facet-default: var(--x-size-border-width-left-facet-outlined);
7657
- --x-size-padding-facet-header-default: var(--x-size-padding-facet-header-outlined);
7658
- --x-size-padding-top-facet-header-default: var(--x-size-padding-top-facet-header-outlined);
7659
- --x-size-padding-right-facet-header-default: var(--x-size-padding-right-facet-header-outlined);
7660
- --x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-outlined);
7661
- --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-outlined);
7662
- }
7663
7663
  :root {
7664
7664
  --x-color-background-facet-default: transparent;
7665
7665
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7832,6 +7832,18 @@
7832
7832
  --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7833
7833
  --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7834
7834
  }
7835
+ :root {
7836
+ --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7837
+ --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7838
+ --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7839
+ --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7840
+ --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7841
+ --x-size-padding-facet-header-card: var(--x-size-base-03);
7842
+ --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7843
+ --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7844
+ --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7845
+ --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7846
+ }
7835
7847
 
7836
7848
  .x-facet--card.x-facet,
7837
7849
  .x-facet--card .x-facet {
@@ -7846,18 +7858,6 @@
7846
7858
  --x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-card);
7847
7859
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
7848
7860
  }
7849
- :root {
7850
- --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7851
- --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7852
- --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7853
- --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7854
- --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7855
- --x-size-padding-facet-header-card: var(--x-size-base-03);
7856
- --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7857
- --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7858
- --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7859
- --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7860
- }
7861
7861
  :root {
7862
7862
  --x-size-width-dropdown-xl: 282px;
7863
7863
  }
@@ -7871,6 +7871,13 @@
7871
7871
  :root {
7872
7872
  --x-size-width-dropdown-s: 74px;
7873
7873
  }
7874
+ :root {
7875
+ --x-size-width-dropdown-s: 74px;
7876
+ }
7877
+
7878
+ .x-dropdown.x-dropdown--s {
7879
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
7880
+ }
7874
7881
  :root {
7875
7882
  --x-size-gap-dropdown-pill: var(--x-size-base-03);
7876
7883
  --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
@@ -7880,11 +7887,14 @@
7880
7887
  --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7881
7888
  }
7882
7889
  :root {
7883
- --x-size-width-dropdown-s: 74px;
7890
+ --x-size-width-dropdown-m: 130px;
7891
+ }
7892
+ :root {
7893
+ --x-size-width-dropdown-m: 130px;
7884
7894
  }
7885
7895
 
7886
- .x-dropdown.x-dropdown--s {
7887
- --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
7896
+ .x-dropdown.x-dropdown--m {
7897
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
7888
7898
  }
7889
7899
  :root {
7890
7900
  --x-size-gap-dropdown-pill: var(--x-size-base-03);
@@ -7929,16 +7939,6 @@
7929
7939
  --x-size-border-width-left-dropdown-list-pill
7930
7940
  );
7931
7941
  }
7932
- :root {
7933
- --x-size-width-dropdown-m: 130px;
7934
- }
7935
- :root {
7936
- --x-size-width-dropdown-m: 130px;
7937
- }
7938
-
7939
- .x-dropdown.x-dropdown--m {
7940
- --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
7941
- }
7942
7942
  :root {
7943
7943
  --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7944
7944
  --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
@@ -8109,6 +8109,62 @@
8109
8109
  --x-string-overflow-dropdown-toggle-default: hidden;
8110
8110
  --x-string-overflow-dropdown-list-default: hidden;
8111
8111
  }
8112
+ :root {
8113
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8114
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8115
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8116
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8117
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8118
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8119
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8120
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8121
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8122
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8123
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8124
+ }
8125
+ :root {
8126
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8127
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8128
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8129
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8130
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8131
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8132
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8133
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8134
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8135
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8136
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8137
+ }
8138
+
8139
+ .x-dropdown--card {
8140
+ --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
8141
+ --x-size-border-radius-dropdown-default: var(--x-size-border-radius-dropdown-card);
8142
+ --x-size-border-radius-top-left-dropdown-default: var(
8143
+ --x-size-border-radius-top-left-dropdown-card
8144
+ );
8145
+ --x-size-border-radius-top-right-dropdown-default: var(
8146
+ --x-size-border-radius-top-right-dropdown-card
8147
+ );
8148
+ --x-size-border-radius-bottom-right-dropdown-default: var(
8149
+ --x-size-border-radius-bottom-right-dropdown-card
8150
+ );
8151
+ --x-size-border-radius-bottom-left-dropdown-default: var(
8152
+ --x-size-border-radius-bottom-left-dropdown-card
8153
+ );
8154
+ --x-size-border-width-dropdown-list-default: var(--x-size-border-width-dropdown-list-card);
8155
+ --x-size-border-width-top-dropdown-list-default: var(
8156
+ --x-size-border-width-top-dropdown-list-card
8157
+ );
8158
+ --x-size-border-width-right-dropdown-list-default: var(
8159
+ --x-size-border-width-right-dropdown-list-card
8160
+ );
8161
+ --x-size-border-width-bottom-dropdown-list-default: var(
8162
+ --x-size-border-width-bottom-dropdown-list-card
8163
+ );
8164
+ --x-size-border-width-left-dropdown-list-default: var(
8165
+ --x-size-border-width-left-dropdown-list-card
8166
+ );
8167
+ }
8112
8168
  :root {
8113
8169
  --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8114
8170
  --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
@@ -8351,62 +8407,6 @@
8351
8407
  [dir="rtl"] .x-dropdown--right .x-dropdown__items-list {
8352
8408
  left: 0;
8353
8409
  }
8354
- :root {
8355
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8356
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8357
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8358
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8359
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8360
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8361
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8362
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8363
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8364
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8365
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8366
- }
8367
-
8368
- .x-dropdown--card {
8369
- --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
8370
- --x-size-border-radius-dropdown-default: var(--x-size-border-radius-dropdown-card);
8371
- --x-size-border-radius-top-left-dropdown-default: var(
8372
- --x-size-border-radius-top-left-dropdown-card
8373
- );
8374
- --x-size-border-radius-top-right-dropdown-default: var(
8375
- --x-size-border-radius-top-right-dropdown-card
8376
- );
8377
- --x-size-border-radius-bottom-right-dropdown-default: var(
8378
- --x-size-border-radius-bottom-right-dropdown-card
8379
- );
8380
- --x-size-border-radius-bottom-left-dropdown-default: var(
8381
- --x-size-border-radius-bottom-left-dropdown-card
8382
- );
8383
- --x-size-border-width-dropdown-list-default: var(--x-size-border-width-dropdown-list-card);
8384
- --x-size-border-width-top-dropdown-list-default: var(
8385
- --x-size-border-width-top-dropdown-list-card
8386
- );
8387
- --x-size-border-width-right-dropdown-list-default: var(
8388
- --x-size-border-width-right-dropdown-list-card
8389
- );
8390
- --x-size-border-width-bottom-dropdown-list-default: var(
8391
- --x-size-border-width-bottom-dropdown-list-card
8392
- );
8393
- --x-size-border-width-left-dropdown-list-default: var(
8394
- --x-size-border-width-left-dropdown-list-card
8395
- );
8396
- }
8397
- :root {
8398
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8399
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8400
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8401
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8402
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8403
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8404
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8405
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8406
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8407
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8408
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8409
- }
8410
8410
  :root {
8411
8411
  --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8412
8412
  --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
@@ -8448,13 +8448,6 @@
8448
8448
  --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8449
8449
  --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8450
8450
  }
8451
- :root {
8452
- --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8453
- --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8454
- --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8455
- --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8456
- --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8457
- }
8458
8451
  :root {
8459
8452
  --x-color-background-button-secondary: transparent;
8460
8453
  --x-color-border-button-secondary: var(--x-color-border-button-default);
@@ -8477,14 +8470,11 @@
8477
8470
  --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-secondary);
8478
8471
  }
8479
8472
  :root {
8480
- --x-color-background-button-primary: var(--x-color-background-button-default);
8481
- --x-color-border-button-primary: var(--x-color-border-button-default);
8482
- --x-color-text-button-primary: var(--x-color-text-button-default);
8483
- --x-size-border-width-button-primary: var(--x-size-border-width-base);
8484
- --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8485
- --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8486
- --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8487
- --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8473
+ --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8474
+ --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8475
+ --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8476
+ --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8477
+ --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8488
8478
  }
8489
8479
  :root {
8490
8480
  --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
@@ -8521,6 +8511,16 @@
8521
8511
  --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8522
8512
  --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8523
8513
  }
8514
+ :root {
8515
+ --x-color-background-button-primary: var(--x-color-background-button-default);
8516
+ --x-color-border-button-primary: var(--x-color-border-button-default);
8517
+ --x-color-text-button-primary: var(--x-color-text-button-default);
8518
+ --x-size-border-width-button-primary: var(--x-size-border-width-base);
8519
+ --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8520
+ --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8521
+ --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8522
+ --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8523
+ }
8524
8524
 
8525
8525
  .x-button--primary.x-button,
8526
8526
  .x-button--primary .x-button {
@@ -8539,6 +8539,13 @@
8539
8539
  --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8540
8540
  --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8541
8541
  }
8542
+ :root {
8543
+ --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8544
+ --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
8545
+ --x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
8546
+ --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8547
+ --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8548
+ }
8542
8549
 
8543
8550
  .x-button--pill.x-button,
8544
8551
  .x-button--pill .x-button {
@@ -8560,11 +8567,26 @@
8560
8567
  --x-color-text-button-ghost: var(--x-color-base-lead);
8561
8568
  }
8562
8569
  :root {
8563
- --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8564
- --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
8565
- --x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
8566
- --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8567
- --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8570
+ --x-color-background-button-ghost: transparent;
8571
+ --x-color-border-button-ghost: transparent;
8572
+ --x-color-text-button-ghost: var(--x-color-base-lead);
8573
+ }
8574
+
8575
+ .x-button--ghost.x-button,
8576
+ .x-button--ghost .x-button {
8577
+ --x-color-background-button-default: var(--x-color-background-button-ghost);
8578
+ --x-color-border-button-default: var(--x-color-border-button-ghost);
8579
+ --x-color-text-button-default: var(--x-color-text-button-ghost);
8580
+ }
8581
+
8582
+ .x-button--ghost.x-button--ghost-start.x-button,
8583
+ .x-button--ghost.x-button--ghost-start .x-button {
8584
+ --x-size-padding-left-button-default: 0;
8585
+ }
8586
+
8587
+ .x-button--ghost.x-button--ghost-end.x-button,
8588
+ .x-button--ghost.x-button--ghost-end .x-button {
8589
+ --x-size-padding-right-button-default: 0;
8568
8590
  }
8569
8591
  :root {
8570
8592
  --x-color-background-button-default: var(--x-color-base-lead);
@@ -8590,26 +8612,11 @@
8590
8612
  --x-size-line-height-button-default: var(--x-size-line-height-text);
8591
8613
  }
8592
8614
  :root {
8593
- --x-color-background-button-ghost: transparent;
8594
- --x-color-border-button-ghost: transparent;
8595
- --x-color-text-button-ghost: var(--x-color-base-lead);
8596
- }
8597
-
8598
- .x-button--ghost.x-button,
8599
- .x-button--ghost .x-button {
8600
- --x-color-background-button-default: var(--x-color-background-button-ghost);
8601
- --x-color-border-button-default: var(--x-color-border-button-ghost);
8602
- --x-color-text-button-default: var(--x-color-text-button-ghost);
8603
- }
8604
-
8605
- .x-button--ghost.x-button--ghost-start.x-button,
8606
- .x-button--ghost.x-button--ghost-start .x-button {
8607
- --x-size-padding-left-button-default: 0;
8608
- }
8609
-
8610
- .x-button--ghost.x-button--ghost-end.x-button,
8611
- .x-button--ghost.x-button--ghost-end .x-button {
8612
- --x-size-padding-right-button-default: 0;
8615
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8616
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8617
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8618
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8619
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8613
8620
  }
8614
8621
  :root {
8615
8622
  --x-color-background-button-default: var(--x-color-base-lead);
@@ -8703,23 +8710,6 @@
8703
8710
  --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8704
8711
  --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8705
8712
  }
8706
- :root {
8707
- --x-color-background-badge-default: var(--x-color-base-neutral-10);
8708
- --x-color-text-badge-default: var(--x-color-base-neutral-100);
8709
- --x-color-border-badge-default: var(--x-color-base-neutral-10);
8710
- --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8711
- --x-size-border-width-badge-default: 0;
8712
- --x-size-width-badge-default: 1.5em;
8713
- --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8714
- --x-size-font-badge-default: var(--x-size-font-base-xs);
8715
- }
8716
- :root {
8717
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8718
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8719
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8720
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8721
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8722
- }
8723
8713
 
8724
8714
  .x-button--card.x-button,
8725
8715
  .x-button--card .x-button {
@@ -8745,6 +8735,16 @@
8745
8735
  --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8746
8736
  --x-size-font-badge-default: var(--x-size-font-base-xs);
8747
8737
  }
8738
+ :root {
8739
+ --x-color-background-badge-default: var(--x-color-base-neutral-10);
8740
+ --x-color-text-badge-default: var(--x-color-base-neutral-100);
8741
+ --x-color-border-badge-default: var(--x-color-base-neutral-10);
8742
+ --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8743
+ --x-size-border-width-badge-default: 0;
8744
+ --x-size-width-badge-default: 1.5em;
8745
+ --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8746
+ --x-size-font-badge-default: var(--x-size-font-base-xs);
8747
+ }
8748
8748
 
8749
8749
  [dir="ltr"] .x-badge {
8750
8750
  right: calc(var(--x-size-width-badge-default) / 4);
@@ -8806,6 +8806,13 @@
8806
8806
  --x-size-base-19: 280px;
8807
8807
  --x-size-base-20: 344px;
8808
8808
  }
8809
+ :root {
8810
+ --x-size-border-radius-base-none: 0;
8811
+ --x-size-border-radius-base-s: var(--x-size-base-02);
8812
+ --x-size-border-radius-base-m: var(--x-size-base-06);
8813
+ --x-size-border-radius-base-pill: 99999px;
8814
+ --x-size-border-width-base: 1px;
8815
+ }
8809
8816
  :root {
8810
8817
  --x-color-base-lead: #243d48;
8811
8818
  --x-color-base-auxiliary: #bfe1ec;
@@ -8818,11 +8825,4 @@
8818
8825
  --x-color-base-enable: #00705c;
8819
8826
  --x-color-base-disable: #e11f26;
8820
8827
  --x-color-base-transparent: transparent;
8821
- }
8822
- :root {
8823
- --x-size-border-radius-base-none: 0;
8824
- --x-size-border-radius-base-s: var(--x-size-base-02);
8825
- --x-size-border-radius-base-m: var(--x-size-base-06);
8826
- --x-size-border-radius-base-pill: 99999px;
8827
- --x-size-border-width-base: 1px;
8828
8828
  }