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

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.
@@ -1,4 +1,5 @@
1
1
 
2
+
2
3
  .x-uppercase {
3
4
  text-transform: uppercase;
4
5
  }
@@ -978,7 +979,6 @@
978
979
  .x-line-height--loose {
979
980
  line-height: 2 !important;
980
981
  }
981
-
982
982
  .x-line-clamp--2 {
983
983
  overflow: hidden !important;
984
984
  display: -webkit-box !important;
@@ -1013,6 +1013,15 @@
1013
1013
  -webkit-box-orient: vertical !important;
1014
1014
  -webkit-line-clamp: 6 !important;
1015
1015
  }
1016
+ .x-font-weight--light {
1017
+ font-weight: var(--x-number-font-weight-base-light) !important;
1018
+ }
1019
+ .x-font-weight--regular {
1020
+ font-weight: var(--x-number-font-weight-base-regular) !important;
1021
+ }
1022
+ .x-font-weight--bold {
1023
+ font-weight: var(--x-number-font-weight-base-bold) !important;
1024
+ }
1016
1025
  .x-font-size--01 {
1017
1026
  font-size: var(--x-size-base-01) !important;
1018
1027
  line-height: 1.5;
@@ -1136,6 +1145,49 @@
1136
1145
  .x-font-color--transparent {
1137
1146
  color: var(--x-color-base-transparent) !important;
1138
1147
  }
1148
+ .x-flex-1 {
1149
+ flex: 1 1 0% !important;
1150
+ }
1151
+
1152
+ .x-flex-auto {
1153
+ flex: 1 1 auto !important;
1154
+ }
1155
+
1156
+ .x-flex-initial {
1157
+ flex: 0 1 auto !important;
1158
+ }
1159
+
1160
+ .x-flex-no-shrink {
1161
+ flex: 1 0 auto !important;
1162
+ }
1163
+
1164
+ .x-flex-none {
1165
+ flex: none !important;
1166
+ }
1167
+
1168
+ .x-self-auto {
1169
+ align-self: auto !important;
1170
+ }
1171
+
1172
+ .x-self-start {
1173
+ align-self: flex-start !important;
1174
+ }
1175
+
1176
+ .x-self-end {
1177
+ align-self: flex-end !important;
1178
+ }
1179
+
1180
+ .x-self-center {
1181
+ align-self: center !important;
1182
+ }
1183
+
1184
+ .x-self-stretch {
1185
+ align-self: stretch !important;
1186
+ }
1187
+
1188
+ .x-self-baseline {
1189
+ align-self: baseline !important;
1190
+ }
1139
1191
  .x-fill--lead {
1140
1192
  fill: var(--x-color-base-lead) !important;
1141
1193
  }
@@ -1247,49 +1299,6 @@
1247
1299
  --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
1248
1300
  0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1249
1301
  }
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
- }
1293
1302
  /* Material Elevations extracted from:
1294
1303
  https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
1295
1304
  */
@@ -1423,1847 +1432,1847 @@
1423
1432
  .x-shadow--bottom-10 {
1424
1433
  box-shadow: var(--x-string-box-shadow-bottom-10) !important;
1425
1434
  }
1426
- .x-border-radius--00 {
1427
- border-radius: 0 !important;
1435
+ *[class*=x-border-width--] {
1436
+ border-width: 0;
1428
1437
  }
1429
1438
 
1430
- .x-border-radius--pill {
1431
- border-radius: 99999px !important;
1439
+ .x-border-width--00 {
1440
+ border-width: 0px !important;
1441
+ border-style: solid !important;
1432
1442
  }
1433
-
1434
- .x-border-radius--01 {
1435
- border-radius: var(--x-size-base-01) !important;
1443
+ .x-border-width--top-00 {
1444
+ border-top-width: 0px !important;
1445
+ border-style: solid !important;
1436
1446
  }
1437
- [dir="ltr"] .x-border-radius--top-01 {
1438
- border-top-left-radius: var(--x-size-base-01) !important;
1447
+ .x-border-width--bottom-00 {
1448
+ border-bottom-width: 0px !important;
1449
+ border-style: solid !important;
1439
1450
  }
1440
- [dir="rtl"] .x-border-radius--top-01 {
1441
- border-top-right-radius: var(--x-size-base-01) !important;
1451
+ [dir="ltr"] .x-border-width--right-00 {
1452
+ border-right-width: 0px !important;
1442
1453
  }
1443
- [dir="ltr"] .x-border-radius--top-01 {
1444
- border-top-right-radius: var(--x-size-base-01) !important;
1454
+ [dir="rtl"] .x-border-width--right-00 {
1455
+ border-left-width: 0px !important;
1445
1456
  }
1446
- [dir="rtl"] .x-border-radius--top-01 {
1447
- border-top-left-radius: var(--x-size-base-01) !important;
1457
+ .x-border-width--right-00 {
1458
+ border-style: solid !important;
1448
1459
  }
1449
- [dir="ltr"] .x-border-radius--bottom-01 {
1450
- border-bottom-left-radius: var(--x-size-base-01) !important;
1460
+ [dir="ltr"] .x-border-width--left-00 {
1461
+ border-left-width: 0px !important;
1451
1462
  }
1452
- [dir="rtl"] .x-border-radius--bottom-01 {
1453
- border-bottom-right-radius: var(--x-size-base-01) !important;
1463
+ [dir="rtl"] .x-border-width--left-00 {
1464
+ border-right-width: 0px !important;
1454
1465
  }
1455
- [dir="ltr"] .x-border-radius--bottom-01 {
1456
- border-bottom-right-radius: var(--x-size-base-01) !important;
1466
+ .x-border-width--left-00 {
1467
+ border-style: solid !important;
1457
1468
  }
1458
- [dir="rtl"] .x-border-radius--bottom-01 {
1459
- border-bottom-left-radius: var(--x-size-base-01) !important;
1469
+ .x-border-width--01 {
1470
+ border-width: 1px !important;
1471
+ border-style: solid !important;
1460
1472
  }
1461
- [dir="ltr"] .x-border-radius--right-01 {
1462
- border-top-right-radius: var(--x-size-base-01) !important;
1473
+ .x-border-width--top-01 {
1474
+ border-top-width: 1px !important;
1475
+ border-style: solid !important;
1463
1476
  }
1464
- [dir="rtl"] .x-border-radius--right-01 {
1465
- border-top-left-radius: var(--x-size-base-01) !important;
1477
+ .x-border-width--bottom-01 {
1478
+ border-bottom-width: 1px !important;
1479
+ border-style: solid !important;
1466
1480
  }
1467
- [dir="ltr"] .x-border-radius--right-01 {
1468
- border-bottom-right-radius: var(--x-size-base-01) !important;
1481
+ [dir="ltr"] .x-border-width--right-01 {
1482
+ border-right-width: 1px !important;
1469
1483
  }
1470
- [dir="rtl"] .x-border-radius--right-01 {
1471
- border-bottom-left-radius: var(--x-size-base-01) !important;
1484
+ [dir="rtl"] .x-border-width--right-01 {
1485
+ border-left-width: 1px !important;
1472
1486
  }
1473
- [dir="ltr"] .x-border-radius--left-01 {
1474
- border-top-left-radius: var(--x-size-base-01) !important;
1487
+ .x-border-width--right-01 {
1488
+ border-style: solid !important;
1475
1489
  }
1476
- [dir="rtl"] .x-border-radius--left-01 {
1477
- border-top-right-radius: var(--x-size-base-01) !important;
1490
+ [dir="ltr"] .x-border-width--left-01 {
1491
+ border-left-width: 1px !important;
1478
1492
  }
1479
- [dir="ltr"] .x-border-radius--left-01 {
1480
- border-bottom-left-radius: var(--x-size-base-01) !important;
1493
+ [dir="rtl"] .x-border-width--left-01 {
1494
+ border-right-width: 1px !important;
1481
1495
  }
1482
- [dir="rtl"] .x-border-radius--left-01 {
1483
- border-bottom-right-radius: var(--x-size-base-01) !important;
1496
+ .x-border-width--left-01 {
1497
+ border-style: solid !important;
1484
1498
  }
1485
- [dir="ltr"] .x-border-radius--top-left-01 {
1486
- border-top-left-radius: var(--x-size-base-01) !important;
1499
+ .x-border-width--02 {
1500
+ border-width: 2px !important;
1501
+ border-style: solid !important;
1487
1502
  }
1488
- [dir="rtl"] .x-border-radius--top-left-01 {
1489
- border-top-right-radius: var(--x-size-base-01) !important;
1503
+ .x-border-width--top-02 {
1504
+ border-top-width: 2px !important;
1505
+ border-style: solid !important;
1490
1506
  }
1491
- [dir="ltr"] .x-border-radius--top-right-01 {
1492
- border-top-right-radius: var(--x-size-base-01) !important;
1507
+ .x-border-width--bottom-02 {
1508
+ border-bottom-width: 2px !important;
1509
+ border-style: solid !important;
1493
1510
  }
1494
- [dir="rtl"] .x-border-radius--top-right-01 {
1495
- border-top-left-radius: var(--x-size-base-01) !important;
1511
+ [dir="ltr"] .x-border-width--right-02 {
1512
+ border-right-width: 2px !important;
1496
1513
  }
1497
- [dir="ltr"] .x-border-radius--bottom-left-01 {
1498
- border-bottom-left-radius: var(--x-size-base-01) !important;
1514
+ [dir="rtl"] .x-border-width--right-02 {
1515
+ border-left-width: 2px !important;
1499
1516
  }
1500
- [dir="rtl"] .x-border-radius--bottom-left-01 {
1501
- border-bottom-right-radius: var(--x-size-base-01) !important;
1517
+ .x-border-width--right-02 {
1518
+ border-style: solid !important;
1502
1519
  }
1503
- [dir="ltr"] .x-border-radius--bottom-right-01 {
1504
- border-bottom-right-radius: var(--x-size-base-01) !important;
1520
+ [dir="ltr"] .x-border-width--left-02 {
1521
+ border-left-width: 2px !important;
1505
1522
  }
1506
- [dir="rtl"] .x-border-radius--bottom-right-01 {
1507
- border-bottom-left-radius: var(--x-size-base-01) !important;
1523
+ [dir="rtl"] .x-border-width--left-02 {
1524
+ border-right-width: 2px !important;
1508
1525
  }
1509
- .x-border-radius--02 {
1510
- border-radius: var(--x-size-base-02) !important;
1526
+ .x-border-width--left-02 {
1527
+ border-style: solid !important;
1511
1528
  }
1512
- [dir="ltr"] .x-border-radius--top-02 {
1513
- border-top-left-radius: var(--x-size-base-02) !important;
1529
+ .x-border-width--03 {
1530
+ border-width: 3px !important;
1531
+ border-style: solid !important;
1514
1532
  }
1515
- [dir="rtl"] .x-border-radius--top-02 {
1516
- border-top-right-radius: var(--x-size-base-02) !important;
1533
+ .x-border-width--top-03 {
1534
+ border-top-width: 3px !important;
1535
+ border-style: solid !important;
1517
1536
  }
1518
- [dir="ltr"] .x-border-radius--top-02 {
1519
- border-top-right-radius: var(--x-size-base-02) !important;
1537
+ .x-border-width--bottom-03 {
1538
+ border-bottom-width: 3px !important;
1539
+ border-style: solid !important;
1520
1540
  }
1521
- [dir="rtl"] .x-border-radius--top-02 {
1522
- border-top-left-radius: var(--x-size-base-02) !important;
1541
+ [dir="ltr"] .x-border-width--right-03 {
1542
+ border-right-width: 3px !important;
1523
1543
  }
1524
- [dir="ltr"] .x-border-radius--bottom-02 {
1525
- border-bottom-left-radius: var(--x-size-base-02) !important;
1544
+ [dir="rtl"] .x-border-width--right-03 {
1545
+ border-left-width: 3px !important;
1526
1546
  }
1527
- [dir="rtl"] .x-border-radius--bottom-02 {
1528
- border-bottom-right-radius: var(--x-size-base-02) !important;
1547
+ .x-border-width--right-03 {
1548
+ border-style: solid !important;
1529
1549
  }
1530
- [dir="ltr"] .x-border-radius--bottom-02 {
1531
- border-bottom-right-radius: var(--x-size-base-02) !important;
1550
+ [dir="ltr"] .x-border-width--left-03 {
1551
+ border-left-width: 3px !important;
1532
1552
  }
1533
- [dir="rtl"] .x-border-radius--bottom-02 {
1534
- border-bottom-left-radius: var(--x-size-base-02) !important;
1553
+ [dir="rtl"] .x-border-width--left-03 {
1554
+ border-right-width: 3px !important;
1535
1555
  }
1536
- [dir="ltr"] .x-border-radius--right-02 {
1537
- border-top-right-radius: var(--x-size-base-02) !important;
1556
+ .x-border-width--left-03 {
1557
+ border-style: solid !important;
1538
1558
  }
1539
- [dir="rtl"] .x-border-radius--right-02 {
1540
- border-top-left-radius: var(--x-size-base-02) !important;
1559
+ .x-border-width--04 {
1560
+ border-width: 4px !important;
1561
+ border-style: solid !important;
1541
1562
  }
1542
- [dir="ltr"] .x-border-radius--right-02 {
1543
- border-bottom-right-radius: var(--x-size-base-02) !important;
1563
+ .x-border-width--top-04 {
1564
+ border-top-width: 4px !important;
1565
+ border-style: solid !important;
1544
1566
  }
1545
- [dir="rtl"] .x-border-radius--right-02 {
1546
- border-bottom-left-radius: var(--x-size-base-02) !important;
1567
+ .x-border-width--bottom-04 {
1568
+ border-bottom-width: 4px !important;
1569
+ border-style: solid !important;
1547
1570
  }
1548
- [dir="ltr"] .x-border-radius--left-02 {
1549
- border-top-left-radius: var(--x-size-base-02) !important;
1571
+ [dir="ltr"] .x-border-width--right-04 {
1572
+ border-right-width: 4px !important;
1550
1573
  }
1551
- [dir="rtl"] .x-border-radius--left-02 {
1552
- border-top-right-radius: var(--x-size-base-02) !important;
1574
+ [dir="rtl"] .x-border-width--right-04 {
1575
+ border-left-width: 4px !important;
1553
1576
  }
1554
- [dir="ltr"] .x-border-radius--left-02 {
1555
- border-bottom-left-radius: var(--x-size-base-02) !important;
1577
+ .x-border-width--right-04 {
1578
+ border-style: solid !important;
1556
1579
  }
1557
- [dir="rtl"] .x-border-radius--left-02 {
1558
- border-bottom-right-radius: var(--x-size-base-02) !important;
1580
+ [dir="ltr"] .x-border-width--left-04 {
1581
+ border-left-width: 4px !important;
1559
1582
  }
1560
- [dir="ltr"] .x-border-radius--top-left-02 {
1561
- border-top-left-radius: var(--x-size-base-02) !important;
1583
+ [dir="rtl"] .x-border-width--left-04 {
1584
+ border-right-width: 4px !important;
1562
1585
  }
1563
- [dir="rtl"] .x-border-radius--top-left-02 {
1564
- border-top-right-radius: var(--x-size-base-02) !important;
1586
+ .x-border-width--left-04 {
1587
+ border-style: solid !important;
1565
1588
  }
1566
- [dir="ltr"] .x-border-radius--top-right-02 {
1567
- border-top-right-radius: var(--x-size-base-02) !important;
1589
+ .x-border-width--05 {
1590
+ border-width: 5px !important;
1591
+ border-style: solid !important;
1568
1592
  }
1569
- [dir="rtl"] .x-border-radius--top-right-02 {
1570
- border-top-left-radius: var(--x-size-base-02) !important;
1593
+ .x-border-width--top-05 {
1594
+ border-top-width: 5px !important;
1595
+ border-style: solid !important;
1571
1596
  }
1572
- [dir="ltr"] .x-border-radius--bottom-left-02 {
1573
- border-bottom-left-radius: var(--x-size-base-02) !important;
1597
+ .x-border-width--bottom-05 {
1598
+ border-bottom-width: 5px !important;
1599
+ border-style: solid !important;
1574
1600
  }
1575
- [dir="rtl"] .x-border-radius--bottom-left-02 {
1576
- border-bottom-right-radius: var(--x-size-base-02) !important;
1601
+ [dir="ltr"] .x-border-width--right-05 {
1602
+ border-right-width: 5px !important;
1577
1603
  }
1578
- [dir="ltr"] .x-border-radius--bottom-right-02 {
1579
- border-bottom-right-radius: var(--x-size-base-02) !important;
1604
+ [dir="rtl"] .x-border-width--right-05 {
1605
+ border-left-width: 5px !important;
1580
1606
  }
1581
- [dir="rtl"] .x-border-radius--bottom-right-02 {
1582
- border-bottom-left-radius: var(--x-size-base-02) !important;
1607
+ .x-border-width--right-05 {
1608
+ border-style: solid !important;
1583
1609
  }
1584
- .x-border-radius--03 {
1585
- border-radius: var(--x-size-base-03) !important;
1610
+ [dir="ltr"] .x-border-width--left-05 {
1611
+ border-left-width: 5px !important;
1586
1612
  }
1587
- [dir="ltr"] .x-border-radius--top-03 {
1588
- border-top-left-radius: var(--x-size-base-03) !important;
1613
+ [dir="rtl"] .x-border-width--left-05 {
1614
+ border-right-width: 5px !important;
1589
1615
  }
1590
- [dir="rtl"] .x-border-radius--top-03 {
1591
- border-top-right-radius: var(--x-size-base-03) !important;
1616
+ .x-border-width--left-05 {
1617
+ border-style: solid !important;
1592
1618
  }
1593
- [dir="ltr"] .x-border-radius--top-03 {
1594
- border-top-right-radius: var(--x-size-base-03) !important;
1619
+ .x-border-width--06 {
1620
+ border-width: 6px !important;
1621
+ border-style: solid !important;
1595
1622
  }
1596
- [dir="rtl"] .x-border-radius--top-03 {
1597
- border-top-left-radius: var(--x-size-base-03) !important;
1623
+ .x-border-width--top-06 {
1624
+ border-top-width: 6px !important;
1625
+ border-style: solid !important;
1598
1626
  }
1599
- [dir="ltr"] .x-border-radius--bottom-03 {
1600
- border-bottom-left-radius: var(--x-size-base-03) !important;
1627
+ .x-border-width--bottom-06 {
1628
+ border-bottom-width: 6px !important;
1629
+ border-style: solid !important;
1601
1630
  }
1602
- [dir="rtl"] .x-border-radius--bottom-03 {
1603
- border-bottom-right-radius: var(--x-size-base-03) !important;
1631
+ [dir="ltr"] .x-border-width--right-06 {
1632
+ border-right-width: 6px !important;
1604
1633
  }
1605
- [dir="ltr"] .x-border-radius--bottom-03 {
1606
- border-bottom-right-radius: var(--x-size-base-03) !important;
1634
+ [dir="rtl"] .x-border-width--right-06 {
1635
+ border-left-width: 6px !important;
1607
1636
  }
1608
- [dir="rtl"] .x-border-radius--bottom-03 {
1609
- border-bottom-left-radius: var(--x-size-base-03) !important;
1637
+ .x-border-width--right-06 {
1638
+ border-style: solid !important;
1610
1639
  }
1611
- [dir="ltr"] .x-border-radius--right-03 {
1612
- border-top-right-radius: var(--x-size-base-03) !important;
1640
+ [dir="ltr"] .x-border-width--left-06 {
1641
+ border-left-width: 6px !important;
1613
1642
  }
1614
- [dir="rtl"] .x-border-radius--right-03 {
1615
- border-top-left-radius: var(--x-size-base-03) !important;
1643
+ [dir="rtl"] .x-border-width--left-06 {
1644
+ border-right-width: 6px !important;
1616
1645
  }
1617
- [dir="ltr"] .x-border-radius--right-03 {
1618
- border-bottom-right-radius: var(--x-size-base-03) !important;
1646
+ .x-border-width--left-06 {
1647
+ border-style: solid !important;
1619
1648
  }
1620
- [dir="rtl"] .x-border-radius--right-03 {
1621
- border-bottom-left-radius: var(--x-size-base-03) !important;
1649
+ .x-border-width--07 {
1650
+ border-width: 7px !important;
1651
+ border-style: solid !important;
1622
1652
  }
1623
- [dir="ltr"] .x-border-radius--left-03 {
1624
- border-top-left-radius: var(--x-size-base-03) !important;
1653
+ .x-border-width--top-07 {
1654
+ border-top-width: 7px !important;
1655
+ border-style: solid !important;
1625
1656
  }
1626
- [dir="rtl"] .x-border-radius--left-03 {
1627
- border-top-right-radius: var(--x-size-base-03) !important;
1657
+ .x-border-width--bottom-07 {
1658
+ border-bottom-width: 7px !important;
1659
+ border-style: solid !important;
1628
1660
  }
1629
- [dir="ltr"] .x-border-radius--left-03 {
1630
- border-bottom-left-radius: var(--x-size-base-03) !important;
1661
+ [dir="ltr"] .x-border-width--right-07 {
1662
+ border-right-width: 7px !important;
1631
1663
  }
1632
- [dir="rtl"] .x-border-radius--left-03 {
1633
- border-bottom-right-radius: var(--x-size-base-03) !important;
1664
+ [dir="rtl"] .x-border-width--right-07 {
1665
+ border-left-width: 7px !important;
1634
1666
  }
1635
- [dir="ltr"] .x-border-radius--top-left-03 {
1636
- border-top-left-radius: var(--x-size-base-03) !important;
1667
+ .x-border-width--right-07 {
1668
+ border-style: solid !important;
1637
1669
  }
1638
- [dir="rtl"] .x-border-radius--top-left-03 {
1639
- border-top-right-radius: var(--x-size-base-03) !important;
1670
+ [dir="ltr"] .x-border-width--left-07 {
1671
+ border-left-width: 7px !important;
1640
1672
  }
1641
- [dir="ltr"] .x-border-radius--top-right-03 {
1642
- border-top-right-radius: var(--x-size-base-03) !important;
1673
+ [dir="rtl"] .x-border-width--left-07 {
1674
+ border-right-width: 7px !important;
1643
1675
  }
1644
- [dir="rtl"] .x-border-radius--top-right-03 {
1645
- border-top-left-radius: var(--x-size-base-03) !important;
1676
+ .x-border-width--left-07 {
1677
+ border-style: solid !important;
1646
1678
  }
1647
- [dir="ltr"] .x-border-radius--bottom-left-03 {
1648
- border-bottom-left-radius: var(--x-size-base-03) !important;
1679
+ .x-border-width--08 {
1680
+ border-width: 8px !important;
1681
+ border-style: solid !important;
1649
1682
  }
1650
- [dir="rtl"] .x-border-radius--bottom-left-03 {
1651
- border-bottom-right-radius: var(--x-size-base-03) !important;
1683
+ .x-border-width--top-08 {
1684
+ border-top-width: 8px !important;
1685
+ border-style: solid !important;
1652
1686
  }
1653
- [dir="ltr"] .x-border-radius--bottom-right-03 {
1654
- border-bottom-right-radius: var(--x-size-base-03) !important;
1687
+ .x-border-width--bottom-08 {
1688
+ border-bottom-width: 8px !important;
1689
+ border-style: solid !important;
1655
1690
  }
1656
- [dir="rtl"] .x-border-radius--bottom-right-03 {
1657
- border-bottom-left-radius: var(--x-size-base-03) !important;
1691
+ [dir="ltr"] .x-border-width--right-08 {
1692
+ border-right-width: 8px !important;
1658
1693
  }
1659
- .x-border-radius--04 {
1660
- border-radius: var(--x-size-base-04) !important;
1694
+ [dir="rtl"] .x-border-width--right-08 {
1695
+ border-left-width: 8px !important;
1661
1696
  }
1662
- [dir="ltr"] .x-border-radius--top-04 {
1663
- border-top-left-radius: var(--x-size-base-04) !important;
1697
+ .x-border-width--right-08 {
1698
+ border-style: solid !important;
1664
1699
  }
1665
- [dir="rtl"] .x-border-radius--top-04 {
1666
- border-top-right-radius: var(--x-size-base-04) !important;
1700
+ [dir="ltr"] .x-border-width--left-08 {
1701
+ border-left-width: 8px !important;
1667
1702
  }
1668
- [dir="ltr"] .x-border-radius--top-04 {
1669
- border-top-right-radius: var(--x-size-base-04) !important;
1703
+ [dir="rtl"] .x-border-width--left-08 {
1704
+ border-right-width: 8px !important;
1670
1705
  }
1671
- [dir="rtl"] .x-border-radius--top-04 {
1672
- border-top-left-radius: var(--x-size-base-04) !important;
1706
+ .x-border-width--left-08 {
1707
+ border-style: solid !important;
1673
1708
  }
1674
- [dir="ltr"] .x-border-radius--bottom-04 {
1675
- border-bottom-left-radius: var(--x-size-base-04) !important;
1709
+ .x-border-width--09 {
1710
+ border-width: 9px !important;
1711
+ border-style: solid !important;
1676
1712
  }
1677
- [dir="rtl"] .x-border-radius--bottom-04 {
1678
- border-bottom-right-radius: var(--x-size-base-04) !important;
1713
+ .x-border-width--top-09 {
1714
+ border-top-width: 9px !important;
1715
+ border-style: solid !important;
1679
1716
  }
1680
- [dir="ltr"] .x-border-radius--bottom-04 {
1681
- border-bottom-right-radius: var(--x-size-base-04) !important;
1717
+ .x-border-width--bottom-09 {
1718
+ border-bottom-width: 9px !important;
1719
+ border-style: solid !important;
1682
1720
  }
1683
- [dir="rtl"] .x-border-radius--bottom-04 {
1684
- border-bottom-left-radius: var(--x-size-base-04) !important;
1721
+ [dir="ltr"] .x-border-width--right-09 {
1722
+ border-right-width: 9px !important;
1685
1723
  }
1686
- [dir="ltr"] .x-border-radius--right-04 {
1687
- border-top-right-radius: var(--x-size-base-04) !important;
1724
+ [dir="rtl"] .x-border-width--right-09 {
1725
+ border-left-width: 9px !important;
1688
1726
  }
1689
- [dir="rtl"] .x-border-radius--right-04 {
1690
- border-top-left-radius: var(--x-size-base-04) !important;
1727
+ .x-border-width--right-09 {
1728
+ border-style: solid !important;
1691
1729
  }
1692
- [dir="ltr"] .x-border-radius--right-04 {
1693
- border-bottom-right-radius: var(--x-size-base-04) !important;
1730
+ [dir="ltr"] .x-border-width--left-09 {
1731
+ border-left-width: 9px !important;
1694
1732
  }
1695
- [dir="rtl"] .x-border-radius--right-04 {
1696
- border-bottom-left-radius: var(--x-size-base-04) !important;
1733
+ [dir="rtl"] .x-border-width--left-09 {
1734
+ border-right-width: 9px !important;
1697
1735
  }
1698
- [dir="ltr"] .x-border-radius--left-04 {
1699
- border-top-left-radius: var(--x-size-base-04) !important;
1736
+ .x-border-width--left-09 {
1737
+ border-style: solid !important;
1700
1738
  }
1701
- [dir="rtl"] .x-border-radius--left-04 {
1702
- border-top-right-radius: var(--x-size-base-04) !important;
1739
+ .x-border-width--10 {
1740
+ border-width: 10px !important;
1741
+ border-style: solid !important;
1703
1742
  }
1704
- [dir="ltr"] .x-border-radius--left-04 {
1705
- border-bottom-left-radius: var(--x-size-base-04) !important;
1743
+ .x-border-width--top-10 {
1744
+ border-top-width: 10px !important;
1745
+ border-style: solid !important;
1706
1746
  }
1707
- [dir="rtl"] .x-border-radius--left-04 {
1708
- border-bottom-right-radius: var(--x-size-base-04) !important;
1747
+ .x-border-width--bottom-10 {
1748
+ border-bottom-width: 10px !important;
1749
+ border-style: solid !important;
1709
1750
  }
1710
- [dir="ltr"] .x-border-radius--top-left-04 {
1711
- border-top-left-radius: var(--x-size-base-04) !important;
1751
+ [dir="ltr"] .x-border-width--right-10 {
1752
+ border-right-width: 10px !important;
1712
1753
  }
1713
- [dir="rtl"] .x-border-radius--top-left-04 {
1714
- border-top-right-radius: var(--x-size-base-04) !important;
1754
+ [dir="rtl"] .x-border-width--right-10 {
1755
+ border-left-width: 10px !important;
1715
1756
  }
1716
- [dir="ltr"] .x-border-radius--top-right-04 {
1717
- border-top-right-radius: var(--x-size-base-04) !important;
1757
+ .x-border-width--right-10 {
1758
+ border-style: solid !important;
1718
1759
  }
1719
- [dir="rtl"] .x-border-radius--top-right-04 {
1720
- border-top-left-radius: var(--x-size-base-04) !important;
1760
+ [dir="ltr"] .x-border-width--left-10 {
1761
+ border-left-width: 10px !important;
1721
1762
  }
1722
- [dir="ltr"] .x-border-radius--bottom-left-04 {
1723
- border-bottom-left-radius: var(--x-size-base-04) !important;
1763
+ [dir="rtl"] .x-border-width--left-10 {
1764
+ border-right-width: 10px !important;
1724
1765
  }
1725
- [dir="rtl"] .x-border-radius--bottom-left-04 {
1726
- border-bottom-right-radius: var(--x-size-base-04) !important;
1766
+ .x-border-width--left-10 {
1767
+ border-style: solid !important;
1727
1768
  }
1728
- [dir="ltr"] .x-border-radius--bottom-right-04 {
1729
- border-bottom-right-radius: var(--x-size-base-04) !important;
1769
+ .x-border-radius--00 {
1770
+ border-radius: 0 !important;
1730
1771
  }
1731
- [dir="rtl"] .x-border-radius--bottom-right-04 {
1732
- border-bottom-left-radius: var(--x-size-base-04) !important;
1772
+
1773
+ .x-border-radius--pill {
1774
+ border-radius: 99999px !important;
1733
1775
  }
1734
- .x-border-radius--05 {
1735
- border-radius: var(--x-size-base-05) !important;
1776
+
1777
+ .x-border-radius--01 {
1778
+ border-radius: var(--x-size-base-01) !important;
1736
1779
  }
1737
- [dir="ltr"] .x-border-radius--top-05 {
1738
- border-top-left-radius: var(--x-size-base-05) !important;
1780
+ [dir="ltr"] .x-border-radius--top-01 {
1781
+ border-top-left-radius: var(--x-size-base-01) !important;
1739
1782
  }
1740
- [dir="rtl"] .x-border-radius--top-05 {
1741
- border-top-right-radius: var(--x-size-base-05) !important;
1783
+ [dir="rtl"] .x-border-radius--top-01 {
1784
+ border-top-right-radius: var(--x-size-base-01) !important;
1742
1785
  }
1743
- [dir="ltr"] .x-border-radius--top-05 {
1744
- border-top-right-radius: var(--x-size-base-05) !important;
1786
+ [dir="ltr"] .x-border-radius--top-01 {
1787
+ border-top-right-radius: var(--x-size-base-01) !important;
1745
1788
  }
1746
- [dir="rtl"] .x-border-radius--top-05 {
1747
- border-top-left-radius: var(--x-size-base-05) !important;
1789
+ [dir="rtl"] .x-border-radius--top-01 {
1790
+ border-top-left-radius: var(--x-size-base-01) !important;
1748
1791
  }
1749
- [dir="ltr"] .x-border-radius--bottom-05 {
1750
- border-bottom-left-radius: var(--x-size-base-05) !important;
1792
+ [dir="ltr"] .x-border-radius--bottom-01 {
1793
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1751
1794
  }
1752
- [dir="rtl"] .x-border-radius--bottom-05 {
1753
- border-bottom-right-radius: var(--x-size-base-05) !important;
1795
+ [dir="rtl"] .x-border-radius--bottom-01 {
1796
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1754
1797
  }
1755
- [dir="ltr"] .x-border-radius--bottom-05 {
1756
- border-bottom-right-radius: var(--x-size-base-05) !important;
1798
+ [dir="ltr"] .x-border-radius--bottom-01 {
1799
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1757
1800
  }
1758
- [dir="rtl"] .x-border-radius--bottom-05 {
1759
- border-bottom-left-radius: var(--x-size-base-05) !important;
1801
+ [dir="rtl"] .x-border-radius--bottom-01 {
1802
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1760
1803
  }
1761
- [dir="ltr"] .x-border-radius--right-05 {
1762
- border-top-right-radius: var(--x-size-base-05) !important;
1804
+ [dir="ltr"] .x-border-radius--right-01 {
1805
+ border-top-right-radius: var(--x-size-base-01) !important;
1763
1806
  }
1764
- [dir="rtl"] .x-border-radius--right-05 {
1765
- border-top-left-radius: var(--x-size-base-05) !important;
1807
+ [dir="rtl"] .x-border-radius--right-01 {
1808
+ border-top-left-radius: var(--x-size-base-01) !important;
1766
1809
  }
1767
- [dir="ltr"] .x-border-radius--right-05 {
1768
- border-bottom-right-radius: var(--x-size-base-05) !important;
1810
+ [dir="ltr"] .x-border-radius--right-01 {
1811
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1769
1812
  }
1770
- [dir="rtl"] .x-border-radius--right-05 {
1771
- border-bottom-left-radius: var(--x-size-base-05) !important;
1813
+ [dir="rtl"] .x-border-radius--right-01 {
1814
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1772
1815
  }
1773
- [dir="ltr"] .x-border-radius--left-05 {
1774
- border-top-left-radius: var(--x-size-base-05) !important;
1816
+ [dir="ltr"] .x-border-radius--left-01 {
1817
+ border-top-left-radius: var(--x-size-base-01) !important;
1775
1818
  }
1776
- [dir="rtl"] .x-border-radius--left-05 {
1777
- border-top-right-radius: var(--x-size-base-05) !important;
1819
+ [dir="rtl"] .x-border-radius--left-01 {
1820
+ border-top-right-radius: var(--x-size-base-01) !important;
1778
1821
  }
1779
- [dir="ltr"] .x-border-radius--left-05 {
1780
- border-bottom-left-radius: var(--x-size-base-05) !important;
1822
+ [dir="ltr"] .x-border-radius--left-01 {
1823
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1781
1824
  }
1782
- [dir="rtl"] .x-border-radius--left-05 {
1783
- border-bottom-right-radius: var(--x-size-base-05) !important;
1825
+ [dir="rtl"] .x-border-radius--left-01 {
1826
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1784
1827
  }
1785
- [dir="ltr"] .x-border-radius--top-left-05 {
1786
- border-top-left-radius: var(--x-size-base-05) !important;
1828
+ [dir="ltr"] .x-border-radius--top-left-01 {
1829
+ border-top-left-radius: var(--x-size-base-01) !important;
1787
1830
  }
1788
- [dir="rtl"] .x-border-radius--top-left-05 {
1789
- border-top-right-radius: var(--x-size-base-05) !important;
1831
+ [dir="rtl"] .x-border-radius--top-left-01 {
1832
+ border-top-right-radius: var(--x-size-base-01) !important;
1790
1833
  }
1791
- [dir="ltr"] .x-border-radius--top-right-05 {
1792
- border-top-right-radius: var(--x-size-base-05) !important;
1834
+ [dir="ltr"] .x-border-radius--top-right-01 {
1835
+ border-top-right-radius: var(--x-size-base-01) !important;
1793
1836
  }
1794
- [dir="rtl"] .x-border-radius--top-right-05 {
1795
- border-top-left-radius: var(--x-size-base-05) !important;
1837
+ [dir="rtl"] .x-border-radius--top-right-01 {
1838
+ border-top-left-radius: var(--x-size-base-01) !important;
1796
1839
  }
1797
- [dir="ltr"] .x-border-radius--bottom-left-05 {
1798
- border-bottom-left-radius: var(--x-size-base-05) !important;
1840
+ [dir="ltr"] .x-border-radius--bottom-left-01 {
1841
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1799
1842
  }
1800
- [dir="rtl"] .x-border-radius--bottom-left-05 {
1801
- border-bottom-right-radius: var(--x-size-base-05) !important;
1843
+ [dir="rtl"] .x-border-radius--bottom-left-01 {
1844
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1802
1845
  }
1803
- [dir="ltr"] .x-border-radius--bottom-right-05 {
1804
- border-bottom-right-radius: var(--x-size-base-05) !important;
1846
+ [dir="ltr"] .x-border-radius--bottom-right-01 {
1847
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1805
1848
  }
1806
- [dir="rtl"] .x-border-radius--bottom-right-05 {
1807
- border-bottom-left-radius: var(--x-size-base-05) !important;
1849
+ [dir="rtl"] .x-border-radius--bottom-right-01 {
1850
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1808
1851
  }
1809
- .x-border-radius--06 {
1810
- border-radius: var(--x-size-base-06) !important;
1852
+ .x-border-radius--02 {
1853
+ border-radius: var(--x-size-base-02) !important;
1811
1854
  }
1812
- [dir="ltr"] .x-border-radius--top-06 {
1813
- border-top-left-radius: var(--x-size-base-06) !important;
1855
+ [dir="ltr"] .x-border-radius--top-02 {
1856
+ border-top-left-radius: var(--x-size-base-02) !important;
1814
1857
  }
1815
- [dir="rtl"] .x-border-radius--top-06 {
1816
- border-top-right-radius: var(--x-size-base-06) !important;
1858
+ [dir="rtl"] .x-border-radius--top-02 {
1859
+ border-top-right-radius: var(--x-size-base-02) !important;
1817
1860
  }
1818
- [dir="ltr"] .x-border-radius--top-06 {
1819
- border-top-right-radius: var(--x-size-base-06) !important;
1861
+ [dir="ltr"] .x-border-radius--top-02 {
1862
+ border-top-right-radius: var(--x-size-base-02) !important;
1820
1863
  }
1821
- [dir="rtl"] .x-border-radius--top-06 {
1822
- border-top-left-radius: var(--x-size-base-06) !important;
1864
+ [dir="rtl"] .x-border-radius--top-02 {
1865
+ border-top-left-radius: var(--x-size-base-02) !important;
1823
1866
  }
1824
- [dir="ltr"] .x-border-radius--bottom-06 {
1825
- border-bottom-left-radius: var(--x-size-base-06) !important;
1867
+ [dir="ltr"] .x-border-radius--bottom-02 {
1868
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1826
1869
  }
1827
- [dir="rtl"] .x-border-radius--bottom-06 {
1828
- border-bottom-right-radius: var(--x-size-base-06) !important;
1870
+ [dir="rtl"] .x-border-radius--bottom-02 {
1871
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1829
1872
  }
1830
- [dir="ltr"] .x-border-radius--bottom-06 {
1831
- border-bottom-right-radius: var(--x-size-base-06) !important;
1873
+ [dir="ltr"] .x-border-radius--bottom-02 {
1874
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1832
1875
  }
1833
- [dir="rtl"] .x-border-radius--bottom-06 {
1834
- border-bottom-left-radius: var(--x-size-base-06) !important;
1876
+ [dir="rtl"] .x-border-radius--bottom-02 {
1877
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1835
1878
  }
1836
- [dir="ltr"] .x-border-radius--right-06 {
1837
- border-top-right-radius: var(--x-size-base-06) !important;
1879
+ [dir="ltr"] .x-border-radius--right-02 {
1880
+ border-top-right-radius: var(--x-size-base-02) !important;
1838
1881
  }
1839
- [dir="rtl"] .x-border-radius--right-06 {
1840
- border-top-left-radius: var(--x-size-base-06) !important;
1882
+ [dir="rtl"] .x-border-radius--right-02 {
1883
+ border-top-left-radius: var(--x-size-base-02) !important;
1841
1884
  }
1842
- [dir="ltr"] .x-border-radius--right-06 {
1843
- border-bottom-right-radius: var(--x-size-base-06) !important;
1885
+ [dir="ltr"] .x-border-radius--right-02 {
1886
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1844
1887
  }
1845
- [dir="rtl"] .x-border-radius--right-06 {
1846
- border-bottom-left-radius: var(--x-size-base-06) !important;
1888
+ [dir="rtl"] .x-border-radius--right-02 {
1889
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1847
1890
  }
1848
- [dir="ltr"] .x-border-radius--left-06 {
1849
- border-top-left-radius: var(--x-size-base-06) !important;
1891
+ [dir="ltr"] .x-border-radius--left-02 {
1892
+ border-top-left-radius: var(--x-size-base-02) !important;
1850
1893
  }
1851
- [dir="rtl"] .x-border-radius--left-06 {
1852
- border-top-right-radius: var(--x-size-base-06) !important;
1894
+ [dir="rtl"] .x-border-radius--left-02 {
1895
+ border-top-right-radius: var(--x-size-base-02) !important;
1853
1896
  }
1854
- [dir="ltr"] .x-border-radius--left-06 {
1855
- border-bottom-left-radius: var(--x-size-base-06) !important;
1897
+ [dir="ltr"] .x-border-radius--left-02 {
1898
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1856
1899
  }
1857
- [dir="rtl"] .x-border-radius--left-06 {
1858
- border-bottom-right-radius: var(--x-size-base-06) !important;
1900
+ [dir="rtl"] .x-border-radius--left-02 {
1901
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1859
1902
  }
1860
- [dir="ltr"] .x-border-radius--top-left-06 {
1861
- border-top-left-radius: var(--x-size-base-06) !important;
1903
+ [dir="ltr"] .x-border-radius--top-left-02 {
1904
+ border-top-left-radius: var(--x-size-base-02) !important;
1862
1905
  }
1863
- [dir="rtl"] .x-border-radius--top-left-06 {
1864
- border-top-right-radius: var(--x-size-base-06) !important;
1906
+ [dir="rtl"] .x-border-radius--top-left-02 {
1907
+ border-top-right-radius: var(--x-size-base-02) !important;
1865
1908
  }
1866
- [dir="ltr"] .x-border-radius--top-right-06 {
1867
- border-top-right-radius: var(--x-size-base-06) !important;
1909
+ [dir="ltr"] .x-border-radius--top-right-02 {
1910
+ border-top-right-radius: var(--x-size-base-02) !important;
1868
1911
  }
1869
- [dir="rtl"] .x-border-radius--top-right-06 {
1870
- border-top-left-radius: var(--x-size-base-06) !important;
1912
+ [dir="rtl"] .x-border-radius--top-right-02 {
1913
+ border-top-left-radius: var(--x-size-base-02) !important;
1871
1914
  }
1872
- [dir="ltr"] .x-border-radius--bottom-left-06 {
1873
- border-bottom-left-radius: var(--x-size-base-06) !important;
1915
+ [dir="ltr"] .x-border-radius--bottom-left-02 {
1916
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1874
1917
  }
1875
- [dir="rtl"] .x-border-radius--bottom-left-06 {
1876
- border-bottom-right-radius: var(--x-size-base-06) !important;
1918
+ [dir="rtl"] .x-border-radius--bottom-left-02 {
1919
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1877
1920
  }
1878
- [dir="ltr"] .x-border-radius--bottom-right-06 {
1879
- border-bottom-right-radius: var(--x-size-base-06) !important;
1921
+ [dir="ltr"] .x-border-radius--bottom-right-02 {
1922
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1880
1923
  }
1881
- [dir="rtl"] .x-border-radius--bottom-right-06 {
1882
- border-bottom-left-radius: var(--x-size-base-06) !important;
1924
+ [dir="rtl"] .x-border-radius--bottom-right-02 {
1925
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1883
1926
  }
1884
- .x-border-radius--07 {
1885
- border-radius: var(--x-size-base-07) !important;
1927
+ .x-border-radius--03 {
1928
+ border-radius: var(--x-size-base-03) !important;
1886
1929
  }
1887
- [dir="ltr"] .x-border-radius--top-07 {
1888
- border-top-left-radius: var(--x-size-base-07) !important;
1930
+ [dir="ltr"] .x-border-radius--top-03 {
1931
+ border-top-left-radius: var(--x-size-base-03) !important;
1889
1932
  }
1890
- [dir="rtl"] .x-border-radius--top-07 {
1891
- border-top-right-radius: var(--x-size-base-07) !important;
1933
+ [dir="rtl"] .x-border-radius--top-03 {
1934
+ border-top-right-radius: var(--x-size-base-03) !important;
1892
1935
  }
1893
- [dir="ltr"] .x-border-radius--top-07 {
1894
- border-top-right-radius: var(--x-size-base-07) !important;
1936
+ [dir="ltr"] .x-border-radius--top-03 {
1937
+ border-top-right-radius: var(--x-size-base-03) !important;
1895
1938
  }
1896
- [dir="rtl"] .x-border-radius--top-07 {
1897
- border-top-left-radius: var(--x-size-base-07) !important;
1939
+ [dir="rtl"] .x-border-radius--top-03 {
1940
+ border-top-left-radius: var(--x-size-base-03) !important;
1898
1941
  }
1899
- [dir="ltr"] .x-border-radius--bottom-07 {
1900
- border-bottom-left-radius: var(--x-size-base-07) !important;
1942
+ [dir="ltr"] .x-border-radius--bottom-03 {
1943
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1901
1944
  }
1902
- [dir="rtl"] .x-border-radius--bottom-07 {
1903
- border-bottom-right-radius: var(--x-size-base-07) !important;
1945
+ [dir="rtl"] .x-border-radius--bottom-03 {
1946
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1904
1947
  }
1905
- [dir="ltr"] .x-border-radius--bottom-07 {
1906
- border-bottom-right-radius: var(--x-size-base-07) !important;
1948
+ [dir="ltr"] .x-border-radius--bottom-03 {
1949
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1907
1950
  }
1908
- [dir="rtl"] .x-border-radius--bottom-07 {
1909
- border-bottom-left-radius: var(--x-size-base-07) !important;
1951
+ [dir="rtl"] .x-border-radius--bottom-03 {
1952
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1910
1953
  }
1911
- [dir="ltr"] .x-border-radius--right-07 {
1912
- border-top-right-radius: var(--x-size-base-07) !important;
1954
+ [dir="ltr"] .x-border-radius--right-03 {
1955
+ border-top-right-radius: var(--x-size-base-03) !important;
1913
1956
  }
1914
- [dir="rtl"] .x-border-radius--right-07 {
1915
- border-top-left-radius: var(--x-size-base-07) !important;
1957
+ [dir="rtl"] .x-border-radius--right-03 {
1958
+ border-top-left-radius: var(--x-size-base-03) !important;
1916
1959
  }
1917
- [dir="ltr"] .x-border-radius--right-07 {
1918
- border-bottom-right-radius: var(--x-size-base-07) !important;
1960
+ [dir="ltr"] .x-border-radius--right-03 {
1961
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1919
1962
  }
1920
- [dir="rtl"] .x-border-radius--right-07 {
1921
- border-bottom-left-radius: var(--x-size-base-07) !important;
1963
+ [dir="rtl"] .x-border-radius--right-03 {
1964
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1922
1965
  }
1923
- [dir="ltr"] .x-border-radius--left-07 {
1924
- border-top-left-radius: var(--x-size-base-07) !important;
1966
+ [dir="ltr"] .x-border-radius--left-03 {
1967
+ border-top-left-radius: var(--x-size-base-03) !important;
1925
1968
  }
1926
- [dir="rtl"] .x-border-radius--left-07 {
1927
- border-top-right-radius: var(--x-size-base-07) !important;
1969
+ [dir="rtl"] .x-border-radius--left-03 {
1970
+ border-top-right-radius: var(--x-size-base-03) !important;
1928
1971
  }
1929
- [dir="ltr"] .x-border-radius--left-07 {
1930
- border-bottom-left-radius: var(--x-size-base-07) !important;
1972
+ [dir="ltr"] .x-border-radius--left-03 {
1973
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1931
1974
  }
1932
- [dir="rtl"] .x-border-radius--left-07 {
1933
- border-bottom-right-radius: var(--x-size-base-07) !important;
1975
+ [dir="rtl"] .x-border-radius--left-03 {
1976
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1934
1977
  }
1935
- [dir="ltr"] .x-border-radius--top-left-07 {
1936
- border-top-left-radius: var(--x-size-base-07) !important;
1978
+ [dir="ltr"] .x-border-radius--top-left-03 {
1979
+ border-top-left-radius: var(--x-size-base-03) !important;
1937
1980
  }
1938
- [dir="rtl"] .x-border-radius--top-left-07 {
1939
- border-top-right-radius: var(--x-size-base-07) !important;
1981
+ [dir="rtl"] .x-border-radius--top-left-03 {
1982
+ border-top-right-radius: var(--x-size-base-03) !important;
1940
1983
  }
1941
- [dir="ltr"] .x-border-radius--top-right-07 {
1942
- border-top-right-radius: var(--x-size-base-07) !important;
1984
+ [dir="ltr"] .x-border-radius--top-right-03 {
1985
+ border-top-right-radius: var(--x-size-base-03) !important;
1943
1986
  }
1944
- [dir="rtl"] .x-border-radius--top-right-07 {
1945
- border-top-left-radius: var(--x-size-base-07) !important;
1987
+ [dir="rtl"] .x-border-radius--top-right-03 {
1988
+ border-top-left-radius: var(--x-size-base-03) !important;
1946
1989
  }
1947
- [dir="ltr"] .x-border-radius--bottom-left-07 {
1948
- border-bottom-left-radius: var(--x-size-base-07) !important;
1990
+ [dir="ltr"] .x-border-radius--bottom-left-03 {
1991
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1949
1992
  }
1950
- [dir="rtl"] .x-border-radius--bottom-left-07 {
1951
- border-bottom-right-radius: var(--x-size-base-07) !important;
1993
+ [dir="rtl"] .x-border-radius--bottom-left-03 {
1994
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1952
1995
  }
1953
- [dir="ltr"] .x-border-radius--bottom-right-07 {
1954
- border-bottom-right-radius: var(--x-size-base-07) !important;
1996
+ [dir="ltr"] .x-border-radius--bottom-right-03 {
1997
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1955
1998
  }
1956
- [dir="rtl"] .x-border-radius--bottom-right-07 {
1957
- border-bottom-left-radius: var(--x-size-base-07) !important;
1999
+ [dir="rtl"] .x-border-radius--bottom-right-03 {
2000
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1958
2001
  }
1959
- .x-border-radius--08 {
1960
- border-radius: var(--x-size-base-08) !important;
2002
+ .x-border-radius--04 {
2003
+ border-radius: var(--x-size-base-04) !important;
1961
2004
  }
1962
- [dir="ltr"] .x-border-radius--top-08 {
1963
- border-top-left-radius: var(--x-size-base-08) !important;
2005
+ [dir="ltr"] .x-border-radius--top-04 {
2006
+ border-top-left-radius: var(--x-size-base-04) !important;
1964
2007
  }
1965
- [dir="rtl"] .x-border-radius--top-08 {
1966
- border-top-right-radius: var(--x-size-base-08) !important;
2008
+ [dir="rtl"] .x-border-radius--top-04 {
2009
+ border-top-right-radius: var(--x-size-base-04) !important;
1967
2010
  }
1968
- [dir="ltr"] .x-border-radius--top-08 {
1969
- border-top-right-radius: var(--x-size-base-08) !important;
2011
+ [dir="ltr"] .x-border-radius--top-04 {
2012
+ border-top-right-radius: var(--x-size-base-04) !important;
1970
2013
  }
1971
- [dir="rtl"] .x-border-radius--top-08 {
1972
- border-top-left-radius: var(--x-size-base-08) !important;
2014
+ [dir="rtl"] .x-border-radius--top-04 {
2015
+ border-top-left-radius: var(--x-size-base-04) !important;
1973
2016
  }
1974
- [dir="ltr"] .x-border-radius--bottom-08 {
1975
- border-bottom-left-radius: var(--x-size-base-08) !important;
2017
+ [dir="ltr"] .x-border-radius--bottom-04 {
2018
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1976
2019
  }
1977
- [dir="rtl"] .x-border-radius--bottom-08 {
1978
- border-bottom-right-radius: var(--x-size-base-08) !important;
2020
+ [dir="rtl"] .x-border-radius--bottom-04 {
2021
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1979
2022
  }
1980
- [dir="ltr"] .x-border-radius--bottom-08 {
1981
- border-bottom-right-radius: var(--x-size-base-08) !important;
2023
+ [dir="ltr"] .x-border-radius--bottom-04 {
2024
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1982
2025
  }
1983
- [dir="rtl"] .x-border-radius--bottom-08 {
1984
- border-bottom-left-radius: var(--x-size-base-08) !important;
2026
+ [dir="rtl"] .x-border-radius--bottom-04 {
2027
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1985
2028
  }
1986
- [dir="ltr"] .x-border-radius--right-08 {
1987
- border-top-right-radius: var(--x-size-base-08) !important;
2029
+ [dir="ltr"] .x-border-radius--right-04 {
2030
+ border-top-right-radius: var(--x-size-base-04) !important;
1988
2031
  }
1989
- [dir="rtl"] .x-border-radius--right-08 {
1990
- border-top-left-radius: var(--x-size-base-08) !important;
2032
+ [dir="rtl"] .x-border-radius--right-04 {
2033
+ border-top-left-radius: var(--x-size-base-04) !important;
1991
2034
  }
1992
- [dir="ltr"] .x-border-radius--right-08 {
1993
- border-bottom-right-radius: var(--x-size-base-08) !important;
2035
+ [dir="ltr"] .x-border-radius--right-04 {
2036
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1994
2037
  }
1995
- [dir="rtl"] .x-border-radius--right-08 {
1996
- border-bottom-left-radius: var(--x-size-base-08) !important;
2038
+ [dir="rtl"] .x-border-radius--right-04 {
2039
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1997
2040
  }
1998
- [dir="ltr"] .x-border-radius--left-08 {
1999
- border-top-left-radius: var(--x-size-base-08) !important;
2041
+ [dir="ltr"] .x-border-radius--left-04 {
2042
+ border-top-left-radius: var(--x-size-base-04) !important;
2000
2043
  }
2001
- [dir="rtl"] .x-border-radius--left-08 {
2002
- border-top-right-radius: var(--x-size-base-08) !important;
2044
+ [dir="rtl"] .x-border-radius--left-04 {
2045
+ border-top-right-radius: var(--x-size-base-04) !important;
2003
2046
  }
2004
- [dir="ltr"] .x-border-radius--left-08 {
2005
- border-bottom-left-radius: var(--x-size-base-08) !important;
2047
+ [dir="ltr"] .x-border-radius--left-04 {
2048
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2006
2049
  }
2007
- [dir="rtl"] .x-border-radius--left-08 {
2008
- border-bottom-right-radius: var(--x-size-base-08) !important;
2050
+ [dir="rtl"] .x-border-radius--left-04 {
2051
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2009
2052
  }
2010
- [dir="ltr"] .x-border-radius--top-left-08 {
2011
- border-top-left-radius: var(--x-size-base-08) !important;
2053
+ [dir="ltr"] .x-border-radius--top-left-04 {
2054
+ border-top-left-radius: var(--x-size-base-04) !important;
2012
2055
  }
2013
- [dir="rtl"] .x-border-radius--top-left-08 {
2014
- border-top-right-radius: var(--x-size-base-08) !important;
2056
+ [dir="rtl"] .x-border-radius--top-left-04 {
2057
+ border-top-right-radius: var(--x-size-base-04) !important;
2015
2058
  }
2016
- [dir="ltr"] .x-border-radius--top-right-08 {
2017
- border-top-right-radius: var(--x-size-base-08) !important;
2059
+ [dir="ltr"] .x-border-radius--top-right-04 {
2060
+ border-top-right-radius: var(--x-size-base-04) !important;
2018
2061
  }
2019
- [dir="rtl"] .x-border-radius--top-right-08 {
2020
- border-top-left-radius: var(--x-size-base-08) !important;
2062
+ [dir="rtl"] .x-border-radius--top-right-04 {
2063
+ border-top-left-radius: var(--x-size-base-04) !important;
2021
2064
  }
2022
- [dir="ltr"] .x-border-radius--bottom-left-08 {
2023
- border-bottom-left-radius: var(--x-size-base-08) !important;
2065
+ [dir="ltr"] .x-border-radius--bottom-left-04 {
2066
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2024
2067
  }
2025
- [dir="rtl"] .x-border-radius--bottom-left-08 {
2026
- border-bottom-right-radius: var(--x-size-base-08) !important;
2068
+ [dir="rtl"] .x-border-radius--bottom-left-04 {
2069
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2027
2070
  }
2028
- [dir="ltr"] .x-border-radius--bottom-right-08 {
2029
- border-bottom-right-radius: var(--x-size-base-08) !important;
2071
+ [dir="ltr"] .x-border-radius--bottom-right-04 {
2072
+ border-bottom-right-radius: var(--x-size-base-04) !important;
2030
2073
  }
2031
- [dir="rtl"] .x-border-radius--bottom-right-08 {
2032
- border-bottom-left-radius: var(--x-size-base-08) !important;
2074
+ [dir="rtl"] .x-border-radius--bottom-right-04 {
2075
+ border-bottom-left-radius: var(--x-size-base-04) !important;
2033
2076
  }
2034
- .x-border-radius--09 {
2035
- border-radius: var(--x-size-base-09) !important;
2077
+ .x-border-radius--05 {
2078
+ border-radius: var(--x-size-base-05) !important;
2036
2079
  }
2037
- [dir="ltr"] .x-border-radius--top-09 {
2038
- border-top-left-radius: var(--x-size-base-09) !important;
2080
+ [dir="ltr"] .x-border-radius--top-05 {
2081
+ border-top-left-radius: var(--x-size-base-05) !important;
2039
2082
  }
2040
- [dir="rtl"] .x-border-radius--top-09 {
2041
- border-top-right-radius: var(--x-size-base-09) !important;
2083
+ [dir="rtl"] .x-border-radius--top-05 {
2084
+ border-top-right-radius: var(--x-size-base-05) !important;
2042
2085
  }
2043
- [dir="ltr"] .x-border-radius--top-09 {
2044
- border-top-right-radius: var(--x-size-base-09) !important;
2086
+ [dir="ltr"] .x-border-radius--top-05 {
2087
+ border-top-right-radius: var(--x-size-base-05) !important;
2045
2088
  }
2046
- [dir="rtl"] .x-border-radius--top-09 {
2047
- border-top-left-radius: var(--x-size-base-09) !important;
2089
+ [dir="rtl"] .x-border-radius--top-05 {
2090
+ border-top-left-radius: var(--x-size-base-05) !important;
2048
2091
  }
2049
- [dir="ltr"] .x-border-radius--bottom-09 {
2050
- border-bottom-left-radius: var(--x-size-base-09) !important;
2092
+ [dir="ltr"] .x-border-radius--bottom-05 {
2093
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2051
2094
  }
2052
- [dir="rtl"] .x-border-radius--bottom-09 {
2053
- border-bottom-right-radius: var(--x-size-base-09) !important;
2095
+ [dir="rtl"] .x-border-radius--bottom-05 {
2096
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2054
2097
  }
2055
- [dir="ltr"] .x-border-radius--bottom-09 {
2056
- border-bottom-right-radius: var(--x-size-base-09) !important;
2098
+ [dir="ltr"] .x-border-radius--bottom-05 {
2099
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2057
2100
  }
2058
- [dir="rtl"] .x-border-radius--bottom-09 {
2059
- border-bottom-left-radius: var(--x-size-base-09) !important;
2101
+ [dir="rtl"] .x-border-radius--bottom-05 {
2102
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2060
2103
  }
2061
- [dir="ltr"] .x-border-radius--right-09 {
2062
- border-top-right-radius: var(--x-size-base-09) !important;
2104
+ [dir="ltr"] .x-border-radius--right-05 {
2105
+ border-top-right-radius: var(--x-size-base-05) !important;
2063
2106
  }
2064
- [dir="rtl"] .x-border-radius--right-09 {
2065
- border-top-left-radius: var(--x-size-base-09) !important;
2107
+ [dir="rtl"] .x-border-radius--right-05 {
2108
+ border-top-left-radius: var(--x-size-base-05) !important;
2066
2109
  }
2067
- [dir="ltr"] .x-border-radius--right-09 {
2068
- border-bottom-right-radius: var(--x-size-base-09) !important;
2110
+ [dir="ltr"] .x-border-radius--right-05 {
2111
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2069
2112
  }
2070
- [dir="rtl"] .x-border-radius--right-09 {
2071
- border-bottom-left-radius: var(--x-size-base-09) !important;
2113
+ [dir="rtl"] .x-border-radius--right-05 {
2114
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2072
2115
  }
2073
- [dir="ltr"] .x-border-radius--left-09 {
2074
- border-top-left-radius: var(--x-size-base-09) !important;
2116
+ [dir="ltr"] .x-border-radius--left-05 {
2117
+ border-top-left-radius: var(--x-size-base-05) !important;
2075
2118
  }
2076
- [dir="rtl"] .x-border-radius--left-09 {
2077
- border-top-right-radius: var(--x-size-base-09) !important;
2119
+ [dir="rtl"] .x-border-radius--left-05 {
2120
+ border-top-right-radius: var(--x-size-base-05) !important;
2078
2121
  }
2079
- [dir="ltr"] .x-border-radius--left-09 {
2080
- border-bottom-left-radius: var(--x-size-base-09) !important;
2122
+ [dir="ltr"] .x-border-radius--left-05 {
2123
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2081
2124
  }
2082
- [dir="rtl"] .x-border-radius--left-09 {
2083
- border-bottom-right-radius: var(--x-size-base-09) !important;
2125
+ [dir="rtl"] .x-border-radius--left-05 {
2126
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2084
2127
  }
2085
- [dir="ltr"] .x-border-radius--top-left-09 {
2086
- border-top-left-radius: var(--x-size-base-09) !important;
2128
+ [dir="ltr"] .x-border-radius--top-left-05 {
2129
+ border-top-left-radius: var(--x-size-base-05) !important;
2087
2130
  }
2088
- [dir="rtl"] .x-border-radius--top-left-09 {
2089
- border-top-right-radius: var(--x-size-base-09) !important;
2131
+ [dir="rtl"] .x-border-radius--top-left-05 {
2132
+ border-top-right-radius: var(--x-size-base-05) !important;
2090
2133
  }
2091
- [dir="ltr"] .x-border-radius--top-right-09 {
2092
- border-top-right-radius: var(--x-size-base-09) !important;
2134
+ [dir="ltr"] .x-border-radius--top-right-05 {
2135
+ border-top-right-radius: var(--x-size-base-05) !important;
2093
2136
  }
2094
- [dir="rtl"] .x-border-radius--top-right-09 {
2095
- border-top-left-radius: var(--x-size-base-09) !important;
2137
+ [dir="rtl"] .x-border-radius--top-right-05 {
2138
+ border-top-left-radius: var(--x-size-base-05) !important;
2096
2139
  }
2097
- [dir="ltr"] .x-border-radius--bottom-left-09 {
2098
- border-bottom-left-radius: var(--x-size-base-09) !important;
2140
+ [dir="ltr"] .x-border-radius--bottom-left-05 {
2141
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2099
2142
  }
2100
- [dir="rtl"] .x-border-radius--bottom-left-09 {
2101
- border-bottom-right-radius: var(--x-size-base-09) !important;
2143
+ [dir="rtl"] .x-border-radius--bottom-left-05 {
2144
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2102
2145
  }
2103
- [dir="ltr"] .x-border-radius--bottom-right-09 {
2104
- border-bottom-right-radius: var(--x-size-base-09) !important;
2146
+ [dir="ltr"] .x-border-radius--bottom-right-05 {
2147
+ border-bottom-right-radius: var(--x-size-base-05) !important;
2105
2148
  }
2106
- [dir="rtl"] .x-border-radius--bottom-right-09 {
2107
- border-bottom-left-radius: var(--x-size-base-09) !important;
2149
+ [dir="rtl"] .x-border-radius--bottom-right-05 {
2150
+ border-bottom-left-radius: var(--x-size-base-05) !important;
2108
2151
  }
2109
- .x-border-radius--10 {
2110
- border-radius: var(--x-size-base-10) !important;
2152
+ .x-border-radius--06 {
2153
+ border-radius: var(--x-size-base-06) !important;
2111
2154
  }
2112
- [dir="ltr"] .x-border-radius--top-10 {
2113
- border-top-left-radius: var(--x-size-base-10) !important;
2155
+ [dir="ltr"] .x-border-radius--top-06 {
2156
+ border-top-left-radius: var(--x-size-base-06) !important;
2114
2157
  }
2115
- [dir="rtl"] .x-border-radius--top-10 {
2116
- border-top-right-radius: var(--x-size-base-10) !important;
2158
+ [dir="rtl"] .x-border-radius--top-06 {
2159
+ border-top-right-radius: var(--x-size-base-06) !important;
2117
2160
  }
2118
- [dir="ltr"] .x-border-radius--top-10 {
2119
- border-top-right-radius: var(--x-size-base-10) !important;
2161
+ [dir="ltr"] .x-border-radius--top-06 {
2162
+ border-top-right-radius: var(--x-size-base-06) !important;
2120
2163
  }
2121
- [dir="rtl"] .x-border-radius--top-10 {
2122
- border-top-left-radius: var(--x-size-base-10) !important;
2164
+ [dir="rtl"] .x-border-radius--top-06 {
2165
+ border-top-left-radius: var(--x-size-base-06) !important;
2123
2166
  }
2124
- [dir="ltr"] .x-border-radius--bottom-10 {
2125
- border-bottom-left-radius: var(--x-size-base-10) !important;
2167
+ [dir="ltr"] .x-border-radius--bottom-06 {
2168
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2126
2169
  }
2127
- [dir="rtl"] .x-border-radius--bottom-10 {
2128
- border-bottom-right-radius: var(--x-size-base-10) !important;
2170
+ [dir="rtl"] .x-border-radius--bottom-06 {
2171
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2129
2172
  }
2130
- [dir="ltr"] .x-border-radius--bottom-10 {
2131
- border-bottom-right-radius: var(--x-size-base-10) !important;
2173
+ [dir="ltr"] .x-border-radius--bottom-06 {
2174
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2132
2175
  }
2133
- [dir="rtl"] .x-border-radius--bottom-10 {
2134
- border-bottom-left-radius: var(--x-size-base-10) !important;
2176
+ [dir="rtl"] .x-border-radius--bottom-06 {
2177
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2135
2178
  }
2136
- [dir="ltr"] .x-border-radius--right-10 {
2137
- border-top-right-radius: var(--x-size-base-10) !important;
2179
+ [dir="ltr"] .x-border-radius--right-06 {
2180
+ border-top-right-radius: var(--x-size-base-06) !important;
2138
2181
  }
2139
- [dir="rtl"] .x-border-radius--right-10 {
2140
- border-top-left-radius: var(--x-size-base-10) !important;
2182
+ [dir="rtl"] .x-border-radius--right-06 {
2183
+ border-top-left-radius: var(--x-size-base-06) !important;
2141
2184
  }
2142
- [dir="ltr"] .x-border-radius--right-10 {
2143
- border-bottom-right-radius: var(--x-size-base-10) !important;
2185
+ [dir="ltr"] .x-border-radius--right-06 {
2186
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2144
2187
  }
2145
- [dir="rtl"] .x-border-radius--right-10 {
2146
- border-bottom-left-radius: var(--x-size-base-10) !important;
2188
+ [dir="rtl"] .x-border-radius--right-06 {
2189
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2147
2190
  }
2148
- [dir="ltr"] .x-border-radius--left-10 {
2149
- border-top-left-radius: var(--x-size-base-10) !important;
2191
+ [dir="ltr"] .x-border-radius--left-06 {
2192
+ border-top-left-radius: var(--x-size-base-06) !important;
2150
2193
  }
2151
- [dir="rtl"] .x-border-radius--left-10 {
2152
- border-top-right-radius: var(--x-size-base-10) !important;
2194
+ [dir="rtl"] .x-border-radius--left-06 {
2195
+ border-top-right-radius: var(--x-size-base-06) !important;
2153
2196
  }
2154
- [dir="ltr"] .x-border-radius--left-10 {
2155
- border-bottom-left-radius: var(--x-size-base-10) !important;
2197
+ [dir="ltr"] .x-border-radius--left-06 {
2198
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2156
2199
  }
2157
- [dir="rtl"] .x-border-radius--left-10 {
2158
- border-bottom-right-radius: var(--x-size-base-10) !important;
2200
+ [dir="rtl"] .x-border-radius--left-06 {
2201
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2159
2202
  }
2160
- [dir="ltr"] .x-border-radius--top-left-10 {
2161
- border-top-left-radius: var(--x-size-base-10) !important;
2203
+ [dir="ltr"] .x-border-radius--top-left-06 {
2204
+ border-top-left-radius: var(--x-size-base-06) !important;
2162
2205
  }
2163
- [dir="rtl"] .x-border-radius--top-left-10 {
2164
- border-top-right-radius: var(--x-size-base-10) !important;
2206
+ [dir="rtl"] .x-border-radius--top-left-06 {
2207
+ border-top-right-radius: var(--x-size-base-06) !important;
2165
2208
  }
2166
- [dir="ltr"] .x-border-radius--top-right-10 {
2167
- border-top-right-radius: var(--x-size-base-10) !important;
2209
+ [dir="ltr"] .x-border-radius--top-right-06 {
2210
+ border-top-right-radius: var(--x-size-base-06) !important;
2168
2211
  }
2169
- [dir="rtl"] .x-border-radius--top-right-10 {
2170
- border-top-left-radius: var(--x-size-base-10) !important;
2212
+ [dir="rtl"] .x-border-radius--top-right-06 {
2213
+ border-top-left-radius: var(--x-size-base-06) !important;
2171
2214
  }
2172
- [dir="ltr"] .x-border-radius--bottom-left-10 {
2173
- border-bottom-left-radius: var(--x-size-base-10) !important;
2215
+ [dir="ltr"] .x-border-radius--bottom-left-06 {
2216
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2174
2217
  }
2175
- [dir="rtl"] .x-border-radius--bottom-left-10 {
2176
- border-bottom-right-radius: var(--x-size-base-10) !important;
2218
+ [dir="rtl"] .x-border-radius--bottom-left-06 {
2219
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2177
2220
  }
2178
- [dir="ltr"] .x-border-radius--bottom-right-10 {
2179
- border-bottom-right-radius: var(--x-size-base-10) !important;
2221
+ [dir="ltr"] .x-border-radius--bottom-right-06 {
2222
+ border-bottom-right-radius: var(--x-size-base-06) !important;
2180
2223
  }
2181
- [dir="rtl"] .x-border-radius--bottom-right-10 {
2182
- border-bottom-left-radius: var(--x-size-base-10) !important;
2224
+ [dir="rtl"] .x-border-radius--bottom-right-06 {
2225
+ border-bottom-left-radius: var(--x-size-base-06) !important;
2183
2226
  }
2184
- .x-border-radius--11 {
2185
- border-radius: var(--x-size-base-11) !important;
2227
+ .x-border-radius--07 {
2228
+ border-radius: var(--x-size-base-07) !important;
2186
2229
  }
2187
- [dir="ltr"] .x-border-radius--top-11 {
2188
- border-top-left-radius: var(--x-size-base-11) !important;
2230
+ [dir="ltr"] .x-border-radius--top-07 {
2231
+ border-top-left-radius: var(--x-size-base-07) !important;
2189
2232
  }
2190
- [dir="rtl"] .x-border-radius--top-11 {
2191
- border-top-right-radius: var(--x-size-base-11) !important;
2233
+ [dir="rtl"] .x-border-radius--top-07 {
2234
+ border-top-right-radius: var(--x-size-base-07) !important;
2192
2235
  }
2193
- [dir="ltr"] .x-border-radius--top-11 {
2194
- border-top-right-radius: var(--x-size-base-11) !important;
2236
+ [dir="ltr"] .x-border-radius--top-07 {
2237
+ border-top-right-radius: var(--x-size-base-07) !important;
2195
2238
  }
2196
- [dir="rtl"] .x-border-radius--top-11 {
2197
- border-top-left-radius: var(--x-size-base-11) !important;
2239
+ [dir="rtl"] .x-border-radius--top-07 {
2240
+ border-top-left-radius: var(--x-size-base-07) !important;
2198
2241
  }
2199
- [dir="ltr"] .x-border-radius--bottom-11 {
2200
- border-bottom-left-radius: var(--x-size-base-11) !important;
2242
+ [dir="ltr"] .x-border-radius--bottom-07 {
2243
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2201
2244
  }
2202
- [dir="rtl"] .x-border-radius--bottom-11 {
2203
- border-bottom-right-radius: var(--x-size-base-11) !important;
2245
+ [dir="rtl"] .x-border-radius--bottom-07 {
2246
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2204
2247
  }
2205
- [dir="ltr"] .x-border-radius--bottom-11 {
2206
- border-bottom-right-radius: var(--x-size-base-11) !important;
2248
+ [dir="ltr"] .x-border-radius--bottom-07 {
2249
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2207
2250
  }
2208
- [dir="rtl"] .x-border-radius--bottom-11 {
2209
- border-bottom-left-radius: var(--x-size-base-11) !important;
2251
+ [dir="rtl"] .x-border-radius--bottom-07 {
2252
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2210
2253
  }
2211
- [dir="ltr"] .x-border-radius--right-11 {
2212
- border-top-right-radius: var(--x-size-base-11) !important;
2254
+ [dir="ltr"] .x-border-radius--right-07 {
2255
+ border-top-right-radius: var(--x-size-base-07) !important;
2213
2256
  }
2214
- [dir="rtl"] .x-border-radius--right-11 {
2215
- border-top-left-radius: var(--x-size-base-11) !important;
2257
+ [dir="rtl"] .x-border-radius--right-07 {
2258
+ border-top-left-radius: var(--x-size-base-07) !important;
2216
2259
  }
2217
- [dir="ltr"] .x-border-radius--right-11 {
2218
- border-bottom-right-radius: var(--x-size-base-11) !important;
2260
+ [dir="ltr"] .x-border-radius--right-07 {
2261
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2219
2262
  }
2220
- [dir="rtl"] .x-border-radius--right-11 {
2221
- border-bottom-left-radius: var(--x-size-base-11) !important;
2263
+ [dir="rtl"] .x-border-radius--right-07 {
2264
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2222
2265
  }
2223
- [dir="ltr"] .x-border-radius--left-11 {
2224
- border-top-left-radius: var(--x-size-base-11) !important;
2266
+ [dir="ltr"] .x-border-radius--left-07 {
2267
+ border-top-left-radius: var(--x-size-base-07) !important;
2225
2268
  }
2226
- [dir="rtl"] .x-border-radius--left-11 {
2227
- border-top-right-radius: var(--x-size-base-11) !important;
2269
+ [dir="rtl"] .x-border-radius--left-07 {
2270
+ border-top-right-radius: var(--x-size-base-07) !important;
2228
2271
  }
2229
- [dir="ltr"] .x-border-radius--left-11 {
2230
- border-bottom-left-radius: var(--x-size-base-11) !important;
2272
+ [dir="ltr"] .x-border-radius--left-07 {
2273
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2231
2274
  }
2232
- [dir="rtl"] .x-border-radius--left-11 {
2233
- border-bottom-right-radius: var(--x-size-base-11) !important;
2275
+ [dir="rtl"] .x-border-radius--left-07 {
2276
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2234
2277
  }
2235
- [dir="ltr"] .x-border-radius--top-left-11 {
2236
- border-top-left-radius: var(--x-size-base-11) !important;
2278
+ [dir="ltr"] .x-border-radius--top-left-07 {
2279
+ border-top-left-radius: var(--x-size-base-07) !important;
2237
2280
  }
2238
- [dir="rtl"] .x-border-radius--top-left-11 {
2239
- border-top-right-radius: var(--x-size-base-11) !important;
2281
+ [dir="rtl"] .x-border-radius--top-left-07 {
2282
+ border-top-right-radius: var(--x-size-base-07) !important;
2240
2283
  }
2241
- [dir="ltr"] .x-border-radius--top-right-11 {
2242
- border-top-right-radius: var(--x-size-base-11) !important;
2284
+ [dir="ltr"] .x-border-radius--top-right-07 {
2285
+ border-top-right-radius: var(--x-size-base-07) !important;
2243
2286
  }
2244
- [dir="rtl"] .x-border-radius--top-right-11 {
2245
- border-top-left-radius: var(--x-size-base-11) !important;
2287
+ [dir="rtl"] .x-border-radius--top-right-07 {
2288
+ border-top-left-radius: var(--x-size-base-07) !important;
2246
2289
  }
2247
- [dir="ltr"] .x-border-radius--bottom-left-11 {
2248
- border-bottom-left-radius: var(--x-size-base-11) !important;
2290
+ [dir="ltr"] .x-border-radius--bottom-left-07 {
2291
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2249
2292
  }
2250
- [dir="rtl"] .x-border-radius--bottom-left-11 {
2251
- border-bottom-right-radius: var(--x-size-base-11) !important;
2293
+ [dir="rtl"] .x-border-radius--bottom-left-07 {
2294
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2252
2295
  }
2253
- [dir="ltr"] .x-border-radius--bottom-right-11 {
2254
- border-bottom-right-radius: var(--x-size-base-11) !important;
2296
+ [dir="ltr"] .x-border-radius--bottom-right-07 {
2297
+ border-bottom-right-radius: var(--x-size-base-07) !important;
2255
2298
  }
2256
- [dir="rtl"] .x-border-radius--bottom-right-11 {
2257
- border-bottom-left-radius: var(--x-size-base-11) !important;
2299
+ [dir="rtl"] .x-border-radius--bottom-right-07 {
2300
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2258
2301
  }
2259
- .x-border-radius--12 {
2260
- border-radius: var(--x-size-base-12) !important;
2302
+ .x-border-radius--08 {
2303
+ border-radius: var(--x-size-base-08) !important;
2261
2304
  }
2262
- [dir="ltr"] .x-border-radius--top-12 {
2263
- border-top-left-radius: var(--x-size-base-12) !important;
2305
+ [dir="ltr"] .x-border-radius--top-08 {
2306
+ border-top-left-radius: var(--x-size-base-08) !important;
2264
2307
  }
2265
- [dir="rtl"] .x-border-radius--top-12 {
2266
- border-top-right-radius: var(--x-size-base-12) !important;
2308
+ [dir="rtl"] .x-border-radius--top-08 {
2309
+ border-top-right-radius: var(--x-size-base-08) !important;
2267
2310
  }
2268
- [dir="ltr"] .x-border-radius--top-12 {
2269
- border-top-right-radius: var(--x-size-base-12) !important;
2311
+ [dir="ltr"] .x-border-radius--top-08 {
2312
+ border-top-right-radius: var(--x-size-base-08) !important;
2270
2313
  }
2271
- [dir="rtl"] .x-border-radius--top-12 {
2272
- border-top-left-radius: var(--x-size-base-12) !important;
2314
+ [dir="rtl"] .x-border-radius--top-08 {
2315
+ border-top-left-radius: var(--x-size-base-08) !important;
2273
2316
  }
2274
- [dir="ltr"] .x-border-radius--bottom-12 {
2275
- border-bottom-left-radius: var(--x-size-base-12) !important;
2317
+ [dir="ltr"] .x-border-radius--bottom-08 {
2318
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2276
2319
  }
2277
- [dir="rtl"] .x-border-radius--bottom-12 {
2278
- border-bottom-right-radius: var(--x-size-base-12) !important;
2320
+ [dir="rtl"] .x-border-radius--bottom-08 {
2321
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2279
2322
  }
2280
- [dir="ltr"] .x-border-radius--bottom-12 {
2281
- border-bottom-right-radius: var(--x-size-base-12) !important;
2323
+ [dir="ltr"] .x-border-radius--bottom-08 {
2324
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2282
2325
  }
2283
- [dir="rtl"] .x-border-radius--bottom-12 {
2284
- border-bottom-left-radius: var(--x-size-base-12) !important;
2326
+ [dir="rtl"] .x-border-radius--bottom-08 {
2327
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2285
2328
  }
2286
- [dir="ltr"] .x-border-radius--right-12 {
2287
- border-top-right-radius: var(--x-size-base-12) !important;
2329
+ [dir="ltr"] .x-border-radius--right-08 {
2330
+ border-top-right-radius: var(--x-size-base-08) !important;
2288
2331
  }
2289
- [dir="rtl"] .x-border-radius--right-12 {
2290
- border-top-left-radius: var(--x-size-base-12) !important;
2332
+ [dir="rtl"] .x-border-radius--right-08 {
2333
+ border-top-left-radius: var(--x-size-base-08) !important;
2291
2334
  }
2292
- [dir="ltr"] .x-border-radius--right-12 {
2293
- border-bottom-right-radius: var(--x-size-base-12) !important;
2335
+ [dir="ltr"] .x-border-radius--right-08 {
2336
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2294
2337
  }
2295
- [dir="rtl"] .x-border-radius--right-12 {
2296
- border-bottom-left-radius: var(--x-size-base-12) !important;
2338
+ [dir="rtl"] .x-border-radius--right-08 {
2339
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2297
2340
  }
2298
- [dir="ltr"] .x-border-radius--left-12 {
2299
- border-top-left-radius: var(--x-size-base-12) !important;
2341
+ [dir="ltr"] .x-border-radius--left-08 {
2342
+ border-top-left-radius: var(--x-size-base-08) !important;
2300
2343
  }
2301
- [dir="rtl"] .x-border-radius--left-12 {
2302
- border-top-right-radius: var(--x-size-base-12) !important;
2344
+ [dir="rtl"] .x-border-radius--left-08 {
2345
+ border-top-right-radius: var(--x-size-base-08) !important;
2303
2346
  }
2304
- [dir="ltr"] .x-border-radius--left-12 {
2305
- border-bottom-left-radius: var(--x-size-base-12) !important;
2347
+ [dir="ltr"] .x-border-radius--left-08 {
2348
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2306
2349
  }
2307
- [dir="rtl"] .x-border-radius--left-12 {
2308
- border-bottom-right-radius: var(--x-size-base-12) !important;
2350
+ [dir="rtl"] .x-border-radius--left-08 {
2351
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2309
2352
  }
2310
- [dir="ltr"] .x-border-radius--top-left-12 {
2311
- border-top-left-radius: var(--x-size-base-12) !important;
2353
+ [dir="ltr"] .x-border-radius--top-left-08 {
2354
+ border-top-left-radius: var(--x-size-base-08) !important;
2312
2355
  }
2313
- [dir="rtl"] .x-border-radius--top-left-12 {
2314
- border-top-right-radius: var(--x-size-base-12) !important;
2356
+ [dir="rtl"] .x-border-radius--top-left-08 {
2357
+ border-top-right-radius: var(--x-size-base-08) !important;
2315
2358
  }
2316
- [dir="ltr"] .x-border-radius--top-right-12 {
2317
- border-top-right-radius: var(--x-size-base-12) !important;
2359
+ [dir="ltr"] .x-border-radius--top-right-08 {
2360
+ border-top-right-radius: var(--x-size-base-08) !important;
2318
2361
  }
2319
- [dir="rtl"] .x-border-radius--top-right-12 {
2320
- border-top-left-radius: var(--x-size-base-12) !important;
2362
+ [dir="rtl"] .x-border-radius--top-right-08 {
2363
+ border-top-left-radius: var(--x-size-base-08) !important;
2321
2364
  }
2322
- [dir="ltr"] .x-border-radius--bottom-left-12 {
2323
- border-bottom-left-radius: var(--x-size-base-12) !important;
2365
+ [dir="ltr"] .x-border-radius--bottom-left-08 {
2366
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2324
2367
  }
2325
- [dir="rtl"] .x-border-radius--bottom-left-12 {
2326
- border-bottom-right-radius: var(--x-size-base-12) !important;
2368
+ [dir="rtl"] .x-border-radius--bottom-left-08 {
2369
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2327
2370
  }
2328
- [dir="ltr"] .x-border-radius--bottom-right-12 {
2329
- border-bottom-right-radius: var(--x-size-base-12) !important;
2371
+ [dir="ltr"] .x-border-radius--bottom-right-08 {
2372
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2330
2373
  }
2331
- [dir="rtl"] .x-border-radius--bottom-right-12 {
2332
- border-bottom-left-radius: var(--x-size-base-12) !important;
2374
+ [dir="rtl"] .x-border-radius--bottom-right-08 {
2375
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2333
2376
  }
2334
- .x-border-radius--13 {
2335
- border-radius: var(--x-size-base-13) !important;
2377
+ .x-border-radius--09 {
2378
+ border-radius: var(--x-size-base-09) !important;
2336
2379
  }
2337
- [dir="ltr"] .x-border-radius--top-13 {
2338
- border-top-left-radius: var(--x-size-base-13) !important;
2380
+ [dir="ltr"] .x-border-radius--top-09 {
2381
+ border-top-left-radius: var(--x-size-base-09) !important;
2339
2382
  }
2340
- [dir="rtl"] .x-border-radius--top-13 {
2341
- border-top-right-radius: var(--x-size-base-13) !important;
2383
+ [dir="rtl"] .x-border-radius--top-09 {
2384
+ border-top-right-radius: var(--x-size-base-09) !important;
2342
2385
  }
2343
- [dir="ltr"] .x-border-radius--top-13 {
2344
- border-top-right-radius: var(--x-size-base-13) !important;
2386
+ [dir="ltr"] .x-border-radius--top-09 {
2387
+ border-top-right-radius: var(--x-size-base-09) !important;
2345
2388
  }
2346
- [dir="rtl"] .x-border-radius--top-13 {
2347
- border-top-left-radius: var(--x-size-base-13) !important;
2389
+ [dir="rtl"] .x-border-radius--top-09 {
2390
+ border-top-left-radius: var(--x-size-base-09) !important;
2348
2391
  }
2349
- [dir="ltr"] .x-border-radius--bottom-13 {
2350
- border-bottom-left-radius: var(--x-size-base-13) !important;
2392
+ [dir="ltr"] .x-border-radius--bottom-09 {
2393
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2351
2394
  }
2352
- [dir="rtl"] .x-border-radius--bottom-13 {
2353
- border-bottom-right-radius: var(--x-size-base-13) !important;
2395
+ [dir="rtl"] .x-border-radius--bottom-09 {
2396
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2354
2397
  }
2355
- [dir="ltr"] .x-border-radius--bottom-13 {
2356
- border-bottom-right-radius: var(--x-size-base-13) !important;
2398
+ [dir="ltr"] .x-border-radius--bottom-09 {
2399
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2357
2400
  }
2358
- [dir="rtl"] .x-border-radius--bottom-13 {
2359
- border-bottom-left-radius: var(--x-size-base-13) !important;
2401
+ [dir="rtl"] .x-border-radius--bottom-09 {
2402
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2360
2403
  }
2361
- [dir="ltr"] .x-border-radius--right-13 {
2362
- border-top-right-radius: var(--x-size-base-13) !important;
2404
+ [dir="ltr"] .x-border-radius--right-09 {
2405
+ border-top-right-radius: var(--x-size-base-09) !important;
2363
2406
  }
2364
- [dir="rtl"] .x-border-radius--right-13 {
2365
- border-top-left-radius: var(--x-size-base-13) !important;
2407
+ [dir="rtl"] .x-border-radius--right-09 {
2408
+ border-top-left-radius: var(--x-size-base-09) !important;
2366
2409
  }
2367
- [dir="ltr"] .x-border-radius--right-13 {
2368
- border-bottom-right-radius: var(--x-size-base-13) !important;
2410
+ [dir="ltr"] .x-border-radius--right-09 {
2411
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2369
2412
  }
2370
- [dir="rtl"] .x-border-radius--right-13 {
2371
- border-bottom-left-radius: var(--x-size-base-13) !important;
2413
+ [dir="rtl"] .x-border-radius--right-09 {
2414
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2372
2415
  }
2373
- [dir="ltr"] .x-border-radius--left-13 {
2374
- border-top-left-radius: var(--x-size-base-13) !important;
2416
+ [dir="ltr"] .x-border-radius--left-09 {
2417
+ border-top-left-radius: var(--x-size-base-09) !important;
2375
2418
  }
2376
- [dir="rtl"] .x-border-radius--left-13 {
2377
- border-top-right-radius: var(--x-size-base-13) !important;
2419
+ [dir="rtl"] .x-border-radius--left-09 {
2420
+ border-top-right-radius: var(--x-size-base-09) !important;
2378
2421
  }
2379
- [dir="ltr"] .x-border-radius--left-13 {
2380
- border-bottom-left-radius: var(--x-size-base-13) !important;
2422
+ [dir="ltr"] .x-border-radius--left-09 {
2423
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2381
2424
  }
2382
- [dir="rtl"] .x-border-radius--left-13 {
2383
- border-bottom-right-radius: var(--x-size-base-13) !important;
2425
+ [dir="rtl"] .x-border-radius--left-09 {
2426
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2384
2427
  }
2385
- [dir="ltr"] .x-border-radius--top-left-13 {
2386
- border-top-left-radius: var(--x-size-base-13) !important;
2428
+ [dir="ltr"] .x-border-radius--top-left-09 {
2429
+ border-top-left-radius: var(--x-size-base-09) !important;
2387
2430
  }
2388
- [dir="rtl"] .x-border-radius--top-left-13 {
2389
- border-top-right-radius: var(--x-size-base-13) !important;
2431
+ [dir="rtl"] .x-border-radius--top-left-09 {
2432
+ border-top-right-radius: var(--x-size-base-09) !important;
2390
2433
  }
2391
- [dir="ltr"] .x-border-radius--top-right-13 {
2392
- border-top-right-radius: var(--x-size-base-13) !important;
2434
+ [dir="ltr"] .x-border-radius--top-right-09 {
2435
+ border-top-right-radius: var(--x-size-base-09) !important;
2393
2436
  }
2394
- [dir="rtl"] .x-border-radius--top-right-13 {
2395
- border-top-left-radius: var(--x-size-base-13) !important;
2437
+ [dir="rtl"] .x-border-radius--top-right-09 {
2438
+ border-top-left-radius: var(--x-size-base-09) !important;
2396
2439
  }
2397
- [dir="ltr"] .x-border-radius--bottom-left-13 {
2398
- border-bottom-left-radius: var(--x-size-base-13) !important;
2440
+ [dir="ltr"] .x-border-radius--bottom-left-09 {
2441
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2399
2442
  }
2400
- [dir="rtl"] .x-border-radius--bottom-left-13 {
2401
- border-bottom-right-radius: var(--x-size-base-13) !important;
2443
+ [dir="rtl"] .x-border-radius--bottom-left-09 {
2444
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2402
2445
  }
2403
- [dir="ltr"] .x-border-radius--bottom-right-13 {
2404
- border-bottom-right-radius: var(--x-size-base-13) !important;
2446
+ [dir="ltr"] .x-border-radius--bottom-right-09 {
2447
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2405
2448
  }
2406
- [dir="rtl"] .x-border-radius--bottom-right-13 {
2407
- border-bottom-left-radius: var(--x-size-base-13) !important;
2449
+ [dir="rtl"] .x-border-radius--bottom-right-09 {
2450
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2408
2451
  }
2409
- .x-border-radius--14 {
2410
- border-radius: var(--x-size-base-14) !important;
2452
+ .x-border-radius--10 {
2453
+ border-radius: var(--x-size-base-10) !important;
2411
2454
  }
2412
- [dir="ltr"] .x-border-radius--top-14 {
2413
- border-top-left-radius: var(--x-size-base-14) !important;
2455
+ [dir="ltr"] .x-border-radius--top-10 {
2456
+ border-top-left-radius: var(--x-size-base-10) !important;
2414
2457
  }
2415
- [dir="rtl"] .x-border-radius--top-14 {
2416
- border-top-right-radius: var(--x-size-base-14) !important;
2458
+ [dir="rtl"] .x-border-radius--top-10 {
2459
+ border-top-right-radius: var(--x-size-base-10) !important;
2417
2460
  }
2418
- [dir="ltr"] .x-border-radius--top-14 {
2419
- border-top-right-radius: var(--x-size-base-14) !important;
2461
+ [dir="ltr"] .x-border-radius--top-10 {
2462
+ border-top-right-radius: var(--x-size-base-10) !important;
2420
2463
  }
2421
- [dir="rtl"] .x-border-radius--top-14 {
2422
- border-top-left-radius: var(--x-size-base-14) !important;
2464
+ [dir="rtl"] .x-border-radius--top-10 {
2465
+ border-top-left-radius: var(--x-size-base-10) !important;
2423
2466
  }
2424
- [dir="ltr"] .x-border-radius--bottom-14 {
2425
- border-bottom-left-radius: var(--x-size-base-14) !important;
2467
+ [dir="ltr"] .x-border-radius--bottom-10 {
2468
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2426
2469
  }
2427
- [dir="rtl"] .x-border-radius--bottom-14 {
2428
- border-bottom-right-radius: var(--x-size-base-14) !important;
2470
+ [dir="rtl"] .x-border-radius--bottom-10 {
2471
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2429
2472
  }
2430
- [dir="ltr"] .x-border-radius--bottom-14 {
2431
- border-bottom-right-radius: var(--x-size-base-14) !important;
2473
+ [dir="ltr"] .x-border-radius--bottom-10 {
2474
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2432
2475
  }
2433
- [dir="rtl"] .x-border-radius--bottom-14 {
2434
- border-bottom-left-radius: var(--x-size-base-14) !important;
2476
+ [dir="rtl"] .x-border-radius--bottom-10 {
2477
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2435
2478
  }
2436
- [dir="ltr"] .x-border-radius--right-14 {
2437
- border-top-right-radius: var(--x-size-base-14) !important;
2479
+ [dir="ltr"] .x-border-radius--right-10 {
2480
+ border-top-right-radius: var(--x-size-base-10) !important;
2438
2481
  }
2439
- [dir="rtl"] .x-border-radius--right-14 {
2440
- border-top-left-radius: var(--x-size-base-14) !important;
2482
+ [dir="rtl"] .x-border-radius--right-10 {
2483
+ border-top-left-radius: var(--x-size-base-10) !important;
2441
2484
  }
2442
- [dir="ltr"] .x-border-radius--right-14 {
2443
- border-bottom-right-radius: var(--x-size-base-14) !important;
2485
+ [dir="ltr"] .x-border-radius--right-10 {
2486
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2444
2487
  }
2445
- [dir="rtl"] .x-border-radius--right-14 {
2446
- border-bottom-left-radius: var(--x-size-base-14) !important;
2488
+ [dir="rtl"] .x-border-radius--right-10 {
2489
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2447
2490
  }
2448
- [dir="ltr"] .x-border-radius--left-14 {
2449
- border-top-left-radius: var(--x-size-base-14) !important;
2491
+ [dir="ltr"] .x-border-radius--left-10 {
2492
+ border-top-left-radius: var(--x-size-base-10) !important;
2450
2493
  }
2451
- [dir="rtl"] .x-border-radius--left-14 {
2452
- border-top-right-radius: var(--x-size-base-14) !important;
2494
+ [dir="rtl"] .x-border-radius--left-10 {
2495
+ border-top-right-radius: var(--x-size-base-10) !important;
2453
2496
  }
2454
- [dir="ltr"] .x-border-radius--left-14 {
2455
- border-bottom-left-radius: var(--x-size-base-14) !important;
2497
+ [dir="ltr"] .x-border-radius--left-10 {
2498
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2456
2499
  }
2457
- [dir="rtl"] .x-border-radius--left-14 {
2458
- border-bottom-right-radius: var(--x-size-base-14) !important;
2500
+ [dir="rtl"] .x-border-radius--left-10 {
2501
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2459
2502
  }
2460
- [dir="ltr"] .x-border-radius--top-left-14 {
2461
- border-top-left-radius: var(--x-size-base-14) !important;
2503
+ [dir="ltr"] .x-border-radius--top-left-10 {
2504
+ border-top-left-radius: var(--x-size-base-10) !important;
2462
2505
  }
2463
- [dir="rtl"] .x-border-radius--top-left-14 {
2464
- border-top-right-radius: var(--x-size-base-14) !important;
2506
+ [dir="rtl"] .x-border-radius--top-left-10 {
2507
+ border-top-right-radius: var(--x-size-base-10) !important;
2465
2508
  }
2466
- [dir="ltr"] .x-border-radius--top-right-14 {
2467
- border-top-right-radius: var(--x-size-base-14) !important;
2509
+ [dir="ltr"] .x-border-radius--top-right-10 {
2510
+ border-top-right-radius: var(--x-size-base-10) !important;
2468
2511
  }
2469
- [dir="rtl"] .x-border-radius--top-right-14 {
2470
- border-top-left-radius: var(--x-size-base-14) !important;
2512
+ [dir="rtl"] .x-border-radius--top-right-10 {
2513
+ border-top-left-radius: var(--x-size-base-10) !important;
2471
2514
  }
2472
- [dir="ltr"] .x-border-radius--bottom-left-14 {
2473
- border-bottom-left-radius: var(--x-size-base-14) !important;
2515
+ [dir="ltr"] .x-border-radius--bottom-left-10 {
2516
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2474
2517
  }
2475
- [dir="rtl"] .x-border-radius--bottom-left-14 {
2476
- border-bottom-right-radius: var(--x-size-base-14) !important;
2518
+ [dir="rtl"] .x-border-radius--bottom-left-10 {
2519
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2477
2520
  }
2478
- [dir="ltr"] .x-border-radius--bottom-right-14 {
2479
- border-bottom-right-radius: var(--x-size-base-14) !important;
2521
+ [dir="ltr"] .x-border-radius--bottom-right-10 {
2522
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2480
2523
  }
2481
- [dir="rtl"] .x-border-radius--bottom-right-14 {
2482
- border-bottom-left-radius: var(--x-size-base-14) !important;
2524
+ [dir="rtl"] .x-border-radius--bottom-right-10 {
2525
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2483
2526
  }
2484
- .x-border-radius--15 {
2485
- border-radius: var(--x-size-base-15) !important;
2527
+ .x-border-radius--11 {
2528
+ border-radius: var(--x-size-base-11) !important;
2486
2529
  }
2487
- [dir="ltr"] .x-border-radius--top-15 {
2488
- border-top-left-radius: var(--x-size-base-15) !important;
2530
+ [dir="ltr"] .x-border-radius--top-11 {
2531
+ border-top-left-radius: var(--x-size-base-11) !important;
2489
2532
  }
2490
- [dir="rtl"] .x-border-radius--top-15 {
2491
- border-top-right-radius: var(--x-size-base-15) !important;
2533
+ [dir="rtl"] .x-border-radius--top-11 {
2534
+ border-top-right-radius: var(--x-size-base-11) !important;
2492
2535
  }
2493
- [dir="ltr"] .x-border-radius--top-15 {
2494
- border-top-right-radius: var(--x-size-base-15) !important;
2536
+ [dir="ltr"] .x-border-radius--top-11 {
2537
+ border-top-right-radius: var(--x-size-base-11) !important;
2495
2538
  }
2496
- [dir="rtl"] .x-border-radius--top-15 {
2497
- border-top-left-radius: var(--x-size-base-15) !important;
2539
+ [dir="rtl"] .x-border-radius--top-11 {
2540
+ border-top-left-radius: var(--x-size-base-11) !important;
2498
2541
  }
2499
- [dir="ltr"] .x-border-radius--bottom-15 {
2500
- border-bottom-left-radius: var(--x-size-base-15) !important;
2542
+ [dir="ltr"] .x-border-radius--bottom-11 {
2543
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2501
2544
  }
2502
- [dir="rtl"] .x-border-radius--bottom-15 {
2503
- border-bottom-right-radius: var(--x-size-base-15) !important;
2545
+ [dir="rtl"] .x-border-radius--bottom-11 {
2546
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2504
2547
  }
2505
- [dir="ltr"] .x-border-radius--bottom-15 {
2506
- border-bottom-right-radius: var(--x-size-base-15) !important;
2548
+ [dir="ltr"] .x-border-radius--bottom-11 {
2549
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2507
2550
  }
2508
- [dir="rtl"] .x-border-radius--bottom-15 {
2509
- border-bottom-left-radius: var(--x-size-base-15) !important;
2551
+ [dir="rtl"] .x-border-radius--bottom-11 {
2552
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2510
2553
  }
2511
- [dir="ltr"] .x-border-radius--right-15 {
2512
- border-top-right-radius: var(--x-size-base-15) !important;
2554
+ [dir="ltr"] .x-border-radius--right-11 {
2555
+ border-top-right-radius: var(--x-size-base-11) !important;
2513
2556
  }
2514
- [dir="rtl"] .x-border-radius--right-15 {
2515
- border-top-left-radius: var(--x-size-base-15) !important;
2557
+ [dir="rtl"] .x-border-radius--right-11 {
2558
+ border-top-left-radius: var(--x-size-base-11) !important;
2516
2559
  }
2517
- [dir="ltr"] .x-border-radius--right-15 {
2518
- border-bottom-right-radius: var(--x-size-base-15) !important;
2560
+ [dir="ltr"] .x-border-radius--right-11 {
2561
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2519
2562
  }
2520
- [dir="rtl"] .x-border-radius--right-15 {
2521
- border-bottom-left-radius: var(--x-size-base-15) !important;
2563
+ [dir="rtl"] .x-border-radius--right-11 {
2564
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2522
2565
  }
2523
- [dir="ltr"] .x-border-radius--left-15 {
2524
- border-top-left-radius: var(--x-size-base-15) !important;
2566
+ [dir="ltr"] .x-border-radius--left-11 {
2567
+ border-top-left-radius: var(--x-size-base-11) !important;
2525
2568
  }
2526
- [dir="rtl"] .x-border-radius--left-15 {
2527
- border-top-right-radius: var(--x-size-base-15) !important;
2569
+ [dir="rtl"] .x-border-radius--left-11 {
2570
+ border-top-right-radius: var(--x-size-base-11) !important;
2528
2571
  }
2529
- [dir="ltr"] .x-border-radius--left-15 {
2530
- border-bottom-left-radius: var(--x-size-base-15) !important;
2572
+ [dir="ltr"] .x-border-radius--left-11 {
2573
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2531
2574
  }
2532
- [dir="rtl"] .x-border-radius--left-15 {
2533
- border-bottom-right-radius: var(--x-size-base-15) !important;
2575
+ [dir="rtl"] .x-border-radius--left-11 {
2576
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2534
2577
  }
2535
- [dir="ltr"] .x-border-radius--top-left-15 {
2536
- border-top-left-radius: var(--x-size-base-15) !important;
2578
+ [dir="ltr"] .x-border-radius--top-left-11 {
2579
+ border-top-left-radius: var(--x-size-base-11) !important;
2537
2580
  }
2538
- [dir="rtl"] .x-border-radius--top-left-15 {
2539
- border-top-right-radius: var(--x-size-base-15) !important;
2581
+ [dir="rtl"] .x-border-radius--top-left-11 {
2582
+ border-top-right-radius: var(--x-size-base-11) !important;
2540
2583
  }
2541
- [dir="ltr"] .x-border-radius--top-right-15 {
2542
- border-top-right-radius: var(--x-size-base-15) !important;
2584
+ [dir="ltr"] .x-border-radius--top-right-11 {
2585
+ border-top-right-radius: var(--x-size-base-11) !important;
2543
2586
  }
2544
- [dir="rtl"] .x-border-radius--top-right-15 {
2545
- border-top-left-radius: var(--x-size-base-15) !important;
2587
+ [dir="rtl"] .x-border-radius--top-right-11 {
2588
+ border-top-left-radius: var(--x-size-base-11) !important;
2546
2589
  }
2547
- [dir="ltr"] .x-border-radius--bottom-left-15 {
2548
- border-bottom-left-radius: var(--x-size-base-15) !important;
2590
+ [dir="ltr"] .x-border-radius--bottom-left-11 {
2591
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2549
2592
  }
2550
- [dir="rtl"] .x-border-radius--bottom-left-15 {
2551
- border-bottom-right-radius: var(--x-size-base-15) !important;
2593
+ [dir="rtl"] .x-border-radius--bottom-left-11 {
2594
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2552
2595
  }
2553
- [dir="ltr"] .x-border-radius--bottom-right-15 {
2554
- border-bottom-right-radius: var(--x-size-base-15) !important;
2596
+ [dir="ltr"] .x-border-radius--bottom-right-11 {
2597
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2555
2598
  }
2556
- [dir="rtl"] .x-border-radius--bottom-right-15 {
2557
- border-bottom-left-radius: var(--x-size-base-15) !important;
2599
+ [dir="rtl"] .x-border-radius--bottom-right-11 {
2600
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2558
2601
  }
2559
- .x-border-radius--16 {
2560
- border-radius: var(--x-size-base-16) !important;
2602
+ .x-border-radius--12 {
2603
+ border-radius: var(--x-size-base-12) !important;
2561
2604
  }
2562
- [dir="ltr"] .x-border-radius--top-16 {
2563
- border-top-left-radius: var(--x-size-base-16) !important;
2605
+ [dir="ltr"] .x-border-radius--top-12 {
2606
+ border-top-left-radius: var(--x-size-base-12) !important;
2564
2607
  }
2565
- [dir="rtl"] .x-border-radius--top-16 {
2566
- border-top-right-radius: var(--x-size-base-16) !important;
2608
+ [dir="rtl"] .x-border-radius--top-12 {
2609
+ border-top-right-radius: var(--x-size-base-12) !important;
2567
2610
  }
2568
- [dir="ltr"] .x-border-radius--top-16 {
2569
- border-top-right-radius: var(--x-size-base-16) !important;
2611
+ [dir="ltr"] .x-border-radius--top-12 {
2612
+ border-top-right-radius: var(--x-size-base-12) !important;
2570
2613
  }
2571
- [dir="rtl"] .x-border-radius--top-16 {
2572
- border-top-left-radius: var(--x-size-base-16) !important;
2614
+ [dir="rtl"] .x-border-radius--top-12 {
2615
+ border-top-left-radius: var(--x-size-base-12) !important;
2573
2616
  }
2574
- [dir="ltr"] .x-border-radius--bottom-16 {
2575
- border-bottom-left-radius: var(--x-size-base-16) !important;
2617
+ [dir="ltr"] .x-border-radius--bottom-12 {
2618
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2576
2619
  }
2577
- [dir="rtl"] .x-border-radius--bottom-16 {
2578
- border-bottom-right-radius: var(--x-size-base-16) !important;
2620
+ [dir="rtl"] .x-border-radius--bottom-12 {
2621
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2579
2622
  }
2580
- [dir="ltr"] .x-border-radius--bottom-16 {
2581
- border-bottom-right-radius: var(--x-size-base-16) !important;
2623
+ [dir="ltr"] .x-border-radius--bottom-12 {
2624
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2582
2625
  }
2583
- [dir="rtl"] .x-border-radius--bottom-16 {
2584
- border-bottom-left-radius: var(--x-size-base-16) !important;
2626
+ [dir="rtl"] .x-border-radius--bottom-12 {
2627
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2585
2628
  }
2586
- [dir="ltr"] .x-border-radius--right-16 {
2587
- border-top-right-radius: var(--x-size-base-16) !important;
2629
+ [dir="ltr"] .x-border-radius--right-12 {
2630
+ border-top-right-radius: var(--x-size-base-12) !important;
2588
2631
  }
2589
- [dir="rtl"] .x-border-radius--right-16 {
2590
- border-top-left-radius: var(--x-size-base-16) !important;
2632
+ [dir="rtl"] .x-border-radius--right-12 {
2633
+ border-top-left-radius: var(--x-size-base-12) !important;
2591
2634
  }
2592
- [dir="ltr"] .x-border-radius--right-16 {
2593
- border-bottom-right-radius: var(--x-size-base-16) !important;
2635
+ [dir="ltr"] .x-border-radius--right-12 {
2636
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2594
2637
  }
2595
- [dir="rtl"] .x-border-radius--right-16 {
2596
- border-bottom-left-radius: var(--x-size-base-16) !important;
2638
+ [dir="rtl"] .x-border-radius--right-12 {
2639
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2597
2640
  }
2598
- [dir="ltr"] .x-border-radius--left-16 {
2599
- border-top-left-radius: var(--x-size-base-16) !important;
2641
+ [dir="ltr"] .x-border-radius--left-12 {
2642
+ border-top-left-radius: var(--x-size-base-12) !important;
2600
2643
  }
2601
- [dir="rtl"] .x-border-radius--left-16 {
2602
- border-top-right-radius: var(--x-size-base-16) !important;
2644
+ [dir="rtl"] .x-border-radius--left-12 {
2645
+ border-top-right-radius: var(--x-size-base-12) !important;
2603
2646
  }
2604
- [dir="ltr"] .x-border-radius--left-16 {
2605
- border-bottom-left-radius: var(--x-size-base-16) !important;
2647
+ [dir="ltr"] .x-border-radius--left-12 {
2648
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2606
2649
  }
2607
- [dir="rtl"] .x-border-radius--left-16 {
2608
- border-bottom-right-radius: var(--x-size-base-16) !important;
2650
+ [dir="rtl"] .x-border-radius--left-12 {
2651
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2609
2652
  }
2610
- [dir="ltr"] .x-border-radius--top-left-16 {
2611
- border-top-left-radius: var(--x-size-base-16) !important;
2653
+ [dir="ltr"] .x-border-radius--top-left-12 {
2654
+ border-top-left-radius: var(--x-size-base-12) !important;
2612
2655
  }
2613
- [dir="rtl"] .x-border-radius--top-left-16 {
2614
- border-top-right-radius: var(--x-size-base-16) !important;
2656
+ [dir="rtl"] .x-border-radius--top-left-12 {
2657
+ border-top-right-radius: var(--x-size-base-12) !important;
2615
2658
  }
2616
- [dir="ltr"] .x-border-radius--top-right-16 {
2617
- border-top-right-radius: var(--x-size-base-16) !important;
2659
+ [dir="ltr"] .x-border-radius--top-right-12 {
2660
+ border-top-right-radius: var(--x-size-base-12) !important;
2618
2661
  }
2619
- [dir="rtl"] .x-border-radius--top-right-16 {
2620
- border-top-left-radius: var(--x-size-base-16) !important;
2662
+ [dir="rtl"] .x-border-radius--top-right-12 {
2663
+ border-top-left-radius: var(--x-size-base-12) !important;
2621
2664
  }
2622
- [dir="ltr"] .x-border-radius--bottom-left-16 {
2623
- border-bottom-left-radius: var(--x-size-base-16) !important;
2665
+ [dir="ltr"] .x-border-radius--bottom-left-12 {
2666
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2624
2667
  }
2625
- [dir="rtl"] .x-border-radius--bottom-left-16 {
2626
- border-bottom-right-radius: var(--x-size-base-16) !important;
2668
+ [dir="rtl"] .x-border-radius--bottom-left-12 {
2669
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2627
2670
  }
2628
- [dir="ltr"] .x-border-radius--bottom-right-16 {
2629
- border-bottom-right-radius: var(--x-size-base-16) !important;
2671
+ [dir="ltr"] .x-border-radius--bottom-right-12 {
2672
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2630
2673
  }
2631
- [dir="rtl"] .x-border-radius--bottom-right-16 {
2632
- border-bottom-left-radius: var(--x-size-base-16) !important;
2674
+ [dir="rtl"] .x-border-radius--bottom-right-12 {
2675
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2633
2676
  }
2634
- .x-border-radius--17 {
2635
- border-radius: var(--x-size-base-17) !important;
2677
+ .x-border-radius--13 {
2678
+ border-radius: var(--x-size-base-13) !important;
2636
2679
  }
2637
- [dir="ltr"] .x-border-radius--top-17 {
2638
- border-top-left-radius: var(--x-size-base-17) !important;
2680
+ [dir="ltr"] .x-border-radius--top-13 {
2681
+ border-top-left-radius: var(--x-size-base-13) !important;
2639
2682
  }
2640
- [dir="rtl"] .x-border-radius--top-17 {
2641
- border-top-right-radius: var(--x-size-base-17) !important;
2683
+ [dir="rtl"] .x-border-radius--top-13 {
2684
+ border-top-right-radius: var(--x-size-base-13) !important;
2642
2685
  }
2643
- [dir="ltr"] .x-border-radius--top-17 {
2644
- border-top-right-radius: var(--x-size-base-17) !important;
2686
+ [dir="ltr"] .x-border-radius--top-13 {
2687
+ border-top-right-radius: var(--x-size-base-13) !important;
2645
2688
  }
2646
- [dir="rtl"] .x-border-radius--top-17 {
2647
- border-top-left-radius: var(--x-size-base-17) !important;
2689
+ [dir="rtl"] .x-border-radius--top-13 {
2690
+ border-top-left-radius: var(--x-size-base-13) !important;
2648
2691
  }
2649
- [dir="ltr"] .x-border-radius--bottom-17 {
2650
- border-bottom-left-radius: var(--x-size-base-17) !important;
2692
+ [dir="ltr"] .x-border-radius--bottom-13 {
2693
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2651
2694
  }
2652
- [dir="rtl"] .x-border-radius--bottom-17 {
2653
- border-bottom-right-radius: var(--x-size-base-17) !important;
2695
+ [dir="rtl"] .x-border-radius--bottom-13 {
2696
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2654
2697
  }
2655
- [dir="ltr"] .x-border-radius--bottom-17 {
2656
- border-bottom-right-radius: var(--x-size-base-17) !important;
2698
+ [dir="ltr"] .x-border-radius--bottom-13 {
2699
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2657
2700
  }
2658
- [dir="rtl"] .x-border-radius--bottom-17 {
2659
- border-bottom-left-radius: var(--x-size-base-17) !important;
2701
+ [dir="rtl"] .x-border-radius--bottom-13 {
2702
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2660
2703
  }
2661
- [dir="ltr"] .x-border-radius--right-17 {
2662
- border-top-right-radius: var(--x-size-base-17) !important;
2704
+ [dir="ltr"] .x-border-radius--right-13 {
2705
+ border-top-right-radius: var(--x-size-base-13) !important;
2663
2706
  }
2664
- [dir="rtl"] .x-border-radius--right-17 {
2665
- border-top-left-radius: var(--x-size-base-17) !important;
2707
+ [dir="rtl"] .x-border-radius--right-13 {
2708
+ border-top-left-radius: var(--x-size-base-13) !important;
2666
2709
  }
2667
- [dir="ltr"] .x-border-radius--right-17 {
2668
- border-bottom-right-radius: var(--x-size-base-17) !important;
2710
+ [dir="ltr"] .x-border-radius--right-13 {
2711
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2669
2712
  }
2670
- [dir="rtl"] .x-border-radius--right-17 {
2671
- border-bottom-left-radius: var(--x-size-base-17) !important;
2713
+ [dir="rtl"] .x-border-radius--right-13 {
2714
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2672
2715
  }
2673
- [dir="ltr"] .x-border-radius--left-17 {
2674
- border-top-left-radius: var(--x-size-base-17) !important;
2716
+ [dir="ltr"] .x-border-radius--left-13 {
2717
+ border-top-left-radius: var(--x-size-base-13) !important;
2675
2718
  }
2676
- [dir="rtl"] .x-border-radius--left-17 {
2677
- border-top-right-radius: var(--x-size-base-17) !important;
2719
+ [dir="rtl"] .x-border-radius--left-13 {
2720
+ border-top-right-radius: var(--x-size-base-13) !important;
2678
2721
  }
2679
- [dir="ltr"] .x-border-radius--left-17 {
2680
- border-bottom-left-radius: var(--x-size-base-17) !important;
2722
+ [dir="ltr"] .x-border-radius--left-13 {
2723
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2681
2724
  }
2682
- [dir="rtl"] .x-border-radius--left-17 {
2683
- border-bottom-right-radius: var(--x-size-base-17) !important;
2725
+ [dir="rtl"] .x-border-radius--left-13 {
2726
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2684
2727
  }
2685
- [dir="ltr"] .x-border-radius--top-left-17 {
2686
- border-top-left-radius: var(--x-size-base-17) !important;
2728
+ [dir="ltr"] .x-border-radius--top-left-13 {
2729
+ border-top-left-radius: var(--x-size-base-13) !important;
2687
2730
  }
2688
- [dir="rtl"] .x-border-radius--top-left-17 {
2689
- border-top-right-radius: var(--x-size-base-17) !important;
2731
+ [dir="rtl"] .x-border-radius--top-left-13 {
2732
+ border-top-right-radius: var(--x-size-base-13) !important;
2690
2733
  }
2691
- [dir="ltr"] .x-border-radius--top-right-17 {
2692
- border-top-right-radius: var(--x-size-base-17) !important;
2734
+ [dir="ltr"] .x-border-radius--top-right-13 {
2735
+ border-top-right-radius: var(--x-size-base-13) !important;
2693
2736
  }
2694
- [dir="rtl"] .x-border-radius--top-right-17 {
2695
- border-top-left-radius: var(--x-size-base-17) !important;
2737
+ [dir="rtl"] .x-border-radius--top-right-13 {
2738
+ border-top-left-radius: var(--x-size-base-13) !important;
2696
2739
  }
2697
- [dir="ltr"] .x-border-radius--bottom-left-17 {
2698
- border-bottom-left-radius: var(--x-size-base-17) !important;
2740
+ [dir="ltr"] .x-border-radius--bottom-left-13 {
2741
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2699
2742
  }
2700
- [dir="rtl"] .x-border-radius--bottom-left-17 {
2701
- border-bottom-right-radius: var(--x-size-base-17) !important;
2743
+ [dir="rtl"] .x-border-radius--bottom-left-13 {
2744
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2702
2745
  }
2703
- [dir="ltr"] .x-border-radius--bottom-right-17 {
2704
- border-bottom-right-radius: var(--x-size-base-17) !important;
2746
+ [dir="ltr"] .x-border-radius--bottom-right-13 {
2747
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2705
2748
  }
2706
- [dir="rtl"] .x-border-radius--bottom-right-17 {
2707
- border-bottom-left-radius: var(--x-size-base-17) !important;
2749
+ [dir="rtl"] .x-border-radius--bottom-right-13 {
2750
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2708
2751
  }
2709
- .x-border-radius--18 {
2710
- border-radius: var(--x-size-base-18) !important;
2752
+ .x-border-radius--14 {
2753
+ border-radius: var(--x-size-base-14) !important;
2711
2754
  }
2712
- [dir="ltr"] .x-border-radius--top-18 {
2713
- border-top-left-radius: var(--x-size-base-18) !important;
2755
+ [dir="ltr"] .x-border-radius--top-14 {
2756
+ border-top-left-radius: var(--x-size-base-14) !important;
2714
2757
  }
2715
- [dir="rtl"] .x-border-radius--top-18 {
2716
- border-top-right-radius: var(--x-size-base-18) !important;
2758
+ [dir="rtl"] .x-border-radius--top-14 {
2759
+ border-top-right-radius: var(--x-size-base-14) !important;
2717
2760
  }
2718
- [dir="ltr"] .x-border-radius--top-18 {
2719
- border-top-right-radius: var(--x-size-base-18) !important;
2761
+ [dir="ltr"] .x-border-radius--top-14 {
2762
+ border-top-right-radius: var(--x-size-base-14) !important;
2720
2763
  }
2721
- [dir="rtl"] .x-border-radius--top-18 {
2722
- border-top-left-radius: var(--x-size-base-18) !important;
2764
+ [dir="rtl"] .x-border-radius--top-14 {
2765
+ border-top-left-radius: var(--x-size-base-14) !important;
2723
2766
  }
2724
- [dir="ltr"] .x-border-radius--bottom-18 {
2725
- border-bottom-left-radius: var(--x-size-base-18) !important;
2767
+ [dir="ltr"] .x-border-radius--bottom-14 {
2768
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2726
2769
  }
2727
- [dir="rtl"] .x-border-radius--bottom-18 {
2728
- border-bottom-right-radius: var(--x-size-base-18) !important;
2770
+ [dir="rtl"] .x-border-radius--bottom-14 {
2771
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2729
2772
  }
2730
- [dir="ltr"] .x-border-radius--bottom-18 {
2731
- border-bottom-right-radius: var(--x-size-base-18) !important;
2773
+ [dir="ltr"] .x-border-radius--bottom-14 {
2774
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2732
2775
  }
2733
- [dir="rtl"] .x-border-radius--bottom-18 {
2734
- border-bottom-left-radius: var(--x-size-base-18) !important;
2776
+ [dir="rtl"] .x-border-radius--bottom-14 {
2777
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2735
2778
  }
2736
- [dir="ltr"] .x-border-radius--right-18 {
2737
- border-top-right-radius: var(--x-size-base-18) !important;
2779
+ [dir="ltr"] .x-border-radius--right-14 {
2780
+ border-top-right-radius: var(--x-size-base-14) !important;
2738
2781
  }
2739
- [dir="rtl"] .x-border-radius--right-18 {
2740
- border-top-left-radius: var(--x-size-base-18) !important;
2782
+ [dir="rtl"] .x-border-radius--right-14 {
2783
+ border-top-left-radius: var(--x-size-base-14) !important;
2741
2784
  }
2742
- [dir="ltr"] .x-border-radius--right-18 {
2743
- border-bottom-right-radius: var(--x-size-base-18) !important;
2785
+ [dir="ltr"] .x-border-radius--right-14 {
2786
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2744
2787
  }
2745
- [dir="rtl"] .x-border-radius--right-18 {
2746
- border-bottom-left-radius: var(--x-size-base-18) !important;
2788
+ [dir="rtl"] .x-border-radius--right-14 {
2789
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2747
2790
  }
2748
- [dir="ltr"] .x-border-radius--left-18 {
2749
- border-top-left-radius: var(--x-size-base-18) !important;
2791
+ [dir="ltr"] .x-border-radius--left-14 {
2792
+ border-top-left-radius: var(--x-size-base-14) !important;
2750
2793
  }
2751
- [dir="rtl"] .x-border-radius--left-18 {
2752
- border-top-right-radius: var(--x-size-base-18) !important;
2794
+ [dir="rtl"] .x-border-radius--left-14 {
2795
+ border-top-right-radius: var(--x-size-base-14) !important;
2753
2796
  }
2754
- [dir="ltr"] .x-border-radius--left-18 {
2755
- border-bottom-left-radius: var(--x-size-base-18) !important;
2797
+ [dir="ltr"] .x-border-radius--left-14 {
2798
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2756
2799
  }
2757
- [dir="rtl"] .x-border-radius--left-18 {
2758
- border-bottom-right-radius: var(--x-size-base-18) !important;
2800
+ [dir="rtl"] .x-border-radius--left-14 {
2801
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2759
2802
  }
2760
- [dir="ltr"] .x-border-radius--top-left-18 {
2761
- border-top-left-radius: var(--x-size-base-18) !important;
2803
+ [dir="ltr"] .x-border-radius--top-left-14 {
2804
+ border-top-left-radius: var(--x-size-base-14) !important;
2762
2805
  }
2763
- [dir="rtl"] .x-border-radius--top-left-18 {
2764
- border-top-right-radius: var(--x-size-base-18) !important;
2806
+ [dir="rtl"] .x-border-radius--top-left-14 {
2807
+ border-top-right-radius: var(--x-size-base-14) !important;
2765
2808
  }
2766
- [dir="ltr"] .x-border-radius--top-right-18 {
2767
- border-top-right-radius: var(--x-size-base-18) !important;
2809
+ [dir="ltr"] .x-border-radius--top-right-14 {
2810
+ border-top-right-radius: var(--x-size-base-14) !important;
2768
2811
  }
2769
- [dir="rtl"] .x-border-radius--top-right-18 {
2770
- border-top-left-radius: var(--x-size-base-18) !important;
2812
+ [dir="rtl"] .x-border-radius--top-right-14 {
2813
+ border-top-left-radius: var(--x-size-base-14) !important;
2771
2814
  }
2772
- [dir="ltr"] .x-border-radius--bottom-left-18 {
2773
- border-bottom-left-radius: var(--x-size-base-18) !important;
2815
+ [dir="ltr"] .x-border-radius--bottom-left-14 {
2816
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2774
2817
  }
2775
- [dir="rtl"] .x-border-radius--bottom-left-18 {
2776
- border-bottom-right-radius: var(--x-size-base-18) !important;
2818
+ [dir="rtl"] .x-border-radius--bottom-left-14 {
2819
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2777
2820
  }
2778
- [dir="ltr"] .x-border-radius--bottom-right-18 {
2779
- border-bottom-right-radius: var(--x-size-base-18) !important;
2821
+ [dir="ltr"] .x-border-radius--bottom-right-14 {
2822
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2780
2823
  }
2781
- [dir="rtl"] .x-border-radius--bottom-right-18 {
2782
- border-bottom-left-radius: var(--x-size-base-18) !important;
2824
+ [dir="rtl"] .x-border-radius--bottom-right-14 {
2825
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2783
2826
  }
2784
- .x-border-radius--19 {
2785
- border-radius: var(--x-size-base-19) !important;
2827
+ .x-border-radius--15 {
2828
+ border-radius: var(--x-size-base-15) !important;
2786
2829
  }
2787
- [dir="ltr"] .x-border-radius--top-19 {
2788
- border-top-left-radius: var(--x-size-base-19) !important;
2830
+ [dir="ltr"] .x-border-radius--top-15 {
2831
+ border-top-left-radius: var(--x-size-base-15) !important;
2789
2832
  }
2790
- [dir="rtl"] .x-border-radius--top-19 {
2791
- border-top-right-radius: var(--x-size-base-19) !important;
2833
+ [dir="rtl"] .x-border-radius--top-15 {
2834
+ border-top-right-radius: var(--x-size-base-15) !important;
2792
2835
  }
2793
- [dir="ltr"] .x-border-radius--top-19 {
2794
- border-top-right-radius: var(--x-size-base-19) !important;
2836
+ [dir="ltr"] .x-border-radius--top-15 {
2837
+ border-top-right-radius: var(--x-size-base-15) !important;
2795
2838
  }
2796
- [dir="rtl"] .x-border-radius--top-19 {
2797
- border-top-left-radius: var(--x-size-base-19) !important;
2839
+ [dir="rtl"] .x-border-radius--top-15 {
2840
+ border-top-left-radius: var(--x-size-base-15) !important;
2798
2841
  }
2799
- [dir="ltr"] .x-border-radius--bottom-19 {
2800
- border-bottom-left-radius: var(--x-size-base-19) !important;
2842
+ [dir="ltr"] .x-border-radius--bottom-15 {
2843
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2801
2844
  }
2802
- [dir="rtl"] .x-border-radius--bottom-19 {
2803
- border-bottom-right-radius: var(--x-size-base-19) !important;
2845
+ [dir="rtl"] .x-border-radius--bottom-15 {
2846
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2804
2847
  }
2805
- [dir="ltr"] .x-border-radius--bottom-19 {
2806
- border-bottom-right-radius: var(--x-size-base-19) !important;
2848
+ [dir="ltr"] .x-border-radius--bottom-15 {
2849
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2807
2850
  }
2808
- [dir="rtl"] .x-border-radius--bottom-19 {
2809
- border-bottom-left-radius: var(--x-size-base-19) !important;
2851
+ [dir="rtl"] .x-border-radius--bottom-15 {
2852
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2810
2853
  }
2811
- [dir="ltr"] .x-border-radius--right-19 {
2812
- border-top-right-radius: var(--x-size-base-19) !important;
2854
+ [dir="ltr"] .x-border-radius--right-15 {
2855
+ border-top-right-radius: var(--x-size-base-15) !important;
2813
2856
  }
2814
- [dir="rtl"] .x-border-radius--right-19 {
2815
- border-top-left-radius: var(--x-size-base-19) !important;
2857
+ [dir="rtl"] .x-border-radius--right-15 {
2858
+ border-top-left-radius: var(--x-size-base-15) !important;
2816
2859
  }
2817
- [dir="ltr"] .x-border-radius--right-19 {
2818
- border-bottom-right-radius: var(--x-size-base-19) !important;
2860
+ [dir="ltr"] .x-border-radius--right-15 {
2861
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2819
2862
  }
2820
- [dir="rtl"] .x-border-radius--right-19 {
2821
- border-bottom-left-radius: var(--x-size-base-19) !important;
2863
+ [dir="rtl"] .x-border-radius--right-15 {
2864
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2822
2865
  }
2823
- [dir="ltr"] .x-border-radius--left-19 {
2824
- border-top-left-radius: var(--x-size-base-19) !important;
2866
+ [dir="ltr"] .x-border-radius--left-15 {
2867
+ border-top-left-radius: var(--x-size-base-15) !important;
2825
2868
  }
2826
- [dir="rtl"] .x-border-radius--left-19 {
2827
- border-top-right-radius: var(--x-size-base-19) !important;
2869
+ [dir="rtl"] .x-border-radius--left-15 {
2870
+ border-top-right-radius: var(--x-size-base-15) !important;
2828
2871
  }
2829
- [dir="ltr"] .x-border-radius--left-19 {
2830
- border-bottom-left-radius: var(--x-size-base-19) !important;
2872
+ [dir="ltr"] .x-border-radius--left-15 {
2873
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2831
2874
  }
2832
- [dir="rtl"] .x-border-radius--left-19 {
2833
- border-bottom-right-radius: var(--x-size-base-19) !important;
2875
+ [dir="rtl"] .x-border-radius--left-15 {
2876
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2834
2877
  }
2835
- [dir="ltr"] .x-border-radius--top-left-19 {
2836
- border-top-left-radius: var(--x-size-base-19) !important;
2878
+ [dir="ltr"] .x-border-radius--top-left-15 {
2879
+ border-top-left-radius: var(--x-size-base-15) !important;
2837
2880
  }
2838
- [dir="rtl"] .x-border-radius--top-left-19 {
2839
- border-top-right-radius: var(--x-size-base-19) !important;
2881
+ [dir="rtl"] .x-border-radius--top-left-15 {
2882
+ border-top-right-radius: var(--x-size-base-15) !important;
2840
2883
  }
2841
- [dir="ltr"] .x-border-radius--top-right-19 {
2842
- border-top-right-radius: var(--x-size-base-19) !important;
2884
+ [dir="ltr"] .x-border-radius--top-right-15 {
2885
+ border-top-right-radius: var(--x-size-base-15) !important;
2843
2886
  }
2844
- [dir="rtl"] .x-border-radius--top-right-19 {
2845
- border-top-left-radius: var(--x-size-base-19) !important;
2887
+ [dir="rtl"] .x-border-radius--top-right-15 {
2888
+ border-top-left-radius: var(--x-size-base-15) !important;
2846
2889
  }
2847
- [dir="ltr"] .x-border-radius--bottom-left-19 {
2848
- border-bottom-left-radius: var(--x-size-base-19) !important;
2890
+ [dir="ltr"] .x-border-radius--bottom-left-15 {
2891
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2849
2892
  }
2850
- [dir="rtl"] .x-border-radius--bottom-left-19 {
2851
- border-bottom-right-radius: var(--x-size-base-19) !important;
2893
+ [dir="rtl"] .x-border-radius--bottom-left-15 {
2894
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2852
2895
  }
2853
- [dir="ltr"] .x-border-radius--bottom-right-19 {
2854
- border-bottom-right-radius: var(--x-size-base-19) !important;
2896
+ [dir="ltr"] .x-border-radius--bottom-right-15 {
2897
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2855
2898
  }
2856
- [dir="rtl"] .x-border-radius--bottom-right-19 {
2857
- border-bottom-left-radius: var(--x-size-base-19) !important;
2899
+ [dir="rtl"] .x-border-radius--bottom-right-15 {
2900
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2858
2901
  }
2859
- .x-border-radius--20 {
2860
- border-radius: var(--x-size-base-20) !important;
2902
+ .x-border-radius--16 {
2903
+ border-radius: var(--x-size-base-16) !important;
2861
2904
  }
2862
- [dir="ltr"] .x-border-radius--top-20 {
2863
- border-top-left-radius: var(--x-size-base-20) !important;
2905
+ [dir="ltr"] .x-border-radius--top-16 {
2906
+ border-top-left-radius: var(--x-size-base-16) !important;
2864
2907
  }
2865
- [dir="rtl"] .x-border-radius--top-20 {
2866
- border-top-right-radius: var(--x-size-base-20) !important;
2908
+ [dir="rtl"] .x-border-radius--top-16 {
2909
+ border-top-right-radius: var(--x-size-base-16) !important;
2867
2910
  }
2868
- [dir="ltr"] .x-border-radius--top-20 {
2869
- border-top-right-radius: var(--x-size-base-20) !important;
2911
+ [dir="ltr"] .x-border-radius--top-16 {
2912
+ border-top-right-radius: var(--x-size-base-16) !important;
2870
2913
  }
2871
- [dir="rtl"] .x-border-radius--top-20 {
2872
- border-top-left-radius: var(--x-size-base-20) !important;
2914
+ [dir="rtl"] .x-border-radius--top-16 {
2915
+ border-top-left-radius: var(--x-size-base-16) !important;
2873
2916
  }
2874
- [dir="ltr"] .x-border-radius--bottom-20 {
2875
- border-bottom-left-radius: var(--x-size-base-20) !important;
2917
+ [dir="ltr"] .x-border-radius--bottom-16 {
2918
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2876
2919
  }
2877
- [dir="rtl"] .x-border-radius--bottom-20 {
2878
- border-bottom-right-radius: var(--x-size-base-20) !important;
2920
+ [dir="rtl"] .x-border-radius--bottom-16 {
2921
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2879
2922
  }
2880
- [dir="ltr"] .x-border-radius--bottom-20 {
2881
- border-bottom-right-radius: var(--x-size-base-20) !important;
2923
+ [dir="ltr"] .x-border-radius--bottom-16 {
2924
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2882
2925
  }
2883
- [dir="rtl"] .x-border-radius--bottom-20 {
2884
- border-bottom-left-radius: var(--x-size-base-20) !important;
2926
+ [dir="rtl"] .x-border-radius--bottom-16 {
2927
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2885
2928
  }
2886
- [dir="ltr"] .x-border-radius--right-20 {
2887
- border-top-right-radius: var(--x-size-base-20) !important;
2929
+ [dir="ltr"] .x-border-radius--right-16 {
2930
+ border-top-right-radius: var(--x-size-base-16) !important;
2888
2931
  }
2889
- [dir="rtl"] .x-border-radius--right-20 {
2890
- border-top-left-radius: var(--x-size-base-20) !important;
2932
+ [dir="rtl"] .x-border-radius--right-16 {
2933
+ border-top-left-radius: var(--x-size-base-16) !important;
2891
2934
  }
2892
- [dir="ltr"] .x-border-radius--right-20 {
2893
- border-bottom-right-radius: var(--x-size-base-20) !important;
2935
+ [dir="ltr"] .x-border-radius--right-16 {
2936
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2894
2937
  }
2895
- [dir="rtl"] .x-border-radius--right-20 {
2896
- border-bottom-left-radius: var(--x-size-base-20) !important;
2938
+ [dir="rtl"] .x-border-radius--right-16 {
2939
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2897
2940
  }
2898
- [dir="ltr"] .x-border-radius--left-20 {
2899
- border-top-left-radius: var(--x-size-base-20) !important;
2941
+ [dir="ltr"] .x-border-radius--left-16 {
2942
+ border-top-left-radius: var(--x-size-base-16) !important;
2900
2943
  }
2901
- [dir="rtl"] .x-border-radius--left-20 {
2902
- border-top-right-radius: var(--x-size-base-20) !important;
2944
+ [dir="rtl"] .x-border-radius--left-16 {
2945
+ border-top-right-radius: var(--x-size-base-16) !important;
2903
2946
  }
2904
- [dir="ltr"] .x-border-radius--left-20 {
2905
- border-bottom-left-radius: var(--x-size-base-20) !important;
2947
+ [dir="ltr"] .x-border-radius--left-16 {
2948
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2906
2949
  }
2907
- [dir="rtl"] .x-border-radius--left-20 {
2908
- border-bottom-right-radius: var(--x-size-base-20) !important;
2950
+ [dir="rtl"] .x-border-radius--left-16 {
2951
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2909
2952
  }
2910
- [dir="ltr"] .x-border-radius--top-left-20 {
2911
- border-top-left-radius: var(--x-size-base-20) !important;
2953
+ [dir="ltr"] .x-border-radius--top-left-16 {
2954
+ border-top-left-radius: var(--x-size-base-16) !important;
2912
2955
  }
2913
- [dir="rtl"] .x-border-radius--top-left-20 {
2914
- border-top-right-radius: var(--x-size-base-20) !important;
2956
+ [dir="rtl"] .x-border-radius--top-left-16 {
2957
+ border-top-right-radius: var(--x-size-base-16) !important;
2915
2958
  }
2916
- [dir="ltr"] .x-border-radius--top-right-20 {
2917
- border-top-right-radius: var(--x-size-base-20) !important;
2959
+ [dir="ltr"] .x-border-radius--top-right-16 {
2960
+ border-top-right-radius: var(--x-size-base-16) !important;
2918
2961
  }
2919
- [dir="rtl"] .x-border-radius--top-right-20 {
2920
- border-top-left-radius: var(--x-size-base-20) !important;
2962
+ [dir="rtl"] .x-border-radius--top-right-16 {
2963
+ border-top-left-radius: var(--x-size-base-16) !important;
2921
2964
  }
2922
- [dir="ltr"] .x-border-radius--bottom-left-20 {
2923
- border-bottom-left-radius: var(--x-size-base-20) !important;
2965
+ [dir="ltr"] .x-border-radius--bottom-left-16 {
2966
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2924
2967
  }
2925
- [dir="rtl"] .x-border-radius--bottom-left-20 {
2926
- border-bottom-right-radius: var(--x-size-base-20) !important;
2968
+ [dir="rtl"] .x-border-radius--bottom-left-16 {
2969
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2927
2970
  }
2928
- [dir="ltr"] .x-border-radius--bottom-right-20 {
2929
- border-bottom-right-radius: var(--x-size-base-20) !important;
2971
+ [dir="ltr"] .x-border-radius--bottom-right-16 {
2972
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2930
2973
  }
2931
- [dir="rtl"] .x-border-radius--bottom-right-20 {
2932
- border-bottom-left-radius: var(--x-size-base-20) !important;
2974
+ [dir="rtl"] .x-border-radius--bottom-right-16 {
2975
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2933
2976
  }
2934
- *[class*=x-border-width--] {
2935
- border-width: 0;
2977
+ .x-border-radius--17 {
2978
+ border-radius: var(--x-size-base-17) !important;
2936
2979
  }
2937
-
2938
- .x-border-width--00 {
2939
- border-width: 0px !important;
2940
- border-style: solid !important;
2980
+ [dir="ltr"] .x-border-radius--top-17 {
2981
+ border-top-left-radius: var(--x-size-base-17) !important;
2941
2982
  }
2942
- .x-border-width--top-00 {
2943
- border-top-width: 0px !important;
2944
- border-style: solid !important;
2983
+ [dir="rtl"] .x-border-radius--top-17 {
2984
+ border-top-right-radius: var(--x-size-base-17) !important;
2945
2985
  }
2946
- .x-border-width--bottom-00 {
2947
- border-bottom-width: 0px !important;
2948
- border-style: solid !important;
2986
+ [dir="ltr"] .x-border-radius--top-17 {
2987
+ border-top-right-radius: var(--x-size-base-17) !important;
2949
2988
  }
2950
- [dir="ltr"] .x-border-width--right-00 {
2951
- border-right-width: 0px !important;
2989
+ [dir="rtl"] .x-border-radius--top-17 {
2990
+ border-top-left-radius: var(--x-size-base-17) !important;
2952
2991
  }
2953
- [dir="rtl"] .x-border-width--right-00 {
2954
- border-left-width: 0px !important;
2992
+ [dir="ltr"] .x-border-radius--bottom-17 {
2993
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2955
2994
  }
2956
- .x-border-width--right-00 {
2957
- border-style: solid !important;
2995
+ [dir="rtl"] .x-border-radius--bottom-17 {
2996
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2958
2997
  }
2959
- [dir="ltr"] .x-border-width--left-00 {
2960
- border-left-width: 0px !important;
2998
+ [dir="ltr"] .x-border-radius--bottom-17 {
2999
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2961
3000
  }
2962
- [dir="rtl"] .x-border-width--left-00 {
2963
- border-right-width: 0px !important;
3001
+ [dir="rtl"] .x-border-radius--bottom-17 {
3002
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2964
3003
  }
2965
- .x-border-width--left-00 {
2966
- border-style: solid !important;
3004
+ [dir="ltr"] .x-border-radius--right-17 {
3005
+ border-top-right-radius: var(--x-size-base-17) !important;
2967
3006
  }
2968
- .x-border-width--01 {
2969
- border-width: 1px !important;
2970
- border-style: solid !important;
3007
+ [dir="rtl"] .x-border-radius--right-17 {
3008
+ border-top-left-radius: var(--x-size-base-17) !important;
2971
3009
  }
2972
- .x-border-width--top-01 {
2973
- border-top-width: 1px !important;
2974
- border-style: solid !important;
3010
+ [dir="ltr"] .x-border-radius--right-17 {
3011
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2975
3012
  }
2976
- .x-border-width--bottom-01 {
2977
- border-bottom-width: 1px !important;
2978
- border-style: solid !important;
3013
+ [dir="rtl"] .x-border-radius--right-17 {
3014
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2979
3015
  }
2980
- [dir="ltr"] .x-border-width--right-01 {
2981
- border-right-width: 1px !important;
3016
+ [dir="ltr"] .x-border-radius--left-17 {
3017
+ border-top-left-radius: var(--x-size-base-17) !important;
2982
3018
  }
2983
- [dir="rtl"] .x-border-width--right-01 {
2984
- border-left-width: 1px !important;
3019
+ [dir="rtl"] .x-border-radius--left-17 {
3020
+ border-top-right-radius: var(--x-size-base-17) !important;
2985
3021
  }
2986
- .x-border-width--right-01 {
2987
- border-style: solid !important;
3022
+ [dir="ltr"] .x-border-radius--left-17 {
3023
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2988
3024
  }
2989
- [dir="ltr"] .x-border-width--left-01 {
2990
- border-left-width: 1px !important;
3025
+ [dir="rtl"] .x-border-radius--left-17 {
3026
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2991
3027
  }
2992
- [dir="rtl"] .x-border-width--left-01 {
2993
- border-right-width: 1px !important;
3028
+ [dir="ltr"] .x-border-radius--top-left-17 {
3029
+ border-top-left-radius: var(--x-size-base-17) !important;
2994
3030
  }
2995
- .x-border-width--left-01 {
2996
- border-style: solid !important;
3031
+ [dir="rtl"] .x-border-radius--top-left-17 {
3032
+ border-top-right-radius: var(--x-size-base-17) !important;
2997
3033
  }
2998
- .x-border-width--02 {
2999
- border-width: 2px !important;
3000
- border-style: solid !important;
3034
+ [dir="ltr"] .x-border-radius--top-right-17 {
3035
+ border-top-right-radius: var(--x-size-base-17) !important;
3001
3036
  }
3002
- .x-border-width--top-02 {
3003
- border-top-width: 2px !important;
3004
- border-style: solid !important;
3037
+ [dir="rtl"] .x-border-radius--top-right-17 {
3038
+ border-top-left-radius: var(--x-size-base-17) !important;
3005
3039
  }
3006
- .x-border-width--bottom-02 {
3007
- border-bottom-width: 2px !important;
3008
- border-style: solid !important;
3040
+ [dir="ltr"] .x-border-radius--bottom-left-17 {
3041
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3009
3042
  }
3010
- [dir="ltr"] .x-border-width--right-02 {
3011
- border-right-width: 2px !important;
3043
+ [dir="rtl"] .x-border-radius--bottom-left-17 {
3044
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3012
3045
  }
3013
- [dir="rtl"] .x-border-width--right-02 {
3014
- border-left-width: 2px !important;
3046
+ [dir="ltr"] .x-border-radius--bottom-right-17 {
3047
+ border-bottom-right-radius: var(--x-size-base-17) !important;
3015
3048
  }
3016
- .x-border-width--right-02 {
3017
- border-style: solid !important;
3049
+ [dir="rtl"] .x-border-radius--bottom-right-17 {
3050
+ border-bottom-left-radius: var(--x-size-base-17) !important;
3018
3051
  }
3019
- [dir="ltr"] .x-border-width--left-02 {
3020
- border-left-width: 2px !important;
3052
+ .x-border-radius--18 {
3053
+ border-radius: var(--x-size-base-18) !important;
3021
3054
  }
3022
- [dir="rtl"] .x-border-width--left-02 {
3023
- border-right-width: 2px !important;
3055
+ [dir="ltr"] .x-border-radius--top-18 {
3056
+ border-top-left-radius: var(--x-size-base-18) !important;
3024
3057
  }
3025
- .x-border-width--left-02 {
3026
- border-style: solid !important;
3058
+ [dir="rtl"] .x-border-radius--top-18 {
3059
+ border-top-right-radius: var(--x-size-base-18) !important;
3027
3060
  }
3028
- .x-border-width--03 {
3029
- border-width: 3px !important;
3030
- border-style: solid !important;
3061
+ [dir="ltr"] .x-border-radius--top-18 {
3062
+ border-top-right-radius: var(--x-size-base-18) !important;
3031
3063
  }
3032
- .x-border-width--top-03 {
3033
- border-top-width: 3px !important;
3034
- border-style: solid !important;
3064
+ [dir="rtl"] .x-border-radius--top-18 {
3065
+ border-top-left-radius: var(--x-size-base-18) !important;
3035
3066
  }
3036
- .x-border-width--bottom-03 {
3037
- border-bottom-width: 3px !important;
3038
- border-style: solid !important;
3067
+ [dir="ltr"] .x-border-radius--bottom-18 {
3068
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3039
3069
  }
3040
- [dir="ltr"] .x-border-width--right-03 {
3041
- border-right-width: 3px !important;
3070
+ [dir="rtl"] .x-border-radius--bottom-18 {
3071
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3042
3072
  }
3043
- [dir="rtl"] .x-border-width--right-03 {
3044
- border-left-width: 3px !important;
3073
+ [dir="ltr"] .x-border-radius--bottom-18 {
3074
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3045
3075
  }
3046
- .x-border-width--right-03 {
3047
- border-style: solid !important;
3076
+ [dir="rtl"] .x-border-radius--bottom-18 {
3077
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3048
3078
  }
3049
- [dir="ltr"] .x-border-width--left-03 {
3050
- border-left-width: 3px !important;
3079
+ [dir="ltr"] .x-border-radius--right-18 {
3080
+ border-top-right-radius: var(--x-size-base-18) !important;
3051
3081
  }
3052
- [dir="rtl"] .x-border-width--left-03 {
3053
- border-right-width: 3px !important;
3082
+ [dir="rtl"] .x-border-radius--right-18 {
3083
+ border-top-left-radius: var(--x-size-base-18) !important;
3054
3084
  }
3055
- .x-border-width--left-03 {
3056
- border-style: solid !important;
3085
+ [dir="ltr"] .x-border-radius--right-18 {
3086
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3057
3087
  }
3058
- .x-border-width--04 {
3059
- border-width: 4px !important;
3060
- border-style: solid !important;
3088
+ [dir="rtl"] .x-border-radius--right-18 {
3089
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3061
3090
  }
3062
- .x-border-width--top-04 {
3063
- border-top-width: 4px !important;
3064
- border-style: solid !important;
3091
+ [dir="ltr"] .x-border-radius--left-18 {
3092
+ border-top-left-radius: var(--x-size-base-18) !important;
3065
3093
  }
3066
- .x-border-width--bottom-04 {
3067
- border-bottom-width: 4px !important;
3068
- border-style: solid !important;
3094
+ [dir="rtl"] .x-border-radius--left-18 {
3095
+ border-top-right-radius: var(--x-size-base-18) !important;
3069
3096
  }
3070
- [dir="ltr"] .x-border-width--right-04 {
3071
- border-right-width: 4px !important;
3097
+ [dir="ltr"] .x-border-radius--left-18 {
3098
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3072
3099
  }
3073
- [dir="rtl"] .x-border-width--right-04 {
3074
- border-left-width: 4px !important;
3100
+ [dir="rtl"] .x-border-radius--left-18 {
3101
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3075
3102
  }
3076
- .x-border-width--right-04 {
3077
- border-style: solid !important;
3103
+ [dir="ltr"] .x-border-radius--top-left-18 {
3104
+ border-top-left-radius: var(--x-size-base-18) !important;
3078
3105
  }
3079
- [dir="ltr"] .x-border-width--left-04 {
3080
- border-left-width: 4px !important;
3106
+ [dir="rtl"] .x-border-radius--top-left-18 {
3107
+ border-top-right-radius: var(--x-size-base-18) !important;
3081
3108
  }
3082
- [dir="rtl"] .x-border-width--left-04 {
3083
- border-right-width: 4px !important;
3109
+ [dir="ltr"] .x-border-radius--top-right-18 {
3110
+ border-top-right-radius: var(--x-size-base-18) !important;
3084
3111
  }
3085
- .x-border-width--left-04 {
3086
- border-style: solid !important;
3112
+ [dir="rtl"] .x-border-radius--top-right-18 {
3113
+ border-top-left-radius: var(--x-size-base-18) !important;
3087
3114
  }
3088
- .x-border-width--05 {
3089
- border-width: 5px !important;
3090
- border-style: solid !important;
3115
+ [dir="ltr"] .x-border-radius--bottom-left-18 {
3116
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3091
3117
  }
3092
- .x-border-width--top-05 {
3093
- border-top-width: 5px !important;
3094
- border-style: solid !important;
3118
+ [dir="rtl"] .x-border-radius--bottom-left-18 {
3119
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3095
3120
  }
3096
- .x-border-width--bottom-05 {
3097
- border-bottom-width: 5px !important;
3098
- border-style: solid !important;
3121
+ [dir="ltr"] .x-border-radius--bottom-right-18 {
3122
+ border-bottom-right-radius: var(--x-size-base-18) !important;
3099
3123
  }
3100
- [dir="ltr"] .x-border-width--right-05 {
3101
- border-right-width: 5px !important;
3124
+ [dir="rtl"] .x-border-radius--bottom-right-18 {
3125
+ border-bottom-left-radius: var(--x-size-base-18) !important;
3102
3126
  }
3103
- [dir="rtl"] .x-border-width--right-05 {
3104
- border-left-width: 5px !important;
3127
+ .x-border-radius--19 {
3128
+ border-radius: var(--x-size-base-19) !important;
3105
3129
  }
3106
- .x-border-width--right-05 {
3107
- border-style: solid !important;
3130
+ [dir="ltr"] .x-border-radius--top-19 {
3131
+ border-top-left-radius: var(--x-size-base-19) !important;
3108
3132
  }
3109
- [dir="ltr"] .x-border-width--left-05 {
3110
- border-left-width: 5px !important;
3133
+ [dir="rtl"] .x-border-radius--top-19 {
3134
+ border-top-right-radius: var(--x-size-base-19) !important;
3111
3135
  }
3112
- [dir="rtl"] .x-border-width--left-05 {
3113
- border-right-width: 5px !important;
3136
+ [dir="ltr"] .x-border-radius--top-19 {
3137
+ border-top-right-radius: var(--x-size-base-19) !important;
3114
3138
  }
3115
- .x-border-width--left-05 {
3116
- border-style: solid !important;
3139
+ [dir="rtl"] .x-border-radius--top-19 {
3140
+ border-top-left-radius: var(--x-size-base-19) !important;
3117
3141
  }
3118
- .x-border-width--06 {
3119
- border-width: 6px !important;
3120
- border-style: solid !important;
3142
+ [dir="ltr"] .x-border-radius--bottom-19 {
3143
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3121
3144
  }
3122
- .x-border-width--top-06 {
3123
- border-top-width: 6px !important;
3124
- border-style: solid !important;
3145
+ [dir="rtl"] .x-border-radius--bottom-19 {
3146
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3125
3147
  }
3126
- .x-border-width--bottom-06 {
3127
- border-bottom-width: 6px !important;
3128
- border-style: solid !important;
3148
+ [dir="ltr"] .x-border-radius--bottom-19 {
3149
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3129
3150
  }
3130
- [dir="ltr"] .x-border-width--right-06 {
3131
- border-right-width: 6px !important;
3151
+ [dir="rtl"] .x-border-radius--bottom-19 {
3152
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3132
3153
  }
3133
- [dir="rtl"] .x-border-width--right-06 {
3134
- border-left-width: 6px !important;
3154
+ [dir="ltr"] .x-border-radius--right-19 {
3155
+ border-top-right-radius: var(--x-size-base-19) !important;
3135
3156
  }
3136
- .x-border-width--right-06 {
3137
- border-style: solid !important;
3157
+ [dir="rtl"] .x-border-radius--right-19 {
3158
+ border-top-left-radius: var(--x-size-base-19) !important;
3138
3159
  }
3139
- [dir="ltr"] .x-border-width--left-06 {
3140
- border-left-width: 6px !important;
3160
+ [dir="ltr"] .x-border-radius--right-19 {
3161
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3141
3162
  }
3142
- [dir="rtl"] .x-border-width--left-06 {
3143
- border-right-width: 6px !important;
3163
+ [dir="rtl"] .x-border-radius--right-19 {
3164
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3144
3165
  }
3145
- .x-border-width--left-06 {
3146
- border-style: solid !important;
3166
+ [dir="ltr"] .x-border-radius--left-19 {
3167
+ border-top-left-radius: var(--x-size-base-19) !important;
3147
3168
  }
3148
- .x-border-width--07 {
3149
- border-width: 7px !important;
3150
- border-style: solid !important;
3169
+ [dir="rtl"] .x-border-radius--left-19 {
3170
+ border-top-right-radius: var(--x-size-base-19) !important;
3151
3171
  }
3152
- .x-border-width--top-07 {
3153
- border-top-width: 7px !important;
3154
- border-style: solid !important;
3172
+ [dir="ltr"] .x-border-radius--left-19 {
3173
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3155
3174
  }
3156
- .x-border-width--bottom-07 {
3157
- border-bottom-width: 7px !important;
3158
- border-style: solid !important;
3175
+ [dir="rtl"] .x-border-radius--left-19 {
3176
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3159
3177
  }
3160
- [dir="ltr"] .x-border-width--right-07 {
3161
- border-right-width: 7px !important;
3178
+ [dir="ltr"] .x-border-radius--top-left-19 {
3179
+ border-top-left-radius: var(--x-size-base-19) !important;
3162
3180
  }
3163
- [dir="rtl"] .x-border-width--right-07 {
3164
- border-left-width: 7px !important;
3181
+ [dir="rtl"] .x-border-radius--top-left-19 {
3182
+ border-top-right-radius: var(--x-size-base-19) !important;
3165
3183
  }
3166
- .x-border-width--right-07 {
3167
- border-style: solid !important;
3184
+ [dir="ltr"] .x-border-radius--top-right-19 {
3185
+ border-top-right-radius: var(--x-size-base-19) !important;
3168
3186
  }
3169
- [dir="ltr"] .x-border-width--left-07 {
3170
- border-left-width: 7px !important;
3187
+ [dir="rtl"] .x-border-radius--top-right-19 {
3188
+ border-top-left-radius: var(--x-size-base-19) !important;
3171
3189
  }
3172
- [dir="rtl"] .x-border-width--left-07 {
3173
- border-right-width: 7px !important;
3190
+ [dir="ltr"] .x-border-radius--bottom-left-19 {
3191
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3174
3192
  }
3175
- .x-border-width--left-07 {
3176
- border-style: solid !important;
3193
+ [dir="rtl"] .x-border-radius--bottom-left-19 {
3194
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3177
3195
  }
3178
- .x-border-width--08 {
3179
- border-width: 8px !important;
3180
- border-style: solid !important;
3196
+ [dir="ltr"] .x-border-radius--bottom-right-19 {
3197
+ border-bottom-right-radius: var(--x-size-base-19) !important;
3181
3198
  }
3182
- .x-border-width--top-08 {
3183
- border-top-width: 8px !important;
3184
- border-style: solid !important;
3199
+ [dir="rtl"] .x-border-radius--bottom-right-19 {
3200
+ border-bottom-left-radius: var(--x-size-base-19) !important;
3185
3201
  }
3186
- .x-border-width--bottom-08 {
3187
- border-bottom-width: 8px !important;
3188
- border-style: solid !important;
3202
+ .x-border-radius--20 {
3203
+ border-radius: var(--x-size-base-20) !important;
3189
3204
  }
3190
- [dir="ltr"] .x-border-width--right-08 {
3191
- border-right-width: 8px !important;
3205
+ [dir="ltr"] .x-border-radius--top-20 {
3206
+ border-top-left-radius: var(--x-size-base-20) !important;
3192
3207
  }
3193
- [dir="rtl"] .x-border-width--right-08 {
3194
- border-left-width: 8px !important;
3208
+ [dir="rtl"] .x-border-radius--top-20 {
3209
+ border-top-right-radius: var(--x-size-base-20) !important;
3195
3210
  }
3196
- .x-border-width--right-08 {
3197
- border-style: solid !important;
3211
+ [dir="ltr"] .x-border-radius--top-20 {
3212
+ border-top-right-radius: var(--x-size-base-20) !important;
3198
3213
  }
3199
- [dir="ltr"] .x-border-width--left-08 {
3200
- border-left-width: 8px !important;
3214
+ [dir="rtl"] .x-border-radius--top-20 {
3215
+ border-top-left-radius: var(--x-size-base-20) !important;
3201
3216
  }
3202
- [dir="rtl"] .x-border-width--left-08 {
3203
- border-right-width: 8px !important;
3217
+ [dir="ltr"] .x-border-radius--bottom-20 {
3218
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3204
3219
  }
3205
- .x-border-width--left-08 {
3206
- border-style: solid !important;
3220
+ [dir="rtl"] .x-border-radius--bottom-20 {
3221
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3207
3222
  }
3208
- .x-border-width--09 {
3209
- border-width: 9px !important;
3210
- border-style: solid !important;
3223
+ [dir="ltr"] .x-border-radius--bottom-20 {
3224
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3211
3225
  }
3212
- .x-border-width--top-09 {
3213
- border-top-width: 9px !important;
3214
- border-style: solid !important;
3226
+ [dir="rtl"] .x-border-radius--bottom-20 {
3227
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3215
3228
  }
3216
- .x-border-width--bottom-09 {
3217
- border-bottom-width: 9px !important;
3218
- border-style: solid !important;
3229
+ [dir="ltr"] .x-border-radius--right-20 {
3230
+ border-top-right-radius: var(--x-size-base-20) !important;
3219
3231
  }
3220
- [dir="ltr"] .x-border-width--right-09 {
3221
- border-right-width: 9px !important;
3232
+ [dir="rtl"] .x-border-radius--right-20 {
3233
+ border-top-left-radius: var(--x-size-base-20) !important;
3222
3234
  }
3223
- [dir="rtl"] .x-border-width--right-09 {
3224
- border-left-width: 9px !important;
3235
+ [dir="ltr"] .x-border-radius--right-20 {
3236
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3225
3237
  }
3226
- .x-border-width--right-09 {
3227
- border-style: solid !important;
3238
+ [dir="rtl"] .x-border-radius--right-20 {
3239
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3228
3240
  }
3229
- [dir="ltr"] .x-border-width--left-09 {
3230
- border-left-width: 9px !important;
3241
+ [dir="ltr"] .x-border-radius--left-20 {
3242
+ border-top-left-radius: var(--x-size-base-20) !important;
3231
3243
  }
3232
- [dir="rtl"] .x-border-width--left-09 {
3233
- border-right-width: 9px !important;
3244
+ [dir="rtl"] .x-border-radius--left-20 {
3245
+ border-top-right-radius: var(--x-size-base-20) !important;
3234
3246
  }
3235
- .x-border-width--left-09 {
3236
- border-style: solid !important;
3247
+ [dir="ltr"] .x-border-radius--left-20 {
3248
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3237
3249
  }
3238
- .x-border-width--10 {
3239
- border-width: 10px !important;
3240
- border-style: solid !important;
3250
+ [dir="rtl"] .x-border-radius--left-20 {
3251
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3241
3252
  }
3242
- .x-border-width--top-10 {
3243
- border-top-width: 10px !important;
3244
- border-style: solid !important;
3253
+ [dir="ltr"] .x-border-radius--top-left-20 {
3254
+ border-top-left-radius: var(--x-size-base-20) !important;
3245
3255
  }
3246
- .x-border-width--bottom-10 {
3247
- border-bottom-width: 10px !important;
3248
- border-style: solid !important;
3256
+ [dir="rtl"] .x-border-radius--top-left-20 {
3257
+ border-top-right-radius: var(--x-size-base-20) !important;
3249
3258
  }
3250
- [dir="ltr"] .x-border-width--right-10 {
3251
- border-right-width: 10px !important;
3259
+ [dir="ltr"] .x-border-radius--top-right-20 {
3260
+ border-top-right-radius: var(--x-size-base-20) !important;
3252
3261
  }
3253
- [dir="rtl"] .x-border-width--right-10 {
3254
- border-left-width: 10px !important;
3262
+ [dir="rtl"] .x-border-radius--top-right-20 {
3263
+ border-top-left-radius: var(--x-size-base-20) !important;
3255
3264
  }
3256
- .x-border-width--right-10 {
3257
- border-style: solid !important;
3265
+ [dir="ltr"] .x-border-radius--bottom-left-20 {
3266
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3258
3267
  }
3259
- [dir="ltr"] .x-border-width--left-10 {
3260
- border-left-width: 10px !important;
3268
+ [dir="rtl"] .x-border-radius--bottom-left-20 {
3269
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3261
3270
  }
3262
- [dir="rtl"] .x-border-width--left-10 {
3263
- border-right-width: 10px !important;
3271
+ [dir="ltr"] .x-border-radius--bottom-right-20 {
3272
+ border-bottom-right-radius: var(--x-size-base-20) !important;
3264
3273
  }
3265
- .x-border-width--left-10 {
3266
- border-style: solid !important;
3274
+ [dir="rtl"] .x-border-radius--bottom-right-20 {
3275
+ border-bottom-left-radius: var(--x-size-base-20) !important;
3267
3276
  }
3268
3277
  .x-border-color--lead {
3269
3278
  border-color: var(--x-color-base-lead) !important;
@@ -3323,6 +3332,9 @@
3323
3332
  .x-text--stroke.x-small {
3324
3333
  --x-string-text-decoration-small: line-through;
3325
3334
  }
3335
+ :root {
3336
+ --x-color-text-secondary: var(--x-color-base-neutral-35);
3337
+ }
3326
3338
  .x-background--lead {
3327
3339
  background-color: var(--x-color-base-lead) !important;
3328
3340
  }
@@ -3366,8 +3378,8 @@
3366
3378
  .x-background--transparent {
3367
3379
  background-color: var(--x-color-base-transparent) !important;
3368
3380
  }
3369
- :root {
3370
- --x-color-text-secondary: var(--x-color-base-neutral-35);
3381
+ .x-text--secondary {
3382
+ --x-color-text-default: var(--x-color-text-secondary);
3371
3383
  }
3372
3384
  .x-text--light.x-text {
3373
3385
  --x-number-font-weight-text: var(--x-number-font-weight-base-light);
@@ -3384,8 +3396,45 @@
3384
3396
  .x-text--light.x-small {
3385
3397
  --x-number-font-weight-small: var(--x-number-font-weight-base-light);
3386
3398
  }
3387
- .x-text--secondary {
3388
- --x-color-text-default: var(--x-color-text-secondary);
3399
+ :root {
3400
+ --x-font-family-base: "Montserrat", sans-serif;
3401
+ --x-size-font-base-xs: 12px;
3402
+ --x-size-font-base-s: 14px;
3403
+ --x-size-font-base-m: 16px;
3404
+ --x-size-font-base-l: 18px;
3405
+ --x-size-font-base-xl: 32px;
3406
+ --x-number-font-weight-base-light: 300;
3407
+ --x-number-font-weight-base-regular: 400;
3408
+ --x-number-font-weight-base-bold: 600;
3409
+ --x-size-line-height-base-s: 16px;
3410
+ --x-size-line-height-base-m: 24px;
3411
+ --x-size-line-height-base-l: 32px;
3412
+ --x-color-text-default: var(--x-color-base-neutral-10);
3413
+ --x-font-family-text: var(--x-font-family-base);
3414
+ --x-size-font-text: var(--x-size-font-base-s);
3415
+ --x-number-font-weight-text: var(--x-number-font-weight-base-regular);
3416
+ --x-size-line-height-text: var(--x-size-line-height-base-s);
3417
+ --x-string-text-decoration-text: none;
3418
+ --x-font-family-title1: var(--x-font-family-base);
3419
+ --x-size-font-title1: var(--x-size-font-base-xl);
3420
+ --x-number-font-weight-title1: var(--x-number-font-weight-base-regular);
3421
+ --x-size-line-height-title1: var(--x-size-line-height-base-l);
3422
+ --x-string-text-decoration-title1: none;
3423
+ --x-font-family-title2: var(--x-font-family-base);
3424
+ --x-size-font-title2: var(--x-size-font-base-l);
3425
+ --x-number-font-weight-title2: var(--x-number-font-weight-base-regular);
3426
+ --x-size-line-height-title2: var(--x-size-line-height-base-m);
3427
+ --x-string-text-decoration-title2: none;
3428
+ --x-font-family-title3: var(--x-font-family-base);
3429
+ --x-size-font-title3: var(--x-size-font-base-m);
3430
+ --x-number-font-weight-title3: var(--x-number-font-weight-base-regular);
3431
+ --x-size-line-height-title3: var(--x-size-line-height-base-m);
3432
+ --x-string-text-decoration-title3: none;
3433
+ --x-font-family-small: var(--x-font-family-base);
3434
+ --x-size-font-small: var(--x-size-font-base-xs);
3435
+ --x-number-font-weight-small: var(--x-number-font-weight-base-regular);
3436
+ --x-size-line-height-small: var(--x-size-line-height-base-s);
3437
+ --x-string-text-decoration-small: none;
3389
3438
  }
3390
3439
  :root {
3391
3440
  --x-font-family-base: "Montserrat", sans-serif;
@@ -3505,51 +3554,11 @@
3505
3554
  --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3506
3555
  }
3507
3556
  :root {
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
+ --x-color-text-accent: var(--x-color-base-accent);
3546
3558
  }
3547
3559
  .x-text--accent {
3548
3560
  --x-color-text-default: var(--x-color-text-accent);
3549
3561
  }
3550
- :root {
3551
- --x-color-text-accent: var(--x-color-base-accent);
3552
- }
3553
3562
  :root {
3554
3563
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3555
3564
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3570,22 +3579,34 @@
3570
3579
  --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3571
3580
  }
3572
3581
  :root {
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);
3582
+ --x-color-background-tag-ghost: transparent;
3583
+ --x-color-border-tag-ghost: transparent;
3584
+ --x-color-background-tag-selected-ghost: transparent;
3585
+ --x-color-border-tag-selected-ghost: transparent;
3586
+ --x-color-background-tag-curated-ghost: transparent;
3587
+ --x-color-border-tag-curated-ghost: transparent;
3588
+ --x-color-background-tag-curated-selected-ghost: transparent;
3589
+ --x-color-border-tag-curated-selected-ghost: transparent;
3590
+ --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3591
+ --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3578
3592
  }
3579
3593
 
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
3594
+ .x-tag--ghost.x-tag,
3595
+ .x-tag--ghost .x-tag {
3596
+ --x-color-background-tag-default: var(--x-color-background-tag-ghost);
3597
+ --x-color-border-tag-default: var(--x-color-border-tag-ghost);
3598
+ --x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
3599
+ --x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
3600
+ --x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
3601
+ --x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
3602
+ --x-color-background-tag-default-curated-selected: var(
3603
+ --x-color-background-tag-curated-selected-ghost
3604
+ );
3605
+ --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
3606
+ --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
3607
+ --x-number-font-weight-tag-default-curated-selected: var(
3608
+ --x-number-font-weight-tag-curated-selected-ghost
3587
3609
  );
3588
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
3589
3610
  }
3590
3611
  :root {
3591
3612
  --x-color-background-tag-default: var(--x-color-base-neutral-100);
@@ -3855,34 +3876,11 @@
3855
3876
  --x-size-line-height-filter-default-selected: var(--x-size-line-height-tag-default-selected);
3856
3877
  }
3857
3878
  :root {
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
- );
3879
+ --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3880
+ --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3881
+ --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3882
+ --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3883
+ --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3886
3884
  }
3887
3885
  :root {
3888
3886
  --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
@@ -3891,6 +3889,17 @@
3891
3889
  --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3892
3890
  --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3893
3891
  }
3892
+
3893
+ .x-tag--card.x-tag,
3894
+ .x-tag--card .x-tag {
3895
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3896
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3897
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3898
+ --x-size-border-radius-bottom-right-tag-default: var(
3899
+ --x-size-border-radius-bottom-right-tag-card
3900
+ );
3901
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3902
+ }
3894
3903
  :root {
3895
3904
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3896
3905
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -3933,22 +3942,22 @@
3933
3942
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
3934
3943
  }
3935
3944
  :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);
3945
+ --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3946
+ --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
3947
+ --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
3948
+ --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3949
+ --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3941
3950
  }
3942
3951
 
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);
3952
+ .x-tag--pill.x-tag,
3953
+ .x-tag--pill .x-tag {
3954
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-pill);
3955
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-pill);
3956
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-pill);
3948
3957
  --x-size-border-radius-bottom-right-tag-default: var(
3949
- --x-size-border-radius-bottom-right-tag-card
3958
+ --x-size-border-radius-bottom-right-tag-pill
3950
3959
  );
3951
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3960
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
3952
3961
  }
3953
3962
  :root {
3954
3963
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
@@ -4156,138 +4165,6 @@
4156
4165
  --x-number-font-weight-suggestion-default-matching
4157
4166
  );
4158
4167
  }
4159
-
4160
- [dir="ltr"] .x-suggestion {
4161
- text-align: left;
4162
- }
4163
-
4164
- [dir="rtl"] .x-suggestion {
4165
- text-align: right;
4166
- }
4167
-
4168
- [dir="ltr"] .x-suggestion {
4169
- padding-left: var(--x-size-padding-left-suggestion-default);
4170
- }
4171
-
4172
- [dir="rtl"] .x-suggestion {
4173
- padding-right: var(--x-size-padding-left-suggestion-default);
4174
- }
4175
-
4176
- [dir="ltr"] .x-suggestion {
4177
- padding-right: var(--x-size-padding-right-suggestion-default);
4178
- }
4179
-
4180
- [dir="rtl"] .x-suggestion {
4181
- padding-left: var(--x-size-padding-right-suggestion-default);
4182
- }
4183
-
4184
- [dir="ltr"] .x-suggestion {
4185
- border-left-width: var(--x-size-border-width-left-suggestion-default);
4186
- }
4187
-
4188
- [dir="rtl"] .x-suggestion {
4189
- border-right-width: var(--x-size-border-width-left-suggestion-default);
4190
- }
4191
-
4192
- [dir="ltr"] .x-suggestion {
4193
- border-right-width: var(--x-size-border-width-right-suggestion-default);
4194
- }
4195
-
4196
- [dir="rtl"] .x-suggestion {
4197
- border-left-width: var(--x-size-border-width-right-suggestion-default);
4198
- }
4199
-
4200
- .x-suggestion {
4201
- display: flex;
4202
- flex-flow: row nowrap;
4203
- box-sizing: border-box;
4204
- align-items: var(--x-string-align-items-suggestion-default);
4205
- background-color: var(--x-color-background-suggestion-default);
4206
- color: var(--x-color-text-suggestion-default);
4207
- border-color: var(--x-color-border-suggestion-default);
4208
- font-family: var(--x-font-family-suggestion-default);
4209
- font-size: var(--x-size-font-suggestion-default);
4210
- line-height: var(--x-size-line-height-suggestion-default);
4211
- font-weight: var(--x-number-font-weight-suggestion-default);
4212
- cursor: pointer;
4213
- padding-top: var(--x-size-padding-top-suggestion-default);
4214
- padding-bottom: var(--x-size-padding-bottom-suggestion-default);
4215
- gap: var(--x-size-gap-suggestion-default);
4216
- border-style: solid;
4217
- border-top-width: var(--x-size-border-width-top-suggestion-default);
4218
- border-bottom-width: var(--x-size-border-width-bottom-suggestion-default);
4219
- border-radius: var(--x-size-border-radius-top-left-suggestion-default) var(--x-size-border-radius-top-right-suggestion-default) var(--x-size-border-radius-bottom-right-suggestion-default) var(--x-size-border-radius-bottom-left-suggestion-default);
4220
- }
4221
- @media not all and (min-resolution: 0.001dpcm) {
4222
- .x-suggestion {
4223
- gap: 0;
4224
- }
4225
- .x-suggestion > *:not(:last-child) {
4226
- margin-right: var(--x-size-gap-suggestion-default);
4227
- }
4228
- }
4229
- .x-suggestion__matching-part,
4230
- .x-suggestion .x-identifier-result__matching-part {
4231
- font-family: var(--x-font-family-suggestion-matching-part-default);
4232
- font-size: var(--x-size-font-suggestion-matching-part-default);
4233
- line-height: var(--x-size-line-height-suggestion-matching-part-default);
4234
- font-weight: var(--x-number-font-weight-suggestion-matching-part-default);
4235
- color: var(--x-color-text-suggestion-matching-part-default);
4236
- }
4237
- .x-suggestion__filter {
4238
- font-family: var(--x-font-family-suggestion-filter-default);
4239
- font-size: var(--x-size-font-suggestion-filter-default);
4240
- line-height: var(--x-size-line-height-suggestion-filter-default);
4241
- font-weight: var(--x-number-font-weight-suggestion-filter-default);
4242
- text-transform: var(--x-text-transform-suggestion-filter-default);
4243
- color: var(--x-color-text-suggestion-filter-default);
4244
- }
4245
- .x-suggestion--matching {
4246
- --x-font-family-suggestion-default: var(--x-font-family-suggestion-default-matching);
4247
- --x-size-font-suggestion-default: var(--x-size-font-suggestion-default-matching);
4248
- --x-size-line-height-suggestion-default: var(--x-size-line-height-suggestion-default-matching);
4249
- --x-number-font-weight-suggestion-default: var(
4250
- --x-number-font-weight-suggestion-default-matching
4251
- );
4252
- --x-color-text-suggestion-default: var(--x-color-text-suggestion-default-matching);
4253
- }
4254
- .x-suggestion > .x-identifier-result {
4255
- flex: none;
4256
- }
4257
- .x-suggestion.x-suggestion.x-suggestion--is-curated {
4258
- background-color: var(--x-color-background-suggestion-default-curated);
4259
- color: var(--x-color-text-suggestion-default-curated);
4260
- border-color: var(--x-color-border-suggestion-default-curated);
4261
- font-family: var(--x-font-family-suggestion-default-curated);
4262
- font-size: var(--x-size-font-suggestion-default-curated);
4263
- line-height: var(--x-size-line-height-suggestion-default-curated);
4264
- font-weight: var(--x-number-font-weight-suggestion-default-curated);
4265
- }
4266
- .x-suggestion.x-suggestion.x-suggestion--is-curated .x-suggestion__matching-part,
4267
- .x-suggestion.x-suggestion.x-suggestion--is-curated .x-identifier-result__matching-part {
4268
- font-family: var(--x-font-family-suggestion-matching-part-default-curated);
4269
- font-size: var(--x-size-font-suggestion-matching-part-default-curated);
4270
- line-height: var(--x-size-line-height-suggestion-matching-part-default-curated);
4271
- font-weight: var(--x-number-font-weight-suggestion-matching-part-default-curated);
4272
- color: var(--x-color-text-suggestion-matching-part-default-curated);
4273
- }
4274
- .x-suggestion.x-suggestion.x-suggestion--is-curated.x-suggestion--matching {
4275
- --x-font-family-suggestion-default-curated: var(
4276
- --x-font-family-suggestion-default-matching-curated
4277
- );
4278
- --x-size-font-suggestion-default-curated: var(
4279
- --x-size-font-suggestion-default-matching-curated
4280
- );
4281
- --x-size-line-height-suggestion-default-curated: var(
4282
- --x-size-line-height-suggestion-default-matching-curated
4283
- );
4284
- --x-number-font-weight-suggestion-default-curated: var(
4285
- --x-number-font-weight-suggestion-default-matching-curated
4286
- );
4287
- --x-color-text-suggestion-default-curated: var(
4288
- --x-color-text-suggestion-default-matching-curated
4289
- );
4290
- }
4291
4168
  :root {
4292
4169
  --x-string-align-items-suggestion-default: center;
4293
4170
  --x-color-text-suggestion-default: var(--x-color-text-default);
@@ -4361,21 +4238,153 @@
4361
4238
  --x-size-font-suggestion-matching-part-default-curated: var(
4362
4239
  --x-size-font-suggestion-matching-part-default
4363
4240
  );
4364
- --x-size-line-height-suggestion-matching-part-default-curated: var(
4365
- --x-size-line-height-suggestion-matching-part-default
4241
+ --x-size-line-height-suggestion-matching-part-default-curated: var(
4242
+ --x-size-line-height-suggestion-matching-part-default
4243
+ );
4244
+ --x-number-font-weight-suggestion-matching-part-default-curated: var(
4245
+ --x-number-font-weight-suggestion-matching-part-default
4246
+ );
4247
+ --x-font-family-suggestion-default-matching-curated: var(
4248
+ --x-font-family-suggestion-default-matching
4249
+ );
4250
+ --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4251
+ --x-size-line-height-suggestion-default-matching-curated: var(
4252
+ --x-size-line-height-suggestion-default-matching
4253
+ );
4254
+ --x-number-font-weight-suggestion-default-matching-curated: var(
4255
+ --x-number-font-weight-suggestion-default-matching
4256
+ );
4257
+ }
4258
+
4259
+ [dir="ltr"] .x-suggestion {
4260
+ text-align: left;
4261
+ }
4262
+
4263
+ [dir="rtl"] .x-suggestion {
4264
+ text-align: right;
4265
+ }
4266
+
4267
+ [dir="ltr"] .x-suggestion {
4268
+ padding-left: var(--x-size-padding-left-suggestion-default);
4269
+ }
4270
+
4271
+ [dir="rtl"] .x-suggestion {
4272
+ padding-right: var(--x-size-padding-left-suggestion-default);
4273
+ }
4274
+
4275
+ [dir="ltr"] .x-suggestion {
4276
+ padding-right: var(--x-size-padding-right-suggestion-default);
4277
+ }
4278
+
4279
+ [dir="rtl"] .x-suggestion {
4280
+ padding-left: var(--x-size-padding-right-suggestion-default);
4281
+ }
4282
+
4283
+ [dir="ltr"] .x-suggestion {
4284
+ border-left-width: var(--x-size-border-width-left-suggestion-default);
4285
+ }
4286
+
4287
+ [dir="rtl"] .x-suggestion {
4288
+ border-right-width: var(--x-size-border-width-left-suggestion-default);
4289
+ }
4290
+
4291
+ [dir="ltr"] .x-suggestion {
4292
+ border-right-width: var(--x-size-border-width-right-suggestion-default);
4293
+ }
4294
+
4295
+ [dir="rtl"] .x-suggestion {
4296
+ border-left-width: var(--x-size-border-width-right-suggestion-default);
4297
+ }
4298
+
4299
+ .x-suggestion {
4300
+ display: flex;
4301
+ flex-flow: row nowrap;
4302
+ box-sizing: border-box;
4303
+ align-items: var(--x-string-align-items-suggestion-default);
4304
+ background-color: var(--x-color-background-suggestion-default);
4305
+ color: var(--x-color-text-suggestion-default);
4306
+ border-color: var(--x-color-border-suggestion-default);
4307
+ font-family: var(--x-font-family-suggestion-default);
4308
+ font-size: var(--x-size-font-suggestion-default);
4309
+ line-height: var(--x-size-line-height-suggestion-default);
4310
+ font-weight: var(--x-number-font-weight-suggestion-default);
4311
+ cursor: pointer;
4312
+ padding-top: var(--x-size-padding-top-suggestion-default);
4313
+ padding-bottom: var(--x-size-padding-bottom-suggestion-default);
4314
+ gap: var(--x-size-gap-suggestion-default);
4315
+ border-style: solid;
4316
+ border-top-width: var(--x-size-border-width-top-suggestion-default);
4317
+ border-bottom-width: var(--x-size-border-width-bottom-suggestion-default);
4318
+ border-radius: var(--x-size-border-radius-top-left-suggestion-default) var(--x-size-border-radius-top-right-suggestion-default) var(--x-size-border-radius-bottom-right-suggestion-default) var(--x-size-border-radius-bottom-left-suggestion-default);
4319
+ }
4320
+ @media not all and (min-resolution: 0.001dpcm) {
4321
+ .x-suggestion {
4322
+ gap: 0;
4323
+ }
4324
+ .x-suggestion > *:not(:last-child) {
4325
+ margin-right: var(--x-size-gap-suggestion-default);
4326
+ }
4327
+ }
4328
+ .x-suggestion__matching-part,
4329
+ .x-suggestion .x-identifier-result__matching-part {
4330
+ font-family: var(--x-font-family-suggestion-matching-part-default);
4331
+ font-size: var(--x-size-font-suggestion-matching-part-default);
4332
+ line-height: var(--x-size-line-height-suggestion-matching-part-default);
4333
+ font-weight: var(--x-number-font-weight-suggestion-matching-part-default);
4334
+ color: var(--x-color-text-suggestion-matching-part-default);
4335
+ }
4336
+ .x-suggestion__filter {
4337
+ font-family: var(--x-font-family-suggestion-filter-default);
4338
+ font-size: var(--x-size-font-suggestion-filter-default);
4339
+ line-height: var(--x-size-line-height-suggestion-filter-default);
4340
+ font-weight: var(--x-number-font-weight-suggestion-filter-default);
4341
+ text-transform: var(--x-text-transform-suggestion-filter-default);
4342
+ color: var(--x-color-text-suggestion-filter-default);
4343
+ }
4344
+ .x-suggestion--matching {
4345
+ --x-font-family-suggestion-default: var(--x-font-family-suggestion-default-matching);
4346
+ --x-size-font-suggestion-default: var(--x-size-font-suggestion-default-matching);
4347
+ --x-size-line-height-suggestion-default: var(--x-size-line-height-suggestion-default-matching);
4348
+ --x-number-font-weight-suggestion-default: var(
4349
+ --x-number-font-weight-suggestion-default-matching
4350
+ );
4351
+ --x-color-text-suggestion-default: var(--x-color-text-suggestion-default-matching);
4352
+ }
4353
+ .x-suggestion > .x-identifier-result {
4354
+ flex: none;
4355
+ }
4356
+ .x-suggestion.x-suggestion.x-suggestion--is-curated {
4357
+ background-color: var(--x-color-background-suggestion-default-curated);
4358
+ color: var(--x-color-text-suggestion-default-curated);
4359
+ border-color: var(--x-color-border-suggestion-default-curated);
4360
+ font-family: var(--x-font-family-suggestion-default-curated);
4361
+ font-size: var(--x-size-font-suggestion-default-curated);
4362
+ line-height: var(--x-size-line-height-suggestion-default-curated);
4363
+ font-weight: var(--x-number-font-weight-suggestion-default-curated);
4364
+ }
4365
+ .x-suggestion.x-suggestion.x-suggestion--is-curated .x-suggestion__matching-part,
4366
+ .x-suggestion.x-suggestion.x-suggestion--is-curated .x-identifier-result__matching-part {
4367
+ font-family: var(--x-font-family-suggestion-matching-part-default-curated);
4368
+ font-size: var(--x-size-font-suggestion-matching-part-default-curated);
4369
+ line-height: var(--x-size-line-height-suggestion-matching-part-default-curated);
4370
+ font-weight: var(--x-number-font-weight-suggestion-matching-part-default-curated);
4371
+ color: var(--x-color-text-suggestion-matching-part-default-curated);
4372
+ }
4373
+ .x-suggestion.x-suggestion.x-suggestion--is-curated.x-suggestion--matching {
4374
+ --x-font-family-suggestion-default-curated: var(
4375
+ --x-font-family-suggestion-default-matching-curated
4366
4376
  );
4367
- --x-number-font-weight-suggestion-matching-part-default-curated: var(
4368
- --x-number-font-weight-suggestion-matching-part-default
4377
+ --x-size-font-suggestion-default-curated: var(
4378
+ --x-size-font-suggestion-default-matching-curated
4369
4379
  );
4370
- --x-font-family-suggestion-default-matching-curated: var(
4371
- --x-font-family-suggestion-default-matching
4380
+ --x-size-line-height-suggestion-default-curated: var(
4381
+ --x-size-line-height-suggestion-default-matching-curated
4372
4382
  );
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
4383
+ --x-number-font-weight-suggestion-default-curated: var(
4384
+ --x-number-font-weight-suggestion-default-matching-curated
4376
4385
  );
4377
- --x-number-font-weight-suggestion-default-matching-curated: var(
4378
- --x-number-font-weight-suggestion-default-matching
4386
+ --x-color-text-suggestion-default-curated: var(
4387
+ --x-color-text-suggestion-default-matching-curated
4379
4388
  );
4380
4389
  }
4381
4390
  :root {
@@ -4491,6 +4500,14 @@
4491
4500
  --x-size-padding-row-05: var(--x-size-base-05);
4492
4501
  --x-size-padding-row-06: var(--x-size-base-06);
4493
4502
  }
4503
+ /* @deprecated */
4504
+ :root {
4505
+ --x-size-padding-row-02: var(--x-size-base-02);
4506
+ --x-size-padding-row-03: var(--x-size-base-03);
4507
+ --x-size-padding-row-04: var(--x-size-base-04);
4508
+ --x-size-padding-row-05: var(--x-size-base-05);
4509
+ --x-size-padding-row-06: var(--x-size-base-06);
4510
+ }
4494
4511
 
4495
4512
  /* @deprecated */
4496
4513
  .x-row--padding-02 {
@@ -4512,14 +4529,6 @@
4512
4529
  .x-row--padding-06 {
4513
4530
  --x-size-padding-row: var(--x-size-padding-row-06);
4514
4531
  }
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
- }
4523
4532
  :root {
4524
4533
  --x-size-gap-row-01: var(--x-size-base-01);
4525
4534
  --x-size-gap-row-02: var(--x-size-base-02);
@@ -4868,13 +4877,7 @@
4868
4877
  }
4869
4878
  }
4870
4879
  :root {
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
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4878
4881
  }
4879
4882
  :root {
4880
4883
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
@@ -4885,7 +4888,13 @@
4885
4888
  --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4886
4889
  }
4887
4890
  :root {
4888
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4891
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4892
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4893
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4894
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4895
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4896
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4897
+ --x-size-border-width-progress-bar-default: 0;
4889
4898
  }
4890
4899
  :root {
4891
4900
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
@@ -5016,6 +5025,12 @@
5016
5025
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5017
5026
  --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5018
5027
  }
5028
+ :root {
5029
+ --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5030
+ --x-mix-blend-mode-picture-colored: multiply;
5031
+ --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5032
+ --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5033
+ }
5019
5034
  :root {
5020
5035
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5021
5036
  --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
@@ -5042,12 +5057,6 @@
5042
5057
  --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5043
5058
  --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5044
5059
  }
5045
- :root {
5046
- --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5047
- --x-mix-blend-mode-picture-colored: multiply;
5048
- --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5049
- --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5050
- }
5051
5060
 
5052
5061
  .x-picture--colored.x-picture {
5053
5062
  --x-color-background-picture-default: var(--x-color-background-picture-colored);
@@ -5068,6 +5077,13 @@
5068
5077
  --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5069
5078
  --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5070
5079
  }
5080
+ :root {
5081
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5082
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5083
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5084
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5085
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5086
+ }
5071
5087
 
5072
5088
  .x-picture--card.x-picture {
5073
5089
  --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
@@ -5076,13 +5092,6 @@
5076
5092
  --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
5077
5093
  --x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
5078
5094
  }
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
5095
  :root {
5087
5096
  --x-color-background-option-list-button-default: transparent;
5088
5097
  --x-color-border-option-list-button-default: transparent;
@@ -5535,6 +5544,10 @@
5535
5544
  --x-modal-overlay-color: rgb(0, 0, 0);
5536
5545
  --x-modal-overlay-opacity: 0.7;
5537
5546
  }
5547
+ :root {
5548
+ --x-modal-overlay-color: rgb(0, 0, 0);
5549
+ --x-modal-overlay-opacity: 0.7;
5550
+ }
5538
5551
 
5539
5552
  .x-modal__overlay {
5540
5553
  background-color: var(--x-modal-overlay-color) !important;
@@ -6697,41 +6710,6 @@
6697
6710
  );
6698
6711
  --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6699
6712
  }
6700
- :root {
6701
- --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6702
- --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6703
- --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
6704
- --x-size-border-radius-bottom-right-input-group-pill: var(
6705
- --x-size-border-radius-input-group-pill
6706
- );
6707
- --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6708
- }
6709
-
6710
- .x-input-group--pill.x-input-group,
6711
- .x-input-group--pill .x-input-group {
6712
- --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-group-pill);
6713
- --x-size-border-radius-top-left-input-group-default: var(
6714
- --x-size-border-radius-top-left-input-group-pill
6715
- );
6716
- --x-size-border-radius-top-right-input-group-default: var(
6717
- --x-size-border-radius-top-right-input-group-pill
6718
- );
6719
- --x-size-border-radius-bottom-right-input-group-default: var(
6720
- --x-size-border-radius-bottom-right-input-group-pill
6721
- );
6722
- --x-size-border-radius-bottom-left-input-group-default: var(
6723
- --x-size-border-radius-bottom-left-input-group-pill
6724
- );
6725
- }
6726
- :root {
6727
- --x-size-padding-left-input-group-line: 0;
6728
- --x-size-padding-right-input-group-line: 0;
6729
- --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
6730
- --x-size-border-width-top-input-group-line: 0;
6731
- --x-size-border-width-right-input-group-line: 0;
6732
- --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6733
- --x-size-border-width-left-input-group-line: 0;
6734
- }
6735
6713
  :root {
6736
6714
  --x-size-padding-left-input-group-line: 0;
6737
6715
  --x-size-padding-right-input-group-line: 0;
@@ -6779,6 +6757,15 @@
6779
6757
  margin-top: calc(var(--x-size-border-width-top-input-group-line) * -1) !important;
6780
6758
  margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
6781
6759
  }
6760
+ :root {
6761
+ --x-size-padding-left-input-group-line: 0;
6762
+ --x-size-padding-right-input-group-line: 0;
6763
+ --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
6764
+ --x-size-border-width-top-input-group-line: 0;
6765
+ --x-size-border-width-right-input-group-line: 0;
6766
+ --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6767
+ --x-size-border-width-left-input-group-line: 0;
6768
+ }
6782
6769
  :root {
6783
6770
  --x-color-background-input-group-default: var(--x-color-background-input-default);
6784
6771
  --x-color-border-input-group-default: var(--x-color-border-input-default);
@@ -7077,6 +7064,54 @@
7077
7064
  --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7078
7065
  --x-size-border-width-left-input-line: 0;
7079
7066
  }
7067
+ :root {
7068
+ --x-size-padding-top-input-line: var(--x-size-base-03);
7069
+ --x-size-padding-right-input-line: 0;
7070
+ --x-size-padding-bottom-input-line: var(--x-size-base-03);
7071
+ --x-size-padding-left-input-line: 0;
7072
+ --x-size-border-width-top-input-line: 0;
7073
+ --x-size-border-width-right-input-line: 0;
7074
+ --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7075
+ --x-size-border-width-left-input-line: 0;
7076
+ }
7077
+
7078
+ .x-input--line .x-input,
7079
+ .x-input--line.x-input {
7080
+ --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7081
+ --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7082
+ --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7083
+ --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7084
+ --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7085
+ --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7086
+ --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7087
+ --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7088
+ }
7089
+ :root {
7090
+ --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
7091
+ --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
7092
+ --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
7093
+ --x-size-border-radius-bottom-right-input-group-pill: var(
7094
+ --x-size-border-radius-input-group-pill
7095
+ );
7096
+ --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
7097
+ }
7098
+
7099
+ .x-input-group--pill.x-input-group,
7100
+ .x-input-group--pill .x-input-group {
7101
+ --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-group-pill);
7102
+ --x-size-border-radius-top-left-input-group-default: var(
7103
+ --x-size-border-radius-top-left-input-group-pill
7104
+ );
7105
+ --x-size-border-radius-top-right-input-group-default: var(
7106
+ --x-size-border-radius-top-right-input-group-pill
7107
+ );
7108
+ --x-size-border-radius-bottom-right-input-group-default: var(
7109
+ --x-size-border-radius-bottom-right-input-group-pill
7110
+ );
7111
+ --x-size-border-radius-bottom-left-input-group-default: var(
7112
+ --x-size-border-radius-bottom-left-input-group-pill
7113
+ );
7114
+ }
7080
7115
  :root {
7081
7116
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7082
7117
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7105,28 +7140,6 @@
7105
7140
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7106
7141
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7107
7142
  }
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
- }
7130
7143
  :root {
7131
7144
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7132
7145
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7279,6 +7292,10 @@
7279
7292
  --x-size-width-icon-s: var(--x-size-base-03);
7280
7293
  --x-size-height-icon-s: var(--x-size-base-03);
7281
7294
  }
7295
+ :root {
7296
+ --x-size-width-icon-m: var(--x-size-base-05);
7297
+ --x-size-height-icon-m: var(--x-size-base-05);
7298
+ }
7282
7299
  :root {
7283
7300
  --x-size-width-icon-s: var(--x-size-base-03);
7284
7301
  --x-size-height-icon-s: var(--x-size-base-03);
@@ -7289,8 +7306,17 @@
7289
7306
  --x-size-height-icon-default: var(--x-size-height-icon-s);
7290
7307
  }
7291
7308
  :root {
7292
- --x-size-width-icon-m: var(--x-size-base-05);
7293
- --x-size-height-icon-m: var(--x-size-base-05);
7309
+ --x-size-width-icon-l: var(--x-size-base-06);
7310
+ --x-size-height-icon-l: var(--x-size-base-06);
7311
+ }
7312
+
7313
+ .x-icon--l {
7314
+ --x-size-width-icon-default: var(--x-size-width-icon-l);
7315
+ --x-size-height-icon-default: var(--x-size-height-icon-l);
7316
+ }
7317
+ :root {
7318
+ --x-size-width-icon-l: var(--x-size-base-06);
7319
+ --x-size-height-icon-l: var(--x-size-base-06);
7294
7320
  }
7295
7321
  :root {
7296
7322
  --x-size-width-icon-m: var(--x-size-base-05);
@@ -7301,19 +7327,6 @@
7301
7327
  --x-size-width-icon-default: var(--x-size-width-icon-m);
7302
7328
  --x-size-height-icon-default: var(--x-size-height-icon-m);
7303
7329
  }
7304
- :root {
7305
- --x-size-width-icon-l: var(--x-size-base-06);
7306
- --x-size-height-icon-l: var(--x-size-base-06);
7307
- }
7308
- :root {
7309
- --x-size-width-icon-l: var(--x-size-base-06);
7310
- --x-size-height-icon-l: var(--x-size-base-06);
7311
- }
7312
-
7313
- .x-icon--l {
7314
- --x-size-width-icon-default: var(--x-size-width-icon-l);
7315
- --x-size-height-icon-default: var(--x-size-height-icon-l);
7316
- }
7317
7330
  :root {
7318
7331
  --x-color-stroke-icon-default: currentColor;
7319
7332
  --x-color-fill-icon-default: none;
@@ -7323,6 +7336,11 @@
7323
7336
  --x-string-stroke-linejoin-icon-default: mitter;
7324
7337
  --x-size-stroke-width-icon-default: 1px;
7325
7338
  }
7339
+ :root {
7340
+ --x-size-padding-grid: 0;
7341
+ --x-size-gap-grid: var(--x-size-base-03);
7342
+ --x-size-min-width-grid-item: 150px;
7343
+ }
7326
7344
  :root {
7327
7345
  --x-color-stroke-icon-default: currentColor;
7328
7346
  --x-color-fill-icon-default: none;
@@ -7358,11 +7376,6 @@
7358
7376
  --x-size-gap-grid: var(--x-size-base-03);
7359
7377
  --x-size-min-width-grid-item: 150px;
7360
7378
  }
7361
- :root {
7362
- --x-size-padding-grid: 0;
7363
- --x-size-gap-grid: var(--x-size-base-03);
7364
- --x-size-min-width-grid-item: 150px;
7365
- }
7366
7379
 
7367
7380
  .x-grid-list {
7368
7381
  margin: 0;
@@ -7623,6 +7636,14 @@
7623
7636
  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7624
7637
  --x-size-border-width-left-facet-header-line: 0;
7625
7638
  }
7639
+ :root {
7640
+ --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7641
+ --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7642
+ --x-size-border-width-top-facet-header-line: 0;
7643
+ --x-size-border-width-right-facet-header-line: 0;
7644
+ --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7645
+ --x-size-border-width-left-facet-header-line: 0;
7646
+ }
7626
7647
 
7627
7648
  .x-facet--line.x-facet,
7628
7649
  .x-facet--line .x-facet {
@@ -7639,14 +7660,6 @@
7639
7660
  --x-size-border-width-left-facet-header-line
7640
7661
  );
7641
7662
  }
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
- }
7650
7663
  :root {
7651
7664
  --x-color-background-facet-default: transparent;
7652
7665
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7819,18 +7832,6 @@
7819
7832
  --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7820
7833
  --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7821
7834
  }
7822
- :root {
7823
- --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7824
- --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7825
- --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7826
- --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7827
- --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7828
- --x-size-padding-facet-header-card: var(--x-size-base-03);
7829
- --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7830
- --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7831
- --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7832
- --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7833
- }
7834
7835
 
7835
7836
  .x-facet--card.x-facet,
7836
7837
  .x-facet--card .x-facet {
@@ -7845,6 +7846,21 @@
7845
7846
  --x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-card);
7846
7847
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
7847
7848
  }
7849
+ :root {
7850
+ --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7851
+ --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7852
+ --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7853
+ --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7854
+ --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7855
+ --x-size-padding-facet-header-card: var(--x-size-base-03);
7856
+ --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7857
+ --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7858
+ --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7859
+ --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7860
+ }
7861
+ :root {
7862
+ --x-size-width-dropdown-s: 74px;
7863
+ }
7848
7864
  :root {
7849
7865
  --x-size-width-dropdown-xl: 282px;
7850
7866
  }
@@ -7855,9 +7871,6 @@
7855
7871
  :root {
7856
7872
  --x-size-width-dropdown-xl: 282px;
7857
7873
  }
7858
- :root {
7859
- --x-size-width-dropdown-s: 74px;
7860
- }
7861
7874
  :root {
7862
7875
  --x-size-gap-dropdown-pill: var(--x-size-base-03);
7863
7876
  --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
@@ -7909,17 +7922,12 @@
7909
7922
  --x-size-border-width-left-dropdown-list-pill
7910
7923
  );
7911
7924
  }
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
- }
7921
7925
  :root {
7922
- --x-size-width-dropdown-m: 130px;
7926
+ --x-size-width-dropdown-s: 74px;
7927
+ }
7928
+
7929
+ .x-dropdown.x-dropdown--s {
7930
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
7923
7931
  }
7924
7932
  :root {
7925
7933
  --x-size-width-dropdown-m: 130px;
@@ -7928,6 +7936,9 @@
7928
7936
  .x-dropdown.x-dropdown--m {
7929
7937
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
7930
7938
  }
7939
+ :root {
7940
+ --x-size-width-dropdown-m: 130px;
7941
+ }
7931
7942
  :root {
7932
7943
  --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7933
7944
  --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
@@ -7952,6 +7963,9 @@
7952
7963
  --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7953
7964
  --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7954
7965
  }
7966
+ :root {
7967
+ --x-size-width-dropdown-l: 202px;
7968
+ }
7955
7969
  :root {
7956
7970
  --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7957
7971
  --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
@@ -8018,16 +8032,6 @@
8018
8032
  :root {
8019
8033
  --x-size-width-dropdown-l: 202px;
8020
8034
  }
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
- }
8028
- :root {
8029
- --x-size-width-dropdown-l: 202px;
8030
- }
8031
8035
 
8032
8036
  .x-dropdown.x-dropdown--l {
8033
8037
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
@@ -8360,6 +8364,19 @@
8360
8364
  --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8361
8365
  --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8362
8366
  }
8367
+ :root {
8368
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8369
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8370
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8371
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8372
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8373
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8374
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8375
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8376
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8377
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8378
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8379
+ }
8363
8380
 
8364
8381
  .x-dropdown--card {
8365
8382
  --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
@@ -8401,17 +8418,14 @@
8401
8418
  --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8402
8419
  }
8403
8420
  :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);
8421
+ --x-color-background-button-secondary: transparent;
8422
+ --x-color-border-button-secondary: var(--x-color-border-button-default);
8423
+ --x-color-text-button-secondary: var(--x-color-border-button-default);
8424
+ --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8425
+ --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8426
+ --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8427
+ --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8428
+ --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8415
8429
  }
8416
8430
  :root {
8417
8431
  --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
@@ -8444,16 +8458,6 @@
8444
8458
  --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8445
8459
  --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8446
8460
  }
8447
- :root {
8448
- --x-color-background-button-secondary: transparent;
8449
- --x-color-border-button-secondary: var(--x-color-border-button-default);
8450
- --x-color-text-button-secondary: var(--x-color-border-button-default);
8451
- --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8452
- --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8453
- --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8454
- --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8455
- --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8456
- }
8457
8461
 
8458
8462
  .x-button--secondary.x-button,
8459
8463
  .x-button--secondary .x-button {
@@ -8472,6 +8476,13 @@
8472
8476
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8473
8477
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8474
8478
  }
8479
+ :root {
8480
+ --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8481
+ --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8482
+ --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8483
+ --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8484
+ --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8485
+ }
8475
8486
 
8476
8487
  .x-button--round.x-button,
8477
8488
  .x-button--round .x-button {
@@ -8491,11 +8502,14 @@
8491
8502
  --x-size-padding-right-button-default: 0;
8492
8503
  }
8493
8504
  :root {
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);
8505
+ --x-color-background-button-primary: var(--x-color-background-button-default);
8506
+ --x-color-border-button-primary: var(--x-color-border-button-default);
8507
+ --x-color-text-button-primary: var(--x-color-text-button-default);
8508
+ --x-size-border-width-button-primary: var(--x-size-border-width-base);
8509
+ --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8510
+ --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8511
+ --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8512
+ --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8499
8513
  }
8500
8514
  :root {
8501
8515
  --x-color-background-button-primary: var(--x-color-background-button-default);
@@ -8518,16 +8532,6 @@
8518
8532
  --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-primary);
8519
8533
  --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-primary);
8520
8534
  }
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
- }
8531
8535
  :root {
8532
8536
  --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8533
8537
  --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
@@ -8562,6 +8566,11 @@
8562
8566
  --x-color-border-button-ghost: transparent;
8563
8567
  --x-color-text-button-ghost: var(--x-color-base-lead);
8564
8568
  }
8569
+ :root {
8570
+ --x-color-background-button-ghost: transparent;
8571
+ --x-color-border-button-ghost: transparent;
8572
+ --x-color-text-button-ghost: var(--x-color-base-lead);
8573
+ }
8565
8574
 
8566
8575
  .x-button--ghost.x-button,
8567
8576
  .x-button--ghost .x-button {
@@ -8579,11 +8588,6 @@
8579
8588
  .x-button--ghost.x-button--ghost-end .x-button {
8580
8589
  --x-size-padding-right-button-default: 0;
8581
8590
  }
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
- }
8587
8591
  :root {
8588
8592
  --x-color-background-button-default: var(--x-color-base-lead);
8589
8593
  --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8699,38 +8703,6 @@
8699
8703
  --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8700
8704
  --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8701
8705
  }
8702
- :root {
8703
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8704
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8705
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8706
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8707
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8708
- }
8709
-
8710
- .x-button--card.x-button,
8711
- .x-button--card .x-button {
8712
- --x-size-border-radius-button-default: var(--x-size-border-radius-button-card);
8713
- --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-top-left-button-card);
8714
- --x-size-border-radius-top-right-button-default: var(
8715
- --x-size-border-radius-top-right-button-card
8716
- );
8717
- --x-size-border-radius-bottom-right-button-default: var(
8718
- --x-size-border-radius-bottom-right-button-card
8719
- );
8720
- --x-size-border-radius-bottom-left-button-default: var(
8721
- --x-size-border-radius-bottom-left-button-card
8722
- );
8723
- }
8724
- :root {
8725
- --x-color-background-badge-default: var(--x-color-base-neutral-10);
8726
- --x-color-text-badge-default: var(--x-color-base-neutral-100);
8727
- --x-color-border-badge-default: var(--x-color-base-neutral-10);
8728
- --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8729
- --x-size-border-width-badge-default: 0;
8730
- --x-size-width-badge-default: 1.5em;
8731
- --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8732
- --x-size-font-badge-default: var(--x-size-font-base-xs);
8733
- }
8734
8706
  :root {
8735
8707
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8736
8708
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8780,6 +8752,38 @@
8780
8752
  .x-badge-container {
8781
8753
  position: relative;
8782
8754
  }
8755
+ :root {
8756
+ --x-color-background-badge-default: var(--x-color-base-neutral-10);
8757
+ --x-color-text-badge-default: var(--x-color-base-neutral-100);
8758
+ --x-color-border-badge-default: var(--x-color-base-neutral-10);
8759
+ --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8760
+ --x-size-border-width-badge-default: 0;
8761
+ --x-size-width-badge-default: 1.5em;
8762
+ --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8763
+ --x-size-font-badge-default: var(--x-size-font-base-xs);
8764
+ }
8765
+ :root {
8766
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8767
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8768
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8769
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8770
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8771
+ }
8772
+
8773
+ .x-button--card.x-button,
8774
+ .x-button--card .x-button {
8775
+ --x-size-border-radius-button-default: var(--x-size-border-radius-button-card);
8776
+ --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-top-left-button-card);
8777
+ --x-size-border-radius-top-right-button-default: var(
8778
+ --x-size-border-radius-top-right-button-card
8779
+ );
8780
+ --x-size-border-radius-bottom-right-button-default: var(
8781
+ --x-size-border-radius-bottom-right-button-card
8782
+ );
8783
+ --x-size-border-radius-bottom-left-button-default: var(
8784
+ --x-size-border-radius-bottom-left-button-card
8785
+ );
8786
+ }
8783
8787
  :root {
8784
8788
  --x-size-base-01: 2px;
8785
8789
  --x-size-base-02: 4px;
@@ -8821,8 +8825,4 @@
8821
8825
  --x-size-border-radius-base-m: var(--x-size-base-06);
8822
8826
  --x-size-border-radius-base-pill: 99999px;
8823
8827
  --x-size-border-width-base: 1px;
8824
- }
8825
- :root {
8826
- --x-modal-overlay-color: rgb(0, 0, 0);
8827
- --x-modal-overlay-opacity: 0.7;
8828
8828
  }