@empathyco/x-components 6.0.0-alpha.47 → 6.0.0-alpha.49

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 (12) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/design-system/deprecated-full-theme.css +1733 -1733
  3. package/docs/API-reference/components/related-prompts/x-components.related-prompt.md +6 -0
  4. package/docs/API-reference/components/related-prompts/x-components.related-prompts-tag-list.md +6 -5
  5. package/js/x-modules/related-prompts/components/related-prompt.vue.js +2 -1
  6. package/js/x-modules/related-prompts/components/related-prompt.vue.js.map +1 -1
  7. package/js/x-modules/related-prompts/components/related-prompt.vue2.js.map +1 -1
  8. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue.js +7 -1
  9. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue.js.map +1 -1
  10. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js.map +1 -1
  11. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue3.js +1 -1
  12. package/package.json +2 -2
package/design-system/deprecated-full-theme.css CHANGED
@@ -978,6 +978,7 @@
978
978
  .x-line-height--loose {
979
979
  line-height: 2 !important;
980
980
  }
981
+
981
982
  .x-line-clamp--2 {
982
983
  overflow: hidden !important;
983
984
  display: -webkit-box !important;
@@ -1012,15 +1013,6 @@
1012
1013
  -webkit-box-orient: vertical !important;
1013
1014
  -webkit-line-clamp: 6 !important;
1014
1015
  }
1015
- .x-font-weight--light {
1016
- font-weight: var(--x-number-font-weight-base-light) !important;
1017
- }
1018
- .x-font-weight--regular {
1019
- font-weight: var(--x-number-font-weight-base-regular) !important;
1020
- }
1021
- .x-font-weight--bold {
1022
- font-weight: var(--x-number-font-weight-base-bold) !important;
1023
- }
1024
1016
  .x-font-size--01 {
1025
1017
  font-size: var(--x-size-base-01) !important;
1026
1018
  line-height: 1.5;
@@ -1144,49 +1136,6 @@
1144
1136
  .x-font-color--transparent {
1145
1137
  color: var(--x-color-base-transparent) !important;
1146
1138
  }
1147
- .x-flex-1 {
1148
- flex: 1 1 0% !important;
1149
- }
1150
-
1151
- .x-flex-auto {
1152
- flex: 1 1 auto !important;
1153
- }
1154
-
1155
- .x-flex-initial {
1156
- flex: 0 1 auto !important;
1157
- }
1158
-
1159
- .x-flex-no-shrink {
1160
- flex: 1 0 auto !important;
1161
- }
1162
-
1163
- .x-flex-none {
1164
- flex: none !important;
1165
- }
1166
-
1167
- .x-self-auto {
1168
- align-self: auto !important;
1169
- }
1170
-
1171
- .x-self-start {
1172
- align-self: flex-start !important;
1173
- }
1174
-
1175
- .x-self-end {
1176
- align-self: flex-end !important;
1177
- }
1178
-
1179
- .x-self-center {
1180
- align-self: center !important;
1181
- }
1182
-
1183
- .x-self-stretch {
1184
- align-self: stretch !important;
1185
- }
1186
-
1187
- .x-self-baseline {
1188
- align-self: baseline !important;
1189
- }
1190
1139
  .x-fill--lead {
1191
1140
  fill: var(--x-color-base-lead) !important;
1192
1141
  }
@@ -1298,6 +1247,49 @@
1298
1247
  --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
1299
1248
  0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1300
1249
  }
1250
+ .x-flex-1 {
1251
+ flex: 1 1 0% !important;
1252
+ }
1253
+
1254
+ .x-flex-auto {
1255
+ flex: 1 1 auto !important;
1256
+ }
1257
+
1258
+ .x-flex-initial {
1259
+ flex: 0 1 auto !important;
1260
+ }
1261
+
1262
+ .x-flex-no-shrink {
1263
+ flex: 1 0 auto !important;
1264
+ }
1265
+
1266
+ .x-flex-none {
1267
+ flex: none !important;
1268
+ }
1269
+
1270
+ .x-self-auto {
1271
+ align-self: auto !important;
1272
+ }
1273
+
1274
+ .x-self-start {
1275
+ align-self: flex-start !important;
1276
+ }
1277
+
1278
+ .x-self-end {
1279
+ align-self: flex-end !important;
1280
+ }
1281
+
1282
+ .x-self-center {
1283
+ align-self: center !important;
1284
+ }
1285
+
1286
+ .x-self-stretch {
1287
+ align-self: stretch !important;
1288
+ }
1289
+
1290
+ .x-self-baseline {
1291
+ align-self: baseline !important;
1292
+ }
1301
1293
  /* Material Elevations extracted from:
1302
1294
  https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
1303
1295
  */
@@ -1431,1847 +1423,1847 @@
1431
1423
  .x-shadow--bottom-10 {
1432
1424
  box-shadow: var(--x-string-box-shadow-bottom-10) !important;
1433
1425
  }
1434
- *[class*=x-border-width--] {
1435
- border-width: 0;
1426
+ .x-border-radius--00 {
1427
+ border-radius: 0 !important;
1436
1428
  }
1437
1429
 
1438
- .x-border-width--00 {
1439
- border-width: 0px !important;
1440
- border-style: solid !important;
1441
- }
1442
- .x-border-width--top-00 {
1443
- border-top-width: 0px !important;
1444
- border-style: solid !important;
1430
+ .x-border-radius--pill {
1431
+ border-radius: 99999px !important;
1445
1432
  }
1446
- .x-border-width--bottom-00 {
1447
- border-bottom-width: 0px !important;
1448
- border-style: solid !important;
1433
+
1434
+ .x-border-radius--01 {
1435
+ border-radius: var(--x-size-base-01) !important;
1449
1436
  }
1450
- [dir="ltr"] .x-border-width--right-00 {
1451
- border-right-width: 0px !important;
1437
+ [dir="ltr"] .x-border-radius--top-01 {
1438
+ border-top-left-radius: var(--x-size-base-01) !important;
1452
1439
  }
1453
- [dir="rtl"] .x-border-width--right-00 {
1454
- border-left-width: 0px !important;
1440
+ [dir="rtl"] .x-border-radius--top-01 {
1441
+ border-top-right-radius: var(--x-size-base-01) !important;
1455
1442
  }
1456
- .x-border-width--right-00 {
1457
- border-style: solid !important;
1443
+ [dir="ltr"] .x-border-radius--top-01 {
1444
+ border-top-right-radius: var(--x-size-base-01) !important;
1458
1445
  }
1459
- [dir="ltr"] .x-border-width--left-00 {
1460
- border-left-width: 0px !important;
1446
+ [dir="rtl"] .x-border-radius--top-01 {
1447
+ border-top-left-radius: var(--x-size-base-01) !important;
1461
1448
  }
1462
- [dir="rtl"] .x-border-width--left-00 {
1463
- border-right-width: 0px !important;
1449
+ [dir="ltr"] .x-border-radius--bottom-01 {
1450
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1464
1451
  }
1465
- .x-border-width--left-00 {
1466
- border-style: solid !important;
1452
+ [dir="rtl"] .x-border-radius--bottom-01 {
1453
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1467
1454
  }
1468
- .x-border-width--01 {
1469
- border-width: 1px !important;
1470
- border-style: solid !important;
1455
+ [dir="ltr"] .x-border-radius--bottom-01 {
1456
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1471
1457
  }
1472
- .x-border-width--top-01 {
1473
- border-top-width: 1px !important;
1474
- border-style: solid !important;
1458
+ [dir="rtl"] .x-border-radius--bottom-01 {
1459
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1475
1460
  }
1476
- .x-border-width--bottom-01 {
1477
- border-bottom-width: 1px !important;
1478
- border-style: solid !important;
1461
+ [dir="ltr"] .x-border-radius--right-01 {
1462
+ border-top-right-radius: var(--x-size-base-01) !important;
1479
1463
  }
1480
- [dir="ltr"] .x-border-width--right-01 {
1481
- border-right-width: 1px !important;
1464
+ [dir="rtl"] .x-border-radius--right-01 {
1465
+ border-top-left-radius: var(--x-size-base-01) !important;
1482
1466
  }
1483
- [dir="rtl"] .x-border-width--right-01 {
1484
- border-left-width: 1px !important;
1467
+ [dir="ltr"] .x-border-radius--right-01 {
1468
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1485
1469
  }
1486
- .x-border-width--right-01 {
1487
- border-style: solid !important;
1470
+ [dir="rtl"] .x-border-radius--right-01 {
1471
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1488
1472
  }
1489
- [dir="ltr"] .x-border-width--left-01 {
1490
- border-left-width: 1px !important;
1473
+ [dir="ltr"] .x-border-radius--left-01 {
1474
+ border-top-left-radius: var(--x-size-base-01) !important;
1491
1475
  }
1492
- [dir="rtl"] .x-border-width--left-01 {
1493
- border-right-width: 1px !important;
1476
+ [dir="rtl"] .x-border-radius--left-01 {
1477
+ border-top-right-radius: var(--x-size-base-01) !important;
1494
1478
  }
1495
- .x-border-width--left-01 {
1496
- border-style: solid !important;
1479
+ [dir="ltr"] .x-border-radius--left-01 {
1480
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1497
1481
  }
1498
- .x-border-width--02 {
1499
- border-width: 2px !important;
1500
- border-style: solid !important;
1482
+ [dir="rtl"] .x-border-radius--left-01 {
1483
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1501
1484
  }
1502
- .x-border-width--top-02 {
1503
- border-top-width: 2px !important;
1504
- border-style: solid !important;
1485
+ [dir="ltr"] .x-border-radius--top-left-01 {
1486
+ border-top-left-radius: var(--x-size-base-01) !important;
1505
1487
  }
1506
- .x-border-width--bottom-02 {
1507
- border-bottom-width: 2px !important;
1508
- border-style: solid !important;
1488
+ [dir="rtl"] .x-border-radius--top-left-01 {
1489
+ border-top-right-radius: var(--x-size-base-01) !important;
1509
1490
  }
1510
- [dir="ltr"] .x-border-width--right-02 {
1511
- border-right-width: 2px !important;
1491
+ [dir="ltr"] .x-border-radius--top-right-01 {
1492
+ border-top-right-radius: var(--x-size-base-01) !important;
1512
1493
  }
1513
- [dir="rtl"] .x-border-width--right-02 {
1514
- border-left-width: 2px !important;
1494
+ [dir="rtl"] .x-border-radius--top-right-01 {
1495
+ border-top-left-radius: var(--x-size-base-01) !important;
1515
1496
  }
1516
- .x-border-width--right-02 {
1517
- border-style: solid !important;
1497
+ [dir="ltr"] .x-border-radius--bottom-left-01 {
1498
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1518
1499
  }
1519
- [dir="ltr"] .x-border-width--left-02 {
1520
- border-left-width: 2px !important;
1500
+ [dir="rtl"] .x-border-radius--bottom-left-01 {
1501
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1521
1502
  }
1522
- [dir="rtl"] .x-border-width--left-02 {
1523
- border-right-width: 2px !important;
1503
+ [dir="ltr"] .x-border-radius--bottom-right-01 {
1504
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1524
1505
  }
1525
- .x-border-width--left-02 {
1526
- border-style: solid !important;
1506
+ [dir="rtl"] .x-border-radius--bottom-right-01 {
1507
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1527
1508
  }
1528
- .x-border-width--03 {
1529
- border-width: 3px !important;
1530
- border-style: solid !important;
1509
+ .x-border-radius--02 {
1510
+ border-radius: var(--x-size-base-02) !important;
1531
1511
  }
1532
- .x-border-width--top-03 {
1533
- border-top-width: 3px !important;
1534
- border-style: solid !important;
1512
+ [dir="ltr"] .x-border-radius--top-02 {
1513
+ border-top-left-radius: var(--x-size-base-02) !important;
1535
1514
  }
1536
- .x-border-width--bottom-03 {
1537
- border-bottom-width: 3px !important;
1538
- border-style: solid !important;
1515
+ [dir="rtl"] .x-border-radius--top-02 {
1516
+ border-top-right-radius: var(--x-size-base-02) !important;
1539
1517
  }
1540
- [dir="ltr"] .x-border-width--right-03 {
1541
- border-right-width: 3px !important;
1518
+ [dir="ltr"] .x-border-radius--top-02 {
1519
+ border-top-right-radius: var(--x-size-base-02) !important;
1542
1520
  }
1543
- [dir="rtl"] .x-border-width--right-03 {
1544
- border-left-width: 3px !important;
1521
+ [dir="rtl"] .x-border-radius--top-02 {
1522
+ border-top-left-radius: var(--x-size-base-02) !important;
1545
1523
  }
1546
- .x-border-width--right-03 {
1547
- border-style: solid !important;
1524
+ [dir="ltr"] .x-border-radius--bottom-02 {
1525
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1548
1526
  }
1549
- [dir="ltr"] .x-border-width--left-03 {
1550
- border-left-width: 3px !important;
1527
+ [dir="rtl"] .x-border-radius--bottom-02 {
1528
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1551
1529
  }
1552
- [dir="rtl"] .x-border-width--left-03 {
1553
- border-right-width: 3px !important;
1530
+ [dir="ltr"] .x-border-radius--bottom-02 {
1531
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1554
1532
  }
1555
- .x-border-width--left-03 {
1556
- border-style: solid !important;
1533
+ [dir="rtl"] .x-border-radius--bottom-02 {
1534
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1557
1535
  }
1558
- .x-border-width--04 {
1559
- border-width: 4px !important;
1560
- border-style: solid !important;
1561
- }
1562
- .x-border-width--top-04 {
1563
- border-top-width: 4px !important;
1564
- border-style: solid !important;
1536
+ [dir="ltr"] .x-border-radius--right-02 {
1537
+ border-top-right-radius: var(--x-size-base-02) !important;
1565
1538
  }
1566
- .x-border-width--bottom-04 {
1567
- border-bottom-width: 4px !important;
1568
- border-style: solid !important;
1539
+ [dir="rtl"] .x-border-radius--right-02 {
1540
+ border-top-left-radius: var(--x-size-base-02) !important;
1569
1541
  }
1570
- [dir="ltr"] .x-border-width--right-04 {
1571
- border-right-width: 4px !important;
1542
+ [dir="ltr"] .x-border-radius--right-02 {
1543
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1572
1544
  }
1573
- [dir="rtl"] .x-border-width--right-04 {
1574
- border-left-width: 4px !important;
1545
+ [dir="rtl"] .x-border-radius--right-02 {
1546
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1575
1547
  }
1576
- .x-border-width--right-04 {
1577
- border-style: solid !important;
1548
+ [dir="ltr"] .x-border-radius--left-02 {
1549
+ border-top-left-radius: var(--x-size-base-02) !important;
1578
1550
  }
1579
- [dir="ltr"] .x-border-width--left-04 {
1580
- border-left-width: 4px !important;
1551
+ [dir="rtl"] .x-border-radius--left-02 {
1552
+ border-top-right-radius: var(--x-size-base-02) !important;
1581
1553
  }
1582
- [dir="rtl"] .x-border-width--left-04 {
1583
- border-right-width: 4px !important;
1554
+ [dir="ltr"] .x-border-radius--left-02 {
1555
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1584
1556
  }
1585
- .x-border-width--left-04 {
1586
- border-style: solid !important;
1557
+ [dir="rtl"] .x-border-radius--left-02 {
1558
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1587
1559
  }
1588
- .x-border-width--05 {
1589
- border-width: 5px !important;
1590
- border-style: solid !important;
1560
+ [dir="ltr"] .x-border-radius--top-left-02 {
1561
+ border-top-left-radius: var(--x-size-base-02) !important;
1591
1562
  }
1592
- .x-border-width--top-05 {
1593
- border-top-width: 5px !important;
1594
- border-style: solid !important;
1563
+ [dir="rtl"] .x-border-radius--top-left-02 {
1564
+ border-top-right-radius: var(--x-size-base-02) !important;
1595
1565
  }
1596
- .x-border-width--bottom-05 {
1597
- border-bottom-width: 5px !important;
1598
- border-style: solid !important;
1566
+ [dir="ltr"] .x-border-radius--top-right-02 {
1567
+ border-top-right-radius: var(--x-size-base-02) !important;
1599
1568
  }
1600
- [dir="ltr"] .x-border-width--right-05 {
1601
- border-right-width: 5px !important;
1569
+ [dir="rtl"] .x-border-radius--top-right-02 {
1570
+ border-top-left-radius: var(--x-size-base-02) !important;
1602
1571
  }
1603
- [dir="rtl"] .x-border-width--right-05 {
1604
- border-left-width: 5px !important;
1572
+ [dir="ltr"] .x-border-radius--bottom-left-02 {
1573
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1605
1574
  }
1606
- .x-border-width--right-05 {
1607
- border-style: solid !important;
1575
+ [dir="rtl"] .x-border-radius--bottom-left-02 {
1576
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1608
1577
  }
1609
- [dir="ltr"] .x-border-width--left-05 {
1610
- border-left-width: 5px !important;
1578
+ [dir="ltr"] .x-border-radius--bottom-right-02 {
1579
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1611
1580
  }
1612
- [dir="rtl"] .x-border-width--left-05 {
1613
- border-right-width: 5px !important;
1581
+ [dir="rtl"] .x-border-radius--bottom-right-02 {
1582
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1614
1583
  }
1615
- .x-border-width--left-05 {
1616
- border-style: solid !important;
1584
+ .x-border-radius--03 {
1585
+ border-radius: var(--x-size-base-03) !important;
1617
1586
  }
1618
- .x-border-width--06 {
1619
- border-width: 6px !important;
1620
- border-style: solid !important;
1587
+ [dir="ltr"] .x-border-radius--top-03 {
1588
+ border-top-left-radius: var(--x-size-base-03) !important;
1621
1589
  }
1622
- .x-border-width--top-06 {
1623
- border-top-width: 6px !important;
1624
- border-style: solid !important;
1590
+ [dir="rtl"] .x-border-radius--top-03 {
1591
+ border-top-right-radius: var(--x-size-base-03) !important;
1625
1592
  }
1626
- .x-border-width--bottom-06 {
1627
- border-bottom-width: 6px !important;
1628
- border-style: solid !important;
1593
+ [dir="ltr"] .x-border-radius--top-03 {
1594
+ border-top-right-radius: var(--x-size-base-03) !important;
1629
1595
  }
1630
- [dir="ltr"] .x-border-width--right-06 {
1631
- border-right-width: 6px !important;
1596
+ [dir="rtl"] .x-border-radius--top-03 {
1597
+ border-top-left-radius: var(--x-size-base-03) !important;
1632
1598
  }
1633
- [dir="rtl"] .x-border-width--right-06 {
1634
- border-left-width: 6px !important;
1599
+ [dir="ltr"] .x-border-radius--bottom-03 {
1600
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1635
1601
  }
1636
- .x-border-width--right-06 {
1637
- border-style: solid !important;
1602
+ [dir="rtl"] .x-border-radius--bottom-03 {
1603
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1638
1604
  }
1639
- [dir="ltr"] .x-border-width--left-06 {
1640
- border-left-width: 6px !important;
1605
+ [dir="ltr"] .x-border-radius--bottom-03 {
1606
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1641
1607
  }
1642
- [dir="rtl"] .x-border-width--left-06 {
1643
- border-right-width: 6px !important;
1608
+ [dir="rtl"] .x-border-radius--bottom-03 {
1609
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1644
1610
  }
1645
- .x-border-width--left-06 {
1646
- border-style: solid !important;
1611
+ [dir="ltr"] .x-border-radius--right-03 {
1612
+ border-top-right-radius: var(--x-size-base-03) !important;
1647
1613
  }
1648
- .x-border-width--07 {
1649
- border-width: 7px !important;
1650
- border-style: solid !important;
1614
+ [dir="rtl"] .x-border-radius--right-03 {
1615
+ border-top-left-radius: var(--x-size-base-03) !important;
1651
1616
  }
1652
- .x-border-width--top-07 {
1653
- border-top-width: 7px !important;
1654
- border-style: solid !important;
1617
+ [dir="ltr"] .x-border-radius--right-03 {
1618
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1655
1619
  }
1656
- .x-border-width--bottom-07 {
1657
- border-bottom-width: 7px !important;
1658
- border-style: solid !important;
1620
+ [dir="rtl"] .x-border-radius--right-03 {
1621
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1659
1622
  }
1660
- [dir="ltr"] .x-border-width--right-07 {
1661
- border-right-width: 7px !important;
1623
+ [dir="ltr"] .x-border-radius--left-03 {
1624
+ border-top-left-radius: var(--x-size-base-03) !important;
1662
1625
  }
1663
- [dir="rtl"] .x-border-width--right-07 {
1664
- border-left-width: 7px !important;
1626
+ [dir="rtl"] .x-border-radius--left-03 {
1627
+ border-top-right-radius: var(--x-size-base-03) !important;
1665
1628
  }
1666
- .x-border-width--right-07 {
1667
- border-style: solid !important;
1629
+ [dir="ltr"] .x-border-radius--left-03 {
1630
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1668
1631
  }
1669
- [dir="ltr"] .x-border-width--left-07 {
1670
- border-left-width: 7px !important;
1632
+ [dir="rtl"] .x-border-radius--left-03 {
1633
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1671
1634
  }
1672
- [dir="rtl"] .x-border-width--left-07 {
1673
- border-right-width: 7px !important;
1635
+ [dir="ltr"] .x-border-radius--top-left-03 {
1636
+ border-top-left-radius: var(--x-size-base-03) !important;
1674
1637
  }
1675
- .x-border-width--left-07 {
1676
- border-style: solid !important;
1638
+ [dir="rtl"] .x-border-radius--top-left-03 {
1639
+ border-top-right-radius: var(--x-size-base-03) !important;
1677
1640
  }
1678
- .x-border-width--08 {
1679
- border-width: 8px !important;
1680
- border-style: solid !important;
1641
+ [dir="ltr"] .x-border-radius--top-right-03 {
1642
+ border-top-right-radius: var(--x-size-base-03) !important;
1681
1643
  }
1682
- .x-border-width--top-08 {
1683
- border-top-width: 8px !important;
1684
- border-style: solid !important;
1644
+ [dir="rtl"] .x-border-radius--top-right-03 {
1645
+ border-top-left-radius: var(--x-size-base-03) !important;
1685
1646
  }
1686
- .x-border-width--bottom-08 {
1687
- border-bottom-width: 8px !important;
1688
- border-style: solid !important;
1647
+ [dir="ltr"] .x-border-radius--bottom-left-03 {
1648
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1689
1649
  }
1690
- [dir="ltr"] .x-border-width--right-08 {
1691
- border-right-width: 8px !important;
1650
+ [dir="rtl"] .x-border-radius--bottom-left-03 {
1651
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1692
1652
  }
1693
- [dir="rtl"] .x-border-width--right-08 {
1694
- border-left-width: 8px !important;
1653
+ [dir="ltr"] .x-border-radius--bottom-right-03 {
1654
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1695
1655
  }
1696
- .x-border-width--right-08 {
1697
- border-style: solid !important;
1656
+ [dir="rtl"] .x-border-radius--bottom-right-03 {
1657
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1698
1658
  }
1699
- [dir="ltr"] .x-border-width--left-08 {
1700
- border-left-width: 8px !important;
1659
+ .x-border-radius--04 {
1660
+ border-radius: var(--x-size-base-04) !important;
1701
1661
  }
1702
- [dir="rtl"] .x-border-width--left-08 {
1703
- border-right-width: 8px !important;
1662
+ [dir="ltr"] .x-border-radius--top-04 {
1663
+ border-top-left-radius: var(--x-size-base-04) !important;
1704
1664
  }
1705
- .x-border-width--left-08 {
1706
- border-style: solid !important;
1665
+ [dir="rtl"] .x-border-radius--top-04 {
1666
+ border-top-right-radius: var(--x-size-base-04) !important;
1707
1667
  }
1708
- .x-border-width--09 {
1709
- border-width: 9px !important;
1710
- border-style: solid !important;
1668
+ [dir="ltr"] .x-border-radius--top-04 {
1669
+ border-top-right-radius: var(--x-size-base-04) !important;
1711
1670
  }
1712
- .x-border-width--top-09 {
1713
- border-top-width: 9px !important;
1714
- border-style: solid !important;
1671
+ [dir="rtl"] .x-border-radius--top-04 {
1672
+ border-top-left-radius: var(--x-size-base-04) !important;
1715
1673
  }
1716
- .x-border-width--bottom-09 {
1717
- border-bottom-width: 9px !important;
1718
- border-style: solid !important;
1674
+ [dir="ltr"] .x-border-radius--bottom-04 {
1675
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1719
1676
  }
1720
- [dir="ltr"] .x-border-width--right-09 {
1721
- border-right-width: 9px !important;
1677
+ [dir="rtl"] .x-border-radius--bottom-04 {
1678
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1722
1679
  }
1723
- [dir="rtl"] .x-border-width--right-09 {
1724
- border-left-width: 9px !important;
1680
+ [dir="ltr"] .x-border-radius--bottom-04 {
1681
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1725
1682
  }
1726
- .x-border-width--right-09 {
1727
- border-style: solid !important;
1683
+ [dir="rtl"] .x-border-radius--bottom-04 {
1684
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1728
1685
  }
1729
- [dir="ltr"] .x-border-width--left-09 {
1730
- border-left-width: 9px !important;
1686
+ [dir="ltr"] .x-border-radius--right-04 {
1687
+ border-top-right-radius: var(--x-size-base-04) !important;
1731
1688
  }
1732
- [dir="rtl"] .x-border-width--left-09 {
1733
- border-right-width: 9px !important;
1689
+ [dir="rtl"] .x-border-radius--right-04 {
1690
+ border-top-left-radius: var(--x-size-base-04) !important;
1734
1691
  }
1735
- .x-border-width--left-09 {
1736
- border-style: solid !important;
1692
+ [dir="ltr"] .x-border-radius--right-04 {
1693
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1737
1694
  }
1738
- .x-border-width--10 {
1739
- border-width: 10px !important;
1740
- border-style: solid !important;
1695
+ [dir="rtl"] .x-border-radius--right-04 {
1696
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1741
1697
  }
1742
- .x-border-width--top-10 {
1743
- border-top-width: 10px !important;
1744
- border-style: solid !important;
1698
+ [dir="ltr"] .x-border-radius--left-04 {
1699
+ border-top-left-radius: var(--x-size-base-04) !important;
1745
1700
  }
1746
- .x-border-width--bottom-10 {
1747
- border-bottom-width: 10px !important;
1748
- border-style: solid !important;
1701
+ [dir="rtl"] .x-border-radius--left-04 {
1702
+ border-top-right-radius: var(--x-size-base-04) !important;
1749
1703
  }
1750
- [dir="ltr"] .x-border-width--right-10 {
1751
- border-right-width: 10px !important;
1704
+ [dir="ltr"] .x-border-radius--left-04 {
1705
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1752
1706
  }
1753
- [dir="rtl"] .x-border-width--right-10 {
1754
- border-left-width: 10px !important;
1707
+ [dir="rtl"] .x-border-radius--left-04 {
1708
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1755
1709
  }
1756
- .x-border-width--right-10 {
1757
- border-style: solid !important;
1710
+ [dir="ltr"] .x-border-radius--top-left-04 {
1711
+ border-top-left-radius: var(--x-size-base-04) !important;
1758
1712
  }
1759
- [dir="ltr"] .x-border-width--left-10 {
1760
- border-left-width: 10px !important;
1713
+ [dir="rtl"] .x-border-radius--top-left-04 {
1714
+ border-top-right-radius: var(--x-size-base-04) !important;
1761
1715
  }
1762
- [dir="rtl"] .x-border-width--left-10 {
1763
- border-right-width: 10px !important;
1716
+ [dir="ltr"] .x-border-radius--top-right-04 {
1717
+ border-top-right-radius: var(--x-size-base-04) !important;
1764
1718
  }
1765
- .x-border-width--left-10 {
1766
- border-style: solid !important;
1719
+ [dir="rtl"] .x-border-radius--top-right-04 {
1720
+ border-top-left-radius: var(--x-size-base-04) !important;
1767
1721
  }
1768
- .x-border-radius--00 {
1769
- border-radius: 0 !important;
1722
+ [dir="ltr"] .x-border-radius--bottom-left-04 {
1723
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1770
1724
  }
1771
-
1772
- .x-border-radius--pill {
1773
- border-radius: 99999px !important;
1725
+ [dir="rtl"] .x-border-radius--bottom-left-04 {
1726
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1774
1727
  }
1775
-
1776
- .x-border-radius--01 {
1777
- border-radius: var(--x-size-base-01) !important;
1728
+ [dir="ltr"] .x-border-radius--bottom-right-04 {
1729
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1778
1730
  }
1779
- [dir="ltr"] .x-border-radius--top-01 {
1780
- border-top-left-radius: var(--x-size-base-01) !important;
1731
+ [dir="rtl"] .x-border-radius--bottom-right-04 {
1732
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1781
1733
  }
1782
- [dir="rtl"] .x-border-radius--top-01 {
1783
- border-top-right-radius: var(--x-size-base-01) !important;
1734
+ .x-border-radius--05 {
1735
+ border-radius: var(--x-size-base-05) !important;
1784
1736
  }
1785
- [dir="ltr"] .x-border-radius--top-01 {
1786
- border-top-right-radius: var(--x-size-base-01) !important;
1737
+ [dir="ltr"] .x-border-radius--top-05 {
1738
+ border-top-left-radius: var(--x-size-base-05) !important;
1787
1739
  }
1788
- [dir="rtl"] .x-border-radius--top-01 {
1789
- border-top-left-radius: var(--x-size-base-01) !important;
1740
+ [dir="rtl"] .x-border-radius--top-05 {
1741
+ border-top-right-radius: var(--x-size-base-05) !important;
1790
1742
  }
1791
- [dir="ltr"] .x-border-radius--bottom-01 {
1792
- border-bottom-left-radius: var(--x-size-base-01) !important;
1743
+ [dir="ltr"] .x-border-radius--top-05 {
1744
+ border-top-right-radius: var(--x-size-base-05) !important;
1793
1745
  }
1794
- [dir="rtl"] .x-border-radius--bottom-01 {
1795
- border-bottom-right-radius: var(--x-size-base-01) !important;
1746
+ [dir="rtl"] .x-border-radius--top-05 {
1747
+ border-top-left-radius: var(--x-size-base-05) !important;
1796
1748
  }
1797
- [dir="ltr"] .x-border-radius--bottom-01 {
1798
- border-bottom-right-radius: var(--x-size-base-01) !important;
1749
+ [dir="ltr"] .x-border-radius--bottom-05 {
1750
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1799
1751
  }
1800
- [dir="rtl"] .x-border-radius--bottom-01 {
1801
- border-bottom-left-radius: var(--x-size-base-01) !important;
1752
+ [dir="rtl"] .x-border-radius--bottom-05 {
1753
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1802
1754
  }
1803
- [dir="ltr"] .x-border-radius--right-01 {
1804
- border-top-right-radius: var(--x-size-base-01) !important;
1755
+ [dir="ltr"] .x-border-radius--bottom-05 {
1756
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1805
1757
  }
1806
- [dir="rtl"] .x-border-radius--right-01 {
1807
- border-top-left-radius: var(--x-size-base-01) !important;
1758
+ [dir="rtl"] .x-border-radius--bottom-05 {
1759
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1808
1760
  }
1809
- [dir="ltr"] .x-border-radius--right-01 {
1810
- border-bottom-right-radius: var(--x-size-base-01) !important;
1761
+ [dir="ltr"] .x-border-radius--right-05 {
1762
+ border-top-right-radius: var(--x-size-base-05) !important;
1811
1763
  }
1812
- [dir="rtl"] .x-border-radius--right-01 {
1813
- border-bottom-left-radius: var(--x-size-base-01) !important;
1764
+ [dir="rtl"] .x-border-radius--right-05 {
1765
+ border-top-left-radius: var(--x-size-base-05) !important;
1814
1766
  }
1815
- [dir="ltr"] .x-border-radius--left-01 {
1816
- border-top-left-radius: var(--x-size-base-01) !important;
1767
+ [dir="ltr"] .x-border-radius--right-05 {
1768
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1817
1769
  }
1818
- [dir="rtl"] .x-border-radius--left-01 {
1819
- border-top-right-radius: var(--x-size-base-01) !important;
1770
+ [dir="rtl"] .x-border-radius--right-05 {
1771
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1820
1772
  }
1821
- [dir="ltr"] .x-border-radius--left-01 {
1822
- border-bottom-left-radius: var(--x-size-base-01) !important;
1773
+ [dir="ltr"] .x-border-radius--left-05 {
1774
+ border-top-left-radius: var(--x-size-base-05) !important;
1823
1775
  }
1824
- [dir="rtl"] .x-border-radius--left-01 {
1825
- border-bottom-right-radius: var(--x-size-base-01) !important;
1776
+ [dir="rtl"] .x-border-radius--left-05 {
1777
+ border-top-right-radius: var(--x-size-base-05) !important;
1826
1778
  }
1827
- [dir="ltr"] .x-border-radius--top-left-01 {
1828
- border-top-left-radius: var(--x-size-base-01) !important;
1779
+ [dir="ltr"] .x-border-radius--left-05 {
1780
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1829
1781
  }
1830
- [dir="rtl"] .x-border-radius--top-left-01 {
1831
- border-top-right-radius: var(--x-size-base-01) !important;
1782
+ [dir="rtl"] .x-border-radius--left-05 {
1783
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1832
1784
  }
1833
- [dir="ltr"] .x-border-radius--top-right-01 {
1834
- border-top-right-radius: var(--x-size-base-01) !important;
1785
+ [dir="ltr"] .x-border-radius--top-left-05 {
1786
+ border-top-left-radius: var(--x-size-base-05) !important;
1835
1787
  }
1836
- [dir="rtl"] .x-border-radius--top-right-01 {
1837
- border-top-left-radius: var(--x-size-base-01) !important;
1788
+ [dir="rtl"] .x-border-radius--top-left-05 {
1789
+ border-top-right-radius: var(--x-size-base-05) !important;
1838
1790
  }
1839
- [dir="ltr"] .x-border-radius--bottom-left-01 {
1840
- border-bottom-left-radius: var(--x-size-base-01) !important;
1791
+ [dir="ltr"] .x-border-radius--top-right-05 {
1792
+ border-top-right-radius: var(--x-size-base-05) !important;
1841
1793
  }
1842
- [dir="rtl"] .x-border-radius--bottom-left-01 {
1843
- border-bottom-right-radius: var(--x-size-base-01) !important;
1794
+ [dir="rtl"] .x-border-radius--top-right-05 {
1795
+ border-top-left-radius: var(--x-size-base-05) !important;
1844
1796
  }
1845
- [dir="ltr"] .x-border-radius--bottom-right-01 {
1846
- border-bottom-right-radius: var(--x-size-base-01) !important;
1797
+ [dir="ltr"] .x-border-radius--bottom-left-05 {
1798
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1847
1799
  }
1848
- [dir="rtl"] .x-border-radius--bottom-right-01 {
1849
- border-bottom-left-radius: var(--x-size-base-01) !important;
1800
+ [dir="rtl"] .x-border-radius--bottom-left-05 {
1801
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1850
1802
  }
1851
- .x-border-radius--02 {
1852
- border-radius: var(--x-size-base-02) !important;
1803
+ [dir="ltr"] .x-border-radius--bottom-right-05 {
1804
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1853
1805
  }
1854
- [dir="ltr"] .x-border-radius--top-02 {
1855
- border-top-left-radius: var(--x-size-base-02) !important;
1806
+ [dir="rtl"] .x-border-radius--bottom-right-05 {
1807
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1856
1808
  }
1857
- [dir="rtl"] .x-border-radius--top-02 {
1858
- border-top-right-radius: var(--x-size-base-02) !important;
1809
+ .x-border-radius--06 {
1810
+ border-radius: var(--x-size-base-06) !important;
1859
1811
  }
1860
- [dir="ltr"] .x-border-radius--top-02 {
1861
- border-top-right-radius: var(--x-size-base-02) !important;
1812
+ [dir="ltr"] .x-border-radius--top-06 {
1813
+ border-top-left-radius: var(--x-size-base-06) !important;
1862
1814
  }
1863
- [dir="rtl"] .x-border-radius--top-02 {
1864
- border-top-left-radius: var(--x-size-base-02) !important;
1815
+ [dir="rtl"] .x-border-radius--top-06 {
1816
+ border-top-right-radius: var(--x-size-base-06) !important;
1865
1817
  }
1866
- [dir="ltr"] .x-border-radius--bottom-02 {
1867
- border-bottom-left-radius: var(--x-size-base-02) !important;
1818
+ [dir="ltr"] .x-border-radius--top-06 {
1819
+ border-top-right-radius: var(--x-size-base-06) !important;
1868
1820
  }
1869
- [dir="rtl"] .x-border-radius--bottom-02 {
1870
- border-bottom-right-radius: var(--x-size-base-02) !important;
1821
+ [dir="rtl"] .x-border-radius--top-06 {
1822
+ border-top-left-radius: var(--x-size-base-06) !important;
1871
1823
  }
1872
- [dir="ltr"] .x-border-radius--bottom-02 {
1873
- border-bottom-right-radius: var(--x-size-base-02) !important;
1824
+ [dir="ltr"] .x-border-radius--bottom-06 {
1825
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1874
1826
  }
1875
- [dir="rtl"] .x-border-radius--bottom-02 {
1876
- border-bottom-left-radius: var(--x-size-base-02) !important;
1827
+ [dir="rtl"] .x-border-radius--bottom-06 {
1828
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1877
1829
  }
1878
- [dir="ltr"] .x-border-radius--right-02 {
1879
- border-top-right-radius: var(--x-size-base-02) !important;
1830
+ [dir="ltr"] .x-border-radius--bottom-06 {
1831
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1880
1832
  }
1881
- [dir="rtl"] .x-border-radius--right-02 {
1882
- border-top-left-radius: var(--x-size-base-02) !important;
1833
+ [dir="rtl"] .x-border-radius--bottom-06 {
1834
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1883
1835
  }
1884
- [dir="ltr"] .x-border-radius--right-02 {
1885
- border-bottom-right-radius: var(--x-size-base-02) !important;
1836
+ [dir="ltr"] .x-border-radius--right-06 {
1837
+ border-top-right-radius: var(--x-size-base-06) !important;
1886
1838
  }
1887
- [dir="rtl"] .x-border-radius--right-02 {
1888
- border-bottom-left-radius: var(--x-size-base-02) !important;
1839
+ [dir="rtl"] .x-border-radius--right-06 {
1840
+ border-top-left-radius: var(--x-size-base-06) !important;
1889
1841
  }
1890
- [dir="ltr"] .x-border-radius--left-02 {
1891
- border-top-left-radius: var(--x-size-base-02) !important;
1842
+ [dir="ltr"] .x-border-radius--right-06 {
1843
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1892
1844
  }
1893
- [dir="rtl"] .x-border-radius--left-02 {
1894
- border-top-right-radius: var(--x-size-base-02) !important;
1845
+ [dir="rtl"] .x-border-radius--right-06 {
1846
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1895
1847
  }
1896
- [dir="ltr"] .x-border-radius--left-02 {
1897
- border-bottom-left-radius: var(--x-size-base-02) !important;
1848
+ [dir="ltr"] .x-border-radius--left-06 {
1849
+ border-top-left-radius: var(--x-size-base-06) !important;
1898
1850
  }
1899
- [dir="rtl"] .x-border-radius--left-02 {
1900
- border-bottom-right-radius: var(--x-size-base-02) !important;
1851
+ [dir="rtl"] .x-border-radius--left-06 {
1852
+ border-top-right-radius: var(--x-size-base-06) !important;
1901
1853
  }
1902
- [dir="ltr"] .x-border-radius--top-left-02 {
1903
- border-top-left-radius: var(--x-size-base-02) !important;
1854
+ [dir="ltr"] .x-border-radius--left-06 {
1855
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1904
1856
  }
1905
- [dir="rtl"] .x-border-radius--top-left-02 {
1906
- border-top-right-radius: var(--x-size-base-02) !important;
1857
+ [dir="rtl"] .x-border-radius--left-06 {
1858
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1907
1859
  }
1908
- [dir="ltr"] .x-border-radius--top-right-02 {
1909
- border-top-right-radius: var(--x-size-base-02) !important;
1860
+ [dir="ltr"] .x-border-radius--top-left-06 {
1861
+ border-top-left-radius: var(--x-size-base-06) !important;
1910
1862
  }
1911
- [dir="rtl"] .x-border-radius--top-right-02 {
1912
- border-top-left-radius: var(--x-size-base-02) !important;
1863
+ [dir="rtl"] .x-border-radius--top-left-06 {
1864
+ border-top-right-radius: var(--x-size-base-06) !important;
1913
1865
  }
1914
- [dir="ltr"] .x-border-radius--bottom-left-02 {
1915
- border-bottom-left-radius: var(--x-size-base-02) !important;
1866
+ [dir="ltr"] .x-border-radius--top-right-06 {
1867
+ border-top-right-radius: var(--x-size-base-06) !important;
1916
1868
  }
1917
- [dir="rtl"] .x-border-radius--bottom-left-02 {
1918
- border-bottom-right-radius: var(--x-size-base-02) !important;
1869
+ [dir="rtl"] .x-border-radius--top-right-06 {
1870
+ border-top-left-radius: var(--x-size-base-06) !important;
1919
1871
  }
1920
- [dir="ltr"] .x-border-radius--bottom-right-02 {
1921
- border-bottom-right-radius: var(--x-size-base-02) !important;
1872
+ [dir="ltr"] .x-border-radius--bottom-left-06 {
1873
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1922
1874
  }
1923
- [dir="rtl"] .x-border-radius--bottom-right-02 {
1924
- border-bottom-left-radius: var(--x-size-base-02) !important;
1875
+ [dir="rtl"] .x-border-radius--bottom-left-06 {
1876
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1925
1877
  }
1926
- .x-border-radius--03 {
1927
- border-radius: var(--x-size-base-03) !important;
1878
+ [dir="ltr"] .x-border-radius--bottom-right-06 {
1879
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1928
1880
  }
1929
- [dir="ltr"] .x-border-radius--top-03 {
1930
- border-top-left-radius: var(--x-size-base-03) !important;
1881
+ [dir="rtl"] .x-border-radius--bottom-right-06 {
1882
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1931
1883
  }
1932
- [dir="rtl"] .x-border-radius--top-03 {
1933
- border-top-right-radius: var(--x-size-base-03) !important;
1884
+ .x-border-radius--07 {
1885
+ border-radius: var(--x-size-base-07) !important;
1934
1886
  }
1935
- [dir="ltr"] .x-border-radius--top-03 {
1936
- border-top-right-radius: var(--x-size-base-03) !important;
1887
+ [dir="ltr"] .x-border-radius--top-07 {
1888
+ border-top-left-radius: var(--x-size-base-07) !important;
1937
1889
  }
1938
- [dir="rtl"] .x-border-radius--top-03 {
1939
- border-top-left-radius: var(--x-size-base-03) !important;
1890
+ [dir="rtl"] .x-border-radius--top-07 {
1891
+ border-top-right-radius: var(--x-size-base-07) !important;
1940
1892
  }
1941
- [dir="ltr"] .x-border-radius--bottom-03 {
1942
- border-bottom-left-radius: var(--x-size-base-03) !important;
1893
+ [dir="ltr"] .x-border-radius--top-07 {
1894
+ border-top-right-radius: var(--x-size-base-07) !important;
1943
1895
  }
1944
- [dir="rtl"] .x-border-radius--bottom-03 {
1945
- border-bottom-right-radius: var(--x-size-base-03) !important;
1896
+ [dir="rtl"] .x-border-radius--top-07 {
1897
+ border-top-left-radius: var(--x-size-base-07) !important;
1946
1898
  }
1947
- [dir="ltr"] .x-border-radius--bottom-03 {
1948
- border-bottom-right-radius: var(--x-size-base-03) !important;
1899
+ [dir="ltr"] .x-border-radius--bottom-07 {
1900
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1949
1901
  }
1950
- [dir="rtl"] .x-border-radius--bottom-03 {
1951
- border-bottom-left-radius: var(--x-size-base-03) !important;
1902
+ [dir="rtl"] .x-border-radius--bottom-07 {
1903
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1952
1904
  }
1953
- [dir="ltr"] .x-border-radius--right-03 {
1954
- border-top-right-radius: var(--x-size-base-03) !important;
1905
+ [dir="ltr"] .x-border-radius--bottom-07 {
1906
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1955
1907
  }
1956
- [dir="rtl"] .x-border-radius--right-03 {
1957
- border-top-left-radius: var(--x-size-base-03) !important;
1908
+ [dir="rtl"] .x-border-radius--bottom-07 {
1909
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1958
1910
  }
1959
- [dir="ltr"] .x-border-radius--right-03 {
1960
- border-bottom-right-radius: var(--x-size-base-03) !important;
1911
+ [dir="ltr"] .x-border-radius--right-07 {
1912
+ border-top-right-radius: var(--x-size-base-07) !important;
1961
1913
  }
1962
- [dir="rtl"] .x-border-radius--right-03 {
1963
- border-bottom-left-radius: var(--x-size-base-03) !important;
1914
+ [dir="rtl"] .x-border-radius--right-07 {
1915
+ border-top-left-radius: var(--x-size-base-07) !important;
1964
1916
  }
1965
- [dir="ltr"] .x-border-radius--left-03 {
1966
- border-top-left-radius: var(--x-size-base-03) !important;
1917
+ [dir="ltr"] .x-border-radius--right-07 {
1918
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1967
1919
  }
1968
- [dir="rtl"] .x-border-radius--left-03 {
1969
- border-top-right-radius: var(--x-size-base-03) !important;
1920
+ [dir="rtl"] .x-border-radius--right-07 {
1921
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1970
1922
  }
1971
- [dir="ltr"] .x-border-radius--left-03 {
1972
- border-bottom-left-radius: var(--x-size-base-03) !important;
1923
+ [dir="ltr"] .x-border-radius--left-07 {
1924
+ border-top-left-radius: var(--x-size-base-07) !important;
1973
1925
  }
1974
- [dir="rtl"] .x-border-radius--left-03 {
1975
- border-bottom-right-radius: var(--x-size-base-03) !important;
1926
+ [dir="rtl"] .x-border-radius--left-07 {
1927
+ border-top-right-radius: var(--x-size-base-07) !important;
1976
1928
  }
1977
- [dir="ltr"] .x-border-radius--top-left-03 {
1978
- border-top-left-radius: var(--x-size-base-03) !important;
1929
+ [dir="ltr"] .x-border-radius--left-07 {
1930
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1979
1931
  }
1980
- [dir="rtl"] .x-border-radius--top-left-03 {
1981
- border-top-right-radius: var(--x-size-base-03) !important;
1932
+ [dir="rtl"] .x-border-radius--left-07 {
1933
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1982
1934
  }
1983
- [dir="ltr"] .x-border-radius--top-right-03 {
1984
- border-top-right-radius: var(--x-size-base-03) !important;
1935
+ [dir="ltr"] .x-border-radius--top-left-07 {
1936
+ border-top-left-radius: var(--x-size-base-07) !important;
1985
1937
  }
1986
- [dir="rtl"] .x-border-radius--top-right-03 {
1987
- border-top-left-radius: var(--x-size-base-03) !important;
1938
+ [dir="rtl"] .x-border-radius--top-left-07 {
1939
+ border-top-right-radius: var(--x-size-base-07) !important;
1988
1940
  }
1989
- [dir="ltr"] .x-border-radius--bottom-left-03 {
1990
- border-bottom-left-radius: var(--x-size-base-03) !important;
1941
+ [dir="ltr"] .x-border-radius--top-right-07 {
1942
+ border-top-right-radius: var(--x-size-base-07) !important;
1991
1943
  }
1992
- [dir="rtl"] .x-border-radius--bottom-left-03 {
1993
- border-bottom-right-radius: var(--x-size-base-03) !important;
1944
+ [dir="rtl"] .x-border-radius--top-right-07 {
1945
+ border-top-left-radius: var(--x-size-base-07) !important;
1994
1946
  }
1995
- [dir="ltr"] .x-border-radius--bottom-right-03 {
1996
- border-bottom-right-radius: var(--x-size-base-03) !important;
1947
+ [dir="ltr"] .x-border-radius--bottom-left-07 {
1948
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1997
1949
  }
1998
- [dir="rtl"] .x-border-radius--bottom-right-03 {
1999
- border-bottom-left-radius: var(--x-size-base-03) !important;
1950
+ [dir="rtl"] .x-border-radius--bottom-left-07 {
1951
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2000
1952
  }
2001
- .x-border-radius--04 {
2002
- border-radius: var(--x-size-base-04) !important;
1953
+ [dir="ltr"] .x-border-radius--bottom-right-07 {
1954
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2003
1955
  }
2004
- [dir="ltr"] .x-border-radius--top-04 {
2005
- border-top-left-radius: var(--x-size-base-04) !important;
1956
+ [dir="rtl"] .x-border-radius--bottom-right-07 {
1957
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2006
1958
  }
2007
- [dir="rtl"] .x-border-radius--top-04 {
2008
- border-top-right-radius: var(--x-size-base-04) !important;
1959
+ .x-border-radius--08 {
1960
+ border-radius: var(--x-size-base-08) !important;
2009
1961
  }
2010
- [dir="ltr"] .x-border-radius--top-04 {
2011
- border-top-right-radius: var(--x-size-base-04) !important;
1962
+ [dir="ltr"] .x-border-radius--top-08 {
1963
+ border-top-left-radius: var(--x-size-base-08) !important;
2012
1964
  }
2013
- [dir="rtl"] .x-border-radius--top-04 {
2014
- border-top-left-radius: var(--x-size-base-04) !important;
1965
+ [dir="rtl"] .x-border-radius--top-08 {
1966
+ border-top-right-radius: var(--x-size-base-08) !important;
2015
1967
  }
2016
- [dir="ltr"] .x-border-radius--bottom-04 {
2017
- border-bottom-left-radius: var(--x-size-base-04) !important;
1968
+ [dir="ltr"] .x-border-radius--top-08 {
1969
+ border-top-right-radius: var(--x-size-base-08) !important;
2018
1970
  }
2019
- [dir="rtl"] .x-border-radius--bottom-04 {
2020
- border-bottom-right-radius: var(--x-size-base-04) !important;
1971
+ [dir="rtl"] .x-border-radius--top-08 {
1972
+ border-top-left-radius: var(--x-size-base-08) !important;
2021
1973
  }
2022
- [dir="ltr"] .x-border-radius--bottom-04 {
2023
- border-bottom-right-radius: var(--x-size-base-04) !important;
1974
+ [dir="ltr"] .x-border-radius--bottom-08 {
1975
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2024
1976
  }
2025
- [dir="rtl"] .x-border-radius--bottom-04 {
2026
- border-bottom-left-radius: var(--x-size-base-04) !important;
1977
+ [dir="rtl"] .x-border-radius--bottom-08 {
1978
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2027
1979
  }
2028
- [dir="ltr"] .x-border-radius--right-04 {
2029
- border-top-right-radius: var(--x-size-base-04) !important;
1980
+ [dir="ltr"] .x-border-radius--bottom-08 {
1981
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2030
1982
  }
2031
- [dir="rtl"] .x-border-radius--right-04 {
2032
- border-top-left-radius: var(--x-size-base-04) !important;
1983
+ [dir="rtl"] .x-border-radius--bottom-08 {
1984
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2033
1985
  }
2034
- [dir="ltr"] .x-border-radius--right-04 {
2035
- border-bottom-right-radius: var(--x-size-base-04) !important;
1986
+ [dir="ltr"] .x-border-radius--right-08 {
1987
+ border-top-right-radius: var(--x-size-base-08) !important;
2036
1988
  }
2037
- [dir="rtl"] .x-border-radius--right-04 {
2038
- border-bottom-left-radius: var(--x-size-base-04) !important;
1989
+ [dir="rtl"] .x-border-radius--right-08 {
1990
+ border-top-left-radius: var(--x-size-base-08) !important;
2039
1991
  }
2040
- [dir="ltr"] .x-border-radius--left-04 {
2041
- border-top-left-radius: var(--x-size-base-04) !important;
1992
+ [dir="ltr"] .x-border-radius--right-08 {
1993
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2042
1994
  }
2043
- [dir="rtl"] .x-border-radius--left-04 {
2044
- border-top-right-radius: var(--x-size-base-04) !important;
1995
+ [dir="rtl"] .x-border-radius--right-08 {
1996
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2045
1997
  }
2046
- [dir="ltr"] .x-border-radius--left-04 {
2047
- border-bottom-left-radius: var(--x-size-base-04) !important;
1998
+ [dir="ltr"] .x-border-radius--left-08 {
1999
+ border-top-left-radius: var(--x-size-base-08) !important;
2048
2000
  }
2049
- [dir="rtl"] .x-border-radius--left-04 {
2050
- border-bottom-right-radius: var(--x-size-base-04) !important;
2001
+ [dir="rtl"] .x-border-radius--left-08 {
2002
+ border-top-right-radius: var(--x-size-base-08) !important;
2051
2003
  }
2052
- [dir="ltr"] .x-border-radius--top-left-04 {
2053
- border-top-left-radius: var(--x-size-base-04) !important;
2004
+ [dir="ltr"] .x-border-radius--left-08 {
2005
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2054
2006
  }
2055
- [dir="rtl"] .x-border-radius--top-left-04 {
2056
- border-top-right-radius: var(--x-size-base-04) !important;
2007
+ [dir="rtl"] .x-border-radius--left-08 {
2008
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2057
2009
  }
2058
- [dir="ltr"] .x-border-radius--top-right-04 {
2059
- border-top-right-radius: var(--x-size-base-04) !important;
2010
+ [dir="ltr"] .x-border-radius--top-left-08 {
2011
+ border-top-left-radius: var(--x-size-base-08) !important;
2060
2012
  }
2061
- [dir="rtl"] .x-border-radius--top-right-04 {
2062
- border-top-left-radius: var(--x-size-base-04) !important;
2013
+ [dir="rtl"] .x-border-radius--top-left-08 {
2014
+ border-top-right-radius: var(--x-size-base-08) !important;
2063
2015
  }
2064
- [dir="ltr"] .x-border-radius--bottom-left-04 {
2065
- border-bottom-left-radius: var(--x-size-base-04) !important;
2016
+ [dir="ltr"] .x-border-radius--top-right-08 {
2017
+ border-top-right-radius: var(--x-size-base-08) !important;
2066
2018
  }
2067
- [dir="rtl"] .x-border-radius--bottom-left-04 {
2068
- border-bottom-right-radius: var(--x-size-base-04) !important;
2019
+ [dir="rtl"] .x-border-radius--top-right-08 {
2020
+ border-top-left-radius: var(--x-size-base-08) !important;
2069
2021
  }
2070
- [dir="ltr"] .x-border-radius--bottom-right-04 {
2071
- border-bottom-right-radius: var(--x-size-base-04) !important;
2022
+ [dir="ltr"] .x-border-radius--bottom-left-08 {
2023
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2072
2024
  }
2073
- [dir="rtl"] .x-border-radius--bottom-right-04 {
2074
- border-bottom-left-radius: var(--x-size-base-04) !important;
2025
+ [dir="rtl"] .x-border-radius--bottom-left-08 {
2026
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2075
2027
  }
2076
- .x-border-radius--05 {
2077
- border-radius: var(--x-size-base-05) !important;
2028
+ [dir="ltr"] .x-border-radius--bottom-right-08 {
2029
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2078
2030
  }
2079
- [dir="ltr"] .x-border-radius--top-05 {
2080
- border-top-left-radius: var(--x-size-base-05) !important;
2031
+ [dir="rtl"] .x-border-radius--bottom-right-08 {
2032
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2081
2033
  }
2082
- [dir="rtl"] .x-border-radius--top-05 {
2083
- border-top-right-radius: var(--x-size-base-05) !important;
2034
+ .x-border-radius--09 {
2035
+ border-radius: var(--x-size-base-09) !important;
2084
2036
  }
2085
- [dir="ltr"] .x-border-radius--top-05 {
2086
- border-top-right-radius: var(--x-size-base-05) !important;
2037
+ [dir="ltr"] .x-border-radius--top-09 {
2038
+ border-top-left-radius: var(--x-size-base-09) !important;
2087
2039
  }
2088
- [dir="rtl"] .x-border-radius--top-05 {
2089
- border-top-left-radius: var(--x-size-base-05) !important;
2040
+ [dir="rtl"] .x-border-radius--top-09 {
2041
+ border-top-right-radius: var(--x-size-base-09) !important;
2090
2042
  }
2091
- [dir="ltr"] .x-border-radius--bottom-05 {
2092
- border-bottom-left-radius: var(--x-size-base-05) !important;
2043
+ [dir="ltr"] .x-border-radius--top-09 {
2044
+ border-top-right-radius: var(--x-size-base-09) !important;
2093
2045
  }
2094
- [dir="rtl"] .x-border-radius--bottom-05 {
2095
- border-bottom-right-radius: var(--x-size-base-05) !important;
2046
+ [dir="rtl"] .x-border-radius--top-09 {
2047
+ border-top-left-radius: var(--x-size-base-09) !important;
2096
2048
  }
2097
- [dir="ltr"] .x-border-radius--bottom-05 {
2098
- border-bottom-right-radius: var(--x-size-base-05) !important;
2049
+ [dir="ltr"] .x-border-radius--bottom-09 {
2050
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2099
2051
  }
2100
- [dir="rtl"] .x-border-radius--bottom-05 {
2101
- border-bottom-left-radius: var(--x-size-base-05) !important;
2052
+ [dir="rtl"] .x-border-radius--bottom-09 {
2053
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2102
2054
  }
2103
- [dir="ltr"] .x-border-radius--right-05 {
2104
- border-top-right-radius: var(--x-size-base-05) !important;
2055
+ [dir="ltr"] .x-border-radius--bottom-09 {
2056
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2105
2057
  }
2106
- [dir="rtl"] .x-border-radius--right-05 {
2107
- border-top-left-radius: var(--x-size-base-05) !important;
2058
+ [dir="rtl"] .x-border-radius--bottom-09 {
2059
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2108
2060
  }
2109
- [dir="ltr"] .x-border-radius--right-05 {
2110
- border-bottom-right-radius: var(--x-size-base-05) !important;
2061
+ [dir="ltr"] .x-border-radius--right-09 {
2062
+ border-top-right-radius: var(--x-size-base-09) !important;
2111
2063
  }
2112
- [dir="rtl"] .x-border-radius--right-05 {
2113
- border-bottom-left-radius: var(--x-size-base-05) !important;
2064
+ [dir="rtl"] .x-border-radius--right-09 {
2065
+ border-top-left-radius: var(--x-size-base-09) !important;
2114
2066
  }
2115
- [dir="ltr"] .x-border-radius--left-05 {
2116
- border-top-left-radius: var(--x-size-base-05) !important;
2067
+ [dir="ltr"] .x-border-radius--right-09 {
2068
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2117
2069
  }
2118
- [dir="rtl"] .x-border-radius--left-05 {
2119
- border-top-right-radius: var(--x-size-base-05) !important;
2070
+ [dir="rtl"] .x-border-radius--right-09 {
2071
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2120
2072
  }
2121
- [dir="ltr"] .x-border-radius--left-05 {
2122
- border-bottom-left-radius: var(--x-size-base-05) !important;
2073
+ [dir="ltr"] .x-border-radius--left-09 {
2074
+ border-top-left-radius: var(--x-size-base-09) !important;
2123
2075
  }
2124
- [dir="rtl"] .x-border-radius--left-05 {
2125
- border-bottom-right-radius: var(--x-size-base-05) !important;
2076
+ [dir="rtl"] .x-border-radius--left-09 {
2077
+ border-top-right-radius: var(--x-size-base-09) !important;
2126
2078
  }
2127
- [dir="ltr"] .x-border-radius--top-left-05 {
2128
- border-top-left-radius: var(--x-size-base-05) !important;
2079
+ [dir="ltr"] .x-border-radius--left-09 {
2080
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2129
2081
  }
2130
- [dir="rtl"] .x-border-radius--top-left-05 {
2131
- border-top-right-radius: var(--x-size-base-05) !important;
2082
+ [dir="rtl"] .x-border-radius--left-09 {
2083
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2132
2084
  }
2133
- [dir="ltr"] .x-border-radius--top-right-05 {
2134
- border-top-right-radius: var(--x-size-base-05) !important;
2085
+ [dir="ltr"] .x-border-radius--top-left-09 {
2086
+ border-top-left-radius: var(--x-size-base-09) !important;
2135
2087
  }
2136
- [dir="rtl"] .x-border-radius--top-right-05 {
2137
- border-top-left-radius: var(--x-size-base-05) !important;
2088
+ [dir="rtl"] .x-border-radius--top-left-09 {
2089
+ border-top-right-radius: var(--x-size-base-09) !important;
2138
2090
  }
2139
- [dir="ltr"] .x-border-radius--bottom-left-05 {
2140
- border-bottom-left-radius: var(--x-size-base-05) !important;
2091
+ [dir="ltr"] .x-border-radius--top-right-09 {
2092
+ border-top-right-radius: var(--x-size-base-09) !important;
2141
2093
  }
2142
- [dir="rtl"] .x-border-radius--bottom-left-05 {
2143
- border-bottom-right-radius: var(--x-size-base-05) !important;
2094
+ [dir="rtl"] .x-border-radius--top-right-09 {
2095
+ border-top-left-radius: var(--x-size-base-09) !important;
2144
2096
  }
2145
- [dir="ltr"] .x-border-radius--bottom-right-05 {
2146
- border-bottom-right-radius: var(--x-size-base-05) !important;
2097
+ [dir="ltr"] .x-border-radius--bottom-left-09 {
2098
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2147
2099
  }
2148
- [dir="rtl"] .x-border-radius--bottom-right-05 {
2149
- border-bottom-left-radius: var(--x-size-base-05) !important;
2100
+ [dir="rtl"] .x-border-radius--bottom-left-09 {
2101
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2150
2102
  }
2151
- .x-border-radius--06 {
2152
- border-radius: var(--x-size-base-06) !important;
2103
+ [dir="ltr"] .x-border-radius--bottom-right-09 {
2104
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2153
2105
  }
2154
- [dir="ltr"] .x-border-radius--top-06 {
2155
- border-top-left-radius: var(--x-size-base-06) !important;
2106
+ [dir="rtl"] .x-border-radius--bottom-right-09 {
2107
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2156
2108
  }
2157
- [dir="rtl"] .x-border-radius--top-06 {
2158
- border-top-right-radius: var(--x-size-base-06) !important;
2109
+ .x-border-radius--10 {
2110
+ border-radius: var(--x-size-base-10) !important;
2159
2111
  }
2160
- [dir="ltr"] .x-border-radius--top-06 {
2161
- border-top-right-radius: var(--x-size-base-06) !important;
2112
+ [dir="ltr"] .x-border-radius--top-10 {
2113
+ border-top-left-radius: var(--x-size-base-10) !important;
2162
2114
  }
2163
- [dir="rtl"] .x-border-radius--top-06 {
2164
- border-top-left-radius: var(--x-size-base-06) !important;
2115
+ [dir="rtl"] .x-border-radius--top-10 {
2116
+ border-top-right-radius: var(--x-size-base-10) !important;
2165
2117
  }
2166
- [dir="ltr"] .x-border-radius--bottom-06 {
2167
- border-bottom-left-radius: var(--x-size-base-06) !important;
2118
+ [dir="ltr"] .x-border-radius--top-10 {
2119
+ border-top-right-radius: var(--x-size-base-10) !important;
2168
2120
  }
2169
- [dir="rtl"] .x-border-radius--bottom-06 {
2170
- border-bottom-right-radius: var(--x-size-base-06) !important;
2121
+ [dir="rtl"] .x-border-radius--top-10 {
2122
+ border-top-left-radius: var(--x-size-base-10) !important;
2171
2123
  }
2172
- [dir="ltr"] .x-border-radius--bottom-06 {
2173
- border-bottom-right-radius: var(--x-size-base-06) !important;
2124
+ [dir="ltr"] .x-border-radius--bottom-10 {
2125
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2174
2126
  }
2175
- [dir="rtl"] .x-border-radius--bottom-06 {
2176
- border-bottom-left-radius: var(--x-size-base-06) !important;
2127
+ [dir="rtl"] .x-border-radius--bottom-10 {
2128
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2177
2129
  }
2178
- [dir="ltr"] .x-border-radius--right-06 {
2179
- border-top-right-radius: var(--x-size-base-06) !important;
2130
+ [dir="ltr"] .x-border-radius--bottom-10 {
2131
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2180
2132
  }
2181
- [dir="rtl"] .x-border-radius--right-06 {
2182
- border-top-left-radius: var(--x-size-base-06) !important;
2133
+ [dir="rtl"] .x-border-radius--bottom-10 {
2134
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2183
2135
  }
2184
- [dir="ltr"] .x-border-radius--right-06 {
2185
- border-bottom-right-radius: var(--x-size-base-06) !important;
2136
+ [dir="ltr"] .x-border-radius--right-10 {
2137
+ border-top-right-radius: var(--x-size-base-10) !important;
2186
2138
  }
2187
- [dir="rtl"] .x-border-radius--right-06 {
2188
- border-bottom-left-radius: var(--x-size-base-06) !important;
2139
+ [dir="rtl"] .x-border-radius--right-10 {
2140
+ border-top-left-radius: var(--x-size-base-10) !important;
2189
2141
  }
2190
- [dir="ltr"] .x-border-radius--left-06 {
2191
- border-top-left-radius: var(--x-size-base-06) !important;
2142
+ [dir="ltr"] .x-border-radius--right-10 {
2143
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2192
2144
  }
2193
- [dir="rtl"] .x-border-radius--left-06 {
2194
- border-top-right-radius: var(--x-size-base-06) !important;
2145
+ [dir="rtl"] .x-border-radius--right-10 {
2146
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2195
2147
  }
2196
- [dir="ltr"] .x-border-radius--left-06 {
2197
- border-bottom-left-radius: var(--x-size-base-06) !important;
2148
+ [dir="ltr"] .x-border-radius--left-10 {
2149
+ border-top-left-radius: var(--x-size-base-10) !important;
2198
2150
  }
2199
- [dir="rtl"] .x-border-radius--left-06 {
2200
- border-bottom-right-radius: var(--x-size-base-06) !important;
2151
+ [dir="rtl"] .x-border-radius--left-10 {
2152
+ border-top-right-radius: var(--x-size-base-10) !important;
2201
2153
  }
2202
- [dir="ltr"] .x-border-radius--top-left-06 {
2203
- border-top-left-radius: var(--x-size-base-06) !important;
2154
+ [dir="ltr"] .x-border-radius--left-10 {
2155
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2204
2156
  }
2205
- [dir="rtl"] .x-border-radius--top-left-06 {
2206
- border-top-right-radius: var(--x-size-base-06) !important;
2157
+ [dir="rtl"] .x-border-radius--left-10 {
2158
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2207
2159
  }
2208
- [dir="ltr"] .x-border-radius--top-right-06 {
2209
- border-top-right-radius: var(--x-size-base-06) !important;
2160
+ [dir="ltr"] .x-border-radius--top-left-10 {
2161
+ border-top-left-radius: var(--x-size-base-10) !important;
2210
2162
  }
2211
- [dir="rtl"] .x-border-radius--top-right-06 {
2212
- border-top-left-radius: var(--x-size-base-06) !important;
2163
+ [dir="rtl"] .x-border-radius--top-left-10 {
2164
+ border-top-right-radius: var(--x-size-base-10) !important;
2213
2165
  }
2214
- [dir="ltr"] .x-border-radius--bottom-left-06 {
2215
- border-bottom-left-radius: var(--x-size-base-06) !important;
2166
+ [dir="ltr"] .x-border-radius--top-right-10 {
2167
+ border-top-right-radius: var(--x-size-base-10) !important;
2216
2168
  }
2217
- [dir="rtl"] .x-border-radius--bottom-left-06 {
2218
- border-bottom-right-radius: var(--x-size-base-06) !important;
2169
+ [dir="rtl"] .x-border-radius--top-right-10 {
2170
+ border-top-left-radius: var(--x-size-base-10) !important;
2219
2171
  }
2220
- [dir="ltr"] .x-border-radius--bottom-right-06 {
2221
- border-bottom-right-radius: var(--x-size-base-06) !important;
2172
+ [dir="ltr"] .x-border-radius--bottom-left-10 {
2173
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2222
2174
  }
2223
- [dir="rtl"] .x-border-radius--bottom-right-06 {
2224
- border-bottom-left-radius: var(--x-size-base-06) !important;
2175
+ [dir="rtl"] .x-border-radius--bottom-left-10 {
2176
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2225
2177
  }
2226
- .x-border-radius--07 {
2227
- border-radius: var(--x-size-base-07) !important;
2178
+ [dir="ltr"] .x-border-radius--bottom-right-10 {
2179
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2228
2180
  }
2229
- [dir="ltr"] .x-border-radius--top-07 {
2230
- border-top-left-radius: var(--x-size-base-07) !important;
2181
+ [dir="rtl"] .x-border-radius--bottom-right-10 {
2182
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2231
2183
  }
2232
- [dir="rtl"] .x-border-radius--top-07 {
2233
- border-top-right-radius: var(--x-size-base-07) !important;
2184
+ .x-border-radius--11 {
2185
+ border-radius: var(--x-size-base-11) !important;
2234
2186
  }
2235
- [dir="ltr"] .x-border-radius--top-07 {
2236
- border-top-right-radius: var(--x-size-base-07) !important;
2187
+ [dir="ltr"] .x-border-radius--top-11 {
2188
+ border-top-left-radius: var(--x-size-base-11) !important;
2237
2189
  }
2238
- [dir="rtl"] .x-border-radius--top-07 {
2239
- border-top-left-radius: var(--x-size-base-07) !important;
2190
+ [dir="rtl"] .x-border-radius--top-11 {
2191
+ border-top-right-radius: var(--x-size-base-11) !important;
2240
2192
  }
2241
- [dir="ltr"] .x-border-radius--bottom-07 {
2242
- border-bottom-left-radius: var(--x-size-base-07) !important;
2193
+ [dir="ltr"] .x-border-radius--top-11 {
2194
+ border-top-right-radius: var(--x-size-base-11) !important;
2243
2195
  }
2244
- [dir="rtl"] .x-border-radius--bottom-07 {
2245
- border-bottom-right-radius: var(--x-size-base-07) !important;
2196
+ [dir="rtl"] .x-border-radius--top-11 {
2197
+ border-top-left-radius: var(--x-size-base-11) !important;
2246
2198
  }
2247
- [dir="ltr"] .x-border-radius--bottom-07 {
2248
- border-bottom-right-radius: var(--x-size-base-07) !important;
2199
+ [dir="ltr"] .x-border-radius--bottom-11 {
2200
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2249
2201
  }
2250
- [dir="rtl"] .x-border-radius--bottom-07 {
2251
- border-bottom-left-radius: var(--x-size-base-07) !important;
2202
+ [dir="rtl"] .x-border-radius--bottom-11 {
2203
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2252
2204
  }
2253
- [dir="ltr"] .x-border-radius--right-07 {
2254
- border-top-right-radius: var(--x-size-base-07) !important;
2205
+ [dir="ltr"] .x-border-radius--bottom-11 {
2206
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2255
2207
  }
2256
- [dir="rtl"] .x-border-radius--right-07 {
2257
- border-top-left-radius: var(--x-size-base-07) !important;
2208
+ [dir="rtl"] .x-border-radius--bottom-11 {
2209
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2258
2210
  }
2259
- [dir="ltr"] .x-border-radius--right-07 {
2260
- border-bottom-right-radius: var(--x-size-base-07) !important;
2211
+ [dir="ltr"] .x-border-radius--right-11 {
2212
+ border-top-right-radius: var(--x-size-base-11) !important;
2261
2213
  }
2262
- [dir="rtl"] .x-border-radius--right-07 {
2263
- border-bottom-left-radius: var(--x-size-base-07) !important;
2214
+ [dir="rtl"] .x-border-radius--right-11 {
2215
+ border-top-left-radius: var(--x-size-base-11) !important;
2264
2216
  }
2265
- [dir="ltr"] .x-border-radius--left-07 {
2266
- border-top-left-radius: var(--x-size-base-07) !important;
2217
+ [dir="ltr"] .x-border-radius--right-11 {
2218
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2267
2219
  }
2268
- [dir="rtl"] .x-border-radius--left-07 {
2269
- border-top-right-radius: var(--x-size-base-07) !important;
2220
+ [dir="rtl"] .x-border-radius--right-11 {
2221
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2270
2222
  }
2271
- [dir="ltr"] .x-border-radius--left-07 {
2272
- border-bottom-left-radius: var(--x-size-base-07) !important;
2223
+ [dir="ltr"] .x-border-radius--left-11 {
2224
+ border-top-left-radius: var(--x-size-base-11) !important;
2273
2225
  }
2274
- [dir="rtl"] .x-border-radius--left-07 {
2275
- border-bottom-right-radius: var(--x-size-base-07) !important;
2226
+ [dir="rtl"] .x-border-radius--left-11 {
2227
+ border-top-right-radius: var(--x-size-base-11) !important;
2276
2228
  }
2277
- [dir="ltr"] .x-border-radius--top-left-07 {
2278
- border-top-left-radius: var(--x-size-base-07) !important;
2229
+ [dir="ltr"] .x-border-radius--left-11 {
2230
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2279
2231
  }
2280
- [dir="rtl"] .x-border-radius--top-left-07 {
2281
- border-top-right-radius: var(--x-size-base-07) !important;
2232
+ [dir="rtl"] .x-border-radius--left-11 {
2233
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2282
2234
  }
2283
- [dir="ltr"] .x-border-radius--top-right-07 {
2284
- border-top-right-radius: var(--x-size-base-07) !important;
2235
+ [dir="ltr"] .x-border-radius--top-left-11 {
2236
+ border-top-left-radius: var(--x-size-base-11) !important;
2285
2237
  }
2286
- [dir="rtl"] .x-border-radius--top-right-07 {
2287
- border-top-left-radius: var(--x-size-base-07) !important;
2238
+ [dir="rtl"] .x-border-radius--top-left-11 {
2239
+ border-top-right-radius: var(--x-size-base-11) !important;
2288
2240
  }
2289
- [dir="ltr"] .x-border-radius--bottom-left-07 {
2290
- border-bottom-left-radius: var(--x-size-base-07) !important;
2241
+ [dir="ltr"] .x-border-radius--top-right-11 {
2242
+ border-top-right-radius: var(--x-size-base-11) !important;
2291
2243
  }
2292
- [dir="rtl"] .x-border-radius--bottom-left-07 {
2293
- border-bottom-right-radius: var(--x-size-base-07) !important;
2244
+ [dir="rtl"] .x-border-radius--top-right-11 {
2245
+ border-top-left-radius: var(--x-size-base-11) !important;
2294
2246
  }
2295
- [dir="ltr"] .x-border-radius--bottom-right-07 {
2296
- border-bottom-right-radius: var(--x-size-base-07) !important;
2247
+ [dir="ltr"] .x-border-radius--bottom-left-11 {
2248
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2297
2249
  }
2298
- [dir="rtl"] .x-border-radius--bottom-right-07 {
2299
- border-bottom-left-radius: var(--x-size-base-07) !important;
2250
+ [dir="rtl"] .x-border-radius--bottom-left-11 {
2251
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2300
2252
  }
2301
- .x-border-radius--08 {
2302
- border-radius: var(--x-size-base-08) !important;
2253
+ [dir="ltr"] .x-border-radius--bottom-right-11 {
2254
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2303
2255
  }
2304
- [dir="ltr"] .x-border-radius--top-08 {
2305
- border-top-left-radius: var(--x-size-base-08) !important;
2256
+ [dir="rtl"] .x-border-radius--bottom-right-11 {
2257
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2306
2258
  }
2307
- [dir="rtl"] .x-border-radius--top-08 {
2308
- border-top-right-radius: var(--x-size-base-08) !important;
2259
+ .x-border-radius--12 {
2260
+ border-radius: var(--x-size-base-12) !important;
2309
2261
  }
2310
- [dir="ltr"] .x-border-radius--top-08 {
2311
- border-top-right-radius: var(--x-size-base-08) !important;
2262
+ [dir="ltr"] .x-border-radius--top-12 {
2263
+ border-top-left-radius: var(--x-size-base-12) !important;
2312
2264
  }
2313
- [dir="rtl"] .x-border-radius--top-08 {
2314
- border-top-left-radius: var(--x-size-base-08) !important;
2265
+ [dir="rtl"] .x-border-radius--top-12 {
2266
+ border-top-right-radius: var(--x-size-base-12) !important;
2315
2267
  }
2316
- [dir="ltr"] .x-border-radius--bottom-08 {
2317
- border-bottom-left-radius: var(--x-size-base-08) !important;
2268
+ [dir="ltr"] .x-border-radius--top-12 {
2269
+ border-top-right-radius: var(--x-size-base-12) !important;
2318
2270
  }
2319
- [dir="rtl"] .x-border-radius--bottom-08 {
2320
- border-bottom-right-radius: var(--x-size-base-08) !important;
2271
+ [dir="rtl"] .x-border-radius--top-12 {
2272
+ border-top-left-radius: var(--x-size-base-12) !important;
2321
2273
  }
2322
- [dir="ltr"] .x-border-radius--bottom-08 {
2323
- border-bottom-right-radius: var(--x-size-base-08) !important;
2274
+ [dir="ltr"] .x-border-radius--bottom-12 {
2275
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2324
2276
  }
2325
- [dir="rtl"] .x-border-radius--bottom-08 {
2326
- border-bottom-left-radius: var(--x-size-base-08) !important;
2277
+ [dir="rtl"] .x-border-radius--bottom-12 {
2278
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2327
2279
  }
2328
- [dir="ltr"] .x-border-radius--right-08 {
2329
- border-top-right-radius: var(--x-size-base-08) !important;
2280
+ [dir="ltr"] .x-border-radius--bottom-12 {
2281
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2330
2282
  }
2331
- [dir="rtl"] .x-border-radius--right-08 {
2332
- border-top-left-radius: var(--x-size-base-08) !important;
2283
+ [dir="rtl"] .x-border-radius--bottom-12 {
2284
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2333
2285
  }
2334
- [dir="ltr"] .x-border-radius--right-08 {
2335
- border-bottom-right-radius: var(--x-size-base-08) !important;
2286
+ [dir="ltr"] .x-border-radius--right-12 {
2287
+ border-top-right-radius: var(--x-size-base-12) !important;
2336
2288
  }
2337
- [dir="rtl"] .x-border-radius--right-08 {
2338
- border-bottom-left-radius: var(--x-size-base-08) !important;
2289
+ [dir="rtl"] .x-border-radius--right-12 {
2290
+ border-top-left-radius: var(--x-size-base-12) !important;
2339
2291
  }
2340
- [dir="ltr"] .x-border-radius--left-08 {
2341
- border-top-left-radius: var(--x-size-base-08) !important;
2292
+ [dir="ltr"] .x-border-radius--right-12 {
2293
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2342
2294
  }
2343
- [dir="rtl"] .x-border-radius--left-08 {
2344
- border-top-right-radius: var(--x-size-base-08) !important;
2295
+ [dir="rtl"] .x-border-radius--right-12 {
2296
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2345
2297
  }
2346
- [dir="ltr"] .x-border-radius--left-08 {
2347
- border-bottom-left-radius: var(--x-size-base-08) !important;
2298
+ [dir="ltr"] .x-border-radius--left-12 {
2299
+ border-top-left-radius: var(--x-size-base-12) !important;
2348
2300
  }
2349
- [dir="rtl"] .x-border-radius--left-08 {
2350
- border-bottom-right-radius: var(--x-size-base-08) !important;
2301
+ [dir="rtl"] .x-border-radius--left-12 {
2302
+ border-top-right-radius: var(--x-size-base-12) !important;
2351
2303
  }
2352
- [dir="ltr"] .x-border-radius--top-left-08 {
2353
- border-top-left-radius: var(--x-size-base-08) !important;
2304
+ [dir="ltr"] .x-border-radius--left-12 {
2305
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2354
2306
  }
2355
- [dir="rtl"] .x-border-radius--top-left-08 {
2356
- border-top-right-radius: var(--x-size-base-08) !important;
2307
+ [dir="rtl"] .x-border-radius--left-12 {
2308
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2357
2309
  }
2358
- [dir="ltr"] .x-border-radius--top-right-08 {
2359
- border-top-right-radius: var(--x-size-base-08) !important;
2310
+ [dir="ltr"] .x-border-radius--top-left-12 {
2311
+ border-top-left-radius: var(--x-size-base-12) !important;
2360
2312
  }
2361
- [dir="rtl"] .x-border-radius--top-right-08 {
2362
- border-top-left-radius: var(--x-size-base-08) !important;
2313
+ [dir="rtl"] .x-border-radius--top-left-12 {
2314
+ border-top-right-radius: var(--x-size-base-12) !important;
2363
2315
  }
2364
- [dir="ltr"] .x-border-radius--bottom-left-08 {
2365
- border-bottom-left-radius: var(--x-size-base-08) !important;
2316
+ [dir="ltr"] .x-border-radius--top-right-12 {
2317
+ border-top-right-radius: var(--x-size-base-12) !important;
2366
2318
  }
2367
- [dir="rtl"] .x-border-radius--bottom-left-08 {
2368
- border-bottom-right-radius: var(--x-size-base-08) !important;
2319
+ [dir="rtl"] .x-border-radius--top-right-12 {
2320
+ border-top-left-radius: var(--x-size-base-12) !important;
2369
2321
  }
2370
- [dir="ltr"] .x-border-radius--bottom-right-08 {
2371
- border-bottom-right-radius: var(--x-size-base-08) !important;
2322
+ [dir="ltr"] .x-border-radius--bottom-left-12 {
2323
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2372
2324
  }
2373
- [dir="rtl"] .x-border-radius--bottom-right-08 {
2374
- border-bottom-left-radius: var(--x-size-base-08) !important;
2325
+ [dir="rtl"] .x-border-radius--bottom-left-12 {
2326
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2375
2327
  }
2376
- .x-border-radius--09 {
2377
- border-radius: var(--x-size-base-09) !important;
2328
+ [dir="ltr"] .x-border-radius--bottom-right-12 {
2329
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2378
2330
  }
2379
- [dir="ltr"] .x-border-radius--top-09 {
2380
- border-top-left-radius: var(--x-size-base-09) !important;
2331
+ [dir="rtl"] .x-border-radius--bottom-right-12 {
2332
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2381
2333
  }
2382
- [dir="rtl"] .x-border-radius--top-09 {
2383
- border-top-right-radius: var(--x-size-base-09) !important;
2334
+ .x-border-radius--13 {
2335
+ border-radius: var(--x-size-base-13) !important;
2384
2336
  }
2385
- [dir="ltr"] .x-border-radius--top-09 {
2386
- border-top-right-radius: var(--x-size-base-09) !important;
2337
+ [dir="ltr"] .x-border-radius--top-13 {
2338
+ border-top-left-radius: var(--x-size-base-13) !important;
2387
2339
  }
2388
- [dir="rtl"] .x-border-radius--top-09 {
2389
- border-top-left-radius: var(--x-size-base-09) !important;
2340
+ [dir="rtl"] .x-border-radius--top-13 {
2341
+ border-top-right-radius: var(--x-size-base-13) !important;
2390
2342
  }
2391
- [dir="ltr"] .x-border-radius--bottom-09 {
2392
- border-bottom-left-radius: var(--x-size-base-09) !important;
2343
+ [dir="ltr"] .x-border-radius--top-13 {
2344
+ border-top-right-radius: var(--x-size-base-13) !important;
2393
2345
  }
2394
- [dir="rtl"] .x-border-radius--bottom-09 {
2395
- border-bottom-right-radius: var(--x-size-base-09) !important;
2346
+ [dir="rtl"] .x-border-radius--top-13 {
2347
+ border-top-left-radius: var(--x-size-base-13) !important;
2396
2348
  }
2397
- [dir="ltr"] .x-border-radius--bottom-09 {
2398
- border-bottom-right-radius: var(--x-size-base-09) !important;
2349
+ [dir="ltr"] .x-border-radius--bottom-13 {
2350
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2399
2351
  }
2400
- [dir="rtl"] .x-border-radius--bottom-09 {
2401
- border-bottom-left-radius: var(--x-size-base-09) !important;
2352
+ [dir="rtl"] .x-border-radius--bottom-13 {
2353
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2402
2354
  }
2403
- [dir="ltr"] .x-border-radius--right-09 {
2404
- border-top-right-radius: var(--x-size-base-09) !important;
2355
+ [dir="ltr"] .x-border-radius--bottom-13 {
2356
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2405
2357
  }
2406
- [dir="rtl"] .x-border-radius--right-09 {
2407
- border-top-left-radius: var(--x-size-base-09) !important;
2358
+ [dir="rtl"] .x-border-radius--bottom-13 {
2359
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2408
2360
  }
2409
- [dir="ltr"] .x-border-radius--right-09 {
2410
- border-bottom-right-radius: var(--x-size-base-09) !important;
2361
+ [dir="ltr"] .x-border-radius--right-13 {
2362
+ border-top-right-radius: var(--x-size-base-13) !important;
2411
2363
  }
2412
- [dir="rtl"] .x-border-radius--right-09 {
2413
- border-bottom-left-radius: var(--x-size-base-09) !important;
2364
+ [dir="rtl"] .x-border-radius--right-13 {
2365
+ border-top-left-radius: var(--x-size-base-13) !important;
2414
2366
  }
2415
- [dir="ltr"] .x-border-radius--left-09 {
2416
- border-top-left-radius: var(--x-size-base-09) !important;
2367
+ [dir="ltr"] .x-border-radius--right-13 {
2368
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2417
2369
  }
2418
- [dir="rtl"] .x-border-radius--left-09 {
2419
- border-top-right-radius: var(--x-size-base-09) !important;
2370
+ [dir="rtl"] .x-border-radius--right-13 {
2371
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2420
2372
  }
2421
- [dir="ltr"] .x-border-radius--left-09 {
2422
- border-bottom-left-radius: var(--x-size-base-09) !important;
2373
+ [dir="ltr"] .x-border-radius--left-13 {
2374
+ border-top-left-radius: var(--x-size-base-13) !important;
2423
2375
  }
2424
- [dir="rtl"] .x-border-radius--left-09 {
2425
- border-bottom-right-radius: var(--x-size-base-09) !important;
2376
+ [dir="rtl"] .x-border-radius--left-13 {
2377
+ border-top-right-radius: var(--x-size-base-13) !important;
2426
2378
  }
2427
- [dir="ltr"] .x-border-radius--top-left-09 {
2428
- border-top-left-radius: var(--x-size-base-09) !important;
2379
+ [dir="ltr"] .x-border-radius--left-13 {
2380
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2429
2381
  }
2430
- [dir="rtl"] .x-border-radius--top-left-09 {
2431
- border-top-right-radius: var(--x-size-base-09) !important;
2382
+ [dir="rtl"] .x-border-radius--left-13 {
2383
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2432
2384
  }
2433
- [dir="ltr"] .x-border-radius--top-right-09 {
2434
- border-top-right-radius: var(--x-size-base-09) !important;
2385
+ [dir="ltr"] .x-border-radius--top-left-13 {
2386
+ border-top-left-radius: var(--x-size-base-13) !important;
2435
2387
  }
2436
- [dir="rtl"] .x-border-radius--top-right-09 {
2437
- border-top-left-radius: var(--x-size-base-09) !important;
2388
+ [dir="rtl"] .x-border-radius--top-left-13 {
2389
+ border-top-right-radius: var(--x-size-base-13) !important;
2438
2390
  }
2439
- [dir="ltr"] .x-border-radius--bottom-left-09 {
2440
- border-bottom-left-radius: var(--x-size-base-09) !important;
2391
+ [dir="ltr"] .x-border-radius--top-right-13 {
2392
+ border-top-right-radius: var(--x-size-base-13) !important;
2441
2393
  }
2442
- [dir="rtl"] .x-border-radius--bottom-left-09 {
2443
- border-bottom-right-radius: var(--x-size-base-09) !important;
2394
+ [dir="rtl"] .x-border-radius--top-right-13 {
2395
+ border-top-left-radius: var(--x-size-base-13) !important;
2444
2396
  }
2445
- [dir="ltr"] .x-border-radius--bottom-right-09 {
2446
- border-bottom-right-radius: var(--x-size-base-09) !important;
2397
+ [dir="ltr"] .x-border-radius--bottom-left-13 {
2398
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2447
2399
  }
2448
- [dir="rtl"] .x-border-radius--bottom-right-09 {
2449
- border-bottom-left-radius: var(--x-size-base-09) !important;
2400
+ [dir="rtl"] .x-border-radius--bottom-left-13 {
2401
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2450
2402
  }
2451
- .x-border-radius--10 {
2452
- border-radius: var(--x-size-base-10) !important;
2403
+ [dir="ltr"] .x-border-radius--bottom-right-13 {
2404
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2453
2405
  }
2454
- [dir="ltr"] .x-border-radius--top-10 {
2455
- border-top-left-radius: var(--x-size-base-10) !important;
2406
+ [dir="rtl"] .x-border-radius--bottom-right-13 {
2407
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2456
2408
  }
2457
- [dir="rtl"] .x-border-radius--top-10 {
2458
- border-top-right-radius: var(--x-size-base-10) !important;
2409
+ .x-border-radius--14 {
2410
+ border-radius: var(--x-size-base-14) !important;
2459
2411
  }
2460
- [dir="ltr"] .x-border-radius--top-10 {
2461
- border-top-right-radius: var(--x-size-base-10) !important;
2412
+ [dir="ltr"] .x-border-radius--top-14 {
2413
+ border-top-left-radius: var(--x-size-base-14) !important;
2462
2414
  }
2463
- [dir="rtl"] .x-border-radius--top-10 {
2464
- border-top-left-radius: var(--x-size-base-10) !important;
2415
+ [dir="rtl"] .x-border-radius--top-14 {
2416
+ border-top-right-radius: var(--x-size-base-14) !important;
2465
2417
  }
2466
- [dir="ltr"] .x-border-radius--bottom-10 {
2467
- border-bottom-left-radius: var(--x-size-base-10) !important;
2418
+ [dir="ltr"] .x-border-radius--top-14 {
2419
+ border-top-right-radius: var(--x-size-base-14) !important;
2468
2420
  }
2469
- [dir="rtl"] .x-border-radius--bottom-10 {
2470
- border-bottom-right-radius: var(--x-size-base-10) !important;
2421
+ [dir="rtl"] .x-border-radius--top-14 {
2422
+ border-top-left-radius: var(--x-size-base-14) !important;
2471
2423
  }
2472
- [dir="ltr"] .x-border-radius--bottom-10 {
2473
- border-bottom-right-radius: var(--x-size-base-10) !important;
2424
+ [dir="ltr"] .x-border-radius--bottom-14 {
2425
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2474
2426
  }
2475
- [dir="rtl"] .x-border-radius--bottom-10 {
2476
- border-bottom-left-radius: var(--x-size-base-10) !important;
2427
+ [dir="rtl"] .x-border-radius--bottom-14 {
2428
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2477
2429
  }
2478
- [dir="ltr"] .x-border-radius--right-10 {
2479
- border-top-right-radius: var(--x-size-base-10) !important;
2430
+ [dir="ltr"] .x-border-radius--bottom-14 {
2431
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2480
2432
  }
2481
- [dir="rtl"] .x-border-radius--right-10 {
2482
- border-top-left-radius: var(--x-size-base-10) !important;
2433
+ [dir="rtl"] .x-border-radius--bottom-14 {
2434
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2483
2435
  }
2484
- [dir="ltr"] .x-border-radius--right-10 {
2485
- border-bottom-right-radius: var(--x-size-base-10) !important;
2436
+ [dir="ltr"] .x-border-radius--right-14 {
2437
+ border-top-right-radius: var(--x-size-base-14) !important;
2486
2438
  }
2487
- [dir="rtl"] .x-border-radius--right-10 {
2488
- border-bottom-left-radius: var(--x-size-base-10) !important;
2439
+ [dir="rtl"] .x-border-radius--right-14 {
2440
+ border-top-left-radius: var(--x-size-base-14) !important;
2489
2441
  }
2490
- [dir="ltr"] .x-border-radius--left-10 {
2491
- border-top-left-radius: var(--x-size-base-10) !important;
2442
+ [dir="ltr"] .x-border-radius--right-14 {
2443
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2492
2444
  }
2493
- [dir="rtl"] .x-border-radius--left-10 {
2494
- border-top-right-radius: var(--x-size-base-10) !important;
2445
+ [dir="rtl"] .x-border-radius--right-14 {
2446
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2495
2447
  }
2496
- [dir="ltr"] .x-border-radius--left-10 {
2497
- border-bottom-left-radius: var(--x-size-base-10) !important;
2448
+ [dir="ltr"] .x-border-radius--left-14 {
2449
+ border-top-left-radius: var(--x-size-base-14) !important;
2498
2450
  }
2499
- [dir="rtl"] .x-border-radius--left-10 {
2500
- border-bottom-right-radius: var(--x-size-base-10) !important;
2451
+ [dir="rtl"] .x-border-radius--left-14 {
2452
+ border-top-right-radius: var(--x-size-base-14) !important;
2501
2453
  }
2502
- [dir="ltr"] .x-border-radius--top-left-10 {
2503
- border-top-left-radius: var(--x-size-base-10) !important;
2454
+ [dir="ltr"] .x-border-radius--left-14 {
2455
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2504
2456
  }
2505
- [dir="rtl"] .x-border-radius--top-left-10 {
2506
- border-top-right-radius: var(--x-size-base-10) !important;
2457
+ [dir="rtl"] .x-border-radius--left-14 {
2458
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2507
2459
  }
2508
- [dir="ltr"] .x-border-radius--top-right-10 {
2509
- border-top-right-radius: var(--x-size-base-10) !important;
2460
+ [dir="ltr"] .x-border-radius--top-left-14 {
2461
+ border-top-left-radius: var(--x-size-base-14) !important;
2510
2462
  }
2511
- [dir="rtl"] .x-border-radius--top-right-10 {
2512
- border-top-left-radius: var(--x-size-base-10) !important;
2463
+ [dir="rtl"] .x-border-radius--top-left-14 {
2464
+ border-top-right-radius: var(--x-size-base-14) !important;
2513
2465
  }
2514
- [dir="ltr"] .x-border-radius--bottom-left-10 {
2515
- border-bottom-left-radius: var(--x-size-base-10) !important;
2466
+ [dir="ltr"] .x-border-radius--top-right-14 {
2467
+ border-top-right-radius: var(--x-size-base-14) !important;
2516
2468
  }
2517
- [dir="rtl"] .x-border-radius--bottom-left-10 {
2518
- border-bottom-right-radius: var(--x-size-base-10) !important;
2469
+ [dir="rtl"] .x-border-radius--top-right-14 {
2470
+ border-top-left-radius: var(--x-size-base-14) !important;
2519
2471
  }
2520
- [dir="ltr"] .x-border-radius--bottom-right-10 {
2521
- border-bottom-right-radius: var(--x-size-base-10) !important;
2472
+ [dir="ltr"] .x-border-radius--bottom-left-14 {
2473
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2522
2474
  }
2523
- [dir="rtl"] .x-border-radius--bottom-right-10 {
2524
- border-bottom-left-radius: var(--x-size-base-10) !important;
2475
+ [dir="rtl"] .x-border-radius--bottom-left-14 {
2476
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2525
2477
  }
2526
- .x-border-radius--11 {
2527
- border-radius: var(--x-size-base-11) !important;
2478
+ [dir="ltr"] .x-border-radius--bottom-right-14 {
2479
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2528
2480
  }
2529
- [dir="ltr"] .x-border-radius--top-11 {
2530
- border-top-left-radius: var(--x-size-base-11) !important;
2481
+ [dir="rtl"] .x-border-radius--bottom-right-14 {
2482
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2531
2483
  }
2532
- [dir="rtl"] .x-border-radius--top-11 {
2533
- border-top-right-radius: var(--x-size-base-11) !important;
2484
+ .x-border-radius--15 {
2485
+ border-radius: var(--x-size-base-15) !important;
2534
2486
  }
2535
- [dir="ltr"] .x-border-radius--top-11 {
2536
- border-top-right-radius: var(--x-size-base-11) !important;
2487
+ [dir="ltr"] .x-border-radius--top-15 {
2488
+ border-top-left-radius: var(--x-size-base-15) !important;
2537
2489
  }
2538
- [dir="rtl"] .x-border-radius--top-11 {
2539
- border-top-left-radius: var(--x-size-base-11) !important;
2490
+ [dir="rtl"] .x-border-radius--top-15 {
2491
+ border-top-right-radius: var(--x-size-base-15) !important;
2540
2492
  }
2541
- [dir="ltr"] .x-border-radius--bottom-11 {
2542
- border-bottom-left-radius: var(--x-size-base-11) !important;
2493
+ [dir="ltr"] .x-border-radius--top-15 {
2494
+ border-top-right-radius: var(--x-size-base-15) !important;
2543
2495
  }
2544
- [dir="rtl"] .x-border-radius--bottom-11 {
2545
- border-bottom-right-radius: var(--x-size-base-11) !important;
2496
+ [dir="rtl"] .x-border-radius--top-15 {
2497
+ border-top-left-radius: var(--x-size-base-15) !important;
2546
2498
  }
2547
- [dir="ltr"] .x-border-radius--bottom-11 {
2548
- border-bottom-right-radius: var(--x-size-base-11) !important;
2499
+ [dir="ltr"] .x-border-radius--bottom-15 {
2500
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2549
2501
  }
2550
- [dir="rtl"] .x-border-radius--bottom-11 {
2551
- border-bottom-left-radius: var(--x-size-base-11) !important;
2502
+ [dir="rtl"] .x-border-radius--bottom-15 {
2503
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2552
2504
  }
2553
- [dir="ltr"] .x-border-radius--right-11 {
2554
- border-top-right-radius: var(--x-size-base-11) !important;
2505
+ [dir="ltr"] .x-border-radius--bottom-15 {
2506
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2555
2507
  }
2556
- [dir="rtl"] .x-border-radius--right-11 {
2557
- border-top-left-radius: var(--x-size-base-11) !important;
2508
+ [dir="rtl"] .x-border-radius--bottom-15 {
2509
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2558
2510
  }
2559
- [dir="ltr"] .x-border-radius--right-11 {
2560
- border-bottom-right-radius: var(--x-size-base-11) !important;
2511
+ [dir="ltr"] .x-border-radius--right-15 {
2512
+ border-top-right-radius: var(--x-size-base-15) !important;
2561
2513
  }
2562
- [dir="rtl"] .x-border-radius--right-11 {
2563
- border-bottom-left-radius: var(--x-size-base-11) !important;
2514
+ [dir="rtl"] .x-border-radius--right-15 {
2515
+ border-top-left-radius: var(--x-size-base-15) !important;
2564
2516
  }
2565
- [dir="ltr"] .x-border-radius--left-11 {
2566
- border-top-left-radius: var(--x-size-base-11) !important;
2517
+ [dir="ltr"] .x-border-radius--right-15 {
2518
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2567
2519
  }
2568
- [dir="rtl"] .x-border-radius--left-11 {
2569
- border-top-right-radius: var(--x-size-base-11) !important;
2520
+ [dir="rtl"] .x-border-radius--right-15 {
2521
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2570
2522
  }
2571
- [dir="ltr"] .x-border-radius--left-11 {
2572
- border-bottom-left-radius: var(--x-size-base-11) !important;
2523
+ [dir="ltr"] .x-border-radius--left-15 {
2524
+ border-top-left-radius: var(--x-size-base-15) !important;
2573
2525
  }
2574
- [dir="rtl"] .x-border-radius--left-11 {
2575
- border-bottom-right-radius: var(--x-size-base-11) !important;
2526
+ [dir="rtl"] .x-border-radius--left-15 {
2527
+ border-top-right-radius: var(--x-size-base-15) !important;
2576
2528
  }
2577
- [dir="ltr"] .x-border-radius--top-left-11 {
2578
- border-top-left-radius: var(--x-size-base-11) !important;
2529
+ [dir="ltr"] .x-border-radius--left-15 {
2530
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2579
2531
  }
2580
- [dir="rtl"] .x-border-radius--top-left-11 {
2581
- border-top-right-radius: var(--x-size-base-11) !important;
2532
+ [dir="rtl"] .x-border-radius--left-15 {
2533
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2582
2534
  }
2583
- [dir="ltr"] .x-border-radius--top-right-11 {
2584
- border-top-right-radius: var(--x-size-base-11) !important;
2535
+ [dir="ltr"] .x-border-radius--top-left-15 {
2536
+ border-top-left-radius: var(--x-size-base-15) !important;
2585
2537
  }
2586
- [dir="rtl"] .x-border-radius--top-right-11 {
2587
- border-top-left-radius: var(--x-size-base-11) !important;
2538
+ [dir="rtl"] .x-border-radius--top-left-15 {
2539
+ border-top-right-radius: var(--x-size-base-15) !important;
2588
2540
  }
2589
- [dir="ltr"] .x-border-radius--bottom-left-11 {
2590
- border-bottom-left-radius: var(--x-size-base-11) !important;
2541
+ [dir="ltr"] .x-border-radius--top-right-15 {
2542
+ border-top-right-radius: var(--x-size-base-15) !important;
2591
2543
  }
2592
- [dir="rtl"] .x-border-radius--bottom-left-11 {
2593
- border-bottom-right-radius: var(--x-size-base-11) !important;
2544
+ [dir="rtl"] .x-border-radius--top-right-15 {
2545
+ border-top-left-radius: var(--x-size-base-15) !important;
2594
2546
  }
2595
- [dir="ltr"] .x-border-radius--bottom-right-11 {
2596
- border-bottom-right-radius: var(--x-size-base-11) !important;
2547
+ [dir="ltr"] .x-border-radius--bottom-left-15 {
2548
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2597
2549
  }
2598
- [dir="rtl"] .x-border-radius--bottom-right-11 {
2599
- border-bottom-left-radius: var(--x-size-base-11) !important;
2550
+ [dir="rtl"] .x-border-radius--bottom-left-15 {
2551
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2600
2552
  }
2601
- .x-border-radius--12 {
2602
- border-radius: var(--x-size-base-12) !important;
2553
+ [dir="ltr"] .x-border-radius--bottom-right-15 {
2554
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2603
2555
  }
2604
- [dir="ltr"] .x-border-radius--top-12 {
2605
- border-top-left-radius: var(--x-size-base-12) !important;
2556
+ [dir="rtl"] .x-border-radius--bottom-right-15 {
2557
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2606
2558
  }
2607
- [dir="rtl"] .x-border-radius--top-12 {
2608
- border-top-right-radius: var(--x-size-base-12) !important;
2559
+ .x-border-radius--16 {
2560
+ border-radius: var(--x-size-base-16) !important;
2609
2561
  }
2610
- [dir="ltr"] .x-border-radius--top-12 {
2611
- border-top-right-radius: var(--x-size-base-12) !important;
2562
+ [dir="ltr"] .x-border-radius--top-16 {
2563
+ border-top-left-radius: var(--x-size-base-16) !important;
2612
2564
  }
2613
- [dir="rtl"] .x-border-radius--top-12 {
2614
- border-top-left-radius: var(--x-size-base-12) !important;
2565
+ [dir="rtl"] .x-border-radius--top-16 {
2566
+ border-top-right-radius: var(--x-size-base-16) !important;
2615
2567
  }
2616
- [dir="ltr"] .x-border-radius--bottom-12 {
2617
- border-bottom-left-radius: var(--x-size-base-12) !important;
2568
+ [dir="ltr"] .x-border-radius--top-16 {
2569
+ border-top-right-radius: var(--x-size-base-16) !important;
2618
2570
  }
2619
- [dir="rtl"] .x-border-radius--bottom-12 {
2620
- border-bottom-right-radius: var(--x-size-base-12) !important;
2571
+ [dir="rtl"] .x-border-radius--top-16 {
2572
+ border-top-left-radius: var(--x-size-base-16) !important;
2621
2573
  }
2622
- [dir="ltr"] .x-border-radius--bottom-12 {
2623
- border-bottom-right-radius: var(--x-size-base-12) !important;
2574
+ [dir="ltr"] .x-border-radius--bottom-16 {
2575
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2624
2576
  }
2625
- [dir="rtl"] .x-border-radius--bottom-12 {
2626
- border-bottom-left-radius: var(--x-size-base-12) !important;
2577
+ [dir="rtl"] .x-border-radius--bottom-16 {
2578
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2627
2579
  }
2628
- [dir="ltr"] .x-border-radius--right-12 {
2629
- border-top-right-radius: var(--x-size-base-12) !important;
2580
+ [dir="ltr"] .x-border-radius--bottom-16 {
2581
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2630
2582
  }
2631
- [dir="rtl"] .x-border-radius--right-12 {
2632
- border-top-left-radius: var(--x-size-base-12) !important;
2583
+ [dir="rtl"] .x-border-radius--bottom-16 {
2584
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2633
2585
  }
2634
- [dir="ltr"] .x-border-radius--right-12 {
2635
- border-bottom-right-radius: var(--x-size-base-12) !important;
2586
+ [dir="ltr"] .x-border-radius--right-16 {
2587
+ border-top-right-radius: var(--x-size-base-16) !important;
2636
2588
  }
2637
- [dir="rtl"] .x-border-radius--right-12 {
2638
- border-bottom-left-radius: var(--x-size-base-12) !important;
2589
+ [dir="rtl"] .x-border-radius--right-16 {
2590
+ border-top-left-radius: var(--x-size-base-16) !important;
2639
2591
  }
2640
- [dir="ltr"] .x-border-radius--left-12 {
2641
- border-top-left-radius: var(--x-size-base-12) !important;
2592
+ [dir="ltr"] .x-border-radius--right-16 {
2593
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2642
2594
  }
2643
- [dir="rtl"] .x-border-radius--left-12 {
2644
- border-top-right-radius: var(--x-size-base-12) !important;
2595
+ [dir="rtl"] .x-border-radius--right-16 {
2596
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2645
2597
  }
2646
- [dir="ltr"] .x-border-radius--left-12 {
2647
- border-bottom-left-radius: var(--x-size-base-12) !important;
2598
+ [dir="ltr"] .x-border-radius--left-16 {
2599
+ border-top-left-radius: var(--x-size-base-16) !important;
2648
2600
  }
2649
- [dir="rtl"] .x-border-radius--left-12 {
2650
- border-bottom-right-radius: var(--x-size-base-12) !important;
2601
+ [dir="rtl"] .x-border-radius--left-16 {
2602
+ border-top-right-radius: var(--x-size-base-16) !important;
2651
2603
  }
2652
- [dir="ltr"] .x-border-radius--top-left-12 {
2653
- border-top-left-radius: var(--x-size-base-12) !important;
2604
+ [dir="ltr"] .x-border-radius--left-16 {
2605
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2654
2606
  }
2655
- [dir="rtl"] .x-border-radius--top-left-12 {
2656
- border-top-right-radius: var(--x-size-base-12) !important;
2607
+ [dir="rtl"] .x-border-radius--left-16 {
2608
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2657
2609
  }
2658
- [dir="ltr"] .x-border-radius--top-right-12 {
2659
- border-top-right-radius: var(--x-size-base-12) !important;
2610
+ [dir="ltr"] .x-border-radius--top-left-16 {
2611
+ border-top-left-radius: var(--x-size-base-16) !important;
2660
2612
  }
2661
- [dir="rtl"] .x-border-radius--top-right-12 {
2662
- border-top-left-radius: var(--x-size-base-12) !important;
2613
+ [dir="rtl"] .x-border-radius--top-left-16 {
2614
+ border-top-right-radius: var(--x-size-base-16) !important;
2663
2615
  }
2664
- [dir="ltr"] .x-border-radius--bottom-left-12 {
2665
- border-bottom-left-radius: var(--x-size-base-12) !important;
2616
+ [dir="ltr"] .x-border-radius--top-right-16 {
2617
+ border-top-right-radius: var(--x-size-base-16) !important;
2666
2618
  }
2667
- [dir="rtl"] .x-border-radius--bottom-left-12 {
2668
- border-bottom-right-radius: var(--x-size-base-12) !important;
2619
+ [dir="rtl"] .x-border-radius--top-right-16 {
2620
+ border-top-left-radius: var(--x-size-base-16) !important;
2669
2621
  }
2670
- [dir="ltr"] .x-border-radius--bottom-right-12 {
2671
- border-bottom-right-radius: var(--x-size-base-12) !important;
2622
+ [dir="ltr"] .x-border-radius--bottom-left-16 {
2623
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2672
2624
  }
2673
- [dir="rtl"] .x-border-radius--bottom-right-12 {
2674
- border-bottom-left-radius: var(--x-size-base-12) !important;
2625
+ [dir="rtl"] .x-border-radius--bottom-left-16 {
2626
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2675
2627
  }
2676
- .x-border-radius--13 {
2677
- border-radius: var(--x-size-base-13) !important;
2628
+ [dir="ltr"] .x-border-radius--bottom-right-16 {
2629
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2678
2630
  }
2679
- [dir="ltr"] .x-border-radius--top-13 {
2680
- border-top-left-radius: var(--x-size-base-13) !important;
2631
+ [dir="rtl"] .x-border-radius--bottom-right-16 {
2632
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2681
2633
  }
2682
- [dir="rtl"] .x-border-radius--top-13 {
2683
- border-top-right-radius: var(--x-size-base-13) !important;
2634
+ .x-border-radius--17 {
2635
+ border-radius: var(--x-size-base-17) !important;
2684
2636
  }
2685
- [dir="ltr"] .x-border-radius--top-13 {
2686
- border-top-right-radius: var(--x-size-base-13) !important;
2637
+ [dir="ltr"] .x-border-radius--top-17 {
2638
+ border-top-left-radius: var(--x-size-base-17) !important;
2687
2639
  }
2688
- [dir="rtl"] .x-border-radius--top-13 {
2689
- border-top-left-radius: var(--x-size-base-13) !important;
2640
+ [dir="rtl"] .x-border-radius--top-17 {
2641
+ border-top-right-radius: var(--x-size-base-17) !important;
2690
2642
  }
2691
- [dir="ltr"] .x-border-radius--bottom-13 {
2692
- border-bottom-left-radius: var(--x-size-base-13) !important;
2643
+ [dir="ltr"] .x-border-radius--top-17 {
2644
+ border-top-right-radius: var(--x-size-base-17) !important;
2693
2645
  }
2694
- [dir="rtl"] .x-border-radius--bottom-13 {
2695
- border-bottom-right-radius: var(--x-size-base-13) !important;
2646
+ [dir="rtl"] .x-border-radius--top-17 {
2647
+ border-top-left-radius: var(--x-size-base-17) !important;
2696
2648
  }
2697
- [dir="ltr"] .x-border-radius--bottom-13 {
2698
- border-bottom-right-radius: var(--x-size-base-13) !important;
2649
+ [dir="ltr"] .x-border-radius--bottom-17 {
2650
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2699
2651
  }
2700
- [dir="rtl"] .x-border-radius--bottom-13 {
2701
- border-bottom-left-radius: var(--x-size-base-13) !important;
2652
+ [dir="rtl"] .x-border-radius--bottom-17 {
2653
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2702
2654
  }
2703
- [dir="ltr"] .x-border-radius--right-13 {
2704
- border-top-right-radius: var(--x-size-base-13) !important;
2655
+ [dir="ltr"] .x-border-radius--bottom-17 {
2656
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2705
2657
  }
2706
- [dir="rtl"] .x-border-radius--right-13 {
2707
- border-top-left-radius: var(--x-size-base-13) !important;
2658
+ [dir="rtl"] .x-border-radius--bottom-17 {
2659
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2708
2660
  }
2709
- [dir="ltr"] .x-border-radius--right-13 {
2710
- border-bottom-right-radius: var(--x-size-base-13) !important;
2661
+ [dir="ltr"] .x-border-radius--right-17 {
2662
+ border-top-right-radius: var(--x-size-base-17) !important;
2711
2663
  }
2712
- [dir="rtl"] .x-border-radius--right-13 {
2713
- border-bottom-left-radius: var(--x-size-base-13) !important;
2664
+ [dir="rtl"] .x-border-radius--right-17 {
2665
+ border-top-left-radius: var(--x-size-base-17) !important;
2714
2666
  }
2715
- [dir="ltr"] .x-border-radius--left-13 {
2716
- border-top-left-radius: var(--x-size-base-13) !important;
2667
+ [dir="ltr"] .x-border-radius--right-17 {
2668
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2717
2669
  }
2718
- [dir="rtl"] .x-border-radius--left-13 {
2719
- border-top-right-radius: var(--x-size-base-13) !important;
2670
+ [dir="rtl"] .x-border-radius--right-17 {
2671
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2720
2672
  }
2721
- [dir="ltr"] .x-border-radius--left-13 {
2722
- border-bottom-left-radius: var(--x-size-base-13) !important;
2673
+ [dir="ltr"] .x-border-radius--left-17 {
2674
+ border-top-left-radius: var(--x-size-base-17) !important;
2723
2675
  }
2724
- [dir="rtl"] .x-border-radius--left-13 {
2725
- border-bottom-right-radius: var(--x-size-base-13) !important;
2676
+ [dir="rtl"] .x-border-radius--left-17 {
2677
+ border-top-right-radius: var(--x-size-base-17) !important;
2726
2678
  }
2727
- [dir="ltr"] .x-border-radius--top-left-13 {
2728
- border-top-left-radius: var(--x-size-base-13) !important;
2679
+ [dir="ltr"] .x-border-radius--left-17 {
2680
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2729
2681
  }
2730
- [dir="rtl"] .x-border-radius--top-left-13 {
2731
- border-top-right-radius: var(--x-size-base-13) !important;
2682
+ [dir="rtl"] .x-border-radius--left-17 {
2683
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2732
2684
  }
2733
- [dir="ltr"] .x-border-radius--top-right-13 {
2734
- border-top-right-radius: var(--x-size-base-13) !important;
2685
+ [dir="ltr"] .x-border-radius--top-left-17 {
2686
+ border-top-left-radius: var(--x-size-base-17) !important;
2735
2687
  }
2736
- [dir="rtl"] .x-border-radius--top-right-13 {
2737
- border-top-left-radius: var(--x-size-base-13) !important;
2688
+ [dir="rtl"] .x-border-radius--top-left-17 {
2689
+ border-top-right-radius: var(--x-size-base-17) !important;
2738
2690
  }
2739
- [dir="ltr"] .x-border-radius--bottom-left-13 {
2740
- border-bottom-left-radius: var(--x-size-base-13) !important;
2691
+ [dir="ltr"] .x-border-radius--top-right-17 {
2692
+ border-top-right-radius: var(--x-size-base-17) !important;
2741
2693
  }
2742
- [dir="rtl"] .x-border-radius--bottom-left-13 {
2743
- border-bottom-right-radius: var(--x-size-base-13) !important;
2694
+ [dir="rtl"] .x-border-radius--top-right-17 {
2695
+ border-top-left-radius: var(--x-size-base-17) !important;
2744
2696
  }
2745
- [dir="ltr"] .x-border-radius--bottom-right-13 {
2746
- border-bottom-right-radius: var(--x-size-base-13) !important;
2697
+ [dir="ltr"] .x-border-radius--bottom-left-17 {
2698
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2747
2699
  }
2748
- [dir="rtl"] .x-border-radius--bottom-right-13 {
2749
- border-bottom-left-radius: var(--x-size-base-13) !important;
2700
+ [dir="rtl"] .x-border-radius--bottom-left-17 {
2701
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2750
2702
  }
2751
- .x-border-radius--14 {
2752
- border-radius: var(--x-size-base-14) !important;
2703
+ [dir="ltr"] .x-border-radius--bottom-right-17 {
2704
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2753
2705
  }
2754
- [dir="ltr"] .x-border-radius--top-14 {
2755
- border-top-left-radius: var(--x-size-base-14) !important;
2706
+ [dir="rtl"] .x-border-radius--bottom-right-17 {
2707
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2756
2708
  }
2757
- [dir="rtl"] .x-border-radius--top-14 {
2758
- border-top-right-radius: var(--x-size-base-14) !important;
2709
+ .x-border-radius--18 {
2710
+ border-radius: var(--x-size-base-18) !important;
2759
2711
  }
2760
- [dir="ltr"] .x-border-radius--top-14 {
2761
- border-top-right-radius: var(--x-size-base-14) !important;
2712
+ [dir="ltr"] .x-border-radius--top-18 {
2713
+ border-top-left-radius: var(--x-size-base-18) !important;
2762
2714
  }
2763
- [dir="rtl"] .x-border-radius--top-14 {
2764
- border-top-left-radius: var(--x-size-base-14) !important;
2715
+ [dir="rtl"] .x-border-radius--top-18 {
2716
+ border-top-right-radius: var(--x-size-base-18) !important;
2765
2717
  }
2766
- [dir="ltr"] .x-border-radius--bottom-14 {
2767
- border-bottom-left-radius: var(--x-size-base-14) !important;
2718
+ [dir="ltr"] .x-border-radius--top-18 {
2719
+ border-top-right-radius: var(--x-size-base-18) !important;
2768
2720
  }
2769
- [dir="rtl"] .x-border-radius--bottom-14 {
2770
- border-bottom-right-radius: var(--x-size-base-14) !important;
2721
+ [dir="rtl"] .x-border-radius--top-18 {
2722
+ border-top-left-radius: var(--x-size-base-18) !important;
2771
2723
  }
2772
- [dir="ltr"] .x-border-radius--bottom-14 {
2773
- border-bottom-right-radius: var(--x-size-base-14) !important;
2724
+ [dir="ltr"] .x-border-radius--bottom-18 {
2725
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2774
2726
  }
2775
- [dir="rtl"] .x-border-radius--bottom-14 {
2776
- border-bottom-left-radius: var(--x-size-base-14) !important;
2727
+ [dir="rtl"] .x-border-radius--bottom-18 {
2728
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2777
2729
  }
2778
- [dir="ltr"] .x-border-radius--right-14 {
2779
- border-top-right-radius: var(--x-size-base-14) !important;
2730
+ [dir="ltr"] .x-border-radius--bottom-18 {
2731
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2780
2732
  }
2781
- [dir="rtl"] .x-border-radius--right-14 {
2782
- border-top-left-radius: var(--x-size-base-14) !important;
2733
+ [dir="rtl"] .x-border-radius--bottom-18 {
2734
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2783
2735
  }
2784
- [dir="ltr"] .x-border-radius--right-14 {
2785
- border-bottom-right-radius: var(--x-size-base-14) !important;
2736
+ [dir="ltr"] .x-border-radius--right-18 {
2737
+ border-top-right-radius: var(--x-size-base-18) !important;
2786
2738
  }
2787
- [dir="rtl"] .x-border-radius--right-14 {
2788
- border-bottom-left-radius: var(--x-size-base-14) !important;
2739
+ [dir="rtl"] .x-border-radius--right-18 {
2740
+ border-top-left-radius: var(--x-size-base-18) !important;
2789
2741
  }
2790
- [dir="ltr"] .x-border-radius--left-14 {
2791
- border-top-left-radius: var(--x-size-base-14) !important;
2742
+ [dir="ltr"] .x-border-radius--right-18 {
2743
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2792
2744
  }
2793
- [dir="rtl"] .x-border-radius--left-14 {
2794
- border-top-right-radius: var(--x-size-base-14) !important;
2745
+ [dir="rtl"] .x-border-radius--right-18 {
2746
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2795
2747
  }
2796
- [dir="ltr"] .x-border-radius--left-14 {
2797
- border-bottom-left-radius: var(--x-size-base-14) !important;
2748
+ [dir="ltr"] .x-border-radius--left-18 {
2749
+ border-top-left-radius: var(--x-size-base-18) !important;
2798
2750
  }
2799
- [dir="rtl"] .x-border-radius--left-14 {
2800
- border-bottom-right-radius: var(--x-size-base-14) !important;
2751
+ [dir="rtl"] .x-border-radius--left-18 {
2752
+ border-top-right-radius: var(--x-size-base-18) !important;
2801
2753
  }
2802
- [dir="ltr"] .x-border-radius--top-left-14 {
2803
- border-top-left-radius: var(--x-size-base-14) !important;
2754
+ [dir="ltr"] .x-border-radius--left-18 {
2755
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2804
2756
  }
2805
- [dir="rtl"] .x-border-radius--top-left-14 {
2806
- border-top-right-radius: var(--x-size-base-14) !important;
2757
+ [dir="rtl"] .x-border-radius--left-18 {
2758
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2807
2759
  }
2808
- [dir="ltr"] .x-border-radius--top-right-14 {
2809
- border-top-right-radius: var(--x-size-base-14) !important;
2760
+ [dir="ltr"] .x-border-radius--top-left-18 {
2761
+ border-top-left-radius: var(--x-size-base-18) !important;
2810
2762
  }
2811
- [dir="rtl"] .x-border-radius--top-right-14 {
2812
- border-top-left-radius: var(--x-size-base-14) !important;
2763
+ [dir="rtl"] .x-border-radius--top-left-18 {
2764
+ border-top-right-radius: var(--x-size-base-18) !important;
2813
2765
  }
2814
- [dir="ltr"] .x-border-radius--bottom-left-14 {
2815
- border-bottom-left-radius: var(--x-size-base-14) !important;
2766
+ [dir="ltr"] .x-border-radius--top-right-18 {
2767
+ border-top-right-radius: var(--x-size-base-18) !important;
2816
2768
  }
2817
- [dir="rtl"] .x-border-radius--bottom-left-14 {
2818
- border-bottom-right-radius: var(--x-size-base-14) !important;
2769
+ [dir="rtl"] .x-border-radius--top-right-18 {
2770
+ border-top-left-radius: var(--x-size-base-18) !important;
2819
2771
  }
2820
- [dir="ltr"] .x-border-radius--bottom-right-14 {
2821
- border-bottom-right-radius: var(--x-size-base-14) !important;
2772
+ [dir="ltr"] .x-border-radius--bottom-left-18 {
2773
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2822
2774
  }
2823
- [dir="rtl"] .x-border-radius--bottom-right-14 {
2824
- border-bottom-left-radius: var(--x-size-base-14) !important;
2775
+ [dir="rtl"] .x-border-radius--bottom-left-18 {
2776
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2825
2777
  }
2826
- .x-border-radius--15 {
2827
- border-radius: var(--x-size-base-15) !important;
2778
+ [dir="ltr"] .x-border-radius--bottom-right-18 {
2779
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2828
2780
  }
2829
- [dir="ltr"] .x-border-radius--top-15 {
2830
- border-top-left-radius: var(--x-size-base-15) !important;
2781
+ [dir="rtl"] .x-border-radius--bottom-right-18 {
2782
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2831
2783
  }
2832
- [dir="rtl"] .x-border-radius--top-15 {
2833
- border-top-right-radius: var(--x-size-base-15) !important;
2784
+ .x-border-radius--19 {
2785
+ border-radius: var(--x-size-base-19) !important;
2834
2786
  }
2835
- [dir="ltr"] .x-border-radius--top-15 {
2836
- border-top-right-radius: var(--x-size-base-15) !important;
2787
+ [dir="ltr"] .x-border-radius--top-19 {
2788
+ border-top-left-radius: var(--x-size-base-19) !important;
2837
2789
  }
2838
- [dir="rtl"] .x-border-radius--top-15 {
2839
- border-top-left-radius: var(--x-size-base-15) !important;
2790
+ [dir="rtl"] .x-border-radius--top-19 {
2791
+ border-top-right-radius: var(--x-size-base-19) !important;
2840
2792
  }
2841
- [dir="ltr"] .x-border-radius--bottom-15 {
2842
- border-bottom-left-radius: var(--x-size-base-15) !important;
2793
+ [dir="ltr"] .x-border-radius--top-19 {
2794
+ border-top-right-radius: var(--x-size-base-19) !important;
2843
2795
  }
2844
- [dir="rtl"] .x-border-radius--bottom-15 {
2845
- border-bottom-right-radius: var(--x-size-base-15) !important;
2796
+ [dir="rtl"] .x-border-radius--top-19 {
2797
+ border-top-left-radius: var(--x-size-base-19) !important;
2846
2798
  }
2847
- [dir="ltr"] .x-border-radius--bottom-15 {
2848
- border-bottom-right-radius: var(--x-size-base-15) !important;
2799
+ [dir="ltr"] .x-border-radius--bottom-19 {
2800
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2849
2801
  }
2850
- [dir="rtl"] .x-border-radius--bottom-15 {
2851
- border-bottom-left-radius: var(--x-size-base-15) !important;
2802
+ [dir="rtl"] .x-border-radius--bottom-19 {
2803
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2852
2804
  }
2853
- [dir="ltr"] .x-border-radius--right-15 {
2854
- border-top-right-radius: var(--x-size-base-15) !important;
2805
+ [dir="ltr"] .x-border-radius--bottom-19 {
2806
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2855
2807
  }
2856
- [dir="rtl"] .x-border-radius--right-15 {
2857
- border-top-left-radius: var(--x-size-base-15) !important;
2808
+ [dir="rtl"] .x-border-radius--bottom-19 {
2809
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2858
2810
  }
2859
- [dir="ltr"] .x-border-radius--right-15 {
2860
- border-bottom-right-radius: var(--x-size-base-15) !important;
2811
+ [dir="ltr"] .x-border-radius--right-19 {
2812
+ border-top-right-radius: var(--x-size-base-19) !important;
2861
2813
  }
2862
- [dir="rtl"] .x-border-radius--right-15 {
2863
- border-bottom-left-radius: var(--x-size-base-15) !important;
2814
+ [dir="rtl"] .x-border-radius--right-19 {
2815
+ border-top-left-radius: var(--x-size-base-19) !important;
2864
2816
  }
2865
- [dir="ltr"] .x-border-radius--left-15 {
2866
- border-top-left-radius: var(--x-size-base-15) !important;
2817
+ [dir="ltr"] .x-border-radius--right-19 {
2818
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2867
2819
  }
2868
- [dir="rtl"] .x-border-radius--left-15 {
2869
- border-top-right-radius: var(--x-size-base-15) !important;
2820
+ [dir="rtl"] .x-border-radius--right-19 {
2821
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2870
2822
  }
2871
- [dir="ltr"] .x-border-radius--left-15 {
2872
- border-bottom-left-radius: var(--x-size-base-15) !important;
2823
+ [dir="ltr"] .x-border-radius--left-19 {
2824
+ border-top-left-radius: var(--x-size-base-19) !important;
2873
2825
  }
2874
- [dir="rtl"] .x-border-radius--left-15 {
2875
- border-bottom-right-radius: var(--x-size-base-15) !important;
2826
+ [dir="rtl"] .x-border-radius--left-19 {
2827
+ border-top-right-radius: var(--x-size-base-19) !important;
2876
2828
  }
2877
- [dir="ltr"] .x-border-radius--top-left-15 {
2878
- border-top-left-radius: var(--x-size-base-15) !important;
2829
+ [dir="ltr"] .x-border-radius--left-19 {
2830
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2879
2831
  }
2880
- [dir="rtl"] .x-border-radius--top-left-15 {
2881
- border-top-right-radius: var(--x-size-base-15) !important;
2832
+ [dir="rtl"] .x-border-radius--left-19 {
2833
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2882
2834
  }
2883
- [dir="ltr"] .x-border-radius--top-right-15 {
2884
- border-top-right-radius: var(--x-size-base-15) !important;
2835
+ [dir="ltr"] .x-border-radius--top-left-19 {
2836
+ border-top-left-radius: var(--x-size-base-19) !important;
2885
2837
  }
2886
- [dir="rtl"] .x-border-radius--top-right-15 {
2887
- border-top-left-radius: var(--x-size-base-15) !important;
2838
+ [dir="rtl"] .x-border-radius--top-left-19 {
2839
+ border-top-right-radius: var(--x-size-base-19) !important;
2888
2840
  }
2889
- [dir="ltr"] .x-border-radius--bottom-left-15 {
2890
- border-bottom-left-radius: var(--x-size-base-15) !important;
2841
+ [dir="ltr"] .x-border-radius--top-right-19 {
2842
+ border-top-right-radius: var(--x-size-base-19) !important;
2891
2843
  }
2892
- [dir="rtl"] .x-border-radius--bottom-left-15 {
2893
- border-bottom-right-radius: var(--x-size-base-15) !important;
2844
+ [dir="rtl"] .x-border-radius--top-right-19 {
2845
+ border-top-left-radius: var(--x-size-base-19) !important;
2894
2846
  }
2895
- [dir="ltr"] .x-border-radius--bottom-right-15 {
2896
- border-bottom-right-radius: var(--x-size-base-15) !important;
2847
+ [dir="ltr"] .x-border-radius--bottom-left-19 {
2848
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2897
2849
  }
2898
- [dir="rtl"] .x-border-radius--bottom-right-15 {
2899
- border-bottom-left-radius: var(--x-size-base-15) !important;
2850
+ [dir="rtl"] .x-border-radius--bottom-left-19 {
2851
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2900
2852
  }
2901
- .x-border-radius--16 {
2902
- border-radius: var(--x-size-base-16) !important;
2853
+ [dir="ltr"] .x-border-radius--bottom-right-19 {
2854
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2903
2855
  }
2904
- [dir="ltr"] .x-border-radius--top-16 {
2905
- border-top-left-radius: var(--x-size-base-16) !important;
2856
+ [dir="rtl"] .x-border-radius--bottom-right-19 {
2857
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2906
2858
  }
2907
- [dir="rtl"] .x-border-radius--top-16 {
2908
- border-top-right-radius: var(--x-size-base-16) !important;
2859
+ .x-border-radius--20 {
2860
+ border-radius: var(--x-size-base-20) !important;
2909
2861
  }
2910
- [dir="ltr"] .x-border-radius--top-16 {
2911
- border-top-right-radius: var(--x-size-base-16) !important;
2862
+ [dir="ltr"] .x-border-radius--top-20 {
2863
+ border-top-left-radius: var(--x-size-base-20) !important;
2912
2864
  }
2913
- [dir="rtl"] .x-border-radius--top-16 {
2914
- border-top-left-radius: var(--x-size-base-16) !important;
2865
+ [dir="rtl"] .x-border-radius--top-20 {
2866
+ border-top-right-radius: var(--x-size-base-20) !important;
2915
2867
  }
2916
- [dir="ltr"] .x-border-radius--bottom-16 {
2917
- border-bottom-left-radius: var(--x-size-base-16) !important;
2868
+ [dir="ltr"] .x-border-radius--top-20 {
2869
+ border-top-right-radius: var(--x-size-base-20) !important;
2918
2870
  }
2919
- [dir="rtl"] .x-border-radius--bottom-16 {
2920
- border-bottom-right-radius: var(--x-size-base-16) !important;
2871
+ [dir="rtl"] .x-border-radius--top-20 {
2872
+ border-top-left-radius: var(--x-size-base-20) !important;
2921
2873
  }
2922
- [dir="ltr"] .x-border-radius--bottom-16 {
2923
- border-bottom-right-radius: var(--x-size-base-16) !important;
2874
+ [dir="ltr"] .x-border-radius--bottom-20 {
2875
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2924
2876
  }
2925
- [dir="rtl"] .x-border-radius--bottom-16 {
2926
- border-bottom-left-radius: var(--x-size-base-16) !important;
2877
+ [dir="rtl"] .x-border-radius--bottom-20 {
2878
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2927
2879
  }
2928
- [dir="ltr"] .x-border-radius--right-16 {
2929
- border-top-right-radius: var(--x-size-base-16) !important;
2880
+ [dir="ltr"] .x-border-radius--bottom-20 {
2881
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2930
2882
  }
2931
- [dir="rtl"] .x-border-radius--right-16 {
2932
- border-top-left-radius: var(--x-size-base-16) !important;
2883
+ [dir="rtl"] .x-border-radius--bottom-20 {
2884
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2933
2885
  }
2934
- [dir="ltr"] .x-border-radius--right-16 {
2935
- border-bottom-right-radius: var(--x-size-base-16) !important;
2886
+ [dir="ltr"] .x-border-radius--right-20 {
2887
+ border-top-right-radius: var(--x-size-base-20) !important;
2936
2888
  }
2937
- [dir="rtl"] .x-border-radius--right-16 {
2938
- border-bottom-left-radius: var(--x-size-base-16) !important;
2889
+ [dir="rtl"] .x-border-radius--right-20 {
2890
+ border-top-left-radius: var(--x-size-base-20) !important;
2939
2891
  }
2940
- [dir="ltr"] .x-border-radius--left-16 {
2941
- border-top-left-radius: var(--x-size-base-16) !important;
2892
+ [dir="ltr"] .x-border-radius--right-20 {
2893
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2942
2894
  }
2943
- [dir="rtl"] .x-border-radius--left-16 {
2944
- border-top-right-radius: var(--x-size-base-16) !important;
2895
+ [dir="rtl"] .x-border-radius--right-20 {
2896
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2945
2897
  }
2946
- [dir="ltr"] .x-border-radius--left-16 {
2947
- border-bottom-left-radius: var(--x-size-base-16) !important;
2898
+ [dir="ltr"] .x-border-radius--left-20 {
2899
+ border-top-left-radius: var(--x-size-base-20) !important;
2948
2900
  }
2949
- [dir="rtl"] .x-border-radius--left-16 {
2950
- border-bottom-right-radius: var(--x-size-base-16) !important;
2901
+ [dir="rtl"] .x-border-radius--left-20 {
2902
+ border-top-right-radius: var(--x-size-base-20) !important;
2951
2903
  }
2952
- [dir="ltr"] .x-border-radius--top-left-16 {
2953
- border-top-left-radius: var(--x-size-base-16) !important;
2904
+ [dir="ltr"] .x-border-radius--left-20 {
2905
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2954
2906
  }
2955
- [dir="rtl"] .x-border-radius--top-left-16 {
2956
- border-top-right-radius: var(--x-size-base-16) !important;
2907
+ [dir="rtl"] .x-border-radius--left-20 {
2908
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2957
2909
  }
2958
- [dir="ltr"] .x-border-radius--top-right-16 {
2959
- border-top-right-radius: var(--x-size-base-16) !important;
2910
+ [dir="ltr"] .x-border-radius--top-left-20 {
2911
+ border-top-left-radius: var(--x-size-base-20) !important;
2960
2912
  }
2961
- [dir="rtl"] .x-border-radius--top-right-16 {
2962
- border-top-left-radius: var(--x-size-base-16) !important;
2913
+ [dir="rtl"] .x-border-radius--top-left-20 {
2914
+ border-top-right-radius: var(--x-size-base-20) !important;
2963
2915
  }
2964
- [dir="ltr"] .x-border-radius--bottom-left-16 {
2965
- border-bottom-left-radius: var(--x-size-base-16) !important;
2916
+ [dir="ltr"] .x-border-radius--top-right-20 {
2917
+ border-top-right-radius: var(--x-size-base-20) !important;
2966
2918
  }
2967
- [dir="rtl"] .x-border-radius--bottom-left-16 {
2968
- border-bottom-right-radius: var(--x-size-base-16) !important;
2919
+ [dir="rtl"] .x-border-radius--top-right-20 {
2920
+ border-top-left-radius: var(--x-size-base-20) !important;
2969
2921
  }
2970
- [dir="ltr"] .x-border-radius--bottom-right-16 {
2971
- border-bottom-right-radius: var(--x-size-base-16) !important;
2922
+ [dir="ltr"] .x-border-radius--bottom-left-20 {
2923
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2972
2924
  }
2973
- [dir="rtl"] .x-border-radius--bottom-right-16 {
2974
- border-bottom-left-radius: var(--x-size-base-16) !important;
2925
+ [dir="rtl"] .x-border-radius--bottom-left-20 {
2926
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2975
2927
  }
2976
- .x-border-radius--17 {
2977
- border-radius: var(--x-size-base-17) !important;
2928
+ [dir="ltr"] .x-border-radius--bottom-right-20 {
2929
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2978
2930
  }
2979
- [dir="ltr"] .x-border-radius--top-17 {
2980
- border-top-left-radius: var(--x-size-base-17) !important;
2931
+ [dir="rtl"] .x-border-radius--bottom-right-20 {
2932
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2981
2933
  }
2982
- [dir="rtl"] .x-border-radius--top-17 {
2983
- border-top-right-radius: var(--x-size-base-17) !important;
2934
+ *[class*=x-border-width--] {
2935
+ border-width: 0;
2984
2936
  }
2985
- [dir="ltr"] .x-border-radius--top-17 {
2986
- border-top-right-radius: var(--x-size-base-17) !important;
2937
+
2938
+ .x-border-width--00 {
2939
+ border-width: 0px !important;
2940
+ border-style: solid !important;
2987
2941
  }
2988
- [dir="rtl"] .x-border-radius--top-17 {
2989
- border-top-left-radius: var(--x-size-base-17) !important;
2942
+ .x-border-width--top-00 {
2943
+ border-top-width: 0px !important;
2944
+ border-style: solid !important;
2990
2945
  }
2991
- [dir="ltr"] .x-border-radius--bottom-17 {
2992
- border-bottom-left-radius: var(--x-size-base-17) !important;
2946
+ .x-border-width--bottom-00 {
2947
+ border-bottom-width: 0px !important;
2948
+ border-style: solid !important;
2993
2949
  }
2994
- [dir="rtl"] .x-border-radius--bottom-17 {
2995
- border-bottom-right-radius: var(--x-size-base-17) !important;
2950
+ [dir="ltr"] .x-border-width--right-00 {
2951
+ border-right-width: 0px !important;
2996
2952
  }
2997
- [dir="ltr"] .x-border-radius--bottom-17 {
2998
- border-bottom-right-radius: var(--x-size-base-17) !important;
2953
+ [dir="rtl"] .x-border-width--right-00 {
2954
+ border-left-width: 0px !important;
2999
2955
  }
3000
- [dir="rtl"] .x-border-radius--bottom-17 {
3001
- border-bottom-left-radius: var(--x-size-base-17) !important;
2956
+ .x-border-width--right-00 {
2957
+ border-style: solid !important;
3002
2958
  }
3003
- [dir="ltr"] .x-border-radius--right-17 {
3004
- border-top-right-radius: var(--x-size-base-17) !important;
2959
+ [dir="ltr"] .x-border-width--left-00 {
2960
+ border-left-width: 0px !important;
3005
2961
  }
3006
- [dir="rtl"] .x-border-radius--right-17 {
3007
- border-top-left-radius: var(--x-size-base-17) !important;
2962
+ [dir="rtl"] .x-border-width--left-00 {
2963
+ border-right-width: 0px !important;
3008
2964
  }
3009
- [dir="ltr"] .x-border-radius--right-17 {
3010
- border-bottom-right-radius: var(--x-size-base-17) !important;
2965
+ .x-border-width--left-00 {
2966
+ border-style: solid !important;
3011
2967
  }
3012
- [dir="rtl"] .x-border-radius--right-17 {
3013
- border-bottom-left-radius: var(--x-size-base-17) !important;
2968
+ .x-border-width--01 {
2969
+ border-width: 1px !important;
2970
+ border-style: solid !important;
3014
2971
  }
3015
- [dir="ltr"] .x-border-radius--left-17 {
3016
- border-top-left-radius: var(--x-size-base-17) !important;
2972
+ .x-border-width--top-01 {
2973
+ border-top-width: 1px !important;
2974
+ border-style: solid !important;
3017
2975
  }
3018
- [dir="rtl"] .x-border-radius--left-17 {
3019
- border-top-right-radius: var(--x-size-base-17) !important;
2976
+ .x-border-width--bottom-01 {
2977
+ border-bottom-width: 1px !important;
2978
+ border-style: solid !important;
3020
2979
  }
3021
- [dir="ltr"] .x-border-radius--left-17 {
3022
- border-bottom-left-radius: var(--x-size-base-17) !important;
2980
+ [dir="ltr"] .x-border-width--right-01 {
2981
+ border-right-width: 1px !important;
3023
2982
  }
3024
- [dir="rtl"] .x-border-radius--left-17 {
3025
- border-bottom-right-radius: var(--x-size-base-17) !important;
2983
+ [dir="rtl"] .x-border-width--right-01 {
2984
+ border-left-width: 1px !important;
3026
2985
  }
3027
- [dir="ltr"] .x-border-radius--top-left-17 {
3028
- border-top-left-radius: var(--x-size-base-17) !important;
2986
+ .x-border-width--right-01 {
2987
+ border-style: solid !important;
3029
2988
  }
3030
- [dir="rtl"] .x-border-radius--top-left-17 {
3031
- border-top-right-radius: var(--x-size-base-17) !important;
2989
+ [dir="ltr"] .x-border-width--left-01 {
2990
+ border-left-width: 1px !important;
3032
2991
  }
3033
- [dir="ltr"] .x-border-radius--top-right-17 {
3034
- border-top-right-radius: var(--x-size-base-17) !important;
2992
+ [dir="rtl"] .x-border-width--left-01 {
2993
+ border-right-width: 1px !important;
3035
2994
  }
3036
- [dir="rtl"] .x-border-radius--top-right-17 {
3037
- border-top-left-radius: var(--x-size-base-17) !important;
2995
+ .x-border-width--left-01 {
2996
+ border-style: solid !important;
3038
2997
  }
3039
- [dir="ltr"] .x-border-radius--bottom-left-17 {
3040
- border-bottom-left-radius: var(--x-size-base-17) !important;
2998
+ .x-border-width--02 {
2999
+ border-width: 2px !important;
3000
+ border-style: solid !important;
3041
3001
  }
3042
- [dir="rtl"] .x-border-radius--bottom-left-17 {
3043
- border-bottom-right-radius: var(--x-size-base-17) !important;
3002
+ .x-border-width--top-02 {
3003
+ border-top-width: 2px !important;
3004
+ border-style: solid !important;
3044
3005
  }
3045
- [dir="ltr"] .x-border-radius--bottom-right-17 {
3046
- border-bottom-right-radius: var(--x-size-base-17) !important;
3006
+ .x-border-width--bottom-02 {
3007
+ border-bottom-width: 2px !important;
3008
+ border-style: solid !important;
3047
3009
  }
3048
- [dir="rtl"] .x-border-radius--bottom-right-17 {
3049
- border-bottom-left-radius: var(--x-size-base-17) !important;
3010
+ [dir="ltr"] .x-border-width--right-02 {
3011
+ border-right-width: 2px !important;
3050
3012
  }
3051
- .x-border-radius--18 {
3052
- border-radius: var(--x-size-base-18) !important;
3013
+ [dir="rtl"] .x-border-width--right-02 {
3014
+ border-left-width: 2px !important;
3053
3015
  }
3054
- [dir="ltr"] .x-border-radius--top-18 {
3055
- border-top-left-radius: var(--x-size-base-18) !important;
3016
+ .x-border-width--right-02 {
3017
+ border-style: solid !important;
3056
3018
  }
3057
- [dir="rtl"] .x-border-radius--top-18 {
3058
- border-top-right-radius: var(--x-size-base-18) !important;
3019
+ [dir="ltr"] .x-border-width--left-02 {
3020
+ border-left-width: 2px !important;
3059
3021
  }
3060
- [dir="ltr"] .x-border-radius--top-18 {
3061
- border-top-right-radius: var(--x-size-base-18) !important;
3022
+ [dir="rtl"] .x-border-width--left-02 {
3023
+ border-right-width: 2px !important;
3062
3024
  }
3063
- [dir="rtl"] .x-border-radius--top-18 {
3064
- border-top-left-radius: var(--x-size-base-18) !important;
3025
+ .x-border-width--left-02 {
3026
+ border-style: solid !important;
3065
3027
  }
3066
- [dir="ltr"] .x-border-radius--bottom-18 {
3067
- border-bottom-left-radius: var(--x-size-base-18) !important;
3028
+ .x-border-width--03 {
3029
+ border-width: 3px !important;
3030
+ border-style: solid !important;
3068
3031
  }
3069
- [dir="rtl"] .x-border-radius--bottom-18 {
3070
- border-bottom-right-radius: var(--x-size-base-18) !important;
3032
+ .x-border-width--top-03 {
3033
+ border-top-width: 3px !important;
3034
+ border-style: solid !important;
3071
3035
  }
3072
- [dir="ltr"] .x-border-radius--bottom-18 {
3073
- border-bottom-right-radius: var(--x-size-base-18) !important;
3036
+ .x-border-width--bottom-03 {
3037
+ border-bottom-width: 3px !important;
3038
+ border-style: solid !important;
3074
3039
  }
3075
- [dir="rtl"] .x-border-radius--bottom-18 {
3076
- border-bottom-left-radius: var(--x-size-base-18) !important;
3040
+ [dir="ltr"] .x-border-width--right-03 {
3041
+ border-right-width: 3px !important;
3077
3042
  }
3078
- [dir="ltr"] .x-border-radius--right-18 {
3079
- border-top-right-radius: var(--x-size-base-18) !important;
3043
+ [dir="rtl"] .x-border-width--right-03 {
3044
+ border-left-width: 3px !important;
3080
3045
  }
3081
- [dir="rtl"] .x-border-radius--right-18 {
3082
- border-top-left-radius: var(--x-size-base-18) !important;
3046
+ .x-border-width--right-03 {
3047
+ border-style: solid !important;
3083
3048
  }
3084
- [dir="ltr"] .x-border-radius--right-18 {
3085
- border-bottom-right-radius: var(--x-size-base-18) !important;
3049
+ [dir="ltr"] .x-border-width--left-03 {
3050
+ border-left-width: 3px !important;
3086
3051
  }
3087
- [dir="rtl"] .x-border-radius--right-18 {
3088
- border-bottom-left-radius: var(--x-size-base-18) !important;
3052
+ [dir="rtl"] .x-border-width--left-03 {
3053
+ border-right-width: 3px !important;
3089
3054
  }
3090
- [dir="ltr"] .x-border-radius--left-18 {
3091
- border-top-left-radius: var(--x-size-base-18) !important;
3055
+ .x-border-width--left-03 {
3056
+ border-style: solid !important;
3092
3057
  }
3093
- [dir="rtl"] .x-border-radius--left-18 {
3094
- border-top-right-radius: var(--x-size-base-18) !important;
3058
+ .x-border-width--04 {
3059
+ border-width: 4px !important;
3060
+ border-style: solid !important;
3095
3061
  }
3096
- [dir="ltr"] .x-border-radius--left-18 {
3097
- border-bottom-left-radius: var(--x-size-base-18) !important;
3062
+ .x-border-width--top-04 {
3063
+ border-top-width: 4px !important;
3064
+ border-style: solid !important;
3098
3065
  }
3099
- [dir="rtl"] .x-border-radius--left-18 {
3100
- border-bottom-right-radius: var(--x-size-base-18) !important;
3066
+ .x-border-width--bottom-04 {
3067
+ border-bottom-width: 4px !important;
3068
+ border-style: solid !important;
3101
3069
  }
3102
- [dir="ltr"] .x-border-radius--top-left-18 {
3103
- border-top-left-radius: var(--x-size-base-18) !important;
3070
+ [dir="ltr"] .x-border-width--right-04 {
3071
+ border-right-width: 4px !important;
3104
3072
  }
3105
- [dir="rtl"] .x-border-radius--top-left-18 {
3106
- border-top-right-radius: var(--x-size-base-18) !important;
3073
+ [dir="rtl"] .x-border-width--right-04 {
3074
+ border-left-width: 4px !important;
3107
3075
  }
3108
- [dir="ltr"] .x-border-radius--top-right-18 {
3109
- border-top-right-radius: var(--x-size-base-18) !important;
3076
+ .x-border-width--right-04 {
3077
+ border-style: solid !important;
3110
3078
  }
3111
- [dir="rtl"] .x-border-radius--top-right-18 {
3112
- border-top-left-radius: var(--x-size-base-18) !important;
3079
+ [dir="ltr"] .x-border-width--left-04 {
3080
+ border-left-width: 4px !important;
3113
3081
  }
3114
- [dir="ltr"] .x-border-radius--bottom-left-18 {
3115
- border-bottom-left-radius: var(--x-size-base-18) !important;
3082
+ [dir="rtl"] .x-border-width--left-04 {
3083
+ border-right-width: 4px !important;
3116
3084
  }
3117
- [dir="rtl"] .x-border-radius--bottom-left-18 {
3118
- border-bottom-right-radius: var(--x-size-base-18) !important;
3085
+ .x-border-width--left-04 {
3086
+ border-style: solid !important;
3119
3087
  }
3120
- [dir="ltr"] .x-border-radius--bottom-right-18 {
3121
- border-bottom-right-radius: var(--x-size-base-18) !important;
3088
+ .x-border-width--05 {
3089
+ border-width: 5px !important;
3090
+ border-style: solid !important;
3122
3091
  }
3123
- [dir="rtl"] .x-border-radius--bottom-right-18 {
3124
- border-bottom-left-radius: var(--x-size-base-18) !important;
3092
+ .x-border-width--top-05 {
3093
+ border-top-width: 5px !important;
3094
+ border-style: solid !important;
3125
3095
  }
3126
- .x-border-radius--19 {
3127
- border-radius: var(--x-size-base-19) !important;
3096
+ .x-border-width--bottom-05 {
3097
+ border-bottom-width: 5px !important;
3098
+ border-style: solid !important;
3128
3099
  }
3129
- [dir="ltr"] .x-border-radius--top-19 {
3130
- border-top-left-radius: var(--x-size-base-19) !important;
3100
+ [dir="ltr"] .x-border-width--right-05 {
3101
+ border-right-width: 5px !important;
3131
3102
  }
3132
- [dir="rtl"] .x-border-radius--top-19 {
3133
- border-top-right-radius: var(--x-size-base-19) !important;
3103
+ [dir="rtl"] .x-border-width--right-05 {
3104
+ border-left-width: 5px !important;
3134
3105
  }
3135
- [dir="ltr"] .x-border-radius--top-19 {
3136
- border-top-right-radius: var(--x-size-base-19) !important;
3106
+ .x-border-width--right-05 {
3107
+ border-style: solid !important;
3137
3108
  }
3138
- [dir="rtl"] .x-border-radius--top-19 {
3139
- border-top-left-radius: var(--x-size-base-19) !important;
3109
+ [dir="ltr"] .x-border-width--left-05 {
3110
+ border-left-width: 5px !important;
3140
3111
  }
3141
- [dir="ltr"] .x-border-radius--bottom-19 {
3142
- border-bottom-left-radius: var(--x-size-base-19) !important;
3112
+ [dir="rtl"] .x-border-width--left-05 {
3113
+ border-right-width: 5px !important;
3143
3114
  }
3144
- [dir="rtl"] .x-border-radius--bottom-19 {
3145
- border-bottom-right-radius: var(--x-size-base-19) !important;
3115
+ .x-border-width--left-05 {
3116
+ border-style: solid !important;
3146
3117
  }
3147
- [dir="ltr"] .x-border-radius--bottom-19 {
3148
- border-bottom-right-radius: var(--x-size-base-19) !important;
3118
+ .x-border-width--06 {
3119
+ border-width: 6px !important;
3120
+ border-style: solid !important;
3149
3121
  }
3150
- [dir="rtl"] .x-border-radius--bottom-19 {
3151
- border-bottom-left-radius: var(--x-size-base-19) !important;
3122
+ .x-border-width--top-06 {
3123
+ border-top-width: 6px !important;
3124
+ border-style: solid !important;
3152
3125
  }
3153
- [dir="ltr"] .x-border-radius--right-19 {
3154
- border-top-right-radius: var(--x-size-base-19) !important;
3126
+ .x-border-width--bottom-06 {
3127
+ border-bottom-width: 6px !important;
3128
+ border-style: solid !important;
3155
3129
  }
3156
- [dir="rtl"] .x-border-radius--right-19 {
3157
- border-top-left-radius: var(--x-size-base-19) !important;
3130
+ [dir="ltr"] .x-border-width--right-06 {
3131
+ border-right-width: 6px !important;
3158
3132
  }
3159
- [dir="ltr"] .x-border-radius--right-19 {
3160
- border-bottom-right-radius: var(--x-size-base-19) !important;
3133
+ [dir="rtl"] .x-border-width--right-06 {
3134
+ border-left-width: 6px !important;
3161
3135
  }
3162
- [dir="rtl"] .x-border-radius--right-19 {
3163
- border-bottom-left-radius: var(--x-size-base-19) !important;
3136
+ .x-border-width--right-06 {
3137
+ border-style: solid !important;
3164
3138
  }
3165
- [dir="ltr"] .x-border-radius--left-19 {
3166
- border-top-left-radius: var(--x-size-base-19) !important;
3139
+ [dir="ltr"] .x-border-width--left-06 {
3140
+ border-left-width: 6px !important;
3167
3141
  }
3168
- [dir="rtl"] .x-border-radius--left-19 {
3169
- border-top-right-radius: var(--x-size-base-19) !important;
3142
+ [dir="rtl"] .x-border-width--left-06 {
3143
+ border-right-width: 6px !important;
3170
3144
  }
3171
- [dir="ltr"] .x-border-radius--left-19 {
3172
- border-bottom-left-radius: var(--x-size-base-19) !important;
3145
+ .x-border-width--left-06 {
3146
+ border-style: solid !important;
3173
3147
  }
3174
- [dir="rtl"] .x-border-radius--left-19 {
3175
- border-bottom-right-radius: var(--x-size-base-19) !important;
3148
+ .x-border-width--07 {
3149
+ border-width: 7px !important;
3150
+ border-style: solid !important;
3176
3151
  }
3177
- [dir="ltr"] .x-border-radius--top-left-19 {
3178
- border-top-left-radius: var(--x-size-base-19) !important;
3152
+ .x-border-width--top-07 {
3153
+ border-top-width: 7px !important;
3154
+ border-style: solid !important;
3179
3155
  }
3180
- [dir="rtl"] .x-border-radius--top-left-19 {
3181
- border-top-right-radius: var(--x-size-base-19) !important;
3156
+ .x-border-width--bottom-07 {
3157
+ border-bottom-width: 7px !important;
3158
+ border-style: solid !important;
3159
+ }
3160
+ [dir="ltr"] .x-border-width--right-07 {
3161
+ border-right-width: 7px !important;
3182
3162
  }
3183
- [dir="ltr"] .x-border-radius--top-right-19 {
3184
- border-top-right-radius: var(--x-size-base-19) !important;
3163
+ [dir="rtl"] .x-border-width--right-07 {
3164
+ border-left-width: 7px !important;
3185
3165
  }
3186
- [dir="rtl"] .x-border-radius--top-right-19 {
3187
- border-top-left-radius: var(--x-size-base-19) !important;
3166
+ .x-border-width--right-07 {
3167
+ border-style: solid !important;
3188
3168
  }
3189
- [dir="ltr"] .x-border-radius--bottom-left-19 {
3190
- border-bottom-left-radius: var(--x-size-base-19) !important;
3169
+ [dir="ltr"] .x-border-width--left-07 {
3170
+ border-left-width: 7px !important;
3191
3171
  }
3192
- [dir="rtl"] .x-border-radius--bottom-left-19 {
3193
- border-bottom-right-radius: var(--x-size-base-19) !important;
3172
+ [dir="rtl"] .x-border-width--left-07 {
3173
+ border-right-width: 7px !important;
3194
3174
  }
3195
- [dir="ltr"] .x-border-radius--bottom-right-19 {
3196
- border-bottom-right-radius: var(--x-size-base-19) !important;
3175
+ .x-border-width--left-07 {
3176
+ border-style: solid !important;
3197
3177
  }
3198
- [dir="rtl"] .x-border-radius--bottom-right-19 {
3199
- border-bottom-left-radius: var(--x-size-base-19) !important;
3178
+ .x-border-width--08 {
3179
+ border-width: 8px !important;
3180
+ border-style: solid !important;
3200
3181
  }
3201
- .x-border-radius--20 {
3202
- border-radius: var(--x-size-base-20) !important;
3182
+ .x-border-width--top-08 {
3183
+ border-top-width: 8px !important;
3184
+ border-style: solid !important;
3203
3185
  }
3204
- [dir="ltr"] .x-border-radius--top-20 {
3205
- border-top-left-radius: var(--x-size-base-20) !important;
3186
+ .x-border-width--bottom-08 {
3187
+ border-bottom-width: 8px !important;
3188
+ border-style: solid !important;
3206
3189
  }
3207
- [dir="rtl"] .x-border-radius--top-20 {
3208
- border-top-right-radius: var(--x-size-base-20) !important;
3190
+ [dir="ltr"] .x-border-width--right-08 {
3191
+ border-right-width: 8px !important;
3209
3192
  }
3210
- [dir="ltr"] .x-border-radius--top-20 {
3211
- border-top-right-radius: var(--x-size-base-20) !important;
3193
+ [dir="rtl"] .x-border-width--right-08 {
3194
+ border-left-width: 8px !important;
3212
3195
  }
3213
- [dir="rtl"] .x-border-radius--top-20 {
3214
- border-top-left-radius: var(--x-size-base-20) !important;
3196
+ .x-border-width--right-08 {
3197
+ border-style: solid !important;
3215
3198
  }
3216
- [dir="ltr"] .x-border-radius--bottom-20 {
3217
- border-bottom-left-radius: var(--x-size-base-20) !important;
3199
+ [dir="ltr"] .x-border-width--left-08 {
3200
+ border-left-width: 8px !important;
3218
3201
  }
3219
- [dir="rtl"] .x-border-radius--bottom-20 {
3220
- border-bottom-right-radius: var(--x-size-base-20) !important;
3202
+ [dir="rtl"] .x-border-width--left-08 {
3203
+ border-right-width: 8px !important;
3221
3204
  }
3222
- [dir="ltr"] .x-border-radius--bottom-20 {
3223
- border-bottom-right-radius: var(--x-size-base-20) !important;
3205
+ .x-border-width--left-08 {
3206
+ border-style: solid !important;
3224
3207
  }
3225
- [dir="rtl"] .x-border-radius--bottom-20 {
3226
- border-bottom-left-radius: var(--x-size-base-20) !important;
3208
+ .x-border-width--09 {
3209
+ border-width: 9px !important;
3210
+ border-style: solid !important;
3227
3211
  }
3228
- [dir="ltr"] .x-border-radius--right-20 {
3229
- border-top-right-radius: var(--x-size-base-20) !important;
3212
+ .x-border-width--top-09 {
3213
+ border-top-width: 9px !important;
3214
+ border-style: solid !important;
3230
3215
  }
3231
- [dir="rtl"] .x-border-radius--right-20 {
3232
- border-top-left-radius: var(--x-size-base-20) !important;
3216
+ .x-border-width--bottom-09 {
3217
+ border-bottom-width: 9px !important;
3218
+ border-style: solid !important;
3233
3219
  }
3234
- [dir="ltr"] .x-border-radius--right-20 {
3235
- border-bottom-right-radius: var(--x-size-base-20) !important;
3220
+ [dir="ltr"] .x-border-width--right-09 {
3221
+ border-right-width: 9px !important;
3236
3222
  }
3237
- [dir="rtl"] .x-border-radius--right-20 {
3238
- border-bottom-left-radius: var(--x-size-base-20) !important;
3223
+ [dir="rtl"] .x-border-width--right-09 {
3224
+ border-left-width: 9px !important;
3239
3225
  }
3240
- [dir="ltr"] .x-border-radius--left-20 {
3241
- border-top-left-radius: var(--x-size-base-20) !important;
3226
+ .x-border-width--right-09 {
3227
+ border-style: solid !important;
3242
3228
  }
3243
- [dir="rtl"] .x-border-radius--left-20 {
3244
- border-top-right-radius: var(--x-size-base-20) !important;
3229
+ [dir="ltr"] .x-border-width--left-09 {
3230
+ border-left-width: 9px !important;
3245
3231
  }
3246
- [dir="ltr"] .x-border-radius--left-20 {
3247
- border-bottom-left-radius: var(--x-size-base-20) !important;
3232
+ [dir="rtl"] .x-border-width--left-09 {
3233
+ border-right-width: 9px !important;
3248
3234
  }
3249
- [dir="rtl"] .x-border-radius--left-20 {
3250
- border-bottom-right-radius: var(--x-size-base-20) !important;
3235
+ .x-border-width--left-09 {
3236
+ border-style: solid !important;
3251
3237
  }
3252
- [dir="ltr"] .x-border-radius--top-left-20 {
3253
- border-top-left-radius: var(--x-size-base-20) !important;
3238
+ .x-border-width--10 {
3239
+ border-width: 10px !important;
3240
+ border-style: solid !important;
3254
3241
  }
3255
- [dir="rtl"] .x-border-radius--top-left-20 {
3256
- border-top-right-radius: var(--x-size-base-20) !important;
3242
+ .x-border-width--top-10 {
3243
+ border-top-width: 10px !important;
3244
+ border-style: solid !important;
3257
3245
  }
3258
- [dir="ltr"] .x-border-radius--top-right-20 {
3259
- border-top-right-radius: var(--x-size-base-20) !important;
3246
+ .x-border-width--bottom-10 {
3247
+ border-bottom-width: 10px !important;
3248
+ border-style: solid !important;
3260
3249
  }
3261
- [dir="rtl"] .x-border-radius--top-right-20 {
3262
- border-top-left-radius: var(--x-size-base-20) !important;
3250
+ [dir="ltr"] .x-border-width--right-10 {
3251
+ border-right-width: 10px !important;
3263
3252
  }
3264
- [dir="ltr"] .x-border-radius--bottom-left-20 {
3265
- border-bottom-left-radius: var(--x-size-base-20) !important;
3253
+ [dir="rtl"] .x-border-width--right-10 {
3254
+ border-left-width: 10px !important;
3266
3255
  }
3267
- [dir="rtl"] .x-border-radius--bottom-left-20 {
3268
- border-bottom-right-radius: var(--x-size-base-20) !important;
3256
+ .x-border-width--right-10 {
3257
+ border-style: solid !important;
3269
3258
  }
3270
- [dir="ltr"] .x-border-radius--bottom-right-20 {
3271
- border-bottom-right-radius: var(--x-size-base-20) !important;
3259
+ [dir="ltr"] .x-border-width--left-10 {
3260
+ border-left-width: 10px !important;
3272
3261
  }
3273
- [dir="rtl"] .x-border-radius--bottom-right-20 {
3274
- border-bottom-left-radius: var(--x-size-base-20) !important;
3262
+ [dir="rtl"] .x-border-width--left-10 {
3263
+ border-right-width: 10px !important;
3264
+ }
3265
+ .x-border-width--left-10 {
3266
+ border-style: solid !important;
3275
3267
  }
3276
3268
  .x-border-color--lead {
3277
3269
  border-color: var(--x-color-base-lead) !important;
@@ -3316,6 +3308,21 @@
3316
3308
  .x-border-color--transparent {
3317
3309
  border-color: var(--x-color-base-transparent) !important;
3318
3310
  }
3311
+ .x-text--stroke.x-text {
3312
+ --x-string-text-decoration: line-through;
3313
+ }
3314
+ .x-text--stroke.x-title1 {
3315
+ --x-string-text-decoration-title1: line-through;
3316
+ }
3317
+ .x-text--stroke.x-title2 {
3318
+ --x-string-text-decoration-title2: line-through;
3319
+ }
3320
+ .x-text--stroke.x-title3 {
3321
+ --x-string-text-decoration-title3: line-through;
3322
+ }
3323
+ .x-text--stroke.x-small {
3324
+ --x-string-text-decoration-small: line-through;
3325
+ }
3319
3326
  .x-background--lead {
3320
3327
  background-color: var(--x-color-base-lead) !important;
3321
3328
  }
@@ -3359,27 +3366,9 @@
3359
3366
  .x-background--transparent {
3360
3367
  background-color: var(--x-color-base-transparent) !important;
3361
3368
  }
3362
- .x-text--stroke.x-text {
3363
- --x-string-text-decoration: line-through;
3364
- }
3365
- .x-text--stroke.x-title1 {
3366
- --x-string-text-decoration-title1: line-through;
3367
- }
3368
- .x-text--stroke.x-title2 {
3369
- --x-string-text-decoration-title2: line-through;
3370
- }
3371
- .x-text--stroke.x-title3 {
3372
- --x-string-text-decoration-title3: line-through;
3373
- }
3374
- .x-text--stroke.x-small {
3375
- --x-string-text-decoration-small: line-through;
3376
- }
3377
3369
  :root {
3378
3370
  --x-color-text-secondary: var(--x-color-base-neutral-35);
3379
3371
  }
3380
- .x-text--secondary {
3381
- --x-color-text-default: var(--x-color-text-secondary);
3382
- }
3383
3372
  .x-text--light.x-text {
3384
3373
  --x-number-font-weight-text: var(--x-number-font-weight-base-light);
3385
3374
  }
@@ -3395,45 +3384,8 @@
3395
3384
  .x-text--light.x-small {
3396
3385
  --x-number-font-weight-small: var(--x-number-font-weight-base-light);
3397
3386
  }
3398
- :root {
3399
- --x-font-family-base: "Montserrat", sans-serif;
3400
- --x-size-font-base-xs: 12px;
3401
- --x-size-font-base-s: 14px;
3402
- --x-size-font-base-m: 16px;
3403
- --x-size-font-base-l: 18px;
3404
- --x-size-font-base-xl: 32px;
3405
- --x-number-font-weight-base-light: 300;
3406
- --x-number-font-weight-base-regular: 400;
3407
- --x-number-font-weight-base-bold: 600;
3408
- --x-size-line-height-base-s: 16px;
3409
- --x-size-line-height-base-m: 24px;
3410
- --x-size-line-height-base-l: 32px;
3411
- --x-color-text-default: var(--x-color-base-neutral-10);
3412
- --x-font-family-text: var(--x-font-family-base);
3413
- --x-size-font-text: var(--x-size-font-base-s);
3414
- --x-number-font-weight-text: var(--x-number-font-weight-base-regular);
3415
- --x-size-line-height-text: var(--x-size-line-height-base-s);
3416
- --x-string-text-decoration-text: none;
3417
- --x-font-family-title1: var(--x-font-family-base);
3418
- --x-size-font-title1: var(--x-size-font-base-xl);
3419
- --x-number-font-weight-title1: var(--x-number-font-weight-base-regular);
3420
- --x-size-line-height-title1: var(--x-size-line-height-base-l);
3421
- --x-string-text-decoration-title1: none;
3422
- --x-font-family-title2: var(--x-font-family-base);
3423
- --x-size-font-title2: var(--x-size-font-base-l);
3424
- --x-number-font-weight-title2: var(--x-number-font-weight-base-regular);
3425
- --x-size-line-height-title2: var(--x-size-line-height-base-m);
3426
- --x-string-text-decoration-title2: none;
3427
- --x-font-family-title3: var(--x-font-family-base);
3428
- --x-size-font-title3: var(--x-size-font-base-m);
3429
- --x-number-font-weight-title3: var(--x-number-font-weight-base-regular);
3430
- --x-size-line-height-title3: var(--x-size-line-height-base-m);
3431
- --x-string-text-decoration-title3: none;
3432
- --x-font-family-small: var(--x-font-family-base);
3433
- --x-size-font-small: var(--x-size-font-base-xs);
3434
- --x-number-font-weight-small: var(--x-number-font-weight-base-regular);
3435
- --x-size-line-height-small: var(--x-size-line-height-base-s);
3436
- --x-string-text-decoration-small: none;
3387
+ .x-text--secondary {
3388
+ --x-color-text-default: var(--x-color-text-secondary);
3437
3389
  }
3438
3390
  :root {
3439
3391
  --x-font-family-base: "Montserrat", sans-serif;
@@ -3553,11 +3505,51 @@
3553
3505
  --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3554
3506
  }
3555
3507
  :root {
3556
- --x-color-text-accent: var(--x-color-base-accent);
3508
+ --x-font-family-base: "Montserrat", sans-serif;
3509
+ --x-size-font-base-xs: 12px;
3510
+ --x-size-font-base-s: 14px;
3511
+ --x-size-font-base-m: 16px;
3512
+ --x-size-font-base-l: 18px;
3513
+ --x-size-font-base-xl: 32px;
3514
+ --x-number-font-weight-base-light: 300;
3515
+ --x-number-font-weight-base-regular: 400;
3516
+ --x-number-font-weight-base-bold: 600;
3517
+ --x-size-line-height-base-s: 16px;
3518
+ --x-size-line-height-base-m: 24px;
3519
+ --x-size-line-height-base-l: 32px;
3520
+ --x-color-text-default: var(--x-color-base-neutral-10);
3521
+ --x-font-family-text: var(--x-font-family-base);
3522
+ --x-size-font-text: var(--x-size-font-base-s);
3523
+ --x-number-font-weight-text: var(--x-number-font-weight-base-regular);
3524
+ --x-size-line-height-text: var(--x-size-line-height-base-s);
3525
+ --x-string-text-decoration-text: none;
3526
+ --x-font-family-title1: var(--x-font-family-base);
3527
+ --x-size-font-title1: var(--x-size-font-base-xl);
3528
+ --x-number-font-weight-title1: var(--x-number-font-weight-base-regular);
3529
+ --x-size-line-height-title1: var(--x-size-line-height-base-l);
3530
+ --x-string-text-decoration-title1: none;
3531
+ --x-font-family-title2: var(--x-font-family-base);
3532
+ --x-size-font-title2: var(--x-size-font-base-l);
3533
+ --x-number-font-weight-title2: var(--x-number-font-weight-base-regular);
3534
+ --x-size-line-height-title2: var(--x-size-line-height-base-m);
3535
+ --x-string-text-decoration-title2: none;
3536
+ --x-font-family-title3: var(--x-font-family-base);
3537
+ --x-size-font-title3: var(--x-size-font-base-m);
3538
+ --x-number-font-weight-title3: var(--x-number-font-weight-base-regular);
3539
+ --x-size-line-height-title3: var(--x-size-line-height-base-m);
3540
+ --x-string-text-decoration-title3: none;
3541
+ --x-font-family-small: var(--x-font-family-base);
3542
+ --x-size-font-small: var(--x-size-font-base-xs);
3543
+ --x-number-font-weight-small: var(--x-number-font-weight-base-regular);
3544
+ --x-size-line-height-small: var(--x-size-line-height-base-s);
3545
+ --x-string-text-decoration-small: none;
3557
3546
  }
3558
3547
  .x-text--accent {
3559
3548
  --x-color-text-default: var(--x-color-text-accent);
3560
3549
  }
3550
+ :root {
3551
+ --x-color-text-accent: var(--x-color-base-accent);
3552
+ }
3561
3553
  :root {
3562
3554
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3563
3555
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3565,24 +3557,6 @@
3565
3557
  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3566
3558
  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3567
3559
  }
3568
- :root {
3569
- --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3570
- --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
3571
- --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
3572
- --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3573
- --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3574
- }
3575
-
3576
- .x-tag--pill.x-tag,
3577
- .x-tag--pill .x-tag {
3578
- --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-pill);
3579
- --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-pill);
3580
- --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-pill);
3581
- --x-size-border-radius-bottom-right-tag-default: var(
3582
- --x-size-border-radius-bottom-right-tag-pill
3583
- );
3584
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
3585
- }
3586
3560
  :root {
3587
3561
  --x-color-background-tag-ghost: transparent;
3588
3562
  --x-color-border-tag-ghost: transparent;
@@ -3596,34 +3570,22 @@
3596
3570
  --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3597
3571
  }
3598
3572
  :root {
3599
- --x-color-background-tag-ghost: transparent;
3600
- --x-color-border-tag-ghost: transparent;
3601
- --x-color-background-tag-selected-ghost: transparent;
3602
- --x-color-border-tag-selected-ghost: transparent;
3603
- --x-color-background-tag-curated-ghost: transparent;
3604
- --x-color-border-tag-curated-ghost: transparent;
3605
- --x-color-background-tag-curated-selected-ghost: transparent;
3606
- --x-color-border-tag-curated-selected-ghost: transparent;
3607
- --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3608
- --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3573
+ --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3574
+ --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
3575
+ --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
3576
+ --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3577
+ --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3609
3578
  }
3610
3579
 
3611
- .x-tag--ghost.x-tag,
3612
- .x-tag--ghost .x-tag {
3613
- --x-color-background-tag-default: var(--x-color-background-tag-ghost);
3614
- --x-color-border-tag-default: var(--x-color-border-tag-ghost);
3615
- --x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
3616
- --x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
3617
- --x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
3618
- --x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
3619
- --x-color-background-tag-default-curated-selected: var(
3620
- --x-color-background-tag-curated-selected-ghost
3621
- );
3622
- --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
3623
- --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
3624
- --x-number-font-weight-tag-default-curated-selected: var(
3625
- --x-number-font-weight-tag-curated-selected-ghost
3580
+ .x-tag--pill.x-tag,
3581
+ .x-tag--pill .x-tag {
3582
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-pill);
3583
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-pill);
3584
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-pill);
3585
+ --x-size-border-radius-bottom-right-tag-default: var(
3586
+ --x-size-border-radius-bottom-right-tag-pill
3626
3587
  );
3588
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
3627
3589
  }
3628
3590
  :root {
3629
3591
  --x-color-background-tag-default: var(--x-color-base-neutral-100);
@@ -3893,11 +3855,34 @@
3893
3855
  --x-size-line-height-filter-default-selected: var(--x-size-line-height-tag-default-selected);
3894
3856
  }
3895
3857
  :root {
3896
- --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3897
- --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3898
- --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3899
- --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3900
- --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3858
+ --x-color-background-tag-ghost: transparent;
3859
+ --x-color-border-tag-ghost: transparent;
3860
+ --x-color-background-tag-selected-ghost: transparent;
3861
+ --x-color-border-tag-selected-ghost: transparent;
3862
+ --x-color-background-tag-curated-ghost: transparent;
3863
+ --x-color-border-tag-curated-ghost: transparent;
3864
+ --x-color-background-tag-curated-selected-ghost: transparent;
3865
+ --x-color-border-tag-curated-selected-ghost: transparent;
3866
+ --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3867
+ --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3868
+ }
3869
+
3870
+ .x-tag--ghost.x-tag,
3871
+ .x-tag--ghost .x-tag {
3872
+ --x-color-background-tag-default: var(--x-color-background-tag-ghost);
3873
+ --x-color-border-tag-default: var(--x-color-border-tag-ghost);
3874
+ --x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
3875
+ --x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
3876
+ --x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
3877
+ --x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
3878
+ --x-color-background-tag-default-curated-selected: var(
3879
+ --x-color-background-tag-curated-selected-ghost
3880
+ );
3881
+ --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
3882
+ --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
3883
+ --x-number-font-weight-tag-default-curated-selected: var(
3884
+ --x-number-font-weight-tag-curated-selected-ghost
3885
+ );
3901
3886
  }
3902
3887
  :root {
3903
3888
  --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
@@ -3906,17 +3891,6 @@
3906
3891
  --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3907
3892
  --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3908
3893
  }
3909
-
3910
- .x-tag--card.x-tag,
3911
- .x-tag--card .x-tag {
3912
- --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3913
- --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3914
- --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3915
- --x-size-border-radius-bottom-right-tag-default: var(
3916
- --x-size-border-radius-bottom-right-tag-card
3917
- );
3918
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3919
- }
3920
3894
  :root {
3921
3895
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3922
3896
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -3958,6 +3932,24 @@
3958
3932
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
3959
3933
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
3960
3934
  }
3935
+ :root {
3936
+ --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3937
+ --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3938
+ --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3939
+ --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3940
+ --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3941
+ }
3942
+
3943
+ .x-tag--card.x-tag,
3944
+ .x-tag--card .x-tag {
3945
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3946
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3947
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3948
+ --x-size-border-radius-bottom-right-tag-default: var(
3949
+ --x-size-border-radius-bottom-right-tag-card
3950
+ );
3951
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3952
+ }
3961
3953
  :root {
3962
3954
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3963
3955
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -4021,148 +4013,58 @@
4021
4013
  }
4022
4014
 
4023
4015
  [dir="rtl"] .x-suggestion-group {
4024
- border-right-width: var(--x-size-border-width-left-suggestion-group-default);
4025
- }
4026
-
4027
- [dir="ltr"] .x-suggestion-group {
4028
- border-right-width: var(--x-size-border-width-right-suggestion-group-default);
4029
- }
4030
-
4031
- [dir="rtl"] .x-suggestion-group {
4032
- border-left-width: var(--x-size-border-width-right-suggestion-group-default);
4033
- }
4034
-
4035
- .x-suggestion-group {
4036
- display: flex;
4037
- flex-flow: row nowrap;
4038
- box-sizing: border-box;
4039
- background-color: var(--x-color-background-suggestion-group-default);
4040
- color: var(--x-color-text-suggestion-group-default);
4041
- border-color: var(--x-color-border-suggestion-group-default);
4042
- font-family: var(--x-font-family-suggestion-group-default);
4043
- font-size: var(--x-size-font-suggestion-group-default);
4044
- line-height: var(--x-size-line-height-suggestion-group-default);
4045
- font-weight: var(--x-number-font-weight-suggestion-group-default);
4046
- cursor: pointer;
4047
- padding-top: var(--x-size-padding-top-suggestion-group-default);
4048
- padding-bottom: var(--x-size-padding-bottom-suggestion-group-default);
4049
- gap: var(--x-size-gap-suggestion-group-default);
4050
- border-style: solid;
4051
- border-top-width: var(--x-size-border-width-top-suggestion-group-default);
4052
- border-bottom-width: var(--x-size-border-width-bottom-suggestion-group-default);
4053
- border-radius: var(--x-size-border-radius-top-left-suggestion-group-default) var(--x-size-border-radius-top-right-suggestion-group-default) var(--x-size-border-radius-bottom-right-suggestion-group-default) var(--x-size-border-radius-bottom-left-suggestion-group-default);
4054
- }
4055
- @media not all and (min-resolution: 0.001dpcm) {
4056
- .x-suggestion-group {
4057
- gap: 0;
4058
- }
4059
- .x-suggestion-group > *:not(:last-child) {
4060
- margin-right: var(--x-size-gap-suggestion-group-default);
4061
- }
4062
- }
4063
- .x-suggestion-group .x-suggestion {
4064
- padding: 0;
4065
- flex: 1 1 auto;
4066
- border: none;
4067
- }
4068
- .x-suggestion-group .x-button {
4069
- --x-color-background-button-default: transparent;
4070
- --x-color-border-button-default: transparent;
4071
- --x-color-text-button-default: var(--x-color-text-suggestion-group-default);
4072
- --x-size-height-button-default: var(--x-size-line-height-suggestion-group-default);
4073
- --x-size-padding-right-button-default: 0;
4074
- --x-size-padding-left-button-default: 0;
4075
- border: none;
4076
- }
4077
- :root {
4078
- --x-string-align-items-suggestion-default: center;
4079
- --x-color-text-suggestion-default: var(--x-color-text-default);
4080
- --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4081
- --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4082
- --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4083
- --x-color-background-suggestion-default: transparent;
4084
- --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4085
- --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4086
- --x-color-text-suggestion-matching-part-default-curated: var(
4087
- --x-color-text-suggestion-matching-part-default
4088
- );
4089
- --x-color-text-suggestion-default-matching-curated: var(
4090
- --x-color-text-suggestion-default-matching
4091
- );
4092
- --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4093
- --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4094
- --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4095
- --x-size-padding-right-suggestion-default: 0;
4096
- --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4097
- --x-size-padding-left-suggestion-default: 0;
4098
- --x-size-gap-suggestion-default: var(--x-size-base-03);
4099
- --x-size-border-width-suggestion-default: 0;
4100
- --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4101
- --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4102
- --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4103
- --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4104
- --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4105
- --x-size-border-radius-top-left-suggestion-default: var(
4106
- --x-size-border-radius-suggestion-default
4107
- );
4108
- --x-size-border-radius-top-right-suggestion-default: var(
4109
- --x-size-border-radius-suggestion-default
4110
- );
4111
- --x-size-border-radius-bottom-right-suggestion-default: var(
4112
- --x-size-border-radius-suggestion-default
4113
- );
4114
- --x-size-border-radius-bottom-left-suggestion-default: var(
4115
- --x-size-border-radius-suggestion-default
4116
- );
4117
- --x-font-family-suggestion-default: var(--x-font-family-text);
4118
- --x-size-font-suggestion-default: var(--x-size-font-text);
4119
- --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4120
- --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4121
- --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4122
- --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4123
- --x-size-line-height-suggestion-matching-part-default: var(
4124
- --x-size-line-height-suggestion-default
4125
- );
4126
- --x-number-font-weight-suggestion-matching-part-default: var(
4127
- --x-number-font-weight-suggestion-default
4128
- );
4129
- --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4130
- --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4131
- --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4132
- --x-number-font-weight-suggestion-default-matching: var(
4133
- --x-number-font-weight-suggestion-default
4134
- );
4135
- --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4136
- --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4137
- --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4138
- --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4139
- --x-text-transform-suggestion-filter-default: none;
4140
- --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4141
- --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4142
- --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4143
- --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4144
- --x-font-family-suggestion-matching-part-default-curated: var(
4145
- --x-font-family-suggestion-matching-part-default
4146
- );
4147
- --x-size-font-suggestion-matching-part-default-curated: var(
4148
- --x-size-font-suggestion-matching-part-default
4149
- );
4150
- --x-size-line-height-suggestion-matching-part-default-curated: var(
4151
- --x-size-line-height-suggestion-matching-part-default
4152
- );
4153
- --x-number-font-weight-suggestion-matching-part-default-curated: var(
4154
- --x-number-font-weight-suggestion-matching-part-default
4155
- );
4156
- --x-font-family-suggestion-default-matching-curated: var(
4157
- --x-font-family-suggestion-default-matching
4158
- );
4159
- --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4160
- --x-size-line-height-suggestion-default-matching-curated: var(
4161
- --x-size-line-height-suggestion-default-matching
4162
- );
4163
- --x-number-font-weight-suggestion-default-matching-curated: var(
4164
- --x-number-font-weight-suggestion-default-matching
4165
- );
4016
+ border-right-width: var(--x-size-border-width-left-suggestion-group-default);
4017
+ }
4018
+
4019
+ [dir="ltr"] .x-suggestion-group {
4020
+ border-right-width: var(--x-size-border-width-right-suggestion-group-default);
4021
+ }
4022
+
4023
+ [dir="rtl"] .x-suggestion-group {
4024
+ border-left-width: var(--x-size-border-width-right-suggestion-group-default);
4025
+ }
4026
+
4027
+ .x-suggestion-group {
4028
+ display: flex;
4029
+ flex-flow: row nowrap;
4030
+ box-sizing: border-box;
4031
+ background-color: var(--x-color-background-suggestion-group-default);
4032
+ color: var(--x-color-text-suggestion-group-default);
4033
+ border-color: var(--x-color-border-suggestion-group-default);
4034
+ font-family: var(--x-font-family-suggestion-group-default);
4035
+ font-size: var(--x-size-font-suggestion-group-default);
4036
+ line-height: var(--x-size-line-height-suggestion-group-default);
4037
+ font-weight: var(--x-number-font-weight-suggestion-group-default);
4038
+ cursor: pointer;
4039
+ padding-top: var(--x-size-padding-top-suggestion-group-default);
4040
+ padding-bottom: var(--x-size-padding-bottom-suggestion-group-default);
4041
+ gap: var(--x-size-gap-suggestion-group-default);
4042
+ border-style: solid;
4043
+ border-top-width: var(--x-size-border-width-top-suggestion-group-default);
4044
+ border-bottom-width: var(--x-size-border-width-bottom-suggestion-group-default);
4045
+ border-radius: var(--x-size-border-radius-top-left-suggestion-group-default) var(--x-size-border-radius-top-right-suggestion-group-default) var(--x-size-border-radius-bottom-right-suggestion-group-default) var(--x-size-border-radius-bottom-left-suggestion-group-default);
4046
+ }
4047
+ @media not all and (min-resolution: 0.001dpcm) {
4048
+ .x-suggestion-group {
4049
+ gap: 0;
4050
+ }
4051
+ .x-suggestion-group > *:not(:last-child) {
4052
+ margin-right: var(--x-size-gap-suggestion-group-default);
4053
+ }
4054
+ }
4055
+ .x-suggestion-group .x-suggestion {
4056
+ padding: 0;
4057
+ flex: 1 1 auto;
4058
+ border: none;
4059
+ }
4060
+ .x-suggestion-group .x-button {
4061
+ --x-color-background-button-default: transparent;
4062
+ --x-color-border-button-default: transparent;
4063
+ --x-color-text-button-default: var(--x-color-text-suggestion-group-default);
4064
+ --x-size-height-button-default: var(--x-size-line-height-suggestion-group-default);
4065
+ --x-size-padding-right-button-default: 0;
4066
+ --x-size-padding-left-button-default: 0;
4067
+ border: none;
4166
4068
  }
4167
4069
  :root {
4168
4070
  --x-string-align-items-suggestion-default: center;
@@ -4386,6 +4288,96 @@
4386
4288
  --x-color-text-suggestion-default-matching-curated
4387
4289
  );
4388
4290
  }
4291
+ :root {
4292
+ --x-string-align-items-suggestion-default: center;
4293
+ --x-color-text-suggestion-default: var(--x-color-text-default);
4294
+ --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4295
+ --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4296
+ --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4297
+ --x-color-background-suggestion-default: transparent;
4298
+ --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4299
+ --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4300
+ --x-color-text-suggestion-matching-part-default-curated: var(
4301
+ --x-color-text-suggestion-matching-part-default
4302
+ );
4303
+ --x-color-text-suggestion-default-matching-curated: var(
4304
+ --x-color-text-suggestion-default-matching
4305
+ );
4306
+ --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4307
+ --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4308
+ --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4309
+ --x-size-padding-right-suggestion-default: 0;
4310
+ --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4311
+ --x-size-padding-left-suggestion-default: 0;
4312
+ --x-size-gap-suggestion-default: var(--x-size-base-03);
4313
+ --x-size-border-width-suggestion-default: 0;
4314
+ --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4315
+ --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4316
+ --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4317
+ --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4318
+ --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4319
+ --x-size-border-radius-top-left-suggestion-default: var(
4320
+ --x-size-border-radius-suggestion-default
4321
+ );
4322
+ --x-size-border-radius-top-right-suggestion-default: var(
4323
+ --x-size-border-radius-suggestion-default
4324
+ );
4325
+ --x-size-border-radius-bottom-right-suggestion-default: var(
4326
+ --x-size-border-radius-suggestion-default
4327
+ );
4328
+ --x-size-border-radius-bottom-left-suggestion-default: var(
4329
+ --x-size-border-radius-suggestion-default
4330
+ );
4331
+ --x-font-family-suggestion-default: var(--x-font-family-text);
4332
+ --x-size-font-suggestion-default: var(--x-size-font-text);
4333
+ --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4334
+ --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4335
+ --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4336
+ --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4337
+ --x-size-line-height-suggestion-matching-part-default: var(
4338
+ --x-size-line-height-suggestion-default
4339
+ );
4340
+ --x-number-font-weight-suggestion-matching-part-default: var(
4341
+ --x-number-font-weight-suggestion-default
4342
+ );
4343
+ --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4344
+ --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4345
+ --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4346
+ --x-number-font-weight-suggestion-default-matching: var(
4347
+ --x-number-font-weight-suggestion-default
4348
+ );
4349
+ --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4350
+ --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4351
+ --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4352
+ --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4353
+ --x-text-transform-suggestion-filter-default: none;
4354
+ --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4355
+ --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4356
+ --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4357
+ --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4358
+ --x-font-family-suggestion-matching-part-default-curated: var(
4359
+ --x-font-family-suggestion-matching-part-default
4360
+ );
4361
+ --x-size-font-suggestion-matching-part-default-curated: var(
4362
+ --x-size-font-suggestion-matching-part-default
4363
+ );
4364
+ --x-size-line-height-suggestion-matching-part-default-curated: var(
4365
+ --x-size-line-height-suggestion-matching-part-default
4366
+ );
4367
+ --x-number-font-weight-suggestion-matching-part-default-curated: var(
4368
+ --x-number-font-weight-suggestion-matching-part-default
4369
+ );
4370
+ --x-font-family-suggestion-default-matching-curated: var(
4371
+ --x-font-family-suggestion-default-matching
4372
+ );
4373
+ --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4374
+ --x-size-line-height-suggestion-default-matching-curated: var(
4375
+ --x-size-line-height-suggestion-default-matching
4376
+ );
4377
+ --x-number-font-weight-suggestion-default-matching-curated: var(
4378
+ --x-number-font-weight-suggestion-default-matching
4379
+ );
4380
+ }
4389
4381
  :root {
4390
4382
  --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4391
4383
  --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
@@ -4499,14 +4491,6 @@
4499
4491
  --x-size-padding-row-05: var(--x-size-base-05);
4500
4492
  --x-size-padding-row-06: var(--x-size-base-06);
4501
4493
  }
4502
- /* @deprecated */
4503
- :root {
4504
- --x-size-padding-row-02: var(--x-size-base-02);
4505
- --x-size-padding-row-03: var(--x-size-base-03);
4506
- --x-size-padding-row-04: var(--x-size-base-04);
4507
- --x-size-padding-row-05: var(--x-size-base-05);
4508
- --x-size-padding-row-06: var(--x-size-base-06);
4509
- }
4510
4494
 
4511
4495
  /* @deprecated */
4512
4496
  .x-row--padding-02 {
@@ -4528,6 +4512,14 @@
4528
4512
  .x-row--padding-06 {
4529
4513
  --x-size-padding-row: var(--x-size-padding-row-06);
4530
4514
  }
4515
+ /* @deprecated */
4516
+ :root {
4517
+ --x-size-padding-row-02: var(--x-size-base-02);
4518
+ --x-size-padding-row-03: var(--x-size-base-03);
4519
+ --x-size-padding-row-04: var(--x-size-base-04);
4520
+ --x-size-padding-row-05: var(--x-size-base-05);
4521
+ --x-size-padding-row-06: var(--x-size-base-06);
4522
+ }
4531
4523
  :root {
4532
4524
  --x-size-gap-row-01: var(--x-size-base-01);
4533
4525
  --x-size-gap-row-02: var(--x-size-base-02);
@@ -4876,7 +4868,13 @@
4876
4868
  }
4877
4869
  }
4878
4870
  :root {
4879
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4871
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4872
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4873
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4874
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4875
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4876
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4877
+ --x-size-border-width-progress-bar-default: 0;
4880
4878
  }
4881
4879
  :root {
4882
4880
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
@@ -4887,13 +4885,7 @@
4887
4885
  --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4888
4886
  }
4889
4887
  :root {
4890
- --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4891
- --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4892
- --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4893
- --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4894
- --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4895
- --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4896
- --x-size-border-width-progress-bar-default: 0;
4888
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4897
4889
  }
4898
4890
  :root {
4899
4891
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
@@ -5076,13 +5068,6 @@
5076
5068
  --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5077
5069
  --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5078
5070
  }
5079
- :root {
5080
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5081
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5082
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5083
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5084
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5085
- }
5086
5071
 
5087
5072
  .x-picture--card.x-picture {
5088
5073
  --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
@@ -5091,6 +5076,13 @@
5091
5076
  --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
5092
5077
  --x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
5093
5078
  }
5079
+ :root {
5080
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5081
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5082
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5083
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5084
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5085
+ }
5094
5086
  :root {
5095
5087
  --x-color-background-option-list-button-default: transparent;
5096
5088
  --x-color-border-option-list-button-default: transparent;
@@ -5543,10 +5535,6 @@
5543
5535
  --x-modal-overlay-color: rgb(0, 0, 0);
5544
5536
  --x-modal-overlay-opacity: 0.7;
5545
5537
  }
5546
- :root {
5547
- --x-modal-overlay-color: rgb(0, 0, 0);
5548
- --x-modal-overlay-opacity: 0.7;
5549
- }
5550
5538
 
5551
5539
  .x-modal__overlay {
5552
5540
  background-color: var(--x-modal-overlay-color) !important;
@@ -7089,28 +7077,6 @@
7089
7077
  --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7090
7078
  --x-size-border-width-left-input-line: 0;
7091
7079
  }
7092
- :root {
7093
- --x-size-padding-top-input-line: var(--x-size-base-03);
7094
- --x-size-padding-right-input-line: 0;
7095
- --x-size-padding-bottom-input-line: var(--x-size-base-03);
7096
- --x-size-padding-left-input-line: 0;
7097
- --x-size-border-width-top-input-line: 0;
7098
- --x-size-border-width-right-input-line: 0;
7099
- --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7100
- --x-size-border-width-left-input-line: 0;
7101
- }
7102
-
7103
- .x-input--line .x-input,
7104
- .x-input--line.x-input {
7105
- --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7106
- --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7107
- --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7108
- --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7109
- --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7110
- --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7111
- --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7112
- --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7113
- }
7114
7080
  :root {
7115
7081
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7116
7082
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7139,6 +7105,28 @@
7139
7105
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7140
7106
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7141
7107
  }
7108
+ :root {
7109
+ --x-size-padding-top-input-line: var(--x-size-base-03);
7110
+ --x-size-padding-right-input-line: 0;
7111
+ --x-size-padding-bottom-input-line: var(--x-size-base-03);
7112
+ --x-size-padding-left-input-line: 0;
7113
+ --x-size-border-width-top-input-line: 0;
7114
+ --x-size-border-width-right-input-line: 0;
7115
+ --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7116
+ --x-size-border-width-left-input-line: 0;
7117
+ }
7118
+
7119
+ .x-input--line .x-input,
7120
+ .x-input--line.x-input {
7121
+ --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7122
+ --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7123
+ --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7124
+ --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7125
+ --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7126
+ --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7127
+ --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7128
+ --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7129
+ }
7142
7130
  :root {
7143
7131
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7144
7132
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7335,6 +7323,15 @@
7335
7323
  --x-string-stroke-linejoin-icon-default: mitter;
7336
7324
  --x-size-stroke-width-icon-default: 1px;
7337
7325
  }
7326
+ :root {
7327
+ --x-color-stroke-icon-default: currentColor;
7328
+ --x-color-fill-icon-default: none;
7329
+ --x-size-width-icon-default: var(--x-size-width-icon-m);
7330
+ --x-size-height-icon-default: var(--x-size-height-icon-m);
7331
+ --x-string-stroke-linecap-icon-default: butt;
7332
+ --x-string-stroke-linejoin-icon-default: mitter;
7333
+ --x-size-stroke-width-icon-default: 1px;
7334
+ }
7338
7335
 
7339
7336
  .x-icon {
7340
7337
  stroke: var(--x-color-stroke-icon-default);
@@ -7358,17 +7355,8 @@
7358
7355
  }
7359
7356
  :root {
7360
7357
  --x-size-padding-grid: 0;
7361
- --x-size-gap-grid: var(--x-size-base-03);
7362
- --x-size-min-width-grid-item: 150px;
7363
- }
7364
- :root {
7365
- --x-color-stroke-icon-default: currentColor;
7366
- --x-color-fill-icon-default: none;
7367
- --x-size-width-icon-default: var(--x-size-width-icon-m);
7368
- --x-size-height-icon-default: var(--x-size-height-icon-m);
7369
- --x-string-stroke-linecap-icon-default: butt;
7370
- --x-string-stroke-linejoin-icon-default: mitter;
7371
- --x-size-stroke-width-icon-default: 1px;
7358
+ --x-size-gap-grid: var(--x-size-base-03);
7359
+ --x-size-min-width-grid-item: 150px;
7372
7360
  }
7373
7361
  :root {
7374
7362
  --x-size-padding-grid: 0;
@@ -7409,38 +7397,6 @@
7409
7397
  --x-size-padding-bottom-filter-children: 0;
7410
7398
  --x-size-padding-left-filter-children: var(--x-size-base-05);
7411
7399
  }
7412
- :root {
7413
- --x-color-background-filter-default: transparent;
7414
- --x-color-border-filter-default: var(--x-color-background-filter-default);
7415
- --x-color-text-filter-default: var(--x-color-text-default);
7416
- --x-color-background-filter-default-selected: var(--x-color-background-filter-default);
7417
- --x-color-border-filter-default-selected: var(--x-color-border-filter-default);
7418
- --x-color-text-filter-default-selected: var(--x-color-text-filter-default);
7419
- --x-size-border-width-filter-default: var(--x-size-border-width-base);
7420
- --x-size-border-width-top-filter-default: var(--x-size-border-width-filter-default);
7421
- --x-size-border-width-right-filter-default: var(--x-size-border-width-filter-default);
7422
- --x-size-border-width-bottom-filter-default: var(--x-size-border-width-filter-default);
7423
- --x-size-border-width-left-filter-default: var(--x-size-border-width-filter-default);
7424
- --x-size-border-radius-filter-default: var(--x-size-border-radius-base-none);
7425
- --x-size-border-radius-top-left-filter-default: var(--x-size-border-radius-filter-default);
7426
- --x-size-border-radius-top-right-filter-default: var(--x-size-border-radius-filter-default);
7427
- --x-size-border-radius-bottom-right-filter-default: var(--x-size-border-radius-filter-default);
7428
- --x-size-border-radius-bottom-left-filter-default: var(--x-size-border-radius-filter-default);
7429
- --x-size-padding-top-filter-default: var(--x-size-base-03);
7430
- --x-size-padding-right-filter-default: 0;
7431
- --x-size-padding-bottom-filter-default: var(--x-size-base-03);
7432
- --x-size-padding-left-filter-default: 0;
7433
- --x-size-gap-filter-default: var(--x-size-base-03);
7434
- --x-font-family-filter-default: var(--x-font-family-text);
7435
- --x-size-font-filter-default: var(--x-size-font-text);
7436
- --x-number-font-weight-filter-default: var(--x-number-font-weight-base-regular);
7437
- --x-number-font-weight-filter-default-selected: var(--x-number-font-weight-base-bold);
7438
- --x-number-font-weight-filter-count-default: var(--x-number-font-weight-base-light);
7439
- --x-number-font-weight-filter-count-default-selected: var(
7440
- --x-number-font-weight-filter-count-default
7441
- );
7442
- --x-size-line-height-filter-default: var(--x-size-line-height-text);
7443
- }
7444
7400
  :root {
7445
7401
  --x-size-margin-filter-children: 0;
7446
7402
  --x-size-padding-top-filter-children: 0;
@@ -7505,6 +7461,38 @@
7505
7461
  );
7506
7462
  --x-size-line-height-filter-default: var(--x-size-line-height-text);
7507
7463
  }
7464
+ :root {
7465
+ --x-color-background-filter-default: transparent;
7466
+ --x-color-border-filter-default: var(--x-color-background-filter-default);
7467
+ --x-color-text-filter-default: var(--x-color-text-default);
7468
+ --x-color-background-filter-default-selected: var(--x-color-background-filter-default);
7469
+ --x-color-border-filter-default-selected: var(--x-color-border-filter-default);
7470
+ --x-color-text-filter-default-selected: var(--x-color-text-filter-default);
7471
+ --x-size-border-width-filter-default: var(--x-size-border-width-base);
7472
+ --x-size-border-width-top-filter-default: var(--x-size-border-width-filter-default);
7473
+ --x-size-border-width-right-filter-default: var(--x-size-border-width-filter-default);
7474
+ --x-size-border-width-bottom-filter-default: var(--x-size-border-width-filter-default);
7475
+ --x-size-border-width-left-filter-default: var(--x-size-border-width-filter-default);
7476
+ --x-size-border-radius-filter-default: var(--x-size-border-radius-base-none);
7477
+ --x-size-border-radius-top-left-filter-default: var(--x-size-border-radius-filter-default);
7478
+ --x-size-border-radius-top-right-filter-default: var(--x-size-border-radius-filter-default);
7479
+ --x-size-border-radius-bottom-right-filter-default: var(--x-size-border-radius-filter-default);
7480
+ --x-size-border-radius-bottom-left-filter-default: var(--x-size-border-radius-filter-default);
7481
+ --x-size-padding-top-filter-default: var(--x-size-base-03);
7482
+ --x-size-padding-right-filter-default: 0;
7483
+ --x-size-padding-bottom-filter-default: var(--x-size-base-03);
7484
+ --x-size-padding-left-filter-default: 0;
7485
+ --x-size-gap-filter-default: var(--x-size-base-03);
7486
+ --x-font-family-filter-default: var(--x-font-family-text);
7487
+ --x-size-font-filter-default: var(--x-size-font-text);
7488
+ --x-number-font-weight-filter-default: var(--x-number-font-weight-base-regular);
7489
+ --x-number-font-weight-filter-default-selected: var(--x-number-font-weight-base-bold);
7490
+ --x-number-font-weight-filter-count-default: var(--x-number-font-weight-base-light);
7491
+ --x-number-font-weight-filter-count-default-selected: var(
7492
+ --x-number-font-weight-filter-count-default
7493
+ );
7494
+ --x-size-line-height-filter-default: var(--x-size-line-height-text);
7495
+ }
7508
7496
 
7509
7497
  [dir="ltr"] .x-filter,[dir="ltr"] .x-facet-filter {
7510
7498
  padding-left: var(--x-size-padding-left-filter-default);
@@ -7599,19 +7587,6 @@
7599
7587
  --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7600
7588
  --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7601
7589
  }
7602
- :root {
7603
- --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7604
- --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7605
- --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7606
- --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7607
- --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7608
- --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7609
- --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7610
- --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7611
- --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7612
- --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7613
- --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7614
- }
7615
7590
 
7616
7591
  .x-facet--outlined.x-facet,
7617
7592
  .x-facet--outlined .x-facet {
@@ -7628,12 +7603,17 @@
7628
7603
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-outlined);
7629
7604
  }
7630
7605
  :root {
7631
- --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7632
- --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7633
- --x-size-border-width-top-facet-header-line: 0;
7634
- --x-size-border-width-right-facet-header-line: 0;
7635
- --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7636
- --x-size-border-width-left-facet-header-line: 0;
7606
+ --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7607
+ --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7608
+ --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7609
+ --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7610
+ --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7611
+ --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7612
+ --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7613
+ --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7614
+ --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7615
+ --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7616
+ --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7637
7617
  }
7638
7618
  :root {
7639
7619
  --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
@@ -7659,6 +7639,14 @@
7659
7639
  --x-size-border-width-left-facet-header-line
7660
7640
  );
7661
7641
  }
7642
+ :root {
7643
+ --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7644
+ --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7645
+ --x-size-border-width-top-facet-header-line: 0;
7646
+ --x-size-border-width-right-facet-header-line: 0;
7647
+ --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7648
+ --x-size-border-width-left-facet-header-line: 0;
7649
+ }
7662
7650
  :root {
7663
7651
  --x-color-background-facet-default: transparent;
7664
7652
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7870,13 +7858,6 @@
7870
7858
  :root {
7871
7859
  --x-size-width-dropdown-s: 74px;
7872
7860
  }
7873
- :root {
7874
- --x-size-width-dropdown-s: 74px;
7875
- }
7876
-
7877
- .x-dropdown.x-dropdown--s {
7878
- --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
7879
- }
7880
7861
  :root {
7881
7862
  --x-size-gap-dropdown-pill: var(--x-size-base-03);
7882
7863
  --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
@@ -7928,6 +7909,15 @@
7928
7909
  --x-size-border-width-left-dropdown-list-pill
7929
7910
  );
7930
7911
  }
7912
+ .x-font-weight--light {
7913
+ font-weight: var(--x-number-font-weight-base-light) !important;
7914
+ }
7915
+ .x-font-weight--regular {
7916
+ font-weight: var(--x-number-font-weight-base-regular) !important;
7917
+ }
7918
+ .x-font-weight--bold {
7919
+ font-weight: var(--x-number-font-weight-base-bold) !important;
7920
+ }
7931
7921
  :root {
7932
7922
  --x-size-width-dropdown-m: 130px;
7933
7923
  }
@@ -8028,6 +8018,13 @@
8028
8018
  :root {
8029
8019
  --x-size-width-dropdown-l: 202px;
8030
8020
  }
8021
+ :root {
8022
+ --x-size-width-dropdown-s: 74px;
8023
+ }
8024
+
8025
+ .x-dropdown.x-dropdown--s {
8026
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
8027
+ }
8031
8028
  :root {
8032
8029
  --x-size-width-dropdown-l: 202px;
8033
8030
  }
@@ -8363,19 +8360,6 @@
8363
8360
  --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8364
8361
  --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8365
8362
  }
8366
- :root {
8367
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8368
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8369
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8370
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8371
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8372
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8373
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8374
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8375
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8376
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8377
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8378
- }
8379
8363
 
8380
8364
  .x-dropdown--card {
8381
8365
  --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
@@ -8416,6 +8400,40 @@
8416
8400
  --x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
8417
8401
  --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8418
8402
  }
8403
+ :root {
8404
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8405
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8406
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8407
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8408
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8409
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8410
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8411
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8412
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8413
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8414
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8415
+ }
8416
+ :root {
8417
+ --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8418
+ --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
8419
+ --x-color-text-button-tertiary: var(--x-color-text-default);
8420
+ --x-size-border-width-button-tertiary: var(--x-size-border-width-base);
8421
+ --x-size-border-width-top-button-tertiary: var(--x-size-border-width-button-tertiary);
8422
+ --x-size-border-width-right-button-tertiary: var(--x-size-border-width-button-tertiary);
8423
+ --x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
8424
+ --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8425
+ }
8426
+
8427
+ .x-button--tertiary.x-button,
8428
+ .x-button--tertiary .x-button {
8429
+ --x-color-background-button-default: var(--x-color-background-button-tertiary);
8430
+ --x-color-border-button-default: var(--x-color-border-button-tertiary);
8431
+ --x-color-text-button-default: var(--x-color-text-button-tertiary);
8432
+ --x-size-border-width-top-button-default: var(--x-size-border-width-top-button-tertiary);
8433
+ --x-size-border-width-right-button-default: var(--x-size-border-width-right-button-tertiary);
8434
+ --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-tertiary);
8435
+ --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-tertiary);
8436
+ }
8419
8437
  :root {
8420
8438
  --x-color-background-button-secondary: transparent;
8421
8439
  --x-color-border-button-secondary: var(--x-color-border-button-default);
@@ -8454,13 +8472,6 @@
8454
8472
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8455
8473
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8456
8474
  }
8457
- :root {
8458
- --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8459
- --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8460
- --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8461
- --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8462
- --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8463
- }
8464
8475
 
8465
8476
  .x-button--round.x-button,
8466
8477
  .x-button--round .x-button {
@@ -8479,16 +8490,12 @@
8479
8490
  --x-size-padding-left-button-default: 0;
8480
8491
  --x-size-padding-right-button-default: 0;
8481
8492
  }
8482
-
8483
8493
  :root {
8484
- --x-color-background-button-primary: var(--x-color-background-button-default);
8485
- --x-color-border-button-primary: var(--x-color-border-button-default);
8486
- --x-color-text-button-primary: var(--x-color-text-button-default);
8487
- --x-size-border-width-button-primary: var(--x-size-border-width-base);
8488
- --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8489
- --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8490
- --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8491
- --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8494
+ --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8495
+ --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8496
+ --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8497
+ --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8498
+ --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8492
8499
  }
8493
8500
  :root {
8494
8501
  --x-color-background-button-primary: var(--x-color-background-button-default);
@@ -8511,6 +8518,16 @@
8511
8518
  --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-primary);
8512
8519
  --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-primary);
8513
8520
  }
8521
+ :root {
8522
+ --x-color-background-button-primary: var(--x-color-background-button-default);
8523
+ --x-color-border-button-primary: var(--x-color-border-button-default);
8524
+ --x-color-text-button-primary: var(--x-color-text-button-default);
8525
+ --x-size-border-width-button-primary: var(--x-size-border-width-base);
8526
+ --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8527
+ --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8528
+ --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8529
+ --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8530
+ }
8514
8531
  :root {
8515
8532
  --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8516
8533
  --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
@@ -8545,11 +8562,6 @@
8545
8562
  --x-color-border-button-ghost: transparent;
8546
8563
  --x-color-text-button-ghost: var(--x-color-base-lead);
8547
8564
  }
8548
- :root {
8549
- --x-color-background-button-ghost: transparent;
8550
- --x-color-border-button-ghost: transparent;
8551
- --x-color-text-button-ghost: var(--x-color-base-lead);
8552
- }
8553
8565
 
8554
8566
  .x-button--ghost.x-button,
8555
8567
  .x-button--ghost .x-button {
@@ -8567,6 +8579,11 @@
8567
8579
  .x-button--ghost.x-button--ghost-end .x-button {
8568
8580
  --x-size-padding-right-button-default: 0;
8569
8581
  }
8582
+ :root {
8583
+ --x-color-background-button-ghost: transparent;
8584
+ --x-color-border-button-ghost: transparent;
8585
+ --x-color-text-button-ghost: var(--x-color-base-lead);
8586
+ }
8570
8587
  :root {
8571
8588
  --x-color-background-button-default: var(--x-color-base-lead);
8572
8589
  --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8682,16 +8699,6 @@
8682
8699
  --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8683
8700
  --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8684
8701
  }
8685
- :root {
8686
- --x-color-background-badge-default: var(--x-color-base-neutral-10);
8687
- --x-color-text-badge-default: var(--x-color-base-neutral-100);
8688
- --x-color-border-badge-default: var(--x-color-base-neutral-10);
8689
- --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8690
- --x-size-border-width-badge-default: 0;
8691
- --x-size-width-badge-default: 1.5em;
8692
- --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8693
- --x-size-font-badge-default: var(--x-size-font-base-xs);
8694
- }
8695
8702
  :root {
8696
8703
  --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8697
8704
  --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
@@ -8724,6 +8731,16 @@
8724
8731
  --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8725
8732
  --x-size-font-badge-default: var(--x-size-font-base-xs);
8726
8733
  }
8734
+ :root {
8735
+ --x-color-background-badge-default: var(--x-color-base-neutral-10);
8736
+ --x-color-text-badge-default: var(--x-color-base-neutral-100);
8737
+ --x-color-border-badge-default: var(--x-color-base-neutral-10);
8738
+ --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8739
+ --x-size-border-width-badge-default: 0;
8740
+ --x-size-width-badge-default: 1.5em;
8741
+ --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8742
+ --x-size-font-badge-default: var(--x-size-font-base-xs);
8743
+ }
8727
8744
 
8728
8745
  [dir="ltr"] .x-badge {
8729
8746
  right: calc(var(--x-size-width-badge-default) / 4);
@@ -8806,23 +8823,6 @@
8806
8823
  --x-size-border-width-base: 1px;
8807
8824
  }
8808
8825
  :root {
8809
- --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8810
- --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
8811
- --x-color-text-button-tertiary: var(--x-color-text-default);
8812
- --x-size-border-width-button-tertiary: var(--x-size-border-width-base);
8813
- --x-size-border-width-top-button-tertiary: var(--x-size-border-width-button-tertiary);
8814
- --x-size-border-width-right-button-tertiary: var(--x-size-border-width-button-tertiary);
8815
- --x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
8816
- --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8817
- }
8818
-
8819
- .x-button--tertiary.x-button,
8820
- .x-button--tertiary .x-button {
8821
- --x-color-background-button-default: var(--x-color-background-button-tertiary);
8822
- --x-color-border-button-default: var(--x-color-border-button-tertiary);
8823
- --x-color-text-button-default: var(--x-color-text-button-tertiary);
8824
- --x-size-border-width-top-button-default: var(--x-size-border-width-top-button-tertiary);
8825
- --x-size-border-width-right-button-default: var(--x-size-border-width-right-button-tertiary);
8826
- --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-tertiary);
8827
- --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-tertiary);
8826
+ --x-modal-overlay-color: rgb(0, 0, 0);
8827
+ --x-modal-overlay-opacity: 0.7;
8828
8828
  }