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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/design-system/deprecated-full-theme.css +1836 -1836
  3. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue.js.map +1 -1
  4. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js.map +1 -1
  5. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue3.js +1 -1
  6. package/package.json +2 -2
package/design-system/deprecated-full-theme.css CHANGED
@@ -33,7 +33,6 @@
33
33
  -webkit-text-decoration-line: none;
34
34
  text-decoration-line: none;
35
35
  }
36
-
37
36
  .x-static {
38
37
  position: static !important;
39
38
  }
@@ -979,6 +978,7 @@
979
978
  .x-line-height--loose {
980
979
  line-height: 2 !important;
981
980
  }
981
+
982
982
  .x-line-clamp--2 {
983
983
  overflow: hidden !important;
984
984
  display: -webkit-box !important;
@@ -1013,15 +1013,6 @@
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
- }
1025
1016
  .x-font-size--01 {
1026
1017
  font-size: var(--x-size-base-01) !important;
1027
1018
  line-height: 1.5;
@@ -1145,49 +1136,6 @@
1145
1136
  .x-font-color--transparent {
1146
1137
  color: var(--x-color-base-transparent) !important;
1147
1138
  }
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
- }
1191
1139
  .x-fill--lead {
1192
1140
  fill: var(--x-color-base-lead) !important;
1193
1141
  }
@@ -1299,6 +1247,49 @@
1299
1247
  --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
1300
1248
  0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1301
1249
  }
1250
+ .x-flex-1 {
1251
+ flex: 1 1 0% !important;
1252
+ }
1253
+
1254
+ .x-flex-auto {
1255
+ flex: 1 1 auto !important;
1256
+ }
1257
+
1258
+ .x-flex-initial {
1259
+ flex: 0 1 auto !important;
1260
+ }
1261
+
1262
+ .x-flex-no-shrink {
1263
+ flex: 1 0 auto !important;
1264
+ }
1265
+
1266
+ .x-flex-none {
1267
+ flex: none !important;
1268
+ }
1269
+
1270
+ .x-self-auto {
1271
+ align-self: auto !important;
1272
+ }
1273
+
1274
+ .x-self-start {
1275
+ align-self: flex-start !important;
1276
+ }
1277
+
1278
+ .x-self-end {
1279
+ align-self: flex-end !important;
1280
+ }
1281
+
1282
+ .x-self-center {
1283
+ align-self: center !important;
1284
+ }
1285
+
1286
+ .x-self-stretch {
1287
+ align-self: stretch !important;
1288
+ }
1289
+
1290
+ .x-self-baseline {
1291
+ align-self: baseline !important;
1292
+ }
1302
1293
  /* Material Elevations extracted from:
1303
1294
  https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
1304
1295
  */
@@ -1432,1847 +1423,1847 @@
1432
1423
  .x-shadow--bottom-10 {
1433
1424
  box-shadow: var(--x-string-box-shadow-bottom-10) !important;
1434
1425
  }
1435
- *[class*=x-border-width--] {
1436
- border-width: 0;
1426
+ .x-border-radius--00 {
1427
+ border-radius: 0 !important;
1437
1428
  }
1438
1429
 
1439
- .x-border-width--00 {
1440
- border-width: 0px !important;
1441
- border-style: solid !important;
1430
+ .x-border-radius--pill {
1431
+ border-radius: 99999px !important;
1442
1432
  }
1443
- .x-border-width--top-00 {
1444
- border-top-width: 0px !important;
1445
- border-style: solid !important;
1433
+
1434
+ .x-border-radius--01 {
1435
+ border-radius: var(--x-size-base-01) !important;
1446
1436
  }
1447
- .x-border-width--bottom-00 {
1448
- border-bottom-width: 0px !important;
1449
- border-style: solid !important;
1437
+ [dir="ltr"] .x-border-radius--top-01 {
1438
+ border-top-left-radius: var(--x-size-base-01) !important;
1450
1439
  }
1451
- [dir="ltr"] .x-border-width--right-00 {
1452
- border-right-width: 0px !important;
1440
+ [dir="rtl"] .x-border-radius--top-01 {
1441
+ border-top-right-radius: var(--x-size-base-01) !important;
1453
1442
  }
1454
- [dir="rtl"] .x-border-width--right-00 {
1455
- border-left-width: 0px !important;
1443
+ [dir="ltr"] .x-border-radius--top-01 {
1444
+ border-top-right-radius: var(--x-size-base-01) !important;
1456
1445
  }
1457
- .x-border-width--right-00 {
1458
- border-style: solid !important;
1446
+ [dir="rtl"] .x-border-radius--top-01 {
1447
+ border-top-left-radius: var(--x-size-base-01) !important;
1459
1448
  }
1460
- [dir="ltr"] .x-border-width--left-00 {
1461
- border-left-width: 0px !important;
1449
+ [dir="ltr"] .x-border-radius--bottom-01 {
1450
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1462
1451
  }
1463
- [dir="rtl"] .x-border-width--left-00 {
1464
- border-right-width: 0px !important;
1452
+ [dir="rtl"] .x-border-radius--bottom-01 {
1453
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1465
1454
  }
1466
- .x-border-width--left-00 {
1467
- border-style: solid !important;
1455
+ [dir="ltr"] .x-border-radius--bottom-01 {
1456
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1468
1457
  }
1469
- .x-border-width--01 {
1470
- border-width: 1px !important;
1471
- border-style: solid !important;
1458
+ [dir="rtl"] .x-border-radius--bottom-01 {
1459
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1472
1460
  }
1473
- .x-border-width--top-01 {
1474
- border-top-width: 1px !important;
1475
- border-style: solid !important;
1461
+ [dir="ltr"] .x-border-radius--right-01 {
1462
+ border-top-right-radius: var(--x-size-base-01) !important;
1476
1463
  }
1477
- .x-border-width--bottom-01 {
1478
- border-bottom-width: 1px !important;
1479
- border-style: solid !important;
1464
+ [dir="rtl"] .x-border-radius--right-01 {
1465
+ border-top-left-radius: var(--x-size-base-01) !important;
1480
1466
  }
1481
- [dir="ltr"] .x-border-width--right-01 {
1482
- border-right-width: 1px !important;
1467
+ [dir="ltr"] .x-border-radius--right-01 {
1468
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1483
1469
  }
1484
- [dir="rtl"] .x-border-width--right-01 {
1485
- border-left-width: 1px !important;
1470
+ [dir="rtl"] .x-border-radius--right-01 {
1471
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1486
1472
  }
1487
- .x-border-width--right-01 {
1488
- border-style: solid !important;
1473
+ [dir="ltr"] .x-border-radius--left-01 {
1474
+ border-top-left-radius: var(--x-size-base-01) !important;
1489
1475
  }
1490
- [dir="ltr"] .x-border-width--left-01 {
1491
- border-left-width: 1px !important;
1476
+ [dir="rtl"] .x-border-radius--left-01 {
1477
+ border-top-right-radius: var(--x-size-base-01) !important;
1492
1478
  }
1493
- [dir="rtl"] .x-border-width--left-01 {
1494
- border-right-width: 1px !important;
1479
+ [dir="ltr"] .x-border-radius--left-01 {
1480
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1495
1481
  }
1496
- .x-border-width--left-01 {
1497
- border-style: solid !important;
1482
+ [dir="rtl"] .x-border-radius--left-01 {
1483
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1498
1484
  }
1499
- .x-border-width--02 {
1500
- border-width: 2px !important;
1501
- border-style: solid !important;
1485
+ [dir="ltr"] .x-border-radius--top-left-01 {
1486
+ border-top-left-radius: var(--x-size-base-01) !important;
1502
1487
  }
1503
- .x-border-width--top-02 {
1504
- border-top-width: 2px !important;
1505
- border-style: solid !important;
1488
+ [dir="rtl"] .x-border-radius--top-left-01 {
1489
+ border-top-right-radius: var(--x-size-base-01) !important;
1506
1490
  }
1507
- .x-border-width--bottom-02 {
1508
- border-bottom-width: 2px !important;
1509
- border-style: solid !important;
1491
+ [dir="ltr"] .x-border-radius--top-right-01 {
1492
+ border-top-right-radius: var(--x-size-base-01) !important;
1510
1493
  }
1511
- [dir="ltr"] .x-border-width--right-02 {
1512
- border-right-width: 2px !important;
1494
+ [dir="rtl"] .x-border-radius--top-right-01 {
1495
+ border-top-left-radius: var(--x-size-base-01) !important;
1513
1496
  }
1514
- [dir="rtl"] .x-border-width--right-02 {
1515
- border-left-width: 2px !important;
1497
+ [dir="ltr"] .x-border-radius--bottom-left-01 {
1498
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1516
1499
  }
1517
- .x-border-width--right-02 {
1518
- border-style: solid !important;
1500
+ [dir="rtl"] .x-border-radius--bottom-left-01 {
1501
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1519
1502
  }
1520
- [dir="ltr"] .x-border-width--left-02 {
1521
- border-left-width: 2px !important;
1503
+ [dir="ltr"] .x-border-radius--bottom-right-01 {
1504
+ border-bottom-right-radius: var(--x-size-base-01) !important;
1522
1505
  }
1523
- [dir="rtl"] .x-border-width--left-02 {
1524
- border-right-width: 2px !important;
1506
+ [dir="rtl"] .x-border-radius--bottom-right-01 {
1507
+ border-bottom-left-radius: var(--x-size-base-01) !important;
1525
1508
  }
1526
- .x-border-width--left-02 {
1527
- border-style: solid !important;
1509
+ .x-border-radius--02 {
1510
+ border-radius: var(--x-size-base-02) !important;
1528
1511
  }
1529
- .x-border-width--03 {
1530
- border-width: 3px !important;
1531
- border-style: solid !important;
1512
+ [dir="ltr"] .x-border-radius--top-02 {
1513
+ border-top-left-radius: var(--x-size-base-02) !important;
1532
1514
  }
1533
- .x-border-width--top-03 {
1534
- border-top-width: 3px !important;
1535
- border-style: solid !important;
1515
+ [dir="rtl"] .x-border-radius--top-02 {
1516
+ border-top-right-radius: var(--x-size-base-02) !important;
1536
1517
  }
1537
- .x-border-width--bottom-03 {
1538
- border-bottom-width: 3px !important;
1539
- border-style: solid !important;
1518
+ [dir="ltr"] .x-border-radius--top-02 {
1519
+ border-top-right-radius: var(--x-size-base-02) !important;
1540
1520
  }
1541
- [dir="ltr"] .x-border-width--right-03 {
1542
- border-right-width: 3px !important;
1521
+ [dir="rtl"] .x-border-radius--top-02 {
1522
+ border-top-left-radius: var(--x-size-base-02) !important;
1543
1523
  }
1544
- [dir="rtl"] .x-border-width--right-03 {
1545
- border-left-width: 3px !important;
1524
+ [dir="ltr"] .x-border-radius--bottom-02 {
1525
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1546
1526
  }
1547
- .x-border-width--right-03 {
1548
- border-style: solid !important;
1527
+ [dir="rtl"] .x-border-radius--bottom-02 {
1528
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1549
1529
  }
1550
- [dir="ltr"] .x-border-width--left-03 {
1551
- border-left-width: 3px !important;
1530
+ [dir="ltr"] .x-border-radius--bottom-02 {
1531
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1552
1532
  }
1553
- [dir="rtl"] .x-border-width--left-03 {
1554
- border-right-width: 3px !important;
1533
+ [dir="rtl"] .x-border-radius--bottom-02 {
1534
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1555
1535
  }
1556
- .x-border-width--left-03 {
1557
- border-style: solid !important;
1536
+ [dir="ltr"] .x-border-radius--right-02 {
1537
+ border-top-right-radius: var(--x-size-base-02) !important;
1558
1538
  }
1559
- .x-border-width--04 {
1560
- border-width: 4px !important;
1561
- border-style: solid !important;
1539
+ [dir="rtl"] .x-border-radius--right-02 {
1540
+ border-top-left-radius: var(--x-size-base-02) !important;
1562
1541
  }
1563
- .x-border-width--top-04 {
1564
- border-top-width: 4px !important;
1565
- border-style: solid !important;
1542
+ [dir="ltr"] .x-border-radius--right-02 {
1543
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1566
1544
  }
1567
- .x-border-width--bottom-04 {
1568
- border-bottom-width: 4px !important;
1569
- border-style: solid !important;
1545
+ [dir="rtl"] .x-border-radius--right-02 {
1546
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1570
1547
  }
1571
- [dir="ltr"] .x-border-width--right-04 {
1572
- border-right-width: 4px !important;
1548
+ [dir="ltr"] .x-border-radius--left-02 {
1549
+ border-top-left-radius: var(--x-size-base-02) !important;
1573
1550
  }
1574
- [dir="rtl"] .x-border-width--right-04 {
1575
- border-left-width: 4px !important;
1551
+ [dir="rtl"] .x-border-radius--left-02 {
1552
+ border-top-right-radius: var(--x-size-base-02) !important;
1576
1553
  }
1577
- .x-border-width--right-04 {
1578
- border-style: solid !important;
1554
+ [dir="ltr"] .x-border-radius--left-02 {
1555
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1579
1556
  }
1580
- [dir="ltr"] .x-border-width--left-04 {
1581
- border-left-width: 4px !important;
1557
+ [dir="rtl"] .x-border-radius--left-02 {
1558
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1582
1559
  }
1583
- [dir="rtl"] .x-border-width--left-04 {
1584
- border-right-width: 4px !important;
1560
+ [dir="ltr"] .x-border-radius--top-left-02 {
1561
+ border-top-left-radius: var(--x-size-base-02) !important;
1585
1562
  }
1586
- .x-border-width--left-04 {
1587
- border-style: solid !important;
1563
+ [dir="rtl"] .x-border-radius--top-left-02 {
1564
+ border-top-right-radius: var(--x-size-base-02) !important;
1588
1565
  }
1589
- .x-border-width--05 {
1590
- border-width: 5px !important;
1591
- border-style: solid !important;
1566
+ [dir="ltr"] .x-border-radius--top-right-02 {
1567
+ border-top-right-radius: var(--x-size-base-02) !important;
1592
1568
  }
1593
- .x-border-width--top-05 {
1594
- border-top-width: 5px !important;
1595
- border-style: solid !important;
1569
+ [dir="rtl"] .x-border-radius--top-right-02 {
1570
+ border-top-left-radius: var(--x-size-base-02) !important;
1596
1571
  }
1597
- .x-border-width--bottom-05 {
1598
- border-bottom-width: 5px !important;
1599
- border-style: solid !important;
1572
+ [dir="ltr"] .x-border-radius--bottom-left-02 {
1573
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1600
1574
  }
1601
- [dir="ltr"] .x-border-width--right-05 {
1602
- border-right-width: 5px !important;
1575
+ [dir="rtl"] .x-border-radius--bottom-left-02 {
1576
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1603
1577
  }
1604
- [dir="rtl"] .x-border-width--right-05 {
1605
- border-left-width: 5px !important;
1578
+ [dir="ltr"] .x-border-radius--bottom-right-02 {
1579
+ border-bottom-right-radius: var(--x-size-base-02) !important;
1606
1580
  }
1607
- .x-border-width--right-05 {
1608
- border-style: solid !important;
1581
+ [dir="rtl"] .x-border-radius--bottom-right-02 {
1582
+ border-bottom-left-radius: var(--x-size-base-02) !important;
1609
1583
  }
1610
- [dir="ltr"] .x-border-width--left-05 {
1611
- border-left-width: 5px !important;
1584
+ .x-border-radius--03 {
1585
+ border-radius: var(--x-size-base-03) !important;
1612
1586
  }
1613
- [dir="rtl"] .x-border-width--left-05 {
1614
- border-right-width: 5px !important;
1587
+ [dir="ltr"] .x-border-radius--top-03 {
1588
+ border-top-left-radius: var(--x-size-base-03) !important;
1615
1589
  }
1616
- .x-border-width--left-05 {
1617
- border-style: solid !important;
1590
+ [dir="rtl"] .x-border-radius--top-03 {
1591
+ border-top-right-radius: var(--x-size-base-03) !important;
1618
1592
  }
1619
- .x-border-width--06 {
1620
- border-width: 6px !important;
1621
- border-style: solid !important;
1593
+ [dir="ltr"] .x-border-radius--top-03 {
1594
+ border-top-right-radius: var(--x-size-base-03) !important;
1622
1595
  }
1623
- .x-border-width--top-06 {
1624
- border-top-width: 6px !important;
1625
- border-style: solid !important;
1596
+ [dir="rtl"] .x-border-radius--top-03 {
1597
+ border-top-left-radius: var(--x-size-base-03) !important;
1626
1598
  }
1627
- .x-border-width--bottom-06 {
1628
- border-bottom-width: 6px !important;
1629
- border-style: solid !important;
1599
+ [dir="ltr"] .x-border-radius--bottom-03 {
1600
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1630
1601
  }
1631
- [dir="ltr"] .x-border-width--right-06 {
1632
- border-right-width: 6px !important;
1602
+ [dir="rtl"] .x-border-radius--bottom-03 {
1603
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1633
1604
  }
1634
- [dir="rtl"] .x-border-width--right-06 {
1635
- border-left-width: 6px !important;
1605
+ [dir="ltr"] .x-border-radius--bottom-03 {
1606
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1636
1607
  }
1637
- .x-border-width--right-06 {
1638
- border-style: solid !important;
1608
+ [dir="rtl"] .x-border-radius--bottom-03 {
1609
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1639
1610
  }
1640
- [dir="ltr"] .x-border-width--left-06 {
1641
- border-left-width: 6px !important;
1611
+ [dir="ltr"] .x-border-radius--right-03 {
1612
+ border-top-right-radius: var(--x-size-base-03) !important;
1642
1613
  }
1643
- [dir="rtl"] .x-border-width--left-06 {
1644
- border-right-width: 6px !important;
1614
+ [dir="rtl"] .x-border-radius--right-03 {
1615
+ border-top-left-radius: var(--x-size-base-03) !important;
1645
1616
  }
1646
- .x-border-width--left-06 {
1647
- border-style: solid !important;
1617
+ [dir="ltr"] .x-border-radius--right-03 {
1618
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1648
1619
  }
1649
- .x-border-width--07 {
1650
- border-width: 7px !important;
1651
- border-style: solid !important;
1620
+ [dir="rtl"] .x-border-radius--right-03 {
1621
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1652
1622
  }
1653
- .x-border-width--top-07 {
1654
- border-top-width: 7px !important;
1655
- border-style: solid !important;
1623
+ [dir="ltr"] .x-border-radius--left-03 {
1624
+ border-top-left-radius: var(--x-size-base-03) !important;
1656
1625
  }
1657
- .x-border-width--bottom-07 {
1658
- border-bottom-width: 7px !important;
1659
- border-style: solid !important;
1626
+ [dir="rtl"] .x-border-radius--left-03 {
1627
+ border-top-right-radius: var(--x-size-base-03) !important;
1660
1628
  }
1661
- [dir="ltr"] .x-border-width--right-07 {
1662
- border-right-width: 7px !important;
1629
+ [dir="ltr"] .x-border-radius--left-03 {
1630
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1663
1631
  }
1664
- [dir="rtl"] .x-border-width--right-07 {
1665
- border-left-width: 7px !important;
1632
+ [dir="rtl"] .x-border-radius--left-03 {
1633
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1666
1634
  }
1667
- .x-border-width--right-07 {
1668
- border-style: solid !important;
1635
+ [dir="ltr"] .x-border-radius--top-left-03 {
1636
+ border-top-left-radius: var(--x-size-base-03) !important;
1669
1637
  }
1670
- [dir="ltr"] .x-border-width--left-07 {
1671
- border-left-width: 7px !important;
1638
+ [dir="rtl"] .x-border-radius--top-left-03 {
1639
+ border-top-right-radius: var(--x-size-base-03) !important;
1672
1640
  }
1673
- [dir="rtl"] .x-border-width--left-07 {
1674
- border-right-width: 7px !important;
1641
+ [dir="ltr"] .x-border-radius--top-right-03 {
1642
+ border-top-right-radius: var(--x-size-base-03) !important;
1675
1643
  }
1676
- .x-border-width--left-07 {
1677
- border-style: solid !important;
1644
+ [dir="rtl"] .x-border-radius--top-right-03 {
1645
+ border-top-left-radius: var(--x-size-base-03) !important;
1678
1646
  }
1679
- .x-border-width--08 {
1680
- border-width: 8px !important;
1681
- border-style: solid !important;
1647
+ [dir="ltr"] .x-border-radius--bottom-left-03 {
1648
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1682
1649
  }
1683
- .x-border-width--top-08 {
1684
- border-top-width: 8px !important;
1685
- border-style: solid !important;
1650
+ [dir="rtl"] .x-border-radius--bottom-left-03 {
1651
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1686
1652
  }
1687
- .x-border-width--bottom-08 {
1688
- border-bottom-width: 8px !important;
1689
- border-style: solid !important;
1653
+ [dir="ltr"] .x-border-radius--bottom-right-03 {
1654
+ border-bottom-right-radius: var(--x-size-base-03) !important;
1690
1655
  }
1691
- [dir="ltr"] .x-border-width--right-08 {
1692
- border-right-width: 8px !important;
1656
+ [dir="rtl"] .x-border-radius--bottom-right-03 {
1657
+ border-bottom-left-radius: var(--x-size-base-03) !important;
1693
1658
  }
1694
- [dir="rtl"] .x-border-width--right-08 {
1695
- border-left-width: 8px !important;
1659
+ .x-border-radius--04 {
1660
+ border-radius: var(--x-size-base-04) !important;
1696
1661
  }
1697
- .x-border-width--right-08 {
1698
- border-style: solid !important;
1662
+ [dir="ltr"] .x-border-radius--top-04 {
1663
+ border-top-left-radius: var(--x-size-base-04) !important;
1699
1664
  }
1700
- [dir="ltr"] .x-border-width--left-08 {
1701
- border-left-width: 8px !important;
1665
+ [dir="rtl"] .x-border-radius--top-04 {
1666
+ border-top-right-radius: var(--x-size-base-04) !important;
1702
1667
  }
1703
- [dir="rtl"] .x-border-width--left-08 {
1704
- border-right-width: 8px !important;
1668
+ [dir="ltr"] .x-border-radius--top-04 {
1669
+ border-top-right-radius: var(--x-size-base-04) !important;
1705
1670
  }
1706
- .x-border-width--left-08 {
1707
- border-style: solid !important;
1671
+ [dir="rtl"] .x-border-radius--top-04 {
1672
+ border-top-left-radius: var(--x-size-base-04) !important;
1708
1673
  }
1709
- .x-border-width--09 {
1710
- border-width: 9px !important;
1711
- border-style: solid !important;
1674
+ [dir="ltr"] .x-border-radius--bottom-04 {
1675
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1712
1676
  }
1713
- .x-border-width--top-09 {
1714
- border-top-width: 9px !important;
1715
- border-style: solid !important;
1677
+ [dir="rtl"] .x-border-radius--bottom-04 {
1678
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1716
1679
  }
1717
- .x-border-width--bottom-09 {
1718
- border-bottom-width: 9px !important;
1719
- border-style: solid !important;
1680
+ [dir="ltr"] .x-border-radius--bottom-04 {
1681
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1720
1682
  }
1721
- [dir="ltr"] .x-border-width--right-09 {
1722
- border-right-width: 9px !important;
1683
+ [dir="rtl"] .x-border-radius--bottom-04 {
1684
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1723
1685
  }
1724
- [dir="rtl"] .x-border-width--right-09 {
1725
- border-left-width: 9px !important;
1686
+ [dir="ltr"] .x-border-radius--right-04 {
1687
+ border-top-right-radius: var(--x-size-base-04) !important;
1726
1688
  }
1727
- .x-border-width--right-09 {
1728
- border-style: solid !important;
1689
+ [dir="rtl"] .x-border-radius--right-04 {
1690
+ border-top-left-radius: var(--x-size-base-04) !important;
1729
1691
  }
1730
- [dir="ltr"] .x-border-width--left-09 {
1731
- border-left-width: 9px !important;
1692
+ [dir="ltr"] .x-border-radius--right-04 {
1693
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1732
1694
  }
1733
- [dir="rtl"] .x-border-width--left-09 {
1734
- border-right-width: 9px !important;
1695
+ [dir="rtl"] .x-border-radius--right-04 {
1696
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1735
1697
  }
1736
- .x-border-width--left-09 {
1737
- border-style: solid !important;
1698
+ [dir="ltr"] .x-border-radius--left-04 {
1699
+ border-top-left-radius: var(--x-size-base-04) !important;
1738
1700
  }
1739
- .x-border-width--10 {
1740
- border-width: 10px !important;
1741
- border-style: solid !important;
1701
+ [dir="rtl"] .x-border-radius--left-04 {
1702
+ border-top-right-radius: var(--x-size-base-04) !important;
1742
1703
  }
1743
- .x-border-width--top-10 {
1744
- border-top-width: 10px !important;
1745
- border-style: solid !important;
1704
+ [dir="ltr"] .x-border-radius--left-04 {
1705
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1746
1706
  }
1747
- .x-border-width--bottom-10 {
1748
- border-bottom-width: 10px !important;
1749
- border-style: solid !important;
1707
+ [dir="rtl"] .x-border-radius--left-04 {
1708
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1750
1709
  }
1751
- [dir="ltr"] .x-border-width--right-10 {
1752
- border-right-width: 10px !important;
1710
+ [dir="ltr"] .x-border-radius--top-left-04 {
1711
+ border-top-left-radius: var(--x-size-base-04) !important;
1753
1712
  }
1754
- [dir="rtl"] .x-border-width--right-10 {
1755
- border-left-width: 10px !important;
1713
+ [dir="rtl"] .x-border-radius--top-left-04 {
1714
+ border-top-right-radius: var(--x-size-base-04) !important;
1756
1715
  }
1757
- .x-border-width--right-10 {
1758
- border-style: solid !important;
1716
+ [dir="ltr"] .x-border-radius--top-right-04 {
1717
+ border-top-right-radius: var(--x-size-base-04) !important;
1759
1718
  }
1760
- [dir="ltr"] .x-border-width--left-10 {
1761
- border-left-width: 10px !important;
1719
+ [dir="rtl"] .x-border-radius--top-right-04 {
1720
+ border-top-left-radius: var(--x-size-base-04) !important;
1762
1721
  }
1763
- [dir="rtl"] .x-border-width--left-10 {
1764
- border-right-width: 10px !important;
1722
+ [dir="ltr"] .x-border-radius--bottom-left-04 {
1723
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1765
1724
  }
1766
- .x-border-width--left-10 {
1767
- border-style: solid !important;
1725
+ [dir="rtl"] .x-border-radius--bottom-left-04 {
1726
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1768
1727
  }
1769
- .x-border-radius--00 {
1770
- border-radius: 0 !important;
1728
+ [dir="ltr"] .x-border-radius--bottom-right-04 {
1729
+ border-bottom-right-radius: var(--x-size-base-04) !important;
1771
1730
  }
1772
-
1773
- .x-border-radius--pill {
1774
- border-radius: 99999px !important;
1731
+ [dir="rtl"] .x-border-radius--bottom-right-04 {
1732
+ border-bottom-left-radius: var(--x-size-base-04) !important;
1775
1733
  }
1776
-
1777
- .x-border-radius--01 {
1778
- border-radius: var(--x-size-base-01) !important;
1734
+ .x-border-radius--05 {
1735
+ border-radius: var(--x-size-base-05) !important;
1779
1736
  }
1780
- [dir="ltr"] .x-border-radius--top-01 {
1781
- border-top-left-radius: var(--x-size-base-01) !important;
1737
+ [dir="ltr"] .x-border-radius--top-05 {
1738
+ border-top-left-radius: var(--x-size-base-05) !important;
1782
1739
  }
1783
- [dir="rtl"] .x-border-radius--top-01 {
1784
- border-top-right-radius: var(--x-size-base-01) !important;
1740
+ [dir="rtl"] .x-border-radius--top-05 {
1741
+ border-top-right-radius: var(--x-size-base-05) !important;
1785
1742
  }
1786
- [dir="ltr"] .x-border-radius--top-01 {
1787
- border-top-right-radius: var(--x-size-base-01) !important;
1743
+ [dir="ltr"] .x-border-radius--top-05 {
1744
+ border-top-right-radius: var(--x-size-base-05) !important;
1788
1745
  }
1789
- [dir="rtl"] .x-border-radius--top-01 {
1790
- border-top-left-radius: var(--x-size-base-01) !important;
1746
+ [dir="rtl"] .x-border-radius--top-05 {
1747
+ border-top-left-radius: var(--x-size-base-05) !important;
1791
1748
  }
1792
- [dir="ltr"] .x-border-radius--bottom-01 {
1793
- border-bottom-left-radius: var(--x-size-base-01) !important;
1749
+ [dir="ltr"] .x-border-radius--bottom-05 {
1750
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1794
1751
  }
1795
- [dir="rtl"] .x-border-radius--bottom-01 {
1796
- border-bottom-right-radius: var(--x-size-base-01) !important;
1752
+ [dir="rtl"] .x-border-radius--bottom-05 {
1753
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1797
1754
  }
1798
- [dir="ltr"] .x-border-radius--bottom-01 {
1799
- border-bottom-right-radius: var(--x-size-base-01) !important;
1755
+ [dir="ltr"] .x-border-radius--bottom-05 {
1756
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1800
1757
  }
1801
- [dir="rtl"] .x-border-radius--bottom-01 {
1802
- border-bottom-left-radius: var(--x-size-base-01) !important;
1758
+ [dir="rtl"] .x-border-radius--bottom-05 {
1759
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1803
1760
  }
1804
- [dir="ltr"] .x-border-radius--right-01 {
1805
- border-top-right-radius: var(--x-size-base-01) !important;
1761
+ [dir="ltr"] .x-border-radius--right-05 {
1762
+ border-top-right-radius: var(--x-size-base-05) !important;
1806
1763
  }
1807
- [dir="rtl"] .x-border-radius--right-01 {
1808
- border-top-left-radius: var(--x-size-base-01) !important;
1764
+ [dir="rtl"] .x-border-radius--right-05 {
1765
+ border-top-left-radius: var(--x-size-base-05) !important;
1809
1766
  }
1810
- [dir="ltr"] .x-border-radius--right-01 {
1811
- border-bottom-right-radius: var(--x-size-base-01) !important;
1767
+ [dir="ltr"] .x-border-radius--right-05 {
1768
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1812
1769
  }
1813
- [dir="rtl"] .x-border-radius--right-01 {
1814
- border-bottom-left-radius: var(--x-size-base-01) !important;
1770
+ [dir="rtl"] .x-border-radius--right-05 {
1771
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1815
1772
  }
1816
- [dir="ltr"] .x-border-radius--left-01 {
1817
- border-top-left-radius: var(--x-size-base-01) !important;
1773
+ [dir="ltr"] .x-border-radius--left-05 {
1774
+ border-top-left-radius: var(--x-size-base-05) !important;
1818
1775
  }
1819
- [dir="rtl"] .x-border-radius--left-01 {
1820
- border-top-right-radius: var(--x-size-base-01) !important;
1776
+ [dir="rtl"] .x-border-radius--left-05 {
1777
+ border-top-right-radius: var(--x-size-base-05) !important;
1821
1778
  }
1822
- [dir="ltr"] .x-border-radius--left-01 {
1823
- border-bottom-left-radius: var(--x-size-base-01) !important;
1779
+ [dir="ltr"] .x-border-radius--left-05 {
1780
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1824
1781
  }
1825
- [dir="rtl"] .x-border-radius--left-01 {
1826
- border-bottom-right-radius: var(--x-size-base-01) !important;
1782
+ [dir="rtl"] .x-border-radius--left-05 {
1783
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1827
1784
  }
1828
- [dir="ltr"] .x-border-radius--top-left-01 {
1829
- border-top-left-radius: var(--x-size-base-01) !important;
1785
+ [dir="ltr"] .x-border-radius--top-left-05 {
1786
+ border-top-left-radius: var(--x-size-base-05) !important;
1830
1787
  }
1831
- [dir="rtl"] .x-border-radius--top-left-01 {
1832
- border-top-right-radius: var(--x-size-base-01) !important;
1788
+ [dir="rtl"] .x-border-radius--top-left-05 {
1789
+ border-top-right-radius: var(--x-size-base-05) !important;
1833
1790
  }
1834
- [dir="ltr"] .x-border-radius--top-right-01 {
1835
- border-top-right-radius: var(--x-size-base-01) !important;
1791
+ [dir="ltr"] .x-border-radius--top-right-05 {
1792
+ border-top-right-radius: var(--x-size-base-05) !important;
1836
1793
  }
1837
- [dir="rtl"] .x-border-radius--top-right-01 {
1838
- border-top-left-radius: var(--x-size-base-01) !important;
1794
+ [dir="rtl"] .x-border-radius--top-right-05 {
1795
+ border-top-left-radius: var(--x-size-base-05) !important;
1839
1796
  }
1840
- [dir="ltr"] .x-border-radius--bottom-left-01 {
1841
- border-bottom-left-radius: var(--x-size-base-01) !important;
1797
+ [dir="ltr"] .x-border-radius--bottom-left-05 {
1798
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1842
1799
  }
1843
- [dir="rtl"] .x-border-radius--bottom-left-01 {
1844
- border-bottom-right-radius: var(--x-size-base-01) !important;
1800
+ [dir="rtl"] .x-border-radius--bottom-left-05 {
1801
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1845
1802
  }
1846
- [dir="ltr"] .x-border-radius--bottom-right-01 {
1847
- border-bottom-right-radius: var(--x-size-base-01) !important;
1803
+ [dir="ltr"] .x-border-radius--bottom-right-05 {
1804
+ border-bottom-right-radius: var(--x-size-base-05) !important;
1848
1805
  }
1849
- [dir="rtl"] .x-border-radius--bottom-right-01 {
1850
- border-bottom-left-radius: var(--x-size-base-01) !important;
1806
+ [dir="rtl"] .x-border-radius--bottom-right-05 {
1807
+ border-bottom-left-radius: var(--x-size-base-05) !important;
1851
1808
  }
1852
- .x-border-radius--02 {
1853
- border-radius: var(--x-size-base-02) !important;
1809
+ .x-border-radius--06 {
1810
+ border-radius: var(--x-size-base-06) !important;
1854
1811
  }
1855
- [dir="ltr"] .x-border-radius--top-02 {
1856
- border-top-left-radius: var(--x-size-base-02) !important;
1812
+ [dir="ltr"] .x-border-radius--top-06 {
1813
+ border-top-left-radius: var(--x-size-base-06) !important;
1857
1814
  }
1858
- [dir="rtl"] .x-border-radius--top-02 {
1859
- border-top-right-radius: var(--x-size-base-02) !important;
1815
+ [dir="rtl"] .x-border-radius--top-06 {
1816
+ border-top-right-radius: var(--x-size-base-06) !important;
1860
1817
  }
1861
- [dir="ltr"] .x-border-radius--top-02 {
1862
- border-top-right-radius: var(--x-size-base-02) !important;
1818
+ [dir="ltr"] .x-border-radius--top-06 {
1819
+ border-top-right-radius: var(--x-size-base-06) !important;
1863
1820
  }
1864
- [dir="rtl"] .x-border-radius--top-02 {
1865
- border-top-left-radius: var(--x-size-base-02) !important;
1821
+ [dir="rtl"] .x-border-radius--top-06 {
1822
+ border-top-left-radius: var(--x-size-base-06) !important;
1866
1823
  }
1867
- [dir="ltr"] .x-border-radius--bottom-02 {
1868
- border-bottom-left-radius: var(--x-size-base-02) !important;
1824
+ [dir="ltr"] .x-border-radius--bottom-06 {
1825
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1869
1826
  }
1870
- [dir="rtl"] .x-border-radius--bottom-02 {
1871
- border-bottom-right-radius: var(--x-size-base-02) !important;
1827
+ [dir="rtl"] .x-border-radius--bottom-06 {
1828
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1872
1829
  }
1873
- [dir="ltr"] .x-border-radius--bottom-02 {
1874
- border-bottom-right-radius: var(--x-size-base-02) !important;
1830
+ [dir="ltr"] .x-border-radius--bottom-06 {
1831
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1875
1832
  }
1876
- [dir="rtl"] .x-border-radius--bottom-02 {
1877
- border-bottom-left-radius: var(--x-size-base-02) !important;
1833
+ [dir="rtl"] .x-border-radius--bottom-06 {
1834
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1878
1835
  }
1879
- [dir="ltr"] .x-border-radius--right-02 {
1880
- border-top-right-radius: var(--x-size-base-02) !important;
1836
+ [dir="ltr"] .x-border-radius--right-06 {
1837
+ border-top-right-radius: var(--x-size-base-06) !important;
1881
1838
  }
1882
- [dir="rtl"] .x-border-radius--right-02 {
1883
- border-top-left-radius: var(--x-size-base-02) !important;
1839
+ [dir="rtl"] .x-border-radius--right-06 {
1840
+ border-top-left-radius: var(--x-size-base-06) !important;
1884
1841
  }
1885
- [dir="ltr"] .x-border-radius--right-02 {
1886
- border-bottom-right-radius: var(--x-size-base-02) !important;
1842
+ [dir="ltr"] .x-border-radius--right-06 {
1843
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1887
1844
  }
1888
- [dir="rtl"] .x-border-radius--right-02 {
1889
- border-bottom-left-radius: var(--x-size-base-02) !important;
1845
+ [dir="rtl"] .x-border-radius--right-06 {
1846
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1890
1847
  }
1891
- [dir="ltr"] .x-border-radius--left-02 {
1892
- border-top-left-radius: var(--x-size-base-02) !important;
1848
+ [dir="ltr"] .x-border-radius--left-06 {
1849
+ border-top-left-radius: var(--x-size-base-06) !important;
1893
1850
  }
1894
- [dir="rtl"] .x-border-radius--left-02 {
1895
- border-top-right-radius: var(--x-size-base-02) !important;
1851
+ [dir="rtl"] .x-border-radius--left-06 {
1852
+ border-top-right-radius: var(--x-size-base-06) !important;
1896
1853
  }
1897
- [dir="ltr"] .x-border-radius--left-02 {
1898
- border-bottom-left-radius: var(--x-size-base-02) !important;
1854
+ [dir="ltr"] .x-border-radius--left-06 {
1855
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1899
1856
  }
1900
- [dir="rtl"] .x-border-radius--left-02 {
1901
- border-bottom-right-radius: var(--x-size-base-02) !important;
1857
+ [dir="rtl"] .x-border-radius--left-06 {
1858
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1902
1859
  }
1903
- [dir="ltr"] .x-border-radius--top-left-02 {
1904
- border-top-left-radius: var(--x-size-base-02) !important;
1860
+ [dir="ltr"] .x-border-radius--top-left-06 {
1861
+ border-top-left-radius: var(--x-size-base-06) !important;
1905
1862
  }
1906
- [dir="rtl"] .x-border-radius--top-left-02 {
1907
- border-top-right-radius: var(--x-size-base-02) !important;
1863
+ [dir="rtl"] .x-border-radius--top-left-06 {
1864
+ border-top-right-radius: var(--x-size-base-06) !important;
1908
1865
  }
1909
- [dir="ltr"] .x-border-radius--top-right-02 {
1910
- border-top-right-radius: var(--x-size-base-02) !important;
1866
+ [dir="ltr"] .x-border-radius--top-right-06 {
1867
+ border-top-right-radius: var(--x-size-base-06) !important;
1911
1868
  }
1912
- [dir="rtl"] .x-border-radius--top-right-02 {
1913
- border-top-left-radius: var(--x-size-base-02) !important;
1869
+ [dir="rtl"] .x-border-radius--top-right-06 {
1870
+ border-top-left-radius: var(--x-size-base-06) !important;
1914
1871
  }
1915
- [dir="ltr"] .x-border-radius--bottom-left-02 {
1916
- border-bottom-left-radius: var(--x-size-base-02) !important;
1872
+ [dir="ltr"] .x-border-radius--bottom-left-06 {
1873
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1917
1874
  }
1918
- [dir="rtl"] .x-border-radius--bottom-left-02 {
1919
- border-bottom-right-radius: var(--x-size-base-02) !important;
1875
+ [dir="rtl"] .x-border-radius--bottom-left-06 {
1876
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1920
1877
  }
1921
- [dir="ltr"] .x-border-radius--bottom-right-02 {
1922
- border-bottom-right-radius: var(--x-size-base-02) !important;
1878
+ [dir="ltr"] .x-border-radius--bottom-right-06 {
1879
+ border-bottom-right-radius: var(--x-size-base-06) !important;
1923
1880
  }
1924
- [dir="rtl"] .x-border-radius--bottom-right-02 {
1925
- border-bottom-left-radius: var(--x-size-base-02) !important;
1881
+ [dir="rtl"] .x-border-radius--bottom-right-06 {
1882
+ border-bottom-left-radius: var(--x-size-base-06) !important;
1926
1883
  }
1927
- .x-border-radius--03 {
1928
- border-radius: var(--x-size-base-03) !important;
1884
+ .x-border-radius--07 {
1885
+ border-radius: var(--x-size-base-07) !important;
1929
1886
  }
1930
- [dir="ltr"] .x-border-radius--top-03 {
1931
- border-top-left-radius: var(--x-size-base-03) !important;
1887
+ [dir="ltr"] .x-border-radius--top-07 {
1888
+ border-top-left-radius: var(--x-size-base-07) !important;
1932
1889
  }
1933
- [dir="rtl"] .x-border-radius--top-03 {
1934
- border-top-right-radius: var(--x-size-base-03) !important;
1890
+ [dir="rtl"] .x-border-radius--top-07 {
1891
+ border-top-right-radius: var(--x-size-base-07) !important;
1935
1892
  }
1936
- [dir="ltr"] .x-border-radius--top-03 {
1937
- border-top-right-radius: var(--x-size-base-03) !important;
1893
+ [dir="ltr"] .x-border-radius--top-07 {
1894
+ border-top-right-radius: var(--x-size-base-07) !important;
1938
1895
  }
1939
- [dir="rtl"] .x-border-radius--top-03 {
1940
- border-top-left-radius: var(--x-size-base-03) !important;
1896
+ [dir="rtl"] .x-border-radius--top-07 {
1897
+ border-top-left-radius: var(--x-size-base-07) !important;
1941
1898
  }
1942
- [dir="ltr"] .x-border-radius--bottom-03 {
1943
- border-bottom-left-radius: var(--x-size-base-03) !important;
1899
+ [dir="ltr"] .x-border-radius--bottom-07 {
1900
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1944
1901
  }
1945
- [dir="rtl"] .x-border-radius--bottom-03 {
1946
- border-bottom-right-radius: var(--x-size-base-03) !important;
1902
+ [dir="rtl"] .x-border-radius--bottom-07 {
1903
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1947
1904
  }
1948
- [dir="ltr"] .x-border-radius--bottom-03 {
1949
- border-bottom-right-radius: var(--x-size-base-03) !important;
1905
+ [dir="ltr"] .x-border-radius--bottom-07 {
1906
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1950
1907
  }
1951
- [dir="rtl"] .x-border-radius--bottom-03 {
1952
- border-bottom-left-radius: var(--x-size-base-03) !important;
1908
+ [dir="rtl"] .x-border-radius--bottom-07 {
1909
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1953
1910
  }
1954
- [dir="ltr"] .x-border-radius--right-03 {
1955
- border-top-right-radius: var(--x-size-base-03) !important;
1911
+ [dir="ltr"] .x-border-radius--right-07 {
1912
+ border-top-right-radius: var(--x-size-base-07) !important;
1956
1913
  }
1957
- [dir="rtl"] .x-border-radius--right-03 {
1958
- border-top-left-radius: var(--x-size-base-03) !important;
1914
+ [dir="rtl"] .x-border-radius--right-07 {
1915
+ border-top-left-radius: var(--x-size-base-07) !important;
1959
1916
  }
1960
- [dir="ltr"] .x-border-radius--right-03 {
1961
- border-bottom-right-radius: var(--x-size-base-03) !important;
1917
+ [dir="ltr"] .x-border-radius--right-07 {
1918
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1962
1919
  }
1963
- [dir="rtl"] .x-border-radius--right-03 {
1964
- border-bottom-left-radius: var(--x-size-base-03) !important;
1920
+ [dir="rtl"] .x-border-radius--right-07 {
1921
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1965
1922
  }
1966
- [dir="ltr"] .x-border-radius--left-03 {
1967
- border-top-left-radius: var(--x-size-base-03) !important;
1923
+ [dir="ltr"] .x-border-radius--left-07 {
1924
+ border-top-left-radius: var(--x-size-base-07) !important;
1968
1925
  }
1969
- [dir="rtl"] .x-border-radius--left-03 {
1970
- border-top-right-radius: var(--x-size-base-03) !important;
1926
+ [dir="rtl"] .x-border-radius--left-07 {
1927
+ border-top-right-radius: var(--x-size-base-07) !important;
1971
1928
  }
1972
- [dir="ltr"] .x-border-radius--left-03 {
1973
- border-bottom-left-radius: var(--x-size-base-03) !important;
1929
+ [dir="ltr"] .x-border-radius--left-07 {
1930
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1974
1931
  }
1975
- [dir="rtl"] .x-border-radius--left-03 {
1976
- border-bottom-right-radius: var(--x-size-base-03) !important;
1932
+ [dir="rtl"] .x-border-radius--left-07 {
1933
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1977
1934
  }
1978
- [dir="ltr"] .x-border-radius--top-left-03 {
1979
- border-top-left-radius: var(--x-size-base-03) !important;
1935
+ [dir="ltr"] .x-border-radius--top-left-07 {
1936
+ border-top-left-radius: var(--x-size-base-07) !important;
1980
1937
  }
1981
- [dir="rtl"] .x-border-radius--top-left-03 {
1982
- border-top-right-radius: var(--x-size-base-03) !important;
1938
+ [dir="rtl"] .x-border-radius--top-left-07 {
1939
+ border-top-right-radius: var(--x-size-base-07) !important;
1983
1940
  }
1984
- [dir="ltr"] .x-border-radius--top-right-03 {
1985
- border-top-right-radius: var(--x-size-base-03) !important;
1941
+ [dir="ltr"] .x-border-radius--top-right-07 {
1942
+ border-top-right-radius: var(--x-size-base-07) !important;
1986
1943
  }
1987
- [dir="rtl"] .x-border-radius--top-right-03 {
1988
- border-top-left-radius: var(--x-size-base-03) !important;
1944
+ [dir="rtl"] .x-border-radius--top-right-07 {
1945
+ border-top-left-radius: var(--x-size-base-07) !important;
1989
1946
  }
1990
- [dir="ltr"] .x-border-radius--bottom-left-03 {
1991
- border-bottom-left-radius: var(--x-size-base-03) !important;
1947
+ [dir="ltr"] .x-border-radius--bottom-left-07 {
1948
+ border-bottom-left-radius: var(--x-size-base-07) !important;
1992
1949
  }
1993
- [dir="rtl"] .x-border-radius--bottom-left-03 {
1994
- border-bottom-right-radius: var(--x-size-base-03) !important;
1950
+ [dir="rtl"] .x-border-radius--bottom-left-07 {
1951
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1995
1952
  }
1996
- [dir="ltr"] .x-border-radius--bottom-right-03 {
1997
- border-bottom-right-radius: var(--x-size-base-03) !important;
1953
+ [dir="ltr"] .x-border-radius--bottom-right-07 {
1954
+ border-bottom-right-radius: var(--x-size-base-07) !important;
1998
1955
  }
1999
- [dir="rtl"] .x-border-radius--bottom-right-03 {
2000
- border-bottom-left-radius: var(--x-size-base-03) !important;
1956
+ [dir="rtl"] .x-border-radius--bottom-right-07 {
1957
+ border-bottom-left-radius: var(--x-size-base-07) !important;
2001
1958
  }
2002
- .x-border-radius--04 {
2003
- border-radius: var(--x-size-base-04) !important;
1959
+ .x-border-radius--08 {
1960
+ border-radius: var(--x-size-base-08) !important;
2004
1961
  }
2005
- [dir="ltr"] .x-border-radius--top-04 {
2006
- border-top-left-radius: var(--x-size-base-04) !important;
1962
+ [dir="ltr"] .x-border-radius--top-08 {
1963
+ border-top-left-radius: var(--x-size-base-08) !important;
2007
1964
  }
2008
- [dir="rtl"] .x-border-radius--top-04 {
2009
- border-top-right-radius: var(--x-size-base-04) !important;
1965
+ [dir="rtl"] .x-border-radius--top-08 {
1966
+ border-top-right-radius: var(--x-size-base-08) !important;
2010
1967
  }
2011
- [dir="ltr"] .x-border-radius--top-04 {
2012
- border-top-right-radius: var(--x-size-base-04) !important;
1968
+ [dir="ltr"] .x-border-radius--top-08 {
1969
+ border-top-right-radius: var(--x-size-base-08) !important;
2013
1970
  }
2014
- [dir="rtl"] .x-border-radius--top-04 {
2015
- border-top-left-radius: var(--x-size-base-04) !important;
1971
+ [dir="rtl"] .x-border-radius--top-08 {
1972
+ border-top-left-radius: var(--x-size-base-08) !important;
2016
1973
  }
2017
- [dir="ltr"] .x-border-radius--bottom-04 {
2018
- border-bottom-left-radius: var(--x-size-base-04) !important;
1974
+ [dir="ltr"] .x-border-radius--bottom-08 {
1975
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2019
1976
  }
2020
- [dir="rtl"] .x-border-radius--bottom-04 {
2021
- border-bottom-right-radius: var(--x-size-base-04) !important;
1977
+ [dir="rtl"] .x-border-radius--bottom-08 {
1978
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2022
1979
  }
2023
- [dir="ltr"] .x-border-radius--bottom-04 {
2024
- border-bottom-right-radius: var(--x-size-base-04) !important;
1980
+ [dir="ltr"] .x-border-radius--bottom-08 {
1981
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2025
1982
  }
2026
- [dir="rtl"] .x-border-radius--bottom-04 {
2027
- border-bottom-left-radius: var(--x-size-base-04) !important;
1983
+ [dir="rtl"] .x-border-radius--bottom-08 {
1984
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2028
1985
  }
2029
- [dir="ltr"] .x-border-radius--right-04 {
2030
- border-top-right-radius: var(--x-size-base-04) !important;
1986
+ [dir="ltr"] .x-border-radius--right-08 {
1987
+ border-top-right-radius: var(--x-size-base-08) !important;
2031
1988
  }
2032
- [dir="rtl"] .x-border-radius--right-04 {
2033
- border-top-left-radius: var(--x-size-base-04) !important;
1989
+ [dir="rtl"] .x-border-radius--right-08 {
1990
+ border-top-left-radius: var(--x-size-base-08) !important;
2034
1991
  }
2035
- [dir="ltr"] .x-border-radius--right-04 {
2036
- border-bottom-right-radius: var(--x-size-base-04) !important;
1992
+ [dir="ltr"] .x-border-radius--right-08 {
1993
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2037
1994
  }
2038
- [dir="rtl"] .x-border-radius--right-04 {
2039
- border-bottom-left-radius: var(--x-size-base-04) !important;
1995
+ [dir="rtl"] .x-border-radius--right-08 {
1996
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2040
1997
  }
2041
- [dir="ltr"] .x-border-radius--left-04 {
2042
- border-top-left-radius: var(--x-size-base-04) !important;
1998
+ [dir="ltr"] .x-border-radius--left-08 {
1999
+ border-top-left-radius: var(--x-size-base-08) !important;
2043
2000
  }
2044
- [dir="rtl"] .x-border-radius--left-04 {
2045
- border-top-right-radius: var(--x-size-base-04) !important;
2001
+ [dir="rtl"] .x-border-radius--left-08 {
2002
+ border-top-right-radius: var(--x-size-base-08) !important;
2046
2003
  }
2047
- [dir="ltr"] .x-border-radius--left-04 {
2048
- border-bottom-left-radius: var(--x-size-base-04) !important;
2004
+ [dir="ltr"] .x-border-radius--left-08 {
2005
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2049
2006
  }
2050
- [dir="rtl"] .x-border-radius--left-04 {
2051
- border-bottom-right-radius: var(--x-size-base-04) !important;
2007
+ [dir="rtl"] .x-border-radius--left-08 {
2008
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2052
2009
  }
2053
- [dir="ltr"] .x-border-radius--top-left-04 {
2054
- border-top-left-radius: var(--x-size-base-04) !important;
2010
+ [dir="ltr"] .x-border-radius--top-left-08 {
2011
+ border-top-left-radius: var(--x-size-base-08) !important;
2055
2012
  }
2056
- [dir="rtl"] .x-border-radius--top-left-04 {
2057
- border-top-right-radius: var(--x-size-base-04) !important;
2013
+ [dir="rtl"] .x-border-radius--top-left-08 {
2014
+ border-top-right-radius: var(--x-size-base-08) !important;
2058
2015
  }
2059
- [dir="ltr"] .x-border-radius--top-right-04 {
2060
- border-top-right-radius: var(--x-size-base-04) !important;
2016
+ [dir="ltr"] .x-border-radius--top-right-08 {
2017
+ border-top-right-radius: var(--x-size-base-08) !important;
2061
2018
  }
2062
- [dir="rtl"] .x-border-radius--top-right-04 {
2063
- border-top-left-radius: var(--x-size-base-04) !important;
2019
+ [dir="rtl"] .x-border-radius--top-right-08 {
2020
+ border-top-left-radius: var(--x-size-base-08) !important;
2064
2021
  }
2065
- [dir="ltr"] .x-border-radius--bottom-left-04 {
2066
- border-bottom-left-radius: var(--x-size-base-04) !important;
2022
+ [dir="ltr"] .x-border-radius--bottom-left-08 {
2023
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2067
2024
  }
2068
- [dir="rtl"] .x-border-radius--bottom-left-04 {
2069
- border-bottom-right-radius: var(--x-size-base-04) !important;
2025
+ [dir="rtl"] .x-border-radius--bottom-left-08 {
2026
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2070
2027
  }
2071
- [dir="ltr"] .x-border-radius--bottom-right-04 {
2072
- border-bottom-right-radius: var(--x-size-base-04) !important;
2028
+ [dir="ltr"] .x-border-radius--bottom-right-08 {
2029
+ border-bottom-right-radius: var(--x-size-base-08) !important;
2073
2030
  }
2074
- [dir="rtl"] .x-border-radius--bottom-right-04 {
2075
- border-bottom-left-radius: var(--x-size-base-04) !important;
2031
+ [dir="rtl"] .x-border-radius--bottom-right-08 {
2032
+ border-bottom-left-radius: var(--x-size-base-08) !important;
2076
2033
  }
2077
- .x-border-radius--05 {
2078
- border-radius: var(--x-size-base-05) !important;
2034
+ .x-border-radius--09 {
2035
+ border-radius: var(--x-size-base-09) !important;
2079
2036
  }
2080
- [dir="ltr"] .x-border-radius--top-05 {
2081
- border-top-left-radius: var(--x-size-base-05) !important;
2037
+ [dir="ltr"] .x-border-radius--top-09 {
2038
+ border-top-left-radius: var(--x-size-base-09) !important;
2082
2039
  }
2083
- [dir="rtl"] .x-border-radius--top-05 {
2084
- border-top-right-radius: var(--x-size-base-05) !important;
2040
+ [dir="rtl"] .x-border-radius--top-09 {
2041
+ border-top-right-radius: var(--x-size-base-09) !important;
2085
2042
  }
2086
- [dir="ltr"] .x-border-radius--top-05 {
2087
- border-top-right-radius: var(--x-size-base-05) !important;
2043
+ [dir="ltr"] .x-border-radius--top-09 {
2044
+ border-top-right-radius: var(--x-size-base-09) !important;
2088
2045
  }
2089
- [dir="rtl"] .x-border-radius--top-05 {
2090
- border-top-left-radius: var(--x-size-base-05) !important;
2046
+ [dir="rtl"] .x-border-radius--top-09 {
2047
+ border-top-left-radius: var(--x-size-base-09) !important;
2091
2048
  }
2092
- [dir="ltr"] .x-border-radius--bottom-05 {
2093
- border-bottom-left-radius: var(--x-size-base-05) !important;
2049
+ [dir="ltr"] .x-border-radius--bottom-09 {
2050
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2094
2051
  }
2095
- [dir="rtl"] .x-border-radius--bottom-05 {
2096
- border-bottom-right-radius: var(--x-size-base-05) !important;
2052
+ [dir="rtl"] .x-border-radius--bottom-09 {
2053
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2097
2054
  }
2098
- [dir="ltr"] .x-border-radius--bottom-05 {
2099
- border-bottom-right-radius: var(--x-size-base-05) !important;
2055
+ [dir="ltr"] .x-border-radius--bottom-09 {
2056
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2100
2057
  }
2101
- [dir="rtl"] .x-border-radius--bottom-05 {
2102
- border-bottom-left-radius: var(--x-size-base-05) !important;
2058
+ [dir="rtl"] .x-border-radius--bottom-09 {
2059
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2103
2060
  }
2104
- [dir="ltr"] .x-border-radius--right-05 {
2105
- border-top-right-radius: var(--x-size-base-05) !important;
2061
+ [dir="ltr"] .x-border-radius--right-09 {
2062
+ border-top-right-radius: var(--x-size-base-09) !important;
2106
2063
  }
2107
- [dir="rtl"] .x-border-radius--right-05 {
2108
- border-top-left-radius: var(--x-size-base-05) !important;
2064
+ [dir="rtl"] .x-border-radius--right-09 {
2065
+ border-top-left-radius: var(--x-size-base-09) !important;
2109
2066
  }
2110
- [dir="ltr"] .x-border-radius--right-05 {
2111
- border-bottom-right-radius: var(--x-size-base-05) !important;
2067
+ [dir="ltr"] .x-border-radius--right-09 {
2068
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2112
2069
  }
2113
- [dir="rtl"] .x-border-radius--right-05 {
2114
- border-bottom-left-radius: var(--x-size-base-05) !important;
2070
+ [dir="rtl"] .x-border-radius--right-09 {
2071
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2115
2072
  }
2116
- [dir="ltr"] .x-border-radius--left-05 {
2117
- border-top-left-radius: var(--x-size-base-05) !important;
2073
+ [dir="ltr"] .x-border-radius--left-09 {
2074
+ border-top-left-radius: var(--x-size-base-09) !important;
2118
2075
  }
2119
- [dir="rtl"] .x-border-radius--left-05 {
2120
- border-top-right-radius: var(--x-size-base-05) !important;
2076
+ [dir="rtl"] .x-border-radius--left-09 {
2077
+ border-top-right-radius: var(--x-size-base-09) !important;
2121
2078
  }
2122
- [dir="ltr"] .x-border-radius--left-05 {
2123
- border-bottom-left-radius: var(--x-size-base-05) !important;
2079
+ [dir="ltr"] .x-border-radius--left-09 {
2080
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2124
2081
  }
2125
- [dir="rtl"] .x-border-radius--left-05 {
2126
- border-bottom-right-radius: var(--x-size-base-05) !important;
2082
+ [dir="rtl"] .x-border-radius--left-09 {
2083
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2127
2084
  }
2128
- [dir="ltr"] .x-border-radius--top-left-05 {
2129
- border-top-left-radius: var(--x-size-base-05) !important;
2085
+ [dir="ltr"] .x-border-radius--top-left-09 {
2086
+ border-top-left-radius: var(--x-size-base-09) !important;
2130
2087
  }
2131
- [dir="rtl"] .x-border-radius--top-left-05 {
2132
- border-top-right-radius: var(--x-size-base-05) !important;
2088
+ [dir="rtl"] .x-border-radius--top-left-09 {
2089
+ border-top-right-radius: var(--x-size-base-09) !important;
2133
2090
  }
2134
- [dir="ltr"] .x-border-radius--top-right-05 {
2135
- border-top-right-radius: var(--x-size-base-05) !important;
2091
+ [dir="ltr"] .x-border-radius--top-right-09 {
2092
+ border-top-right-radius: var(--x-size-base-09) !important;
2136
2093
  }
2137
- [dir="rtl"] .x-border-radius--top-right-05 {
2138
- border-top-left-radius: var(--x-size-base-05) !important;
2094
+ [dir="rtl"] .x-border-radius--top-right-09 {
2095
+ border-top-left-radius: var(--x-size-base-09) !important;
2139
2096
  }
2140
- [dir="ltr"] .x-border-radius--bottom-left-05 {
2141
- border-bottom-left-radius: var(--x-size-base-05) !important;
2097
+ [dir="ltr"] .x-border-radius--bottom-left-09 {
2098
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2142
2099
  }
2143
- [dir="rtl"] .x-border-radius--bottom-left-05 {
2144
- border-bottom-right-radius: var(--x-size-base-05) !important;
2100
+ [dir="rtl"] .x-border-radius--bottom-left-09 {
2101
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2145
2102
  }
2146
- [dir="ltr"] .x-border-radius--bottom-right-05 {
2147
- border-bottom-right-radius: var(--x-size-base-05) !important;
2103
+ [dir="ltr"] .x-border-radius--bottom-right-09 {
2104
+ border-bottom-right-radius: var(--x-size-base-09) !important;
2148
2105
  }
2149
- [dir="rtl"] .x-border-radius--bottom-right-05 {
2150
- border-bottom-left-radius: var(--x-size-base-05) !important;
2106
+ [dir="rtl"] .x-border-radius--bottom-right-09 {
2107
+ border-bottom-left-radius: var(--x-size-base-09) !important;
2151
2108
  }
2152
- .x-border-radius--06 {
2153
- border-radius: var(--x-size-base-06) !important;
2109
+ .x-border-radius--10 {
2110
+ border-radius: var(--x-size-base-10) !important;
2154
2111
  }
2155
- [dir="ltr"] .x-border-radius--top-06 {
2156
- border-top-left-radius: var(--x-size-base-06) !important;
2112
+ [dir="ltr"] .x-border-radius--top-10 {
2113
+ border-top-left-radius: var(--x-size-base-10) !important;
2157
2114
  }
2158
- [dir="rtl"] .x-border-radius--top-06 {
2159
- border-top-right-radius: var(--x-size-base-06) !important;
2115
+ [dir="rtl"] .x-border-radius--top-10 {
2116
+ border-top-right-radius: var(--x-size-base-10) !important;
2160
2117
  }
2161
- [dir="ltr"] .x-border-radius--top-06 {
2162
- border-top-right-radius: var(--x-size-base-06) !important;
2118
+ [dir="ltr"] .x-border-radius--top-10 {
2119
+ border-top-right-radius: var(--x-size-base-10) !important;
2163
2120
  }
2164
- [dir="rtl"] .x-border-radius--top-06 {
2165
- border-top-left-radius: var(--x-size-base-06) !important;
2121
+ [dir="rtl"] .x-border-radius--top-10 {
2122
+ border-top-left-radius: var(--x-size-base-10) !important;
2166
2123
  }
2167
- [dir="ltr"] .x-border-radius--bottom-06 {
2168
- border-bottom-left-radius: var(--x-size-base-06) !important;
2124
+ [dir="ltr"] .x-border-radius--bottom-10 {
2125
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2169
2126
  }
2170
- [dir="rtl"] .x-border-radius--bottom-06 {
2171
- border-bottom-right-radius: var(--x-size-base-06) !important;
2127
+ [dir="rtl"] .x-border-radius--bottom-10 {
2128
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2172
2129
  }
2173
- [dir="ltr"] .x-border-radius--bottom-06 {
2174
- border-bottom-right-radius: var(--x-size-base-06) !important;
2130
+ [dir="ltr"] .x-border-radius--bottom-10 {
2131
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2175
2132
  }
2176
- [dir="rtl"] .x-border-radius--bottom-06 {
2177
- border-bottom-left-radius: var(--x-size-base-06) !important;
2133
+ [dir="rtl"] .x-border-radius--bottom-10 {
2134
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2178
2135
  }
2179
- [dir="ltr"] .x-border-radius--right-06 {
2180
- border-top-right-radius: var(--x-size-base-06) !important;
2136
+ [dir="ltr"] .x-border-radius--right-10 {
2137
+ border-top-right-radius: var(--x-size-base-10) !important;
2181
2138
  }
2182
- [dir="rtl"] .x-border-radius--right-06 {
2183
- border-top-left-radius: var(--x-size-base-06) !important;
2139
+ [dir="rtl"] .x-border-radius--right-10 {
2140
+ border-top-left-radius: var(--x-size-base-10) !important;
2184
2141
  }
2185
- [dir="ltr"] .x-border-radius--right-06 {
2186
- border-bottom-right-radius: var(--x-size-base-06) !important;
2142
+ [dir="ltr"] .x-border-radius--right-10 {
2143
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2187
2144
  }
2188
- [dir="rtl"] .x-border-radius--right-06 {
2189
- border-bottom-left-radius: var(--x-size-base-06) !important;
2145
+ [dir="rtl"] .x-border-radius--right-10 {
2146
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2190
2147
  }
2191
- [dir="ltr"] .x-border-radius--left-06 {
2192
- border-top-left-radius: var(--x-size-base-06) !important;
2148
+ [dir="ltr"] .x-border-radius--left-10 {
2149
+ border-top-left-radius: var(--x-size-base-10) !important;
2193
2150
  }
2194
- [dir="rtl"] .x-border-radius--left-06 {
2195
- border-top-right-radius: var(--x-size-base-06) !important;
2151
+ [dir="rtl"] .x-border-radius--left-10 {
2152
+ border-top-right-radius: var(--x-size-base-10) !important;
2196
2153
  }
2197
- [dir="ltr"] .x-border-radius--left-06 {
2198
- border-bottom-left-radius: var(--x-size-base-06) !important;
2154
+ [dir="ltr"] .x-border-radius--left-10 {
2155
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2199
2156
  }
2200
- [dir="rtl"] .x-border-radius--left-06 {
2201
- border-bottom-right-radius: var(--x-size-base-06) !important;
2157
+ [dir="rtl"] .x-border-radius--left-10 {
2158
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2202
2159
  }
2203
- [dir="ltr"] .x-border-radius--top-left-06 {
2204
- border-top-left-radius: var(--x-size-base-06) !important;
2160
+ [dir="ltr"] .x-border-radius--top-left-10 {
2161
+ border-top-left-radius: var(--x-size-base-10) !important;
2205
2162
  }
2206
- [dir="rtl"] .x-border-radius--top-left-06 {
2207
- border-top-right-radius: var(--x-size-base-06) !important;
2163
+ [dir="rtl"] .x-border-radius--top-left-10 {
2164
+ border-top-right-radius: var(--x-size-base-10) !important;
2208
2165
  }
2209
- [dir="ltr"] .x-border-radius--top-right-06 {
2210
- border-top-right-radius: var(--x-size-base-06) !important;
2166
+ [dir="ltr"] .x-border-radius--top-right-10 {
2167
+ border-top-right-radius: var(--x-size-base-10) !important;
2211
2168
  }
2212
- [dir="rtl"] .x-border-radius--top-right-06 {
2213
- border-top-left-radius: var(--x-size-base-06) !important;
2169
+ [dir="rtl"] .x-border-radius--top-right-10 {
2170
+ border-top-left-radius: var(--x-size-base-10) !important;
2214
2171
  }
2215
- [dir="ltr"] .x-border-radius--bottom-left-06 {
2216
- border-bottom-left-radius: var(--x-size-base-06) !important;
2172
+ [dir="ltr"] .x-border-radius--bottom-left-10 {
2173
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2217
2174
  }
2218
- [dir="rtl"] .x-border-radius--bottom-left-06 {
2219
- border-bottom-right-radius: var(--x-size-base-06) !important;
2175
+ [dir="rtl"] .x-border-radius--bottom-left-10 {
2176
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2220
2177
  }
2221
- [dir="ltr"] .x-border-radius--bottom-right-06 {
2222
- border-bottom-right-radius: var(--x-size-base-06) !important;
2178
+ [dir="ltr"] .x-border-radius--bottom-right-10 {
2179
+ border-bottom-right-radius: var(--x-size-base-10) !important;
2223
2180
  }
2224
- [dir="rtl"] .x-border-radius--bottom-right-06 {
2225
- border-bottom-left-radius: var(--x-size-base-06) !important;
2181
+ [dir="rtl"] .x-border-radius--bottom-right-10 {
2182
+ border-bottom-left-radius: var(--x-size-base-10) !important;
2226
2183
  }
2227
- .x-border-radius--07 {
2228
- border-radius: var(--x-size-base-07) !important;
2184
+ .x-border-radius--11 {
2185
+ border-radius: var(--x-size-base-11) !important;
2229
2186
  }
2230
- [dir="ltr"] .x-border-radius--top-07 {
2231
- border-top-left-radius: var(--x-size-base-07) !important;
2187
+ [dir="ltr"] .x-border-radius--top-11 {
2188
+ border-top-left-radius: var(--x-size-base-11) !important;
2232
2189
  }
2233
- [dir="rtl"] .x-border-radius--top-07 {
2234
- border-top-right-radius: var(--x-size-base-07) !important;
2190
+ [dir="rtl"] .x-border-radius--top-11 {
2191
+ border-top-right-radius: var(--x-size-base-11) !important;
2235
2192
  }
2236
- [dir="ltr"] .x-border-radius--top-07 {
2237
- border-top-right-radius: var(--x-size-base-07) !important;
2193
+ [dir="ltr"] .x-border-radius--top-11 {
2194
+ border-top-right-radius: var(--x-size-base-11) !important;
2238
2195
  }
2239
- [dir="rtl"] .x-border-radius--top-07 {
2240
- border-top-left-radius: var(--x-size-base-07) !important;
2196
+ [dir="rtl"] .x-border-radius--top-11 {
2197
+ border-top-left-radius: var(--x-size-base-11) !important;
2241
2198
  }
2242
- [dir="ltr"] .x-border-radius--bottom-07 {
2243
- border-bottom-left-radius: var(--x-size-base-07) !important;
2199
+ [dir="ltr"] .x-border-radius--bottom-11 {
2200
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2244
2201
  }
2245
- [dir="rtl"] .x-border-radius--bottom-07 {
2246
- border-bottom-right-radius: var(--x-size-base-07) !important;
2202
+ [dir="rtl"] .x-border-radius--bottom-11 {
2203
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2247
2204
  }
2248
- [dir="ltr"] .x-border-radius--bottom-07 {
2249
- border-bottom-right-radius: var(--x-size-base-07) !important;
2205
+ [dir="ltr"] .x-border-radius--bottom-11 {
2206
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2250
2207
  }
2251
- [dir="rtl"] .x-border-radius--bottom-07 {
2252
- border-bottom-left-radius: var(--x-size-base-07) !important;
2208
+ [dir="rtl"] .x-border-radius--bottom-11 {
2209
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2253
2210
  }
2254
- [dir="ltr"] .x-border-radius--right-07 {
2255
- border-top-right-radius: var(--x-size-base-07) !important;
2211
+ [dir="ltr"] .x-border-radius--right-11 {
2212
+ border-top-right-radius: var(--x-size-base-11) !important;
2256
2213
  }
2257
- [dir="rtl"] .x-border-radius--right-07 {
2258
- border-top-left-radius: var(--x-size-base-07) !important;
2214
+ [dir="rtl"] .x-border-radius--right-11 {
2215
+ border-top-left-radius: var(--x-size-base-11) !important;
2259
2216
  }
2260
- [dir="ltr"] .x-border-radius--right-07 {
2261
- border-bottom-right-radius: var(--x-size-base-07) !important;
2217
+ [dir="ltr"] .x-border-radius--right-11 {
2218
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2262
2219
  }
2263
- [dir="rtl"] .x-border-radius--right-07 {
2264
- border-bottom-left-radius: var(--x-size-base-07) !important;
2220
+ [dir="rtl"] .x-border-radius--right-11 {
2221
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2265
2222
  }
2266
- [dir="ltr"] .x-border-radius--left-07 {
2267
- border-top-left-radius: var(--x-size-base-07) !important;
2223
+ [dir="ltr"] .x-border-radius--left-11 {
2224
+ border-top-left-radius: var(--x-size-base-11) !important;
2268
2225
  }
2269
- [dir="rtl"] .x-border-radius--left-07 {
2270
- border-top-right-radius: var(--x-size-base-07) !important;
2226
+ [dir="rtl"] .x-border-radius--left-11 {
2227
+ border-top-right-radius: var(--x-size-base-11) !important;
2271
2228
  }
2272
- [dir="ltr"] .x-border-radius--left-07 {
2273
- border-bottom-left-radius: var(--x-size-base-07) !important;
2229
+ [dir="ltr"] .x-border-radius--left-11 {
2230
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2274
2231
  }
2275
- [dir="rtl"] .x-border-radius--left-07 {
2276
- border-bottom-right-radius: var(--x-size-base-07) !important;
2232
+ [dir="rtl"] .x-border-radius--left-11 {
2233
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2277
2234
  }
2278
- [dir="ltr"] .x-border-radius--top-left-07 {
2279
- border-top-left-radius: var(--x-size-base-07) !important;
2235
+ [dir="ltr"] .x-border-radius--top-left-11 {
2236
+ border-top-left-radius: var(--x-size-base-11) !important;
2280
2237
  }
2281
- [dir="rtl"] .x-border-radius--top-left-07 {
2282
- border-top-right-radius: var(--x-size-base-07) !important;
2238
+ [dir="rtl"] .x-border-radius--top-left-11 {
2239
+ border-top-right-radius: var(--x-size-base-11) !important;
2283
2240
  }
2284
- [dir="ltr"] .x-border-radius--top-right-07 {
2285
- border-top-right-radius: var(--x-size-base-07) !important;
2241
+ [dir="ltr"] .x-border-radius--top-right-11 {
2242
+ border-top-right-radius: var(--x-size-base-11) !important;
2286
2243
  }
2287
- [dir="rtl"] .x-border-radius--top-right-07 {
2288
- border-top-left-radius: var(--x-size-base-07) !important;
2244
+ [dir="rtl"] .x-border-radius--top-right-11 {
2245
+ border-top-left-radius: var(--x-size-base-11) !important;
2289
2246
  }
2290
- [dir="ltr"] .x-border-radius--bottom-left-07 {
2291
- border-bottom-left-radius: var(--x-size-base-07) !important;
2247
+ [dir="ltr"] .x-border-radius--bottom-left-11 {
2248
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2292
2249
  }
2293
- [dir="rtl"] .x-border-radius--bottom-left-07 {
2294
- border-bottom-right-radius: var(--x-size-base-07) !important;
2250
+ [dir="rtl"] .x-border-radius--bottom-left-11 {
2251
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2295
2252
  }
2296
- [dir="ltr"] .x-border-radius--bottom-right-07 {
2297
- border-bottom-right-radius: var(--x-size-base-07) !important;
2253
+ [dir="ltr"] .x-border-radius--bottom-right-11 {
2254
+ border-bottom-right-radius: var(--x-size-base-11) !important;
2298
2255
  }
2299
- [dir="rtl"] .x-border-radius--bottom-right-07 {
2300
- border-bottom-left-radius: var(--x-size-base-07) !important;
2256
+ [dir="rtl"] .x-border-radius--bottom-right-11 {
2257
+ border-bottom-left-radius: var(--x-size-base-11) !important;
2301
2258
  }
2302
- .x-border-radius--08 {
2303
- border-radius: var(--x-size-base-08) !important;
2259
+ .x-border-radius--12 {
2260
+ border-radius: var(--x-size-base-12) !important;
2304
2261
  }
2305
- [dir="ltr"] .x-border-radius--top-08 {
2306
- border-top-left-radius: var(--x-size-base-08) !important;
2262
+ [dir="ltr"] .x-border-radius--top-12 {
2263
+ border-top-left-radius: var(--x-size-base-12) !important;
2307
2264
  }
2308
- [dir="rtl"] .x-border-radius--top-08 {
2309
- border-top-right-radius: var(--x-size-base-08) !important;
2265
+ [dir="rtl"] .x-border-radius--top-12 {
2266
+ border-top-right-radius: var(--x-size-base-12) !important;
2310
2267
  }
2311
- [dir="ltr"] .x-border-radius--top-08 {
2312
- border-top-right-radius: var(--x-size-base-08) !important;
2268
+ [dir="ltr"] .x-border-radius--top-12 {
2269
+ border-top-right-radius: var(--x-size-base-12) !important;
2313
2270
  }
2314
- [dir="rtl"] .x-border-radius--top-08 {
2315
- border-top-left-radius: var(--x-size-base-08) !important;
2271
+ [dir="rtl"] .x-border-radius--top-12 {
2272
+ border-top-left-radius: var(--x-size-base-12) !important;
2316
2273
  }
2317
- [dir="ltr"] .x-border-radius--bottom-08 {
2318
- border-bottom-left-radius: var(--x-size-base-08) !important;
2274
+ [dir="ltr"] .x-border-radius--bottom-12 {
2275
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2319
2276
  }
2320
- [dir="rtl"] .x-border-radius--bottom-08 {
2321
- border-bottom-right-radius: var(--x-size-base-08) !important;
2277
+ [dir="rtl"] .x-border-radius--bottom-12 {
2278
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2322
2279
  }
2323
- [dir="ltr"] .x-border-radius--bottom-08 {
2324
- border-bottom-right-radius: var(--x-size-base-08) !important;
2280
+ [dir="ltr"] .x-border-radius--bottom-12 {
2281
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2325
2282
  }
2326
- [dir="rtl"] .x-border-radius--bottom-08 {
2327
- border-bottom-left-radius: var(--x-size-base-08) !important;
2283
+ [dir="rtl"] .x-border-radius--bottom-12 {
2284
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2328
2285
  }
2329
- [dir="ltr"] .x-border-radius--right-08 {
2330
- border-top-right-radius: var(--x-size-base-08) !important;
2286
+ [dir="ltr"] .x-border-radius--right-12 {
2287
+ border-top-right-radius: var(--x-size-base-12) !important;
2331
2288
  }
2332
- [dir="rtl"] .x-border-radius--right-08 {
2333
- border-top-left-radius: var(--x-size-base-08) !important;
2289
+ [dir="rtl"] .x-border-radius--right-12 {
2290
+ border-top-left-radius: var(--x-size-base-12) !important;
2334
2291
  }
2335
- [dir="ltr"] .x-border-radius--right-08 {
2336
- border-bottom-right-radius: var(--x-size-base-08) !important;
2292
+ [dir="ltr"] .x-border-radius--right-12 {
2293
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2337
2294
  }
2338
- [dir="rtl"] .x-border-radius--right-08 {
2339
- border-bottom-left-radius: var(--x-size-base-08) !important;
2295
+ [dir="rtl"] .x-border-radius--right-12 {
2296
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2340
2297
  }
2341
- [dir="ltr"] .x-border-radius--left-08 {
2342
- border-top-left-radius: var(--x-size-base-08) !important;
2298
+ [dir="ltr"] .x-border-radius--left-12 {
2299
+ border-top-left-radius: var(--x-size-base-12) !important;
2343
2300
  }
2344
- [dir="rtl"] .x-border-radius--left-08 {
2345
- border-top-right-radius: var(--x-size-base-08) !important;
2301
+ [dir="rtl"] .x-border-radius--left-12 {
2302
+ border-top-right-radius: var(--x-size-base-12) !important;
2346
2303
  }
2347
- [dir="ltr"] .x-border-radius--left-08 {
2348
- border-bottom-left-radius: var(--x-size-base-08) !important;
2304
+ [dir="ltr"] .x-border-radius--left-12 {
2305
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2349
2306
  }
2350
- [dir="rtl"] .x-border-radius--left-08 {
2351
- border-bottom-right-radius: var(--x-size-base-08) !important;
2307
+ [dir="rtl"] .x-border-radius--left-12 {
2308
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2352
2309
  }
2353
- [dir="ltr"] .x-border-radius--top-left-08 {
2354
- border-top-left-radius: var(--x-size-base-08) !important;
2310
+ [dir="ltr"] .x-border-radius--top-left-12 {
2311
+ border-top-left-radius: var(--x-size-base-12) !important;
2355
2312
  }
2356
- [dir="rtl"] .x-border-radius--top-left-08 {
2357
- border-top-right-radius: var(--x-size-base-08) !important;
2313
+ [dir="rtl"] .x-border-radius--top-left-12 {
2314
+ border-top-right-radius: var(--x-size-base-12) !important;
2358
2315
  }
2359
- [dir="ltr"] .x-border-radius--top-right-08 {
2360
- border-top-right-radius: var(--x-size-base-08) !important;
2316
+ [dir="ltr"] .x-border-radius--top-right-12 {
2317
+ border-top-right-radius: var(--x-size-base-12) !important;
2361
2318
  }
2362
- [dir="rtl"] .x-border-radius--top-right-08 {
2363
- border-top-left-radius: var(--x-size-base-08) !important;
2319
+ [dir="rtl"] .x-border-radius--top-right-12 {
2320
+ border-top-left-radius: var(--x-size-base-12) !important;
2364
2321
  }
2365
- [dir="ltr"] .x-border-radius--bottom-left-08 {
2366
- border-bottom-left-radius: var(--x-size-base-08) !important;
2322
+ [dir="ltr"] .x-border-radius--bottom-left-12 {
2323
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2367
2324
  }
2368
- [dir="rtl"] .x-border-radius--bottom-left-08 {
2369
- border-bottom-right-radius: var(--x-size-base-08) !important;
2325
+ [dir="rtl"] .x-border-radius--bottom-left-12 {
2326
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2370
2327
  }
2371
- [dir="ltr"] .x-border-radius--bottom-right-08 {
2372
- border-bottom-right-radius: var(--x-size-base-08) !important;
2328
+ [dir="ltr"] .x-border-radius--bottom-right-12 {
2329
+ border-bottom-right-radius: var(--x-size-base-12) !important;
2373
2330
  }
2374
- [dir="rtl"] .x-border-radius--bottom-right-08 {
2375
- border-bottom-left-radius: var(--x-size-base-08) !important;
2331
+ [dir="rtl"] .x-border-radius--bottom-right-12 {
2332
+ border-bottom-left-radius: var(--x-size-base-12) !important;
2376
2333
  }
2377
- .x-border-radius--09 {
2378
- border-radius: var(--x-size-base-09) !important;
2334
+ .x-border-radius--13 {
2335
+ border-radius: var(--x-size-base-13) !important;
2379
2336
  }
2380
- [dir="ltr"] .x-border-radius--top-09 {
2381
- border-top-left-radius: var(--x-size-base-09) !important;
2337
+ [dir="ltr"] .x-border-radius--top-13 {
2338
+ border-top-left-radius: var(--x-size-base-13) !important;
2382
2339
  }
2383
- [dir="rtl"] .x-border-radius--top-09 {
2384
- border-top-right-radius: var(--x-size-base-09) !important;
2340
+ [dir="rtl"] .x-border-radius--top-13 {
2341
+ border-top-right-radius: var(--x-size-base-13) !important;
2385
2342
  }
2386
- [dir="ltr"] .x-border-radius--top-09 {
2387
- border-top-right-radius: var(--x-size-base-09) !important;
2343
+ [dir="ltr"] .x-border-radius--top-13 {
2344
+ border-top-right-radius: var(--x-size-base-13) !important;
2388
2345
  }
2389
- [dir="rtl"] .x-border-radius--top-09 {
2390
- border-top-left-radius: var(--x-size-base-09) !important;
2346
+ [dir="rtl"] .x-border-radius--top-13 {
2347
+ border-top-left-radius: var(--x-size-base-13) !important;
2391
2348
  }
2392
- [dir="ltr"] .x-border-radius--bottom-09 {
2393
- border-bottom-left-radius: var(--x-size-base-09) !important;
2349
+ [dir="ltr"] .x-border-radius--bottom-13 {
2350
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2394
2351
  }
2395
- [dir="rtl"] .x-border-radius--bottom-09 {
2396
- border-bottom-right-radius: var(--x-size-base-09) !important;
2352
+ [dir="rtl"] .x-border-radius--bottom-13 {
2353
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2397
2354
  }
2398
- [dir="ltr"] .x-border-radius--bottom-09 {
2399
- border-bottom-right-radius: var(--x-size-base-09) !important;
2355
+ [dir="ltr"] .x-border-radius--bottom-13 {
2356
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2400
2357
  }
2401
- [dir="rtl"] .x-border-radius--bottom-09 {
2402
- border-bottom-left-radius: var(--x-size-base-09) !important;
2358
+ [dir="rtl"] .x-border-radius--bottom-13 {
2359
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2403
2360
  }
2404
- [dir="ltr"] .x-border-radius--right-09 {
2405
- border-top-right-radius: var(--x-size-base-09) !important;
2361
+ [dir="ltr"] .x-border-radius--right-13 {
2362
+ border-top-right-radius: var(--x-size-base-13) !important;
2406
2363
  }
2407
- [dir="rtl"] .x-border-radius--right-09 {
2408
- border-top-left-radius: var(--x-size-base-09) !important;
2364
+ [dir="rtl"] .x-border-radius--right-13 {
2365
+ border-top-left-radius: var(--x-size-base-13) !important;
2409
2366
  }
2410
- [dir="ltr"] .x-border-radius--right-09 {
2411
- border-bottom-right-radius: var(--x-size-base-09) !important;
2367
+ [dir="ltr"] .x-border-radius--right-13 {
2368
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2412
2369
  }
2413
- [dir="rtl"] .x-border-radius--right-09 {
2414
- border-bottom-left-radius: var(--x-size-base-09) !important;
2370
+ [dir="rtl"] .x-border-radius--right-13 {
2371
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2415
2372
  }
2416
- [dir="ltr"] .x-border-radius--left-09 {
2417
- border-top-left-radius: var(--x-size-base-09) !important;
2373
+ [dir="ltr"] .x-border-radius--left-13 {
2374
+ border-top-left-radius: var(--x-size-base-13) !important;
2418
2375
  }
2419
- [dir="rtl"] .x-border-radius--left-09 {
2420
- border-top-right-radius: var(--x-size-base-09) !important;
2376
+ [dir="rtl"] .x-border-radius--left-13 {
2377
+ border-top-right-radius: var(--x-size-base-13) !important;
2421
2378
  }
2422
- [dir="ltr"] .x-border-radius--left-09 {
2423
- border-bottom-left-radius: var(--x-size-base-09) !important;
2379
+ [dir="ltr"] .x-border-radius--left-13 {
2380
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2424
2381
  }
2425
- [dir="rtl"] .x-border-radius--left-09 {
2426
- border-bottom-right-radius: var(--x-size-base-09) !important;
2382
+ [dir="rtl"] .x-border-radius--left-13 {
2383
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2427
2384
  }
2428
- [dir="ltr"] .x-border-radius--top-left-09 {
2429
- border-top-left-radius: var(--x-size-base-09) !important;
2385
+ [dir="ltr"] .x-border-radius--top-left-13 {
2386
+ border-top-left-radius: var(--x-size-base-13) !important;
2430
2387
  }
2431
- [dir="rtl"] .x-border-radius--top-left-09 {
2432
- border-top-right-radius: var(--x-size-base-09) !important;
2388
+ [dir="rtl"] .x-border-radius--top-left-13 {
2389
+ border-top-right-radius: var(--x-size-base-13) !important;
2433
2390
  }
2434
- [dir="ltr"] .x-border-radius--top-right-09 {
2435
- border-top-right-radius: var(--x-size-base-09) !important;
2391
+ [dir="ltr"] .x-border-radius--top-right-13 {
2392
+ border-top-right-radius: var(--x-size-base-13) !important;
2436
2393
  }
2437
- [dir="rtl"] .x-border-radius--top-right-09 {
2438
- border-top-left-radius: var(--x-size-base-09) !important;
2394
+ [dir="rtl"] .x-border-radius--top-right-13 {
2395
+ border-top-left-radius: var(--x-size-base-13) !important;
2439
2396
  }
2440
- [dir="ltr"] .x-border-radius--bottom-left-09 {
2441
- border-bottom-left-radius: var(--x-size-base-09) !important;
2397
+ [dir="ltr"] .x-border-radius--bottom-left-13 {
2398
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2442
2399
  }
2443
- [dir="rtl"] .x-border-radius--bottom-left-09 {
2444
- border-bottom-right-radius: var(--x-size-base-09) !important;
2400
+ [dir="rtl"] .x-border-radius--bottom-left-13 {
2401
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2445
2402
  }
2446
- [dir="ltr"] .x-border-radius--bottom-right-09 {
2447
- border-bottom-right-radius: var(--x-size-base-09) !important;
2403
+ [dir="ltr"] .x-border-radius--bottom-right-13 {
2404
+ border-bottom-right-radius: var(--x-size-base-13) !important;
2448
2405
  }
2449
- [dir="rtl"] .x-border-radius--bottom-right-09 {
2450
- border-bottom-left-radius: var(--x-size-base-09) !important;
2406
+ [dir="rtl"] .x-border-radius--bottom-right-13 {
2407
+ border-bottom-left-radius: var(--x-size-base-13) !important;
2451
2408
  }
2452
- .x-border-radius--10 {
2453
- border-radius: var(--x-size-base-10) !important;
2409
+ .x-border-radius--14 {
2410
+ border-radius: var(--x-size-base-14) !important;
2454
2411
  }
2455
- [dir="ltr"] .x-border-radius--top-10 {
2456
- border-top-left-radius: var(--x-size-base-10) !important;
2412
+ [dir="ltr"] .x-border-radius--top-14 {
2413
+ border-top-left-radius: var(--x-size-base-14) !important;
2457
2414
  }
2458
- [dir="rtl"] .x-border-radius--top-10 {
2459
- border-top-right-radius: var(--x-size-base-10) !important;
2415
+ [dir="rtl"] .x-border-radius--top-14 {
2416
+ border-top-right-radius: var(--x-size-base-14) !important;
2460
2417
  }
2461
- [dir="ltr"] .x-border-radius--top-10 {
2462
- border-top-right-radius: var(--x-size-base-10) !important;
2418
+ [dir="ltr"] .x-border-radius--top-14 {
2419
+ border-top-right-radius: var(--x-size-base-14) !important;
2463
2420
  }
2464
- [dir="rtl"] .x-border-radius--top-10 {
2465
- border-top-left-radius: var(--x-size-base-10) !important;
2421
+ [dir="rtl"] .x-border-radius--top-14 {
2422
+ border-top-left-radius: var(--x-size-base-14) !important;
2466
2423
  }
2467
- [dir="ltr"] .x-border-radius--bottom-10 {
2468
- border-bottom-left-radius: var(--x-size-base-10) !important;
2424
+ [dir="ltr"] .x-border-radius--bottom-14 {
2425
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2469
2426
  }
2470
- [dir="rtl"] .x-border-radius--bottom-10 {
2471
- border-bottom-right-radius: var(--x-size-base-10) !important;
2427
+ [dir="rtl"] .x-border-radius--bottom-14 {
2428
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2472
2429
  }
2473
- [dir="ltr"] .x-border-radius--bottom-10 {
2474
- border-bottom-right-radius: var(--x-size-base-10) !important;
2430
+ [dir="ltr"] .x-border-radius--bottom-14 {
2431
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2475
2432
  }
2476
- [dir="rtl"] .x-border-radius--bottom-10 {
2477
- border-bottom-left-radius: var(--x-size-base-10) !important;
2433
+ [dir="rtl"] .x-border-radius--bottom-14 {
2434
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2478
2435
  }
2479
- [dir="ltr"] .x-border-radius--right-10 {
2480
- border-top-right-radius: var(--x-size-base-10) !important;
2436
+ [dir="ltr"] .x-border-radius--right-14 {
2437
+ border-top-right-radius: var(--x-size-base-14) !important;
2481
2438
  }
2482
- [dir="rtl"] .x-border-radius--right-10 {
2483
- border-top-left-radius: var(--x-size-base-10) !important;
2439
+ [dir="rtl"] .x-border-radius--right-14 {
2440
+ border-top-left-radius: var(--x-size-base-14) !important;
2484
2441
  }
2485
- [dir="ltr"] .x-border-radius--right-10 {
2486
- border-bottom-right-radius: var(--x-size-base-10) !important;
2442
+ [dir="ltr"] .x-border-radius--right-14 {
2443
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2487
2444
  }
2488
- [dir="rtl"] .x-border-radius--right-10 {
2489
- border-bottom-left-radius: var(--x-size-base-10) !important;
2445
+ [dir="rtl"] .x-border-radius--right-14 {
2446
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2490
2447
  }
2491
- [dir="ltr"] .x-border-radius--left-10 {
2492
- border-top-left-radius: var(--x-size-base-10) !important;
2448
+ [dir="ltr"] .x-border-radius--left-14 {
2449
+ border-top-left-radius: var(--x-size-base-14) !important;
2493
2450
  }
2494
- [dir="rtl"] .x-border-radius--left-10 {
2495
- border-top-right-radius: var(--x-size-base-10) !important;
2451
+ [dir="rtl"] .x-border-radius--left-14 {
2452
+ border-top-right-radius: var(--x-size-base-14) !important;
2496
2453
  }
2497
- [dir="ltr"] .x-border-radius--left-10 {
2498
- border-bottom-left-radius: var(--x-size-base-10) !important;
2454
+ [dir="ltr"] .x-border-radius--left-14 {
2455
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2499
2456
  }
2500
- [dir="rtl"] .x-border-radius--left-10 {
2501
- border-bottom-right-radius: var(--x-size-base-10) !important;
2457
+ [dir="rtl"] .x-border-radius--left-14 {
2458
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2502
2459
  }
2503
- [dir="ltr"] .x-border-radius--top-left-10 {
2504
- border-top-left-radius: var(--x-size-base-10) !important;
2460
+ [dir="ltr"] .x-border-radius--top-left-14 {
2461
+ border-top-left-radius: var(--x-size-base-14) !important;
2505
2462
  }
2506
- [dir="rtl"] .x-border-radius--top-left-10 {
2507
- border-top-right-radius: var(--x-size-base-10) !important;
2463
+ [dir="rtl"] .x-border-radius--top-left-14 {
2464
+ border-top-right-radius: var(--x-size-base-14) !important;
2508
2465
  }
2509
- [dir="ltr"] .x-border-radius--top-right-10 {
2510
- border-top-right-radius: var(--x-size-base-10) !important;
2466
+ [dir="ltr"] .x-border-radius--top-right-14 {
2467
+ border-top-right-radius: var(--x-size-base-14) !important;
2511
2468
  }
2512
- [dir="rtl"] .x-border-radius--top-right-10 {
2513
- border-top-left-radius: var(--x-size-base-10) !important;
2469
+ [dir="rtl"] .x-border-radius--top-right-14 {
2470
+ border-top-left-radius: var(--x-size-base-14) !important;
2514
2471
  }
2515
- [dir="ltr"] .x-border-radius--bottom-left-10 {
2516
- border-bottom-left-radius: var(--x-size-base-10) !important;
2472
+ [dir="ltr"] .x-border-radius--bottom-left-14 {
2473
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2517
2474
  }
2518
- [dir="rtl"] .x-border-radius--bottom-left-10 {
2519
- border-bottom-right-radius: var(--x-size-base-10) !important;
2475
+ [dir="rtl"] .x-border-radius--bottom-left-14 {
2476
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2520
2477
  }
2521
- [dir="ltr"] .x-border-radius--bottom-right-10 {
2522
- border-bottom-right-radius: var(--x-size-base-10) !important;
2478
+ [dir="ltr"] .x-border-radius--bottom-right-14 {
2479
+ border-bottom-right-radius: var(--x-size-base-14) !important;
2523
2480
  }
2524
- [dir="rtl"] .x-border-radius--bottom-right-10 {
2525
- border-bottom-left-radius: var(--x-size-base-10) !important;
2481
+ [dir="rtl"] .x-border-radius--bottom-right-14 {
2482
+ border-bottom-left-radius: var(--x-size-base-14) !important;
2526
2483
  }
2527
- .x-border-radius--11 {
2528
- border-radius: var(--x-size-base-11) !important;
2484
+ .x-border-radius--15 {
2485
+ border-radius: var(--x-size-base-15) !important;
2529
2486
  }
2530
- [dir="ltr"] .x-border-radius--top-11 {
2531
- border-top-left-radius: var(--x-size-base-11) !important;
2487
+ [dir="ltr"] .x-border-radius--top-15 {
2488
+ border-top-left-radius: var(--x-size-base-15) !important;
2532
2489
  }
2533
- [dir="rtl"] .x-border-radius--top-11 {
2534
- border-top-right-radius: var(--x-size-base-11) !important;
2490
+ [dir="rtl"] .x-border-radius--top-15 {
2491
+ border-top-right-radius: var(--x-size-base-15) !important;
2535
2492
  }
2536
- [dir="ltr"] .x-border-radius--top-11 {
2537
- border-top-right-radius: var(--x-size-base-11) !important;
2493
+ [dir="ltr"] .x-border-radius--top-15 {
2494
+ border-top-right-radius: var(--x-size-base-15) !important;
2538
2495
  }
2539
- [dir="rtl"] .x-border-radius--top-11 {
2540
- border-top-left-radius: var(--x-size-base-11) !important;
2496
+ [dir="rtl"] .x-border-radius--top-15 {
2497
+ border-top-left-radius: var(--x-size-base-15) !important;
2541
2498
  }
2542
- [dir="ltr"] .x-border-radius--bottom-11 {
2543
- border-bottom-left-radius: var(--x-size-base-11) !important;
2499
+ [dir="ltr"] .x-border-radius--bottom-15 {
2500
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2544
2501
  }
2545
- [dir="rtl"] .x-border-radius--bottom-11 {
2546
- border-bottom-right-radius: var(--x-size-base-11) !important;
2502
+ [dir="rtl"] .x-border-radius--bottom-15 {
2503
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2547
2504
  }
2548
- [dir="ltr"] .x-border-radius--bottom-11 {
2549
- border-bottom-right-radius: var(--x-size-base-11) !important;
2505
+ [dir="ltr"] .x-border-radius--bottom-15 {
2506
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2550
2507
  }
2551
- [dir="rtl"] .x-border-radius--bottom-11 {
2552
- border-bottom-left-radius: var(--x-size-base-11) !important;
2508
+ [dir="rtl"] .x-border-radius--bottom-15 {
2509
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2553
2510
  }
2554
- [dir="ltr"] .x-border-radius--right-11 {
2555
- border-top-right-radius: var(--x-size-base-11) !important;
2511
+ [dir="ltr"] .x-border-radius--right-15 {
2512
+ border-top-right-radius: var(--x-size-base-15) !important;
2556
2513
  }
2557
- [dir="rtl"] .x-border-radius--right-11 {
2558
- border-top-left-radius: var(--x-size-base-11) !important;
2514
+ [dir="rtl"] .x-border-radius--right-15 {
2515
+ border-top-left-radius: var(--x-size-base-15) !important;
2559
2516
  }
2560
- [dir="ltr"] .x-border-radius--right-11 {
2561
- border-bottom-right-radius: var(--x-size-base-11) !important;
2517
+ [dir="ltr"] .x-border-radius--right-15 {
2518
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2562
2519
  }
2563
- [dir="rtl"] .x-border-radius--right-11 {
2564
- border-bottom-left-radius: var(--x-size-base-11) !important;
2520
+ [dir="rtl"] .x-border-radius--right-15 {
2521
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2565
2522
  }
2566
- [dir="ltr"] .x-border-radius--left-11 {
2567
- border-top-left-radius: var(--x-size-base-11) !important;
2523
+ [dir="ltr"] .x-border-radius--left-15 {
2524
+ border-top-left-radius: var(--x-size-base-15) !important;
2568
2525
  }
2569
- [dir="rtl"] .x-border-radius--left-11 {
2570
- border-top-right-radius: var(--x-size-base-11) !important;
2526
+ [dir="rtl"] .x-border-radius--left-15 {
2527
+ border-top-right-radius: var(--x-size-base-15) !important;
2571
2528
  }
2572
- [dir="ltr"] .x-border-radius--left-11 {
2573
- border-bottom-left-radius: var(--x-size-base-11) !important;
2529
+ [dir="ltr"] .x-border-radius--left-15 {
2530
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2574
2531
  }
2575
- [dir="rtl"] .x-border-radius--left-11 {
2576
- border-bottom-right-radius: var(--x-size-base-11) !important;
2532
+ [dir="rtl"] .x-border-radius--left-15 {
2533
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2577
2534
  }
2578
- [dir="ltr"] .x-border-radius--top-left-11 {
2579
- border-top-left-radius: var(--x-size-base-11) !important;
2535
+ [dir="ltr"] .x-border-radius--top-left-15 {
2536
+ border-top-left-radius: var(--x-size-base-15) !important;
2580
2537
  }
2581
- [dir="rtl"] .x-border-radius--top-left-11 {
2582
- border-top-right-radius: var(--x-size-base-11) !important;
2538
+ [dir="rtl"] .x-border-radius--top-left-15 {
2539
+ border-top-right-radius: var(--x-size-base-15) !important;
2583
2540
  }
2584
- [dir="ltr"] .x-border-radius--top-right-11 {
2585
- border-top-right-radius: var(--x-size-base-11) !important;
2541
+ [dir="ltr"] .x-border-radius--top-right-15 {
2542
+ border-top-right-radius: var(--x-size-base-15) !important;
2586
2543
  }
2587
- [dir="rtl"] .x-border-radius--top-right-11 {
2588
- border-top-left-radius: var(--x-size-base-11) !important;
2544
+ [dir="rtl"] .x-border-radius--top-right-15 {
2545
+ border-top-left-radius: var(--x-size-base-15) !important;
2589
2546
  }
2590
- [dir="ltr"] .x-border-radius--bottom-left-11 {
2591
- border-bottom-left-radius: var(--x-size-base-11) !important;
2547
+ [dir="ltr"] .x-border-radius--bottom-left-15 {
2548
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2592
2549
  }
2593
- [dir="rtl"] .x-border-radius--bottom-left-11 {
2594
- border-bottom-right-radius: var(--x-size-base-11) !important;
2550
+ [dir="rtl"] .x-border-radius--bottom-left-15 {
2551
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2595
2552
  }
2596
- [dir="ltr"] .x-border-radius--bottom-right-11 {
2597
- border-bottom-right-radius: var(--x-size-base-11) !important;
2553
+ [dir="ltr"] .x-border-radius--bottom-right-15 {
2554
+ border-bottom-right-radius: var(--x-size-base-15) !important;
2598
2555
  }
2599
- [dir="rtl"] .x-border-radius--bottom-right-11 {
2600
- border-bottom-left-radius: var(--x-size-base-11) !important;
2556
+ [dir="rtl"] .x-border-radius--bottom-right-15 {
2557
+ border-bottom-left-radius: var(--x-size-base-15) !important;
2601
2558
  }
2602
- .x-border-radius--12 {
2603
- border-radius: var(--x-size-base-12) !important;
2559
+ .x-border-radius--16 {
2560
+ border-radius: var(--x-size-base-16) !important;
2604
2561
  }
2605
- [dir="ltr"] .x-border-radius--top-12 {
2606
- border-top-left-radius: var(--x-size-base-12) !important;
2562
+ [dir="ltr"] .x-border-radius--top-16 {
2563
+ border-top-left-radius: var(--x-size-base-16) !important;
2607
2564
  }
2608
- [dir="rtl"] .x-border-radius--top-12 {
2609
- border-top-right-radius: var(--x-size-base-12) !important;
2565
+ [dir="rtl"] .x-border-radius--top-16 {
2566
+ border-top-right-radius: var(--x-size-base-16) !important;
2610
2567
  }
2611
- [dir="ltr"] .x-border-radius--top-12 {
2612
- border-top-right-radius: var(--x-size-base-12) !important;
2568
+ [dir="ltr"] .x-border-radius--top-16 {
2569
+ border-top-right-radius: var(--x-size-base-16) !important;
2613
2570
  }
2614
- [dir="rtl"] .x-border-radius--top-12 {
2615
- border-top-left-radius: var(--x-size-base-12) !important;
2571
+ [dir="rtl"] .x-border-radius--top-16 {
2572
+ border-top-left-radius: var(--x-size-base-16) !important;
2616
2573
  }
2617
- [dir="ltr"] .x-border-radius--bottom-12 {
2618
- border-bottom-left-radius: var(--x-size-base-12) !important;
2574
+ [dir="ltr"] .x-border-radius--bottom-16 {
2575
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2619
2576
  }
2620
- [dir="rtl"] .x-border-radius--bottom-12 {
2621
- border-bottom-right-radius: var(--x-size-base-12) !important;
2577
+ [dir="rtl"] .x-border-radius--bottom-16 {
2578
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2622
2579
  }
2623
- [dir="ltr"] .x-border-radius--bottom-12 {
2624
- border-bottom-right-radius: var(--x-size-base-12) !important;
2580
+ [dir="ltr"] .x-border-radius--bottom-16 {
2581
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2625
2582
  }
2626
- [dir="rtl"] .x-border-radius--bottom-12 {
2627
- border-bottom-left-radius: var(--x-size-base-12) !important;
2583
+ [dir="rtl"] .x-border-radius--bottom-16 {
2584
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2628
2585
  }
2629
- [dir="ltr"] .x-border-radius--right-12 {
2630
- border-top-right-radius: var(--x-size-base-12) !important;
2586
+ [dir="ltr"] .x-border-radius--right-16 {
2587
+ border-top-right-radius: var(--x-size-base-16) !important;
2631
2588
  }
2632
- [dir="rtl"] .x-border-radius--right-12 {
2633
- border-top-left-radius: var(--x-size-base-12) !important;
2589
+ [dir="rtl"] .x-border-radius--right-16 {
2590
+ border-top-left-radius: var(--x-size-base-16) !important;
2634
2591
  }
2635
- [dir="ltr"] .x-border-radius--right-12 {
2636
- border-bottom-right-radius: var(--x-size-base-12) !important;
2592
+ [dir="ltr"] .x-border-radius--right-16 {
2593
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2637
2594
  }
2638
- [dir="rtl"] .x-border-radius--right-12 {
2639
- border-bottom-left-radius: var(--x-size-base-12) !important;
2595
+ [dir="rtl"] .x-border-radius--right-16 {
2596
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2640
2597
  }
2641
- [dir="ltr"] .x-border-radius--left-12 {
2642
- border-top-left-radius: var(--x-size-base-12) !important;
2598
+ [dir="ltr"] .x-border-radius--left-16 {
2599
+ border-top-left-radius: var(--x-size-base-16) !important;
2643
2600
  }
2644
- [dir="rtl"] .x-border-radius--left-12 {
2645
- border-top-right-radius: var(--x-size-base-12) !important;
2601
+ [dir="rtl"] .x-border-radius--left-16 {
2602
+ border-top-right-radius: var(--x-size-base-16) !important;
2646
2603
  }
2647
- [dir="ltr"] .x-border-radius--left-12 {
2648
- border-bottom-left-radius: var(--x-size-base-12) !important;
2604
+ [dir="ltr"] .x-border-radius--left-16 {
2605
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2649
2606
  }
2650
- [dir="rtl"] .x-border-radius--left-12 {
2651
- border-bottom-right-radius: var(--x-size-base-12) !important;
2607
+ [dir="rtl"] .x-border-radius--left-16 {
2608
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2652
2609
  }
2653
- [dir="ltr"] .x-border-radius--top-left-12 {
2654
- border-top-left-radius: var(--x-size-base-12) !important;
2610
+ [dir="ltr"] .x-border-radius--top-left-16 {
2611
+ border-top-left-radius: var(--x-size-base-16) !important;
2655
2612
  }
2656
- [dir="rtl"] .x-border-radius--top-left-12 {
2657
- border-top-right-radius: var(--x-size-base-12) !important;
2613
+ [dir="rtl"] .x-border-radius--top-left-16 {
2614
+ border-top-right-radius: var(--x-size-base-16) !important;
2658
2615
  }
2659
- [dir="ltr"] .x-border-radius--top-right-12 {
2660
- border-top-right-radius: var(--x-size-base-12) !important;
2616
+ [dir="ltr"] .x-border-radius--top-right-16 {
2617
+ border-top-right-radius: var(--x-size-base-16) !important;
2661
2618
  }
2662
- [dir="rtl"] .x-border-radius--top-right-12 {
2663
- border-top-left-radius: var(--x-size-base-12) !important;
2619
+ [dir="rtl"] .x-border-radius--top-right-16 {
2620
+ border-top-left-radius: var(--x-size-base-16) !important;
2664
2621
  }
2665
- [dir="ltr"] .x-border-radius--bottom-left-12 {
2666
- border-bottom-left-radius: var(--x-size-base-12) !important;
2622
+ [dir="ltr"] .x-border-radius--bottom-left-16 {
2623
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2667
2624
  }
2668
- [dir="rtl"] .x-border-radius--bottom-left-12 {
2669
- border-bottom-right-radius: var(--x-size-base-12) !important;
2625
+ [dir="rtl"] .x-border-radius--bottom-left-16 {
2626
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2670
2627
  }
2671
- [dir="ltr"] .x-border-radius--bottom-right-12 {
2672
- border-bottom-right-radius: var(--x-size-base-12) !important;
2628
+ [dir="ltr"] .x-border-radius--bottom-right-16 {
2629
+ border-bottom-right-radius: var(--x-size-base-16) !important;
2673
2630
  }
2674
- [dir="rtl"] .x-border-radius--bottom-right-12 {
2675
- border-bottom-left-radius: var(--x-size-base-12) !important;
2631
+ [dir="rtl"] .x-border-radius--bottom-right-16 {
2632
+ border-bottom-left-radius: var(--x-size-base-16) !important;
2676
2633
  }
2677
- .x-border-radius--13 {
2678
- border-radius: var(--x-size-base-13) !important;
2634
+ .x-border-radius--17 {
2635
+ border-radius: var(--x-size-base-17) !important;
2679
2636
  }
2680
- [dir="ltr"] .x-border-radius--top-13 {
2681
- border-top-left-radius: var(--x-size-base-13) !important;
2637
+ [dir="ltr"] .x-border-radius--top-17 {
2638
+ border-top-left-radius: var(--x-size-base-17) !important;
2682
2639
  }
2683
- [dir="rtl"] .x-border-radius--top-13 {
2684
- border-top-right-radius: var(--x-size-base-13) !important;
2640
+ [dir="rtl"] .x-border-radius--top-17 {
2641
+ border-top-right-radius: var(--x-size-base-17) !important;
2685
2642
  }
2686
- [dir="ltr"] .x-border-radius--top-13 {
2687
- border-top-right-radius: var(--x-size-base-13) !important;
2643
+ [dir="ltr"] .x-border-radius--top-17 {
2644
+ border-top-right-radius: var(--x-size-base-17) !important;
2688
2645
  }
2689
- [dir="rtl"] .x-border-radius--top-13 {
2690
- border-top-left-radius: var(--x-size-base-13) !important;
2646
+ [dir="rtl"] .x-border-radius--top-17 {
2647
+ border-top-left-radius: var(--x-size-base-17) !important;
2691
2648
  }
2692
- [dir="ltr"] .x-border-radius--bottom-13 {
2693
- border-bottom-left-radius: var(--x-size-base-13) !important;
2649
+ [dir="ltr"] .x-border-radius--bottom-17 {
2650
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2694
2651
  }
2695
- [dir="rtl"] .x-border-radius--bottom-13 {
2696
- border-bottom-right-radius: var(--x-size-base-13) !important;
2652
+ [dir="rtl"] .x-border-radius--bottom-17 {
2653
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2697
2654
  }
2698
- [dir="ltr"] .x-border-radius--bottom-13 {
2699
- border-bottom-right-radius: var(--x-size-base-13) !important;
2655
+ [dir="ltr"] .x-border-radius--bottom-17 {
2656
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2700
2657
  }
2701
- [dir="rtl"] .x-border-radius--bottom-13 {
2702
- border-bottom-left-radius: var(--x-size-base-13) !important;
2658
+ [dir="rtl"] .x-border-radius--bottom-17 {
2659
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2703
2660
  }
2704
- [dir="ltr"] .x-border-radius--right-13 {
2705
- border-top-right-radius: var(--x-size-base-13) !important;
2661
+ [dir="ltr"] .x-border-radius--right-17 {
2662
+ border-top-right-radius: var(--x-size-base-17) !important;
2706
2663
  }
2707
- [dir="rtl"] .x-border-radius--right-13 {
2708
- border-top-left-radius: var(--x-size-base-13) !important;
2664
+ [dir="rtl"] .x-border-radius--right-17 {
2665
+ border-top-left-radius: var(--x-size-base-17) !important;
2709
2666
  }
2710
- [dir="ltr"] .x-border-radius--right-13 {
2711
- border-bottom-right-radius: var(--x-size-base-13) !important;
2667
+ [dir="ltr"] .x-border-radius--right-17 {
2668
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2712
2669
  }
2713
- [dir="rtl"] .x-border-radius--right-13 {
2714
- border-bottom-left-radius: var(--x-size-base-13) !important;
2670
+ [dir="rtl"] .x-border-radius--right-17 {
2671
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2715
2672
  }
2716
- [dir="ltr"] .x-border-radius--left-13 {
2717
- border-top-left-radius: var(--x-size-base-13) !important;
2673
+ [dir="ltr"] .x-border-radius--left-17 {
2674
+ border-top-left-radius: var(--x-size-base-17) !important;
2718
2675
  }
2719
- [dir="rtl"] .x-border-radius--left-13 {
2720
- border-top-right-radius: var(--x-size-base-13) !important;
2676
+ [dir="rtl"] .x-border-radius--left-17 {
2677
+ border-top-right-radius: var(--x-size-base-17) !important;
2721
2678
  }
2722
- [dir="ltr"] .x-border-radius--left-13 {
2723
- border-bottom-left-radius: var(--x-size-base-13) !important;
2679
+ [dir="ltr"] .x-border-radius--left-17 {
2680
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2724
2681
  }
2725
- [dir="rtl"] .x-border-radius--left-13 {
2726
- border-bottom-right-radius: var(--x-size-base-13) !important;
2682
+ [dir="rtl"] .x-border-radius--left-17 {
2683
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2727
2684
  }
2728
- [dir="ltr"] .x-border-radius--top-left-13 {
2729
- border-top-left-radius: var(--x-size-base-13) !important;
2685
+ [dir="ltr"] .x-border-radius--top-left-17 {
2686
+ border-top-left-radius: var(--x-size-base-17) !important;
2730
2687
  }
2731
- [dir="rtl"] .x-border-radius--top-left-13 {
2732
- border-top-right-radius: var(--x-size-base-13) !important;
2688
+ [dir="rtl"] .x-border-radius--top-left-17 {
2689
+ border-top-right-radius: var(--x-size-base-17) !important;
2733
2690
  }
2734
- [dir="ltr"] .x-border-radius--top-right-13 {
2735
- border-top-right-radius: var(--x-size-base-13) !important;
2691
+ [dir="ltr"] .x-border-radius--top-right-17 {
2692
+ border-top-right-radius: var(--x-size-base-17) !important;
2736
2693
  }
2737
- [dir="rtl"] .x-border-radius--top-right-13 {
2738
- border-top-left-radius: var(--x-size-base-13) !important;
2694
+ [dir="rtl"] .x-border-radius--top-right-17 {
2695
+ border-top-left-radius: var(--x-size-base-17) !important;
2739
2696
  }
2740
- [dir="ltr"] .x-border-radius--bottom-left-13 {
2741
- border-bottom-left-radius: var(--x-size-base-13) !important;
2697
+ [dir="ltr"] .x-border-radius--bottom-left-17 {
2698
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2742
2699
  }
2743
- [dir="rtl"] .x-border-radius--bottom-left-13 {
2744
- border-bottom-right-radius: var(--x-size-base-13) !important;
2700
+ [dir="rtl"] .x-border-radius--bottom-left-17 {
2701
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2745
2702
  }
2746
- [dir="ltr"] .x-border-radius--bottom-right-13 {
2747
- border-bottom-right-radius: var(--x-size-base-13) !important;
2703
+ [dir="ltr"] .x-border-radius--bottom-right-17 {
2704
+ border-bottom-right-radius: var(--x-size-base-17) !important;
2748
2705
  }
2749
- [dir="rtl"] .x-border-radius--bottom-right-13 {
2750
- border-bottom-left-radius: var(--x-size-base-13) !important;
2706
+ [dir="rtl"] .x-border-radius--bottom-right-17 {
2707
+ border-bottom-left-radius: var(--x-size-base-17) !important;
2751
2708
  }
2752
- .x-border-radius--14 {
2753
- border-radius: var(--x-size-base-14) !important;
2709
+ .x-border-radius--18 {
2710
+ border-radius: var(--x-size-base-18) !important;
2754
2711
  }
2755
- [dir="ltr"] .x-border-radius--top-14 {
2756
- border-top-left-radius: var(--x-size-base-14) !important;
2712
+ [dir="ltr"] .x-border-radius--top-18 {
2713
+ border-top-left-radius: var(--x-size-base-18) !important;
2757
2714
  }
2758
- [dir="rtl"] .x-border-radius--top-14 {
2759
- border-top-right-radius: var(--x-size-base-14) !important;
2715
+ [dir="rtl"] .x-border-radius--top-18 {
2716
+ border-top-right-radius: var(--x-size-base-18) !important;
2760
2717
  }
2761
- [dir="ltr"] .x-border-radius--top-14 {
2762
- border-top-right-radius: var(--x-size-base-14) !important;
2718
+ [dir="ltr"] .x-border-radius--top-18 {
2719
+ border-top-right-radius: var(--x-size-base-18) !important;
2763
2720
  }
2764
- [dir="rtl"] .x-border-radius--top-14 {
2765
- border-top-left-radius: var(--x-size-base-14) !important;
2721
+ [dir="rtl"] .x-border-radius--top-18 {
2722
+ border-top-left-radius: var(--x-size-base-18) !important;
2766
2723
  }
2767
- [dir="ltr"] .x-border-radius--bottom-14 {
2768
- border-bottom-left-radius: var(--x-size-base-14) !important;
2724
+ [dir="ltr"] .x-border-radius--bottom-18 {
2725
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2769
2726
  }
2770
- [dir="rtl"] .x-border-radius--bottom-14 {
2771
- border-bottom-right-radius: var(--x-size-base-14) !important;
2727
+ [dir="rtl"] .x-border-radius--bottom-18 {
2728
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2772
2729
  }
2773
- [dir="ltr"] .x-border-radius--bottom-14 {
2774
- border-bottom-right-radius: var(--x-size-base-14) !important;
2730
+ [dir="ltr"] .x-border-radius--bottom-18 {
2731
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2775
2732
  }
2776
- [dir="rtl"] .x-border-radius--bottom-14 {
2777
- border-bottom-left-radius: var(--x-size-base-14) !important;
2733
+ [dir="rtl"] .x-border-radius--bottom-18 {
2734
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2778
2735
  }
2779
- [dir="ltr"] .x-border-radius--right-14 {
2780
- border-top-right-radius: var(--x-size-base-14) !important;
2736
+ [dir="ltr"] .x-border-radius--right-18 {
2737
+ border-top-right-radius: var(--x-size-base-18) !important;
2781
2738
  }
2782
- [dir="rtl"] .x-border-radius--right-14 {
2783
- border-top-left-radius: var(--x-size-base-14) !important;
2739
+ [dir="rtl"] .x-border-radius--right-18 {
2740
+ border-top-left-radius: var(--x-size-base-18) !important;
2784
2741
  }
2785
- [dir="ltr"] .x-border-radius--right-14 {
2786
- border-bottom-right-radius: var(--x-size-base-14) !important;
2742
+ [dir="ltr"] .x-border-radius--right-18 {
2743
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2787
2744
  }
2788
- [dir="rtl"] .x-border-radius--right-14 {
2789
- border-bottom-left-radius: var(--x-size-base-14) !important;
2745
+ [dir="rtl"] .x-border-radius--right-18 {
2746
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2790
2747
  }
2791
- [dir="ltr"] .x-border-radius--left-14 {
2792
- border-top-left-radius: var(--x-size-base-14) !important;
2748
+ [dir="ltr"] .x-border-radius--left-18 {
2749
+ border-top-left-radius: var(--x-size-base-18) !important;
2793
2750
  }
2794
- [dir="rtl"] .x-border-radius--left-14 {
2795
- border-top-right-radius: var(--x-size-base-14) !important;
2751
+ [dir="rtl"] .x-border-radius--left-18 {
2752
+ border-top-right-radius: var(--x-size-base-18) !important;
2796
2753
  }
2797
- [dir="ltr"] .x-border-radius--left-14 {
2798
- border-bottom-left-radius: var(--x-size-base-14) !important;
2754
+ [dir="ltr"] .x-border-radius--left-18 {
2755
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2799
2756
  }
2800
- [dir="rtl"] .x-border-radius--left-14 {
2801
- border-bottom-right-radius: var(--x-size-base-14) !important;
2757
+ [dir="rtl"] .x-border-radius--left-18 {
2758
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2802
2759
  }
2803
- [dir="ltr"] .x-border-radius--top-left-14 {
2804
- border-top-left-radius: var(--x-size-base-14) !important;
2760
+ [dir="ltr"] .x-border-radius--top-left-18 {
2761
+ border-top-left-radius: var(--x-size-base-18) !important;
2805
2762
  }
2806
- [dir="rtl"] .x-border-radius--top-left-14 {
2807
- border-top-right-radius: var(--x-size-base-14) !important;
2763
+ [dir="rtl"] .x-border-radius--top-left-18 {
2764
+ border-top-right-radius: var(--x-size-base-18) !important;
2808
2765
  }
2809
- [dir="ltr"] .x-border-radius--top-right-14 {
2810
- border-top-right-radius: var(--x-size-base-14) !important;
2766
+ [dir="ltr"] .x-border-radius--top-right-18 {
2767
+ border-top-right-radius: var(--x-size-base-18) !important;
2811
2768
  }
2812
- [dir="rtl"] .x-border-radius--top-right-14 {
2813
- border-top-left-radius: var(--x-size-base-14) !important;
2769
+ [dir="rtl"] .x-border-radius--top-right-18 {
2770
+ border-top-left-radius: var(--x-size-base-18) !important;
2814
2771
  }
2815
- [dir="ltr"] .x-border-radius--bottom-left-14 {
2816
- border-bottom-left-radius: var(--x-size-base-14) !important;
2772
+ [dir="ltr"] .x-border-radius--bottom-left-18 {
2773
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2817
2774
  }
2818
- [dir="rtl"] .x-border-radius--bottom-left-14 {
2819
- border-bottom-right-radius: var(--x-size-base-14) !important;
2775
+ [dir="rtl"] .x-border-radius--bottom-left-18 {
2776
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2820
2777
  }
2821
- [dir="ltr"] .x-border-radius--bottom-right-14 {
2822
- border-bottom-right-radius: var(--x-size-base-14) !important;
2778
+ [dir="ltr"] .x-border-radius--bottom-right-18 {
2779
+ border-bottom-right-radius: var(--x-size-base-18) !important;
2823
2780
  }
2824
- [dir="rtl"] .x-border-radius--bottom-right-14 {
2825
- border-bottom-left-radius: var(--x-size-base-14) !important;
2781
+ [dir="rtl"] .x-border-radius--bottom-right-18 {
2782
+ border-bottom-left-radius: var(--x-size-base-18) !important;
2826
2783
  }
2827
- .x-border-radius--15 {
2828
- border-radius: var(--x-size-base-15) !important;
2784
+ .x-border-radius--19 {
2785
+ border-radius: var(--x-size-base-19) !important;
2829
2786
  }
2830
- [dir="ltr"] .x-border-radius--top-15 {
2831
- border-top-left-radius: var(--x-size-base-15) !important;
2787
+ [dir="ltr"] .x-border-radius--top-19 {
2788
+ border-top-left-radius: var(--x-size-base-19) !important;
2832
2789
  }
2833
- [dir="rtl"] .x-border-radius--top-15 {
2834
- border-top-right-radius: var(--x-size-base-15) !important;
2790
+ [dir="rtl"] .x-border-radius--top-19 {
2791
+ border-top-right-radius: var(--x-size-base-19) !important;
2835
2792
  }
2836
- [dir="ltr"] .x-border-radius--top-15 {
2837
- border-top-right-radius: var(--x-size-base-15) !important;
2793
+ [dir="ltr"] .x-border-radius--top-19 {
2794
+ border-top-right-radius: var(--x-size-base-19) !important;
2838
2795
  }
2839
- [dir="rtl"] .x-border-radius--top-15 {
2840
- border-top-left-radius: var(--x-size-base-15) !important;
2796
+ [dir="rtl"] .x-border-radius--top-19 {
2797
+ border-top-left-radius: var(--x-size-base-19) !important;
2841
2798
  }
2842
- [dir="ltr"] .x-border-radius--bottom-15 {
2843
- border-bottom-left-radius: var(--x-size-base-15) !important;
2799
+ [dir="ltr"] .x-border-radius--bottom-19 {
2800
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2844
2801
  }
2845
- [dir="rtl"] .x-border-radius--bottom-15 {
2846
- border-bottom-right-radius: var(--x-size-base-15) !important;
2802
+ [dir="rtl"] .x-border-radius--bottom-19 {
2803
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2847
2804
  }
2848
- [dir="ltr"] .x-border-radius--bottom-15 {
2849
- border-bottom-right-radius: var(--x-size-base-15) !important;
2805
+ [dir="ltr"] .x-border-radius--bottom-19 {
2806
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2850
2807
  }
2851
- [dir="rtl"] .x-border-radius--bottom-15 {
2852
- border-bottom-left-radius: var(--x-size-base-15) !important;
2808
+ [dir="rtl"] .x-border-radius--bottom-19 {
2809
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2853
2810
  }
2854
- [dir="ltr"] .x-border-radius--right-15 {
2855
- border-top-right-radius: var(--x-size-base-15) !important;
2811
+ [dir="ltr"] .x-border-radius--right-19 {
2812
+ border-top-right-radius: var(--x-size-base-19) !important;
2856
2813
  }
2857
- [dir="rtl"] .x-border-radius--right-15 {
2858
- border-top-left-radius: var(--x-size-base-15) !important;
2814
+ [dir="rtl"] .x-border-radius--right-19 {
2815
+ border-top-left-radius: var(--x-size-base-19) !important;
2859
2816
  }
2860
- [dir="ltr"] .x-border-radius--right-15 {
2861
- border-bottom-right-radius: var(--x-size-base-15) !important;
2817
+ [dir="ltr"] .x-border-radius--right-19 {
2818
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2862
2819
  }
2863
- [dir="rtl"] .x-border-radius--right-15 {
2864
- border-bottom-left-radius: var(--x-size-base-15) !important;
2820
+ [dir="rtl"] .x-border-radius--right-19 {
2821
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2865
2822
  }
2866
- [dir="ltr"] .x-border-radius--left-15 {
2867
- border-top-left-radius: var(--x-size-base-15) !important;
2823
+ [dir="ltr"] .x-border-radius--left-19 {
2824
+ border-top-left-radius: var(--x-size-base-19) !important;
2868
2825
  }
2869
- [dir="rtl"] .x-border-radius--left-15 {
2870
- border-top-right-radius: var(--x-size-base-15) !important;
2826
+ [dir="rtl"] .x-border-radius--left-19 {
2827
+ border-top-right-radius: var(--x-size-base-19) !important;
2871
2828
  }
2872
- [dir="ltr"] .x-border-radius--left-15 {
2873
- border-bottom-left-radius: var(--x-size-base-15) !important;
2829
+ [dir="ltr"] .x-border-radius--left-19 {
2830
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2874
2831
  }
2875
- [dir="rtl"] .x-border-radius--left-15 {
2876
- border-bottom-right-radius: var(--x-size-base-15) !important;
2832
+ [dir="rtl"] .x-border-radius--left-19 {
2833
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2877
2834
  }
2878
- [dir="ltr"] .x-border-radius--top-left-15 {
2879
- border-top-left-radius: var(--x-size-base-15) !important;
2835
+ [dir="ltr"] .x-border-radius--top-left-19 {
2836
+ border-top-left-radius: var(--x-size-base-19) !important;
2880
2837
  }
2881
- [dir="rtl"] .x-border-radius--top-left-15 {
2882
- border-top-right-radius: var(--x-size-base-15) !important;
2838
+ [dir="rtl"] .x-border-radius--top-left-19 {
2839
+ border-top-right-radius: var(--x-size-base-19) !important;
2883
2840
  }
2884
- [dir="ltr"] .x-border-radius--top-right-15 {
2885
- border-top-right-radius: var(--x-size-base-15) !important;
2841
+ [dir="ltr"] .x-border-radius--top-right-19 {
2842
+ border-top-right-radius: var(--x-size-base-19) !important;
2886
2843
  }
2887
- [dir="rtl"] .x-border-radius--top-right-15 {
2888
- border-top-left-radius: var(--x-size-base-15) !important;
2844
+ [dir="rtl"] .x-border-radius--top-right-19 {
2845
+ border-top-left-radius: var(--x-size-base-19) !important;
2889
2846
  }
2890
- [dir="ltr"] .x-border-radius--bottom-left-15 {
2891
- border-bottom-left-radius: var(--x-size-base-15) !important;
2847
+ [dir="ltr"] .x-border-radius--bottom-left-19 {
2848
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2892
2849
  }
2893
- [dir="rtl"] .x-border-radius--bottom-left-15 {
2894
- border-bottom-right-radius: var(--x-size-base-15) !important;
2850
+ [dir="rtl"] .x-border-radius--bottom-left-19 {
2851
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2895
2852
  }
2896
- [dir="ltr"] .x-border-radius--bottom-right-15 {
2897
- border-bottom-right-radius: var(--x-size-base-15) !important;
2853
+ [dir="ltr"] .x-border-radius--bottom-right-19 {
2854
+ border-bottom-right-radius: var(--x-size-base-19) !important;
2898
2855
  }
2899
- [dir="rtl"] .x-border-radius--bottom-right-15 {
2900
- border-bottom-left-radius: var(--x-size-base-15) !important;
2856
+ [dir="rtl"] .x-border-radius--bottom-right-19 {
2857
+ border-bottom-left-radius: var(--x-size-base-19) !important;
2901
2858
  }
2902
- .x-border-radius--16 {
2903
- border-radius: var(--x-size-base-16) !important;
2859
+ .x-border-radius--20 {
2860
+ border-radius: var(--x-size-base-20) !important;
2904
2861
  }
2905
- [dir="ltr"] .x-border-radius--top-16 {
2906
- border-top-left-radius: var(--x-size-base-16) !important;
2862
+ [dir="ltr"] .x-border-radius--top-20 {
2863
+ border-top-left-radius: var(--x-size-base-20) !important;
2907
2864
  }
2908
- [dir="rtl"] .x-border-radius--top-16 {
2909
- border-top-right-radius: var(--x-size-base-16) !important;
2865
+ [dir="rtl"] .x-border-radius--top-20 {
2866
+ border-top-right-radius: var(--x-size-base-20) !important;
2910
2867
  }
2911
- [dir="ltr"] .x-border-radius--top-16 {
2912
- border-top-right-radius: var(--x-size-base-16) !important;
2868
+ [dir="ltr"] .x-border-radius--top-20 {
2869
+ border-top-right-radius: var(--x-size-base-20) !important;
2913
2870
  }
2914
- [dir="rtl"] .x-border-radius--top-16 {
2915
- border-top-left-radius: var(--x-size-base-16) !important;
2871
+ [dir="rtl"] .x-border-radius--top-20 {
2872
+ border-top-left-radius: var(--x-size-base-20) !important;
2916
2873
  }
2917
- [dir="ltr"] .x-border-radius--bottom-16 {
2918
- border-bottom-left-radius: var(--x-size-base-16) !important;
2874
+ [dir="ltr"] .x-border-radius--bottom-20 {
2875
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2919
2876
  }
2920
- [dir="rtl"] .x-border-radius--bottom-16 {
2921
- border-bottom-right-radius: var(--x-size-base-16) !important;
2877
+ [dir="rtl"] .x-border-radius--bottom-20 {
2878
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2922
2879
  }
2923
- [dir="ltr"] .x-border-radius--bottom-16 {
2924
- border-bottom-right-radius: var(--x-size-base-16) !important;
2880
+ [dir="ltr"] .x-border-radius--bottom-20 {
2881
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2925
2882
  }
2926
- [dir="rtl"] .x-border-radius--bottom-16 {
2927
- border-bottom-left-radius: var(--x-size-base-16) !important;
2883
+ [dir="rtl"] .x-border-radius--bottom-20 {
2884
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2928
2885
  }
2929
- [dir="ltr"] .x-border-radius--right-16 {
2930
- border-top-right-radius: var(--x-size-base-16) !important;
2886
+ [dir="ltr"] .x-border-radius--right-20 {
2887
+ border-top-right-radius: var(--x-size-base-20) !important;
2931
2888
  }
2932
- [dir="rtl"] .x-border-radius--right-16 {
2933
- border-top-left-radius: var(--x-size-base-16) !important;
2889
+ [dir="rtl"] .x-border-radius--right-20 {
2890
+ border-top-left-radius: var(--x-size-base-20) !important;
2934
2891
  }
2935
- [dir="ltr"] .x-border-radius--right-16 {
2936
- border-bottom-right-radius: var(--x-size-base-16) !important;
2892
+ [dir="ltr"] .x-border-radius--right-20 {
2893
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2937
2894
  }
2938
- [dir="rtl"] .x-border-radius--right-16 {
2939
- border-bottom-left-radius: var(--x-size-base-16) !important;
2895
+ [dir="rtl"] .x-border-radius--right-20 {
2896
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2940
2897
  }
2941
- [dir="ltr"] .x-border-radius--left-16 {
2942
- border-top-left-radius: var(--x-size-base-16) !important;
2898
+ [dir="ltr"] .x-border-radius--left-20 {
2899
+ border-top-left-radius: var(--x-size-base-20) !important;
2943
2900
  }
2944
- [dir="rtl"] .x-border-radius--left-16 {
2945
- border-top-right-radius: var(--x-size-base-16) !important;
2901
+ [dir="rtl"] .x-border-radius--left-20 {
2902
+ border-top-right-radius: var(--x-size-base-20) !important;
2946
2903
  }
2947
- [dir="ltr"] .x-border-radius--left-16 {
2948
- border-bottom-left-radius: var(--x-size-base-16) !important;
2904
+ [dir="ltr"] .x-border-radius--left-20 {
2905
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2949
2906
  }
2950
- [dir="rtl"] .x-border-radius--left-16 {
2951
- border-bottom-right-radius: var(--x-size-base-16) !important;
2907
+ [dir="rtl"] .x-border-radius--left-20 {
2908
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2952
2909
  }
2953
- [dir="ltr"] .x-border-radius--top-left-16 {
2954
- border-top-left-radius: var(--x-size-base-16) !important;
2910
+ [dir="ltr"] .x-border-radius--top-left-20 {
2911
+ border-top-left-radius: var(--x-size-base-20) !important;
2955
2912
  }
2956
- [dir="rtl"] .x-border-radius--top-left-16 {
2957
- border-top-right-radius: var(--x-size-base-16) !important;
2913
+ [dir="rtl"] .x-border-radius--top-left-20 {
2914
+ border-top-right-radius: var(--x-size-base-20) !important;
2958
2915
  }
2959
- [dir="ltr"] .x-border-radius--top-right-16 {
2960
- border-top-right-radius: var(--x-size-base-16) !important;
2916
+ [dir="ltr"] .x-border-radius--top-right-20 {
2917
+ border-top-right-radius: var(--x-size-base-20) !important;
2961
2918
  }
2962
- [dir="rtl"] .x-border-radius--top-right-16 {
2963
- border-top-left-radius: var(--x-size-base-16) !important;
2919
+ [dir="rtl"] .x-border-radius--top-right-20 {
2920
+ border-top-left-radius: var(--x-size-base-20) !important;
2964
2921
  }
2965
- [dir="ltr"] .x-border-radius--bottom-left-16 {
2966
- border-bottom-left-radius: var(--x-size-base-16) !important;
2922
+ [dir="ltr"] .x-border-radius--bottom-left-20 {
2923
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2967
2924
  }
2968
- [dir="rtl"] .x-border-radius--bottom-left-16 {
2969
- border-bottom-right-radius: var(--x-size-base-16) !important;
2925
+ [dir="rtl"] .x-border-radius--bottom-left-20 {
2926
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2970
2927
  }
2971
- [dir="ltr"] .x-border-radius--bottom-right-16 {
2972
- border-bottom-right-radius: var(--x-size-base-16) !important;
2928
+ [dir="ltr"] .x-border-radius--bottom-right-20 {
2929
+ border-bottom-right-radius: var(--x-size-base-20) !important;
2973
2930
  }
2974
- [dir="rtl"] .x-border-radius--bottom-right-16 {
2975
- border-bottom-left-radius: var(--x-size-base-16) !important;
2931
+ [dir="rtl"] .x-border-radius--bottom-right-20 {
2932
+ border-bottom-left-radius: var(--x-size-base-20) !important;
2976
2933
  }
2977
- .x-border-radius--17 {
2978
- border-radius: var(--x-size-base-17) !important;
2934
+ *[class*=x-border-width--] {
2935
+ border-width: 0;
2979
2936
  }
2980
- [dir="ltr"] .x-border-radius--top-17 {
2981
- border-top-left-radius: var(--x-size-base-17) !important;
2937
+
2938
+ .x-border-width--00 {
2939
+ border-width: 0px !important;
2940
+ border-style: solid !important;
2982
2941
  }
2983
- [dir="rtl"] .x-border-radius--top-17 {
2984
- border-top-right-radius: var(--x-size-base-17) !important;
2942
+ .x-border-width--top-00 {
2943
+ border-top-width: 0px !important;
2944
+ border-style: solid !important;
2985
2945
  }
2986
- [dir="ltr"] .x-border-radius--top-17 {
2987
- border-top-right-radius: var(--x-size-base-17) !important;
2946
+ .x-border-width--bottom-00 {
2947
+ border-bottom-width: 0px !important;
2948
+ border-style: solid !important;
2988
2949
  }
2989
- [dir="rtl"] .x-border-radius--top-17 {
2990
- border-top-left-radius: var(--x-size-base-17) !important;
2950
+ [dir="ltr"] .x-border-width--right-00 {
2951
+ border-right-width: 0px !important;
2991
2952
  }
2992
- [dir="ltr"] .x-border-radius--bottom-17 {
2993
- border-bottom-left-radius: var(--x-size-base-17) !important;
2953
+ [dir="rtl"] .x-border-width--right-00 {
2954
+ border-left-width: 0px !important;
2994
2955
  }
2995
- [dir="rtl"] .x-border-radius--bottom-17 {
2996
- border-bottom-right-radius: var(--x-size-base-17) !important;
2956
+ .x-border-width--right-00 {
2957
+ border-style: solid !important;
2997
2958
  }
2998
- [dir="ltr"] .x-border-radius--bottom-17 {
2999
- border-bottom-right-radius: var(--x-size-base-17) !important;
2959
+ [dir="ltr"] .x-border-width--left-00 {
2960
+ border-left-width: 0px !important;
3000
2961
  }
3001
- [dir="rtl"] .x-border-radius--bottom-17 {
3002
- border-bottom-left-radius: var(--x-size-base-17) !important;
2962
+ [dir="rtl"] .x-border-width--left-00 {
2963
+ border-right-width: 0px !important;
3003
2964
  }
3004
- [dir="ltr"] .x-border-radius--right-17 {
3005
- border-top-right-radius: var(--x-size-base-17) !important;
2965
+ .x-border-width--left-00 {
2966
+ border-style: solid !important;
3006
2967
  }
3007
- [dir="rtl"] .x-border-radius--right-17 {
3008
- border-top-left-radius: var(--x-size-base-17) !important;
2968
+ .x-border-width--01 {
2969
+ border-width: 1px !important;
2970
+ border-style: solid !important;
3009
2971
  }
3010
- [dir="ltr"] .x-border-radius--right-17 {
3011
- border-bottom-right-radius: var(--x-size-base-17) !important;
2972
+ .x-border-width--top-01 {
2973
+ border-top-width: 1px !important;
2974
+ border-style: solid !important;
3012
2975
  }
3013
- [dir="rtl"] .x-border-radius--right-17 {
3014
- border-bottom-left-radius: var(--x-size-base-17) !important;
2976
+ .x-border-width--bottom-01 {
2977
+ border-bottom-width: 1px !important;
2978
+ border-style: solid !important;
3015
2979
  }
3016
- [dir="ltr"] .x-border-radius--left-17 {
3017
- border-top-left-radius: var(--x-size-base-17) !important;
2980
+ [dir="ltr"] .x-border-width--right-01 {
2981
+ border-right-width: 1px !important;
3018
2982
  }
3019
- [dir="rtl"] .x-border-radius--left-17 {
3020
- border-top-right-radius: var(--x-size-base-17) !important;
2983
+ [dir="rtl"] .x-border-width--right-01 {
2984
+ border-left-width: 1px !important;
3021
2985
  }
3022
- [dir="ltr"] .x-border-radius--left-17 {
3023
- border-bottom-left-radius: var(--x-size-base-17) !important;
2986
+ .x-border-width--right-01 {
2987
+ border-style: solid !important;
3024
2988
  }
3025
- [dir="rtl"] .x-border-radius--left-17 {
3026
- border-bottom-right-radius: var(--x-size-base-17) !important;
2989
+ [dir="ltr"] .x-border-width--left-01 {
2990
+ border-left-width: 1px !important;
3027
2991
  }
3028
- [dir="ltr"] .x-border-radius--top-left-17 {
3029
- border-top-left-radius: var(--x-size-base-17) !important;
2992
+ [dir="rtl"] .x-border-width--left-01 {
2993
+ border-right-width: 1px !important;
3030
2994
  }
3031
- [dir="rtl"] .x-border-radius--top-left-17 {
3032
- border-top-right-radius: var(--x-size-base-17) !important;
2995
+ .x-border-width--left-01 {
2996
+ border-style: solid !important;
3033
2997
  }
3034
- [dir="ltr"] .x-border-radius--top-right-17 {
3035
- border-top-right-radius: var(--x-size-base-17) !important;
2998
+ .x-border-width--02 {
2999
+ border-width: 2px !important;
3000
+ border-style: solid !important;
3036
3001
  }
3037
- [dir="rtl"] .x-border-radius--top-right-17 {
3038
- border-top-left-radius: var(--x-size-base-17) !important;
3002
+ .x-border-width--top-02 {
3003
+ border-top-width: 2px !important;
3004
+ border-style: solid !important;
3039
3005
  }
3040
- [dir="ltr"] .x-border-radius--bottom-left-17 {
3041
- border-bottom-left-radius: var(--x-size-base-17) !important;
3006
+ .x-border-width--bottom-02 {
3007
+ border-bottom-width: 2px !important;
3008
+ border-style: solid !important;
3042
3009
  }
3043
- [dir="rtl"] .x-border-radius--bottom-left-17 {
3044
- border-bottom-right-radius: var(--x-size-base-17) !important;
3010
+ [dir="ltr"] .x-border-width--right-02 {
3011
+ border-right-width: 2px !important;
3045
3012
  }
3046
- [dir="ltr"] .x-border-radius--bottom-right-17 {
3047
- border-bottom-right-radius: var(--x-size-base-17) !important;
3013
+ [dir="rtl"] .x-border-width--right-02 {
3014
+ border-left-width: 2px !important;
3048
3015
  }
3049
- [dir="rtl"] .x-border-radius--bottom-right-17 {
3050
- border-bottom-left-radius: var(--x-size-base-17) !important;
3016
+ .x-border-width--right-02 {
3017
+ border-style: solid !important;
3051
3018
  }
3052
- .x-border-radius--18 {
3053
- border-radius: var(--x-size-base-18) !important;
3019
+ [dir="ltr"] .x-border-width--left-02 {
3020
+ border-left-width: 2px !important;
3054
3021
  }
3055
- [dir="ltr"] .x-border-radius--top-18 {
3056
- border-top-left-radius: var(--x-size-base-18) !important;
3022
+ [dir="rtl"] .x-border-width--left-02 {
3023
+ border-right-width: 2px !important;
3057
3024
  }
3058
- [dir="rtl"] .x-border-radius--top-18 {
3059
- border-top-right-radius: var(--x-size-base-18) !important;
3025
+ .x-border-width--left-02 {
3026
+ border-style: solid !important;
3060
3027
  }
3061
- [dir="ltr"] .x-border-radius--top-18 {
3062
- border-top-right-radius: var(--x-size-base-18) !important;
3028
+ .x-border-width--03 {
3029
+ border-width: 3px !important;
3030
+ border-style: solid !important;
3063
3031
  }
3064
- [dir="rtl"] .x-border-radius--top-18 {
3065
- border-top-left-radius: var(--x-size-base-18) !important;
3032
+ .x-border-width--top-03 {
3033
+ border-top-width: 3px !important;
3034
+ border-style: solid !important;
3066
3035
  }
3067
- [dir="ltr"] .x-border-radius--bottom-18 {
3068
- border-bottom-left-radius: var(--x-size-base-18) !important;
3036
+ .x-border-width--bottom-03 {
3037
+ border-bottom-width: 3px !important;
3038
+ border-style: solid !important;
3069
3039
  }
3070
- [dir="rtl"] .x-border-radius--bottom-18 {
3071
- border-bottom-right-radius: var(--x-size-base-18) !important;
3040
+ [dir="ltr"] .x-border-width--right-03 {
3041
+ border-right-width: 3px !important;
3072
3042
  }
3073
- [dir="ltr"] .x-border-radius--bottom-18 {
3074
- border-bottom-right-radius: var(--x-size-base-18) !important;
3043
+ [dir="rtl"] .x-border-width--right-03 {
3044
+ border-left-width: 3px !important;
3075
3045
  }
3076
- [dir="rtl"] .x-border-radius--bottom-18 {
3077
- border-bottom-left-radius: var(--x-size-base-18) !important;
3046
+ .x-border-width--right-03 {
3047
+ border-style: solid !important;
3078
3048
  }
3079
- [dir="ltr"] .x-border-radius--right-18 {
3080
- border-top-right-radius: var(--x-size-base-18) !important;
3049
+ [dir="ltr"] .x-border-width--left-03 {
3050
+ border-left-width: 3px !important;
3081
3051
  }
3082
- [dir="rtl"] .x-border-radius--right-18 {
3083
- border-top-left-radius: var(--x-size-base-18) !important;
3052
+ [dir="rtl"] .x-border-width--left-03 {
3053
+ border-right-width: 3px !important;
3084
3054
  }
3085
- [dir="ltr"] .x-border-radius--right-18 {
3086
- border-bottom-right-radius: var(--x-size-base-18) !important;
3055
+ .x-border-width--left-03 {
3056
+ border-style: solid !important;
3087
3057
  }
3088
- [dir="rtl"] .x-border-radius--right-18 {
3089
- border-bottom-left-radius: var(--x-size-base-18) !important;
3058
+ .x-border-width--04 {
3059
+ border-width: 4px !important;
3060
+ border-style: solid !important;
3090
3061
  }
3091
- [dir="ltr"] .x-border-radius--left-18 {
3092
- border-top-left-radius: var(--x-size-base-18) !important;
3062
+ .x-border-width--top-04 {
3063
+ border-top-width: 4px !important;
3064
+ border-style: solid !important;
3093
3065
  }
3094
- [dir="rtl"] .x-border-radius--left-18 {
3095
- border-top-right-radius: var(--x-size-base-18) !important;
3066
+ .x-border-width--bottom-04 {
3067
+ border-bottom-width: 4px !important;
3068
+ border-style: solid !important;
3096
3069
  }
3097
- [dir="ltr"] .x-border-radius--left-18 {
3098
- border-bottom-left-radius: var(--x-size-base-18) !important;
3070
+ [dir="ltr"] .x-border-width--right-04 {
3071
+ border-right-width: 4px !important;
3099
3072
  }
3100
- [dir="rtl"] .x-border-radius--left-18 {
3101
- border-bottom-right-radius: var(--x-size-base-18) !important;
3073
+ [dir="rtl"] .x-border-width--right-04 {
3074
+ border-left-width: 4px !important;
3102
3075
  }
3103
- [dir="ltr"] .x-border-radius--top-left-18 {
3104
- border-top-left-radius: var(--x-size-base-18) !important;
3076
+ .x-border-width--right-04 {
3077
+ border-style: solid !important;
3105
3078
  }
3106
- [dir="rtl"] .x-border-radius--top-left-18 {
3107
- border-top-right-radius: var(--x-size-base-18) !important;
3079
+ [dir="ltr"] .x-border-width--left-04 {
3080
+ border-left-width: 4px !important;
3108
3081
  }
3109
- [dir="ltr"] .x-border-radius--top-right-18 {
3110
- border-top-right-radius: var(--x-size-base-18) !important;
3082
+ [dir="rtl"] .x-border-width--left-04 {
3083
+ border-right-width: 4px !important;
3111
3084
  }
3112
- [dir="rtl"] .x-border-radius--top-right-18 {
3113
- border-top-left-radius: var(--x-size-base-18) !important;
3085
+ .x-border-width--left-04 {
3086
+ border-style: solid !important;
3114
3087
  }
3115
- [dir="ltr"] .x-border-radius--bottom-left-18 {
3116
- border-bottom-left-radius: var(--x-size-base-18) !important;
3088
+ .x-border-width--05 {
3089
+ border-width: 5px !important;
3090
+ border-style: solid !important;
3117
3091
  }
3118
- [dir="rtl"] .x-border-radius--bottom-left-18 {
3119
- border-bottom-right-radius: var(--x-size-base-18) !important;
3092
+ .x-border-width--top-05 {
3093
+ border-top-width: 5px !important;
3094
+ border-style: solid !important;
3120
3095
  }
3121
- [dir="ltr"] .x-border-radius--bottom-right-18 {
3122
- border-bottom-right-radius: var(--x-size-base-18) !important;
3096
+ .x-border-width--bottom-05 {
3097
+ border-bottom-width: 5px !important;
3098
+ border-style: solid !important;
3123
3099
  }
3124
- [dir="rtl"] .x-border-radius--bottom-right-18 {
3125
- border-bottom-left-radius: var(--x-size-base-18) !important;
3100
+ [dir="ltr"] .x-border-width--right-05 {
3101
+ border-right-width: 5px !important;
3126
3102
  }
3127
- .x-border-radius--19 {
3128
- border-radius: var(--x-size-base-19) !important;
3103
+ [dir="rtl"] .x-border-width--right-05 {
3104
+ border-left-width: 5px !important;
3129
3105
  }
3130
- [dir="ltr"] .x-border-radius--top-19 {
3131
- border-top-left-radius: var(--x-size-base-19) !important;
3106
+ .x-border-width--right-05 {
3107
+ border-style: solid !important;
3132
3108
  }
3133
- [dir="rtl"] .x-border-radius--top-19 {
3134
- border-top-right-radius: var(--x-size-base-19) !important;
3109
+ [dir="ltr"] .x-border-width--left-05 {
3110
+ border-left-width: 5px !important;
3135
3111
  }
3136
- [dir="ltr"] .x-border-radius--top-19 {
3137
- border-top-right-radius: var(--x-size-base-19) !important;
3112
+ [dir="rtl"] .x-border-width--left-05 {
3113
+ border-right-width: 5px !important;
3138
3114
  }
3139
- [dir="rtl"] .x-border-radius--top-19 {
3140
- border-top-left-radius: var(--x-size-base-19) !important;
3115
+ .x-border-width--left-05 {
3116
+ border-style: solid !important;
3141
3117
  }
3142
- [dir="ltr"] .x-border-radius--bottom-19 {
3143
- border-bottom-left-radius: var(--x-size-base-19) !important;
3118
+ .x-border-width--06 {
3119
+ border-width: 6px !important;
3120
+ border-style: solid !important;
3144
3121
  }
3145
- [dir="rtl"] .x-border-radius--bottom-19 {
3146
- border-bottom-right-radius: var(--x-size-base-19) !important;
3122
+ .x-border-width--top-06 {
3123
+ border-top-width: 6px !important;
3124
+ border-style: solid !important;
3147
3125
  }
3148
- [dir="ltr"] .x-border-radius--bottom-19 {
3149
- border-bottom-right-radius: var(--x-size-base-19) !important;
3126
+ .x-border-width--bottom-06 {
3127
+ border-bottom-width: 6px !important;
3128
+ border-style: solid !important;
3150
3129
  }
3151
- [dir="rtl"] .x-border-radius--bottom-19 {
3152
- border-bottom-left-radius: var(--x-size-base-19) !important;
3130
+ [dir="ltr"] .x-border-width--right-06 {
3131
+ border-right-width: 6px !important;
3153
3132
  }
3154
- [dir="ltr"] .x-border-radius--right-19 {
3155
- border-top-right-radius: var(--x-size-base-19) !important;
3133
+ [dir="rtl"] .x-border-width--right-06 {
3134
+ border-left-width: 6px !important;
3156
3135
  }
3157
- [dir="rtl"] .x-border-radius--right-19 {
3158
- border-top-left-radius: var(--x-size-base-19) !important;
3136
+ .x-border-width--right-06 {
3137
+ border-style: solid !important;
3159
3138
  }
3160
- [dir="ltr"] .x-border-radius--right-19 {
3161
- border-bottom-right-radius: var(--x-size-base-19) !important;
3139
+ [dir="ltr"] .x-border-width--left-06 {
3140
+ border-left-width: 6px !important;
3162
3141
  }
3163
- [dir="rtl"] .x-border-radius--right-19 {
3164
- border-bottom-left-radius: var(--x-size-base-19) !important;
3142
+ [dir="rtl"] .x-border-width--left-06 {
3143
+ border-right-width: 6px !important;
3165
3144
  }
3166
- [dir="ltr"] .x-border-radius--left-19 {
3167
- border-top-left-radius: var(--x-size-base-19) !important;
3145
+ .x-border-width--left-06 {
3146
+ border-style: solid !important;
3168
3147
  }
3169
- [dir="rtl"] .x-border-radius--left-19 {
3170
- border-top-right-radius: var(--x-size-base-19) !important;
3148
+ .x-border-width--07 {
3149
+ border-width: 7px !important;
3150
+ border-style: solid !important;
3171
3151
  }
3172
- [dir="ltr"] .x-border-radius--left-19 {
3173
- border-bottom-left-radius: var(--x-size-base-19) !important;
3152
+ .x-border-width--top-07 {
3153
+ border-top-width: 7px !important;
3154
+ border-style: solid !important;
3174
3155
  }
3175
- [dir="rtl"] .x-border-radius--left-19 {
3176
- border-bottom-right-radius: var(--x-size-base-19) !important;
3156
+ .x-border-width--bottom-07 {
3157
+ border-bottom-width: 7px !important;
3158
+ border-style: solid !important;
3177
3159
  }
3178
- [dir="ltr"] .x-border-radius--top-left-19 {
3179
- border-top-left-radius: var(--x-size-base-19) !important;
3160
+ [dir="ltr"] .x-border-width--right-07 {
3161
+ border-right-width: 7px !important;
3180
3162
  }
3181
- [dir="rtl"] .x-border-radius--top-left-19 {
3182
- border-top-right-radius: var(--x-size-base-19) !important;
3163
+ [dir="rtl"] .x-border-width--right-07 {
3164
+ border-left-width: 7px !important;
3183
3165
  }
3184
- [dir="ltr"] .x-border-radius--top-right-19 {
3185
- border-top-right-radius: var(--x-size-base-19) !important;
3166
+ .x-border-width--right-07 {
3167
+ border-style: solid !important;
3186
3168
  }
3187
- [dir="rtl"] .x-border-radius--top-right-19 {
3188
- border-top-left-radius: var(--x-size-base-19) !important;
3169
+ [dir="ltr"] .x-border-width--left-07 {
3170
+ border-left-width: 7px !important;
3189
3171
  }
3190
- [dir="ltr"] .x-border-radius--bottom-left-19 {
3191
- border-bottom-left-radius: var(--x-size-base-19) !important;
3172
+ [dir="rtl"] .x-border-width--left-07 {
3173
+ border-right-width: 7px !important;
3192
3174
  }
3193
- [dir="rtl"] .x-border-radius--bottom-left-19 {
3194
- border-bottom-right-radius: var(--x-size-base-19) !important;
3175
+ .x-border-width--left-07 {
3176
+ border-style: solid !important;
3195
3177
  }
3196
- [dir="ltr"] .x-border-radius--bottom-right-19 {
3197
- border-bottom-right-radius: var(--x-size-base-19) !important;
3178
+ .x-border-width--08 {
3179
+ border-width: 8px !important;
3180
+ border-style: solid !important;
3198
3181
  }
3199
- [dir="rtl"] .x-border-radius--bottom-right-19 {
3200
- border-bottom-left-radius: var(--x-size-base-19) !important;
3182
+ .x-border-width--top-08 {
3183
+ border-top-width: 8px !important;
3184
+ border-style: solid !important;
3201
3185
  }
3202
- .x-border-radius--20 {
3203
- border-radius: var(--x-size-base-20) !important;
3186
+ .x-border-width--bottom-08 {
3187
+ border-bottom-width: 8px !important;
3188
+ border-style: solid !important;
3204
3189
  }
3205
- [dir="ltr"] .x-border-radius--top-20 {
3206
- border-top-left-radius: var(--x-size-base-20) !important;
3190
+ [dir="ltr"] .x-border-width--right-08 {
3191
+ border-right-width: 8px !important;
3207
3192
  }
3208
- [dir="rtl"] .x-border-radius--top-20 {
3209
- border-top-right-radius: var(--x-size-base-20) !important;
3193
+ [dir="rtl"] .x-border-width--right-08 {
3194
+ border-left-width: 8px !important;
3210
3195
  }
3211
- [dir="ltr"] .x-border-radius--top-20 {
3212
- border-top-right-radius: var(--x-size-base-20) !important;
3196
+ .x-border-width--right-08 {
3197
+ border-style: solid !important;
3213
3198
  }
3214
- [dir="rtl"] .x-border-radius--top-20 {
3215
- border-top-left-radius: var(--x-size-base-20) !important;
3199
+ [dir="ltr"] .x-border-width--left-08 {
3200
+ border-left-width: 8px !important;
3216
3201
  }
3217
- [dir="ltr"] .x-border-radius--bottom-20 {
3218
- border-bottom-left-radius: var(--x-size-base-20) !important;
3202
+ [dir="rtl"] .x-border-width--left-08 {
3203
+ border-right-width: 8px !important;
3219
3204
  }
3220
- [dir="rtl"] .x-border-radius--bottom-20 {
3221
- border-bottom-right-radius: var(--x-size-base-20) !important;
3205
+ .x-border-width--left-08 {
3206
+ border-style: solid !important;
3222
3207
  }
3223
- [dir="ltr"] .x-border-radius--bottom-20 {
3224
- border-bottom-right-radius: var(--x-size-base-20) !important;
3208
+ .x-border-width--09 {
3209
+ border-width: 9px !important;
3210
+ border-style: solid !important;
3225
3211
  }
3226
- [dir="rtl"] .x-border-radius--bottom-20 {
3227
- border-bottom-left-radius: var(--x-size-base-20) !important;
3212
+ .x-border-width--top-09 {
3213
+ border-top-width: 9px !important;
3214
+ border-style: solid !important;
3228
3215
  }
3229
- [dir="ltr"] .x-border-radius--right-20 {
3230
- border-top-right-radius: var(--x-size-base-20) !important;
3216
+ .x-border-width--bottom-09 {
3217
+ border-bottom-width: 9px !important;
3218
+ border-style: solid !important;
3231
3219
  }
3232
- [dir="rtl"] .x-border-radius--right-20 {
3233
- border-top-left-radius: var(--x-size-base-20) !important;
3220
+ [dir="ltr"] .x-border-width--right-09 {
3221
+ border-right-width: 9px !important;
3234
3222
  }
3235
- [dir="ltr"] .x-border-radius--right-20 {
3236
- border-bottom-right-radius: var(--x-size-base-20) !important;
3223
+ [dir="rtl"] .x-border-width--right-09 {
3224
+ border-left-width: 9px !important;
3237
3225
  }
3238
- [dir="rtl"] .x-border-radius--right-20 {
3239
- border-bottom-left-radius: var(--x-size-base-20) !important;
3226
+ .x-border-width--right-09 {
3227
+ border-style: solid !important;
3240
3228
  }
3241
- [dir="ltr"] .x-border-radius--left-20 {
3242
- border-top-left-radius: var(--x-size-base-20) !important;
3229
+ [dir="ltr"] .x-border-width--left-09 {
3230
+ border-left-width: 9px !important;
3243
3231
  }
3244
- [dir="rtl"] .x-border-radius--left-20 {
3245
- border-top-right-radius: var(--x-size-base-20) !important;
3232
+ [dir="rtl"] .x-border-width--left-09 {
3233
+ border-right-width: 9px !important;
3246
3234
  }
3247
- [dir="ltr"] .x-border-radius--left-20 {
3248
- border-bottom-left-radius: var(--x-size-base-20) !important;
3235
+ .x-border-width--left-09 {
3236
+ border-style: solid !important;
3249
3237
  }
3250
- [dir="rtl"] .x-border-radius--left-20 {
3251
- border-bottom-right-radius: var(--x-size-base-20) !important;
3238
+ .x-border-width--10 {
3239
+ border-width: 10px !important;
3240
+ border-style: solid !important;
3252
3241
  }
3253
- [dir="ltr"] .x-border-radius--top-left-20 {
3254
- border-top-left-radius: var(--x-size-base-20) !important;
3242
+ .x-border-width--top-10 {
3243
+ border-top-width: 10px !important;
3244
+ border-style: solid !important;
3255
3245
  }
3256
- [dir="rtl"] .x-border-radius--top-left-20 {
3257
- border-top-right-radius: var(--x-size-base-20) !important;
3246
+ .x-border-width--bottom-10 {
3247
+ border-bottom-width: 10px !important;
3248
+ border-style: solid !important;
3258
3249
  }
3259
- [dir="ltr"] .x-border-radius--top-right-20 {
3260
- border-top-right-radius: var(--x-size-base-20) !important;
3250
+ [dir="ltr"] .x-border-width--right-10 {
3251
+ border-right-width: 10px !important;
3261
3252
  }
3262
- [dir="rtl"] .x-border-radius--top-right-20 {
3263
- border-top-left-radius: var(--x-size-base-20) !important;
3253
+ [dir="rtl"] .x-border-width--right-10 {
3254
+ border-left-width: 10px !important;
3264
3255
  }
3265
- [dir="ltr"] .x-border-radius--bottom-left-20 {
3266
- border-bottom-left-radius: var(--x-size-base-20) !important;
3256
+ .x-border-width--right-10 {
3257
+ border-style: solid !important;
3267
3258
  }
3268
- [dir="rtl"] .x-border-radius--bottom-left-20 {
3269
- border-bottom-right-radius: var(--x-size-base-20) !important;
3259
+ [dir="ltr"] .x-border-width--left-10 {
3260
+ border-left-width: 10px !important;
3270
3261
  }
3271
- [dir="ltr"] .x-border-radius--bottom-right-20 {
3272
- border-bottom-right-radius: var(--x-size-base-20) !important;
3262
+ [dir="rtl"] .x-border-width--left-10 {
3263
+ border-right-width: 10px !important;
3273
3264
  }
3274
- [dir="rtl"] .x-border-radius--bottom-right-20 {
3275
- border-bottom-left-radius: var(--x-size-base-20) !important;
3265
+ .x-border-width--left-10 {
3266
+ border-style: solid !important;
3276
3267
  }
3277
3268
  .x-border-color--lead {
3278
3269
  border-color: var(--x-color-base-lead) !important;
@@ -3332,9 +3323,6 @@
3332
3323
  .x-text--stroke.x-small {
3333
3324
  --x-string-text-decoration-small: line-through;
3334
3325
  }
3335
- :root {
3336
- --x-color-text-secondary: var(--x-color-base-neutral-35);
3337
- }
3338
3326
  .x-background--lead {
3339
3327
  background-color: var(--x-color-base-lead) !important;
3340
3328
  }
@@ -3350,76 +3338,36 @@
3350
3338
  .x-background--neutral-35 {
3351
3339
  background-color: var(--x-color-base-neutral-35) !important;
3352
3340
  }
3353
-
3354
- .x-background--neutral-70 {
3355
- background-color: var(--x-color-base-neutral-70) !important;
3356
- }
3357
-
3358
- .x-background--neutral-95 {
3359
- background-color: var(--x-color-base-neutral-95) !important;
3360
- }
3361
-
3362
- .x-background--neutral-100 {
3363
- background-color: var(--x-color-base-neutral-100) !important;
3364
- }
3365
-
3366
- .x-background--accent {
3367
- background-color: var(--x-color-base-accent) !important;
3368
- }
3369
-
3370
- .x-background--enable {
3371
- background-color: var(--x-color-base-enable) !important;
3372
- }
3373
-
3374
- .x-background--disable {
3375
- background-color: var(--x-color-base-disable) !important;
3376
- }
3377
-
3378
- .x-background--transparent {
3379
- background-color: var(--x-color-base-transparent) !important;
3380
- }
3381
- .x-text--secondary {
3382
- --x-color-text-default: var(--x-color-text-secondary);
3383
- }
3384
- :root {
3385
- --x-font-family-base: "Montserrat", sans-serif;
3386
- --x-size-font-base-xs: 12px;
3387
- --x-size-font-base-s: 14px;
3388
- --x-size-font-base-m: 16px;
3389
- --x-size-font-base-l: 18px;
3390
- --x-size-font-base-xl: 32px;
3391
- --x-number-font-weight-base-light: 300;
3392
- --x-number-font-weight-base-regular: 400;
3393
- --x-number-font-weight-base-bold: 600;
3394
- --x-size-line-height-base-s: 16px;
3395
- --x-size-line-height-base-m: 24px;
3396
- --x-size-line-height-base-l: 32px;
3397
- --x-color-text-default: var(--x-color-base-neutral-10);
3398
- --x-font-family-text: var(--x-font-family-base);
3399
- --x-size-font-text: var(--x-size-font-base-s);
3400
- --x-number-font-weight-text: var(--x-number-font-weight-base-regular);
3401
- --x-size-line-height-text: var(--x-size-line-height-base-s);
3402
- --x-string-text-decoration-text: none;
3403
- --x-font-family-title1: var(--x-font-family-base);
3404
- --x-size-font-title1: var(--x-size-font-base-xl);
3405
- --x-number-font-weight-title1: var(--x-number-font-weight-base-regular);
3406
- --x-size-line-height-title1: var(--x-size-line-height-base-l);
3407
- --x-string-text-decoration-title1: none;
3408
- --x-font-family-title2: var(--x-font-family-base);
3409
- --x-size-font-title2: var(--x-size-font-base-l);
3410
- --x-number-font-weight-title2: var(--x-number-font-weight-base-regular);
3411
- --x-size-line-height-title2: var(--x-size-line-height-base-m);
3412
- --x-string-text-decoration-title2: none;
3413
- --x-font-family-title3: var(--x-font-family-base);
3414
- --x-size-font-title3: var(--x-size-font-base-m);
3415
- --x-number-font-weight-title3: var(--x-number-font-weight-base-regular);
3416
- --x-size-line-height-title3: var(--x-size-line-height-base-m);
3417
- --x-string-text-decoration-title3: none;
3418
- --x-font-family-small: var(--x-font-family-base);
3419
- --x-size-font-small: var(--x-size-font-base-xs);
3420
- --x-number-font-weight-small: var(--x-number-font-weight-base-regular);
3421
- --x-size-line-height-small: var(--x-size-line-height-base-s);
3422
- --x-string-text-decoration-small: none;
3341
+
3342
+ .x-background--neutral-70 {
3343
+ background-color: var(--x-color-base-neutral-70) !important;
3344
+ }
3345
+
3346
+ .x-background--neutral-95 {
3347
+ background-color: var(--x-color-base-neutral-95) !important;
3348
+ }
3349
+
3350
+ .x-background--neutral-100 {
3351
+ background-color: var(--x-color-base-neutral-100) !important;
3352
+ }
3353
+
3354
+ .x-background--accent {
3355
+ background-color: var(--x-color-base-accent) !important;
3356
+ }
3357
+
3358
+ .x-background--enable {
3359
+ background-color: var(--x-color-base-enable) !important;
3360
+ }
3361
+
3362
+ .x-background--disable {
3363
+ background-color: var(--x-color-base-disable) !important;
3364
+ }
3365
+
3366
+ .x-background--transparent {
3367
+ background-color: var(--x-color-base-transparent) !important;
3368
+ }
3369
+ :root {
3370
+ --x-color-text-secondary: var(--x-color-base-neutral-35);
3423
3371
  }
3424
3372
  .x-text--light.x-text {
3425
3373
  --x-number-font-weight-text: var(--x-number-font-weight-base-light);
@@ -3436,6 +3384,9 @@
3436
3384
  .x-text--light.x-small {
3437
3385
  --x-number-font-weight-small: var(--x-number-font-weight-base-light);
3438
3386
  }
3387
+ .x-text--secondary {
3388
+ --x-color-text-default: var(--x-color-text-secondary);
3389
+ }
3439
3390
  :root {
3440
3391
  --x-font-family-base: "Montserrat", sans-serif;
3441
3392
  --x-size-font-base-xs: 12px;
@@ -3538,9 +3489,6 @@
3538
3489
  overflow: hidden;
3539
3490
  white-space: nowrap;
3540
3491
  }
3541
- :root {
3542
- --x-color-text-accent: var(--x-color-base-accent);
3543
- }
3544
3492
  .x-text--bold.x-text {
3545
3493
  --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3546
3494
  }
@@ -3556,9 +3504,52 @@
3556
3504
  .x-text--bold.x-small {
3557
3505
  --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3558
3506
  }
3507
+ :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;
3546
+ }
3559
3547
  .x-text--accent {
3560
3548
  --x-color-text-default: var(--x-color-text-accent);
3561
3549
  }
3550
+ :root {
3551
+ --x-color-text-accent: var(--x-color-base-accent);
3552
+ }
3562
3553
  :root {
3563
3554
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3564
3555
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3566,6 +3557,18 @@
3566
3557
  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3567
3558
  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3568
3559
  }
3560
+ :root {
3561
+ --x-color-background-tag-ghost: transparent;
3562
+ --x-color-border-tag-ghost: transparent;
3563
+ --x-color-background-tag-selected-ghost: transparent;
3564
+ --x-color-border-tag-selected-ghost: transparent;
3565
+ --x-color-background-tag-curated-ghost: transparent;
3566
+ --x-color-border-tag-curated-ghost: transparent;
3567
+ --x-color-background-tag-curated-selected-ghost: transparent;
3568
+ --x-color-border-tag-curated-selected-ghost: transparent;
3569
+ --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3570
+ --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3571
+ }
3569
3572
  :root {
3570
3573
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3571
3574
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3585,45 +3588,49 @@
3585
3588
  --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
3586
3589
  }
3587
3590
  :root {
3588
- --x-color-background-tag-ghost: transparent;
3589
- --x-color-border-tag-ghost: transparent;
3590
- --x-color-background-tag-selected-ghost: transparent;
3591
- --x-color-border-tag-selected-ghost: transparent;
3592
- --x-color-background-tag-curated-ghost: transparent;
3593
- --x-color-border-tag-curated-ghost: transparent;
3594
- --x-color-background-tag-curated-selected-ghost: transparent;
3595
- --x-color-border-tag-curated-selected-ghost: transparent;
3596
- --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3597
- --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3598
- }
3599
- :root {
3600
- --x-color-background-tag-ghost: transparent;
3601
- --x-color-border-tag-ghost: transparent;
3602
- --x-color-background-tag-selected-ghost: transparent;
3603
- --x-color-border-tag-selected-ghost: transparent;
3604
- --x-color-background-tag-curated-ghost: transparent;
3605
- --x-color-border-tag-curated-ghost: transparent;
3606
- --x-color-background-tag-curated-selected-ghost: transparent;
3607
- --x-color-border-tag-curated-selected-ghost: transparent;
3608
- --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3609
- --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3610
- }
3611
-
3612
- .x-tag--ghost.x-tag,
3613
- .x-tag--ghost .x-tag {
3614
- --x-color-background-tag-default: var(--x-color-background-tag-ghost);
3615
- --x-color-border-tag-default: var(--x-color-border-tag-ghost);
3616
- --x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
3617
- --x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
3618
- --x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
3619
- --x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
3620
- --x-color-background-tag-default-curated-selected: var(
3621
- --x-color-background-tag-curated-selected-ghost
3622
- );
3623
- --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
3624
- --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
3591
+ --x-color-background-tag-default: var(--x-color-base-neutral-100);
3592
+ --x-color-border-tag-default: var(--x-color-text-tag-default);
3593
+ --x-color-text-tag-default: var(--x-color-text-default);
3594
+ --x-color-background-tag-default-selected: var(--x-color-base-neutral-95);
3595
+ --x-color-border-tag-default-selected: var(--x-color-border-tag-default);
3596
+ --x-color-text-tag-default-selected: var(--x-color-text-tag-default);
3597
+ --x-color-background-tag-default-curated: var(--x-color-background-tag-default);
3598
+ --x-color-border-tag-default-curated: var(--x-color-border-tag-default);
3599
+ --x-color-text-tag-default-curated: var(--x-color-text-tag-default);
3600
+ --x-color-background-tag-default-curated-selected: var(--x-color-background-tag-default-selected);
3601
+ --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-default-selected);
3602
+ --x-color-text-tag-default-curated-selected: var(--x-color-text-tag-default-selected);
3603
+ --x-size-border-width-tag-default: var(--x-size-border-width-base);
3604
+ --x-size-border-width-top-tag-default: var(--x-size-border-width-tag-default);
3605
+ --x-size-border-width-right-tag-default: var(--x-size-border-width-tag-default);
3606
+ --x-size-border-width-bottom-tag-default: var(--x-size-border-width-tag-default);
3607
+ --x-size-border-width-left-tag-default: var(--x-size-border-width-tag-default);
3608
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-base-none);
3609
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-tag-default);
3610
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-tag-default);
3611
+ --x-size-border-radius-bottom-right-tag-default: var(--x-size-border-radius-tag-default);
3612
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-tag-default);
3613
+ --x-size-height-tag-default: var(--x-size-base-07);
3614
+ --x-size-padding-right-tag-default: var(--x-size-base-04);
3615
+ --x-size-padding-left-tag-default: var(--x-size-base-04);
3616
+ --x-size-gap-tag-default: var(--x-size-base-02);
3617
+ --x-font-family-tag-default: var(--x-font-family-text);
3618
+ --x-size-font-tag-default: var(--x-size-font-text);
3619
+ --x-size-line-height-tag-default: var(--x-size-line-height-text);
3620
+ --x-number-font-weight-tag-default: var(--x-number-font-weight-text);
3621
+ --x-font-family-tag-default-selected: var(--x-font-family-tag-default);
3622
+ --x-size-font-tag-default-selected: var(--x-size-font-tag-default);
3623
+ --x-size-line-height-tag-default-selected: var(--x-size-line-height-tag-default);
3624
+ --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-default);
3625
+ --x-font-family-tag-default-curated: var(--x-font-family-tag-default);
3626
+ --x-size-font-tag-default-curated: var(--x-size-font-tag-default);
3627
+ --x-size-line-height-tag-default-curated: var(--x-size-line-height-tag-default);
3628
+ --x-number-font-weight-tag-default-curated: var(--x-number-font-weight-tag-default);
3629
+ --x-font-family-tag-default-curated-selected: var(--x-font-family-tag-default-selected);
3630
+ --x-size-font-tag-default-curated-selected: var(--x-size-font-tag-default-selected);
3631
+ --x-size-line-height-tag-default-curated-selected: var(--x-size-line-height-tag-default-selected);
3625
3632
  --x-number-font-weight-tag-default-curated-selected: var(
3626
- --x-number-font-weight-tag-curated-selected-ghost
3633
+ --x-number-font-weight-tag-default-selected
3627
3634
  );
3628
3635
  }
3629
3636
  :root {
@@ -3805,100 +3812,77 @@
3805
3812
  --x-size-padding-right-filter-default: var(--x-size-padding-right-tag-default);
3806
3813
  --x-size-padding-bottom-filter-default: 0;
3807
3814
  --x-size-padding-left-filter-default: var(--x-size-padding-left-tag-default);
3808
- --x-size-gap-filter-default: var(--x-size-gap-tag-default);
3809
- --x-font-family-filter-default: var(--x-font-family-tag-default);
3810
- --x-size-font-filter-default: var(--x-size-font-tag-default);
3811
- --x-number-font-weight-filter-count-default: var(--x-number-font-weight-tag-default);
3812
- --x-size-line-height-filter-default: var(--x-size-line-height-tag-default);
3813
- }
3814
- .x-tag.x-tag.x-tag--is-curated {
3815
- background-color: var(--x-color-background-tag-default-curated);
3816
- border-color: var(--x-color-border-tag-default-curated);
3817
- color: var(--x-color-text-tag-default-curated);
3818
- line-height: var(--x-size-line-height-tag-default-curated);
3819
- font-family: var(--x-font-family-tag-default-curated);
3820
- font-size: var(--x-size-font-tag-default-curated);
3821
- font-weight: var(--x-number-font-weight-tag-default-curated);
3822
- }
3823
- .x-tag.x-tag.x-tag--is-selected {
3824
- background-color: var(--x-color-background-tag-default-selected);
3825
- border-color: var(--x-color-border-tag-default-selected);
3826
- color: var(--x-color-text-tag-default-selected);
3827
- line-height: var(--x-size-line-height-tag-default-selected);
3828
- font-family: var(--x-font-family-tag-default-selected);
3829
- font-size: var(--x-size-font-tag-default-selected);
3830
- font-weight: var(--x-number-font-weight-tag-default-selected);
3831
- }
3832
- .x-tag.x-tag.x-tag--is-selected.x-tag--is-curated {
3833
- background-color: var(--x-color-background-tag-default-curated-selected);
3834
- border-color: var(--x-color-border-tag-default-curated-selected);
3835
- color: var(--x-color-text-tag-default-curated-selected);
3836
- line-height: var(--x-size-line-height-tag-default-curated-selected);
3837
- font-family: var(--x-font-family-tag-default-curated-selected);
3838
- font-size: var(--x-size-font-tag-default-curated-selected);
3839
- font-weight: var(--x-number-font-weight-tag-default-curated-selected);
3840
- }
3841
- .x-tag.x-tag.x-tag--is-selected.x-filter {
3842
- --x-color-text-filter-default-selected: var(--x-color-text-tag-default-selected);
3843
- --x-font-family-filter-default-selected: var(--x-font-family-tag-default-selected);
3844
- --x-size-font-filter-default-selected: var(--x-size-font-tag-default-selected);
3845
- --x-number-font-weight-filter-count-default-selected: var(
3846
- --x-number-font-weight-tag-default-selected
3847
- );
3848
- --x-size-line-height-filter-default-selected: var(--x-size-line-height-tag-default-selected);
3849
- }
3850
- :root {
3851
- --x-color-background-tag-default: var(--x-color-base-neutral-100);
3852
- --x-color-border-tag-default: var(--x-color-text-tag-default);
3853
- --x-color-text-tag-default: var(--x-color-text-default);
3854
- --x-color-background-tag-default-selected: var(--x-color-base-neutral-95);
3855
- --x-color-border-tag-default-selected: var(--x-color-border-tag-default);
3856
- --x-color-text-tag-default-selected: var(--x-color-text-tag-default);
3857
- --x-color-background-tag-default-curated: var(--x-color-background-tag-default);
3858
- --x-color-border-tag-default-curated: var(--x-color-border-tag-default);
3859
- --x-color-text-tag-default-curated: var(--x-color-text-tag-default);
3860
- --x-color-background-tag-default-curated-selected: var(--x-color-background-tag-default-selected);
3861
- --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-default-selected);
3862
- --x-color-text-tag-default-curated-selected: var(--x-color-text-tag-default-selected);
3863
- --x-size-border-width-tag-default: var(--x-size-border-width-base);
3864
- --x-size-border-width-top-tag-default: var(--x-size-border-width-tag-default);
3865
- --x-size-border-width-right-tag-default: var(--x-size-border-width-tag-default);
3866
- --x-size-border-width-bottom-tag-default: var(--x-size-border-width-tag-default);
3867
- --x-size-border-width-left-tag-default: var(--x-size-border-width-tag-default);
3868
- --x-size-border-radius-tag-default: var(--x-size-border-radius-base-none);
3869
- --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-tag-default);
3870
- --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-tag-default);
3871
- --x-size-border-radius-bottom-right-tag-default: var(--x-size-border-radius-tag-default);
3872
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-tag-default);
3873
- --x-size-height-tag-default: var(--x-size-base-07);
3874
- --x-size-padding-right-tag-default: var(--x-size-base-04);
3875
- --x-size-padding-left-tag-default: var(--x-size-base-04);
3876
- --x-size-gap-tag-default: var(--x-size-base-02);
3877
- --x-font-family-tag-default: var(--x-font-family-text);
3878
- --x-size-font-tag-default: var(--x-size-font-text);
3879
- --x-size-line-height-tag-default: var(--x-size-line-height-text);
3880
- --x-number-font-weight-tag-default: var(--x-number-font-weight-text);
3881
- --x-font-family-tag-default-selected: var(--x-font-family-tag-default);
3882
- --x-size-font-tag-default-selected: var(--x-size-font-tag-default);
3883
- --x-size-line-height-tag-default-selected: var(--x-size-line-height-tag-default);
3884
- --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-default);
3885
- --x-font-family-tag-default-curated: var(--x-font-family-tag-default);
3886
- --x-size-font-tag-default-curated: var(--x-size-font-tag-default);
3887
- --x-size-line-height-tag-default-curated: var(--x-size-line-height-tag-default);
3888
- --x-number-font-weight-tag-default-curated: var(--x-number-font-weight-tag-default);
3889
- --x-font-family-tag-default-curated-selected: var(--x-font-family-tag-default-selected);
3890
- --x-size-font-tag-default-curated-selected: var(--x-size-font-tag-default-selected);
3891
- --x-size-line-height-tag-default-curated-selected: var(--x-size-line-height-tag-default-selected);
3892
- --x-number-font-weight-tag-default-curated-selected: var(
3815
+ --x-size-gap-filter-default: var(--x-size-gap-tag-default);
3816
+ --x-font-family-filter-default: var(--x-font-family-tag-default);
3817
+ --x-size-font-filter-default: var(--x-size-font-tag-default);
3818
+ --x-number-font-weight-filter-count-default: var(--x-number-font-weight-tag-default);
3819
+ --x-size-line-height-filter-default: var(--x-size-line-height-tag-default);
3820
+ }
3821
+ .x-tag.x-tag.x-tag--is-curated {
3822
+ background-color: var(--x-color-background-tag-default-curated);
3823
+ border-color: var(--x-color-border-tag-default-curated);
3824
+ color: var(--x-color-text-tag-default-curated);
3825
+ line-height: var(--x-size-line-height-tag-default-curated);
3826
+ font-family: var(--x-font-family-tag-default-curated);
3827
+ font-size: var(--x-size-font-tag-default-curated);
3828
+ font-weight: var(--x-number-font-weight-tag-default-curated);
3829
+ }
3830
+ .x-tag.x-tag.x-tag--is-selected {
3831
+ background-color: var(--x-color-background-tag-default-selected);
3832
+ border-color: var(--x-color-border-tag-default-selected);
3833
+ color: var(--x-color-text-tag-default-selected);
3834
+ line-height: var(--x-size-line-height-tag-default-selected);
3835
+ font-family: var(--x-font-family-tag-default-selected);
3836
+ font-size: var(--x-size-font-tag-default-selected);
3837
+ font-weight: var(--x-number-font-weight-tag-default-selected);
3838
+ }
3839
+ .x-tag.x-tag.x-tag--is-selected.x-tag--is-curated {
3840
+ background-color: var(--x-color-background-tag-default-curated-selected);
3841
+ border-color: var(--x-color-border-tag-default-curated-selected);
3842
+ color: var(--x-color-text-tag-default-curated-selected);
3843
+ line-height: var(--x-size-line-height-tag-default-curated-selected);
3844
+ font-family: var(--x-font-family-tag-default-curated-selected);
3845
+ font-size: var(--x-size-font-tag-default-curated-selected);
3846
+ font-weight: var(--x-number-font-weight-tag-default-curated-selected);
3847
+ }
3848
+ .x-tag.x-tag.x-tag--is-selected.x-filter {
3849
+ --x-color-text-filter-default-selected: var(--x-color-text-tag-default-selected);
3850
+ --x-font-family-filter-default-selected: var(--x-font-family-tag-default-selected);
3851
+ --x-size-font-filter-default-selected: var(--x-size-font-tag-default-selected);
3852
+ --x-number-font-weight-filter-count-default-selected: var(
3893
3853
  --x-number-font-weight-tag-default-selected
3894
3854
  );
3855
+ --x-size-line-height-filter-default-selected: var(--x-size-line-height-tag-default-selected);
3895
3856
  }
3896
3857
  :root {
3897
- --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3898
- --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3899
- --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3900
- --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3901
- --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3858
+ --x-color-background-tag-ghost: transparent;
3859
+ --x-color-border-tag-ghost: transparent;
3860
+ --x-color-background-tag-selected-ghost: transparent;
3861
+ --x-color-border-tag-selected-ghost: transparent;
3862
+ --x-color-background-tag-curated-ghost: transparent;
3863
+ --x-color-border-tag-curated-ghost: transparent;
3864
+ --x-color-background-tag-curated-selected-ghost: transparent;
3865
+ --x-color-border-tag-curated-selected-ghost: transparent;
3866
+ --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3867
+ --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3868
+ }
3869
+
3870
+ .x-tag--ghost.x-tag,
3871
+ .x-tag--ghost .x-tag {
3872
+ --x-color-background-tag-default: var(--x-color-background-tag-ghost);
3873
+ --x-color-border-tag-default: var(--x-color-border-tag-ghost);
3874
+ --x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
3875
+ --x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
3876
+ --x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
3877
+ --x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
3878
+ --x-color-background-tag-default-curated-selected: var(
3879
+ --x-color-background-tag-curated-selected-ghost
3880
+ );
3881
+ --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
3882
+ --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
3883
+ --x-number-font-weight-tag-default-curated-selected: var(
3884
+ --x-number-font-weight-tag-curated-selected-ghost
3885
+ );
3902
3886
  }
3903
3887
  :root {
3904
3888
  --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
@@ -3907,17 +3891,6 @@
3907
3891
  --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3908
3892
  --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3909
3893
  }
3910
-
3911
- .x-tag--card.x-tag,
3912
- .x-tag--card .x-tag {
3913
- --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3914
- --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3915
- --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3916
- --x-size-border-radius-bottom-right-tag-default: var(
3917
- --x-size-border-radius-bottom-right-tag-card
3918
- );
3919
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3920
- }
3921
3894
  :root {
3922
3895
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3923
3896
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -3959,6 +3932,24 @@
3959
3932
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
3960
3933
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
3961
3934
  }
3935
+ :root {
3936
+ --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3937
+ --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3938
+ --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3939
+ --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3940
+ --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3941
+ }
3942
+
3943
+ .x-tag--card.x-tag,
3944
+ .x-tag--card .x-tag {
3945
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3946
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3947
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3948
+ --x-size-border-radius-bottom-right-tag-default: var(
3949
+ --x-size-border-radius-bottom-right-tag-card
3950
+ );
3951
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3952
+ }
3962
3953
  :root {
3963
3954
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3964
3955
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -4009,161 +4000,71 @@
4009
4000
  padding-right: var(--x-size-padding-left-suggestion-group-default);
4010
4001
  }
4011
4002
 
4012
- [dir="ltr"] .x-suggestion-group {
4013
- padding-right: var(--x-size-padding-right-suggestion-group-default);
4014
- }
4015
-
4016
- [dir="rtl"] .x-suggestion-group {
4017
- padding-left: var(--x-size-padding-right-suggestion-group-default);
4018
- }
4019
-
4020
- [dir="ltr"] .x-suggestion-group {
4021
- border-left-width: var(--x-size-border-width-left-suggestion-group-default);
4022
- }
4023
-
4024
- [dir="rtl"] .x-suggestion-group {
4025
- border-right-width: var(--x-size-border-width-left-suggestion-group-default);
4026
- }
4027
-
4028
- [dir="ltr"] .x-suggestion-group {
4029
- border-right-width: var(--x-size-border-width-right-suggestion-group-default);
4030
- }
4031
-
4032
- [dir="rtl"] .x-suggestion-group {
4033
- border-left-width: var(--x-size-border-width-right-suggestion-group-default);
4034
- }
4035
-
4036
- .x-suggestion-group {
4037
- display: flex;
4038
- flex-flow: row nowrap;
4039
- box-sizing: border-box;
4040
- background-color: var(--x-color-background-suggestion-group-default);
4041
- color: var(--x-color-text-suggestion-group-default);
4042
- border-color: var(--x-color-border-suggestion-group-default);
4043
- font-family: var(--x-font-family-suggestion-group-default);
4044
- font-size: var(--x-size-font-suggestion-group-default);
4045
- line-height: var(--x-size-line-height-suggestion-group-default);
4046
- font-weight: var(--x-number-font-weight-suggestion-group-default);
4047
- cursor: pointer;
4048
- padding-top: var(--x-size-padding-top-suggestion-group-default);
4049
- padding-bottom: var(--x-size-padding-bottom-suggestion-group-default);
4050
- gap: var(--x-size-gap-suggestion-group-default);
4051
- border-style: solid;
4052
- border-top-width: var(--x-size-border-width-top-suggestion-group-default);
4053
- border-bottom-width: var(--x-size-border-width-bottom-suggestion-group-default);
4054
- border-radius: var(--x-size-border-radius-top-left-suggestion-group-default) var(--x-size-border-radius-top-right-suggestion-group-default) var(--x-size-border-radius-bottom-right-suggestion-group-default) var(--x-size-border-radius-bottom-left-suggestion-group-default);
4055
- }
4056
- @media not all and (min-resolution: 0.001dpcm) {
4057
- .x-suggestion-group {
4058
- gap: 0;
4059
- }
4060
- .x-suggestion-group > *:not(:last-child) {
4061
- margin-right: var(--x-size-gap-suggestion-group-default);
4062
- }
4063
- }
4064
- .x-suggestion-group .x-suggestion {
4065
- padding: 0;
4066
- flex: 1 1 auto;
4067
- border: none;
4068
- }
4069
- .x-suggestion-group .x-button {
4070
- --x-color-background-button-default: transparent;
4071
- --x-color-border-button-default: transparent;
4072
- --x-color-text-button-default: var(--x-color-text-suggestion-group-default);
4073
- --x-size-height-button-default: var(--x-size-line-height-suggestion-group-default);
4074
- --x-size-padding-right-button-default: 0;
4075
- --x-size-padding-left-button-default: 0;
4076
- border: none;
4077
- }
4078
- :root {
4079
- --x-string-align-items-suggestion-default: center;
4080
- --x-color-text-suggestion-default: var(--x-color-text-default);
4081
- --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4082
- --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4083
- --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4084
- --x-color-background-suggestion-default: transparent;
4085
- --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4086
- --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4087
- --x-color-text-suggestion-matching-part-default-curated: var(
4088
- --x-color-text-suggestion-matching-part-default
4089
- );
4090
- --x-color-text-suggestion-default-matching-curated: var(
4091
- --x-color-text-suggestion-default-matching
4092
- );
4093
- --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4094
- --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4095
- --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4096
- --x-size-padding-right-suggestion-default: 0;
4097
- --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4098
- --x-size-padding-left-suggestion-default: 0;
4099
- --x-size-gap-suggestion-default: var(--x-size-base-03);
4100
- --x-size-border-width-suggestion-default: 0;
4101
- --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4102
- --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4103
- --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4104
- --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4105
- --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4106
- --x-size-border-radius-top-left-suggestion-default: var(
4107
- --x-size-border-radius-suggestion-default
4108
- );
4109
- --x-size-border-radius-top-right-suggestion-default: var(
4110
- --x-size-border-radius-suggestion-default
4111
- );
4112
- --x-size-border-radius-bottom-right-suggestion-default: var(
4113
- --x-size-border-radius-suggestion-default
4114
- );
4115
- --x-size-border-radius-bottom-left-suggestion-default: var(
4116
- --x-size-border-radius-suggestion-default
4117
- );
4118
- --x-font-family-suggestion-default: var(--x-font-family-text);
4119
- --x-size-font-suggestion-default: var(--x-size-font-text);
4120
- --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4121
- --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4122
- --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4123
- --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4124
- --x-size-line-height-suggestion-matching-part-default: var(
4125
- --x-size-line-height-suggestion-default
4126
- );
4127
- --x-number-font-weight-suggestion-matching-part-default: var(
4128
- --x-number-font-weight-suggestion-default
4129
- );
4130
- --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4131
- --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4132
- --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4133
- --x-number-font-weight-suggestion-default-matching: var(
4134
- --x-number-font-weight-suggestion-default
4135
- );
4136
- --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4137
- --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4138
- --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4139
- --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4140
- --x-text-transform-suggestion-filter-default: none;
4141
- --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4142
- --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4143
- --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4144
- --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4145
- --x-font-family-suggestion-matching-part-default-curated: var(
4146
- --x-font-family-suggestion-matching-part-default
4147
- );
4148
- --x-size-font-suggestion-matching-part-default-curated: var(
4149
- --x-size-font-suggestion-matching-part-default
4150
- );
4151
- --x-size-line-height-suggestion-matching-part-default-curated: var(
4152
- --x-size-line-height-suggestion-matching-part-default
4153
- );
4154
- --x-number-font-weight-suggestion-matching-part-default-curated: var(
4155
- --x-number-font-weight-suggestion-matching-part-default
4156
- );
4157
- --x-font-family-suggestion-default-matching-curated: var(
4158
- --x-font-family-suggestion-default-matching
4159
- );
4160
- --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4161
- --x-size-line-height-suggestion-default-matching-curated: var(
4162
- --x-size-line-height-suggestion-default-matching
4163
- );
4164
- --x-number-font-weight-suggestion-default-matching-curated: var(
4165
- --x-number-font-weight-suggestion-default-matching
4166
- );
4003
+ [dir="ltr"] .x-suggestion-group {
4004
+ padding-right: var(--x-size-padding-right-suggestion-group-default);
4005
+ }
4006
+
4007
+ [dir="rtl"] .x-suggestion-group {
4008
+ padding-left: var(--x-size-padding-right-suggestion-group-default);
4009
+ }
4010
+
4011
+ [dir="ltr"] .x-suggestion-group {
4012
+ border-left-width: var(--x-size-border-width-left-suggestion-group-default);
4013
+ }
4014
+
4015
+ [dir="rtl"] .x-suggestion-group {
4016
+ border-right-width: var(--x-size-border-width-left-suggestion-group-default);
4017
+ }
4018
+
4019
+ [dir="ltr"] .x-suggestion-group {
4020
+ border-right-width: var(--x-size-border-width-right-suggestion-group-default);
4021
+ }
4022
+
4023
+ [dir="rtl"] .x-suggestion-group {
4024
+ border-left-width: var(--x-size-border-width-right-suggestion-group-default);
4025
+ }
4026
+
4027
+ .x-suggestion-group {
4028
+ display: flex;
4029
+ flex-flow: row nowrap;
4030
+ box-sizing: border-box;
4031
+ background-color: var(--x-color-background-suggestion-group-default);
4032
+ color: var(--x-color-text-suggestion-group-default);
4033
+ border-color: var(--x-color-border-suggestion-group-default);
4034
+ font-family: var(--x-font-family-suggestion-group-default);
4035
+ font-size: var(--x-size-font-suggestion-group-default);
4036
+ line-height: var(--x-size-line-height-suggestion-group-default);
4037
+ font-weight: var(--x-number-font-weight-suggestion-group-default);
4038
+ cursor: pointer;
4039
+ padding-top: var(--x-size-padding-top-suggestion-group-default);
4040
+ padding-bottom: var(--x-size-padding-bottom-suggestion-group-default);
4041
+ gap: var(--x-size-gap-suggestion-group-default);
4042
+ border-style: solid;
4043
+ border-top-width: var(--x-size-border-width-top-suggestion-group-default);
4044
+ border-bottom-width: var(--x-size-border-width-bottom-suggestion-group-default);
4045
+ border-radius: var(--x-size-border-radius-top-left-suggestion-group-default) var(--x-size-border-radius-top-right-suggestion-group-default) var(--x-size-border-radius-bottom-right-suggestion-group-default) var(--x-size-border-radius-bottom-left-suggestion-group-default);
4046
+ }
4047
+ @media not all and (min-resolution: 0.001dpcm) {
4048
+ .x-suggestion-group {
4049
+ gap: 0;
4050
+ }
4051
+ .x-suggestion-group > *:not(:last-child) {
4052
+ margin-right: var(--x-size-gap-suggestion-group-default);
4053
+ }
4054
+ }
4055
+ .x-suggestion-group .x-suggestion {
4056
+ padding: 0;
4057
+ flex: 1 1 auto;
4058
+ border: none;
4059
+ }
4060
+ .x-suggestion-group .x-button {
4061
+ --x-color-background-button-default: transparent;
4062
+ --x-color-border-button-default: transparent;
4063
+ --x-color-text-button-default: var(--x-color-text-suggestion-group-default);
4064
+ --x-size-height-button-default: var(--x-size-line-height-suggestion-group-default);
4065
+ --x-size-padding-right-button-default: 0;
4066
+ --x-size-padding-left-button-default: 0;
4067
+ border: none;
4167
4068
  }
4168
4069
  :root {
4169
4070
  --x-string-align-items-suggestion-default: center;
@@ -4387,6 +4288,96 @@
4387
4288
  --x-color-text-suggestion-default-matching-curated
4388
4289
  );
4389
4290
  }
4291
+ :root {
4292
+ --x-string-align-items-suggestion-default: center;
4293
+ --x-color-text-suggestion-default: var(--x-color-text-default);
4294
+ --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4295
+ --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4296
+ --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4297
+ --x-color-background-suggestion-default: transparent;
4298
+ --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4299
+ --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4300
+ --x-color-text-suggestion-matching-part-default-curated: var(
4301
+ --x-color-text-suggestion-matching-part-default
4302
+ );
4303
+ --x-color-text-suggestion-default-matching-curated: var(
4304
+ --x-color-text-suggestion-default-matching
4305
+ );
4306
+ --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4307
+ --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4308
+ --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4309
+ --x-size-padding-right-suggestion-default: 0;
4310
+ --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4311
+ --x-size-padding-left-suggestion-default: 0;
4312
+ --x-size-gap-suggestion-default: var(--x-size-base-03);
4313
+ --x-size-border-width-suggestion-default: 0;
4314
+ --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4315
+ --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4316
+ --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4317
+ --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4318
+ --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4319
+ --x-size-border-radius-top-left-suggestion-default: var(
4320
+ --x-size-border-radius-suggestion-default
4321
+ );
4322
+ --x-size-border-radius-top-right-suggestion-default: var(
4323
+ --x-size-border-radius-suggestion-default
4324
+ );
4325
+ --x-size-border-radius-bottom-right-suggestion-default: var(
4326
+ --x-size-border-radius-suggestion-default
4327
+ );
4328
+ --x-size-border-radius-bottom-left-suggestion-default: var(
4329
+ --x-size-border-radius-suggestion-default
4330
+ );
4331
+ --x-font-family-suggestion-default: var(--x-font-family-text);
4332
+ --x-size-font-suggestion-default: var(--x-size-font-text);
4333
+ --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4334
+ --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4335
+ --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4336
+ --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4337
+ --x-size-line-height-suggestion-matching-part-default: var(
4338
+ --x-size-line-height-suggestion-default
4339
+ );
4340
+ --x-number-font-weight-suggestion-matching-part-default: var(
4341
+ --x-number-font-weight-suggestion-default
4342
+ );
4343
+ --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4344
+ --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4345
+ --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4346
+ --x-number-font-weight-suggestion-default-matching: var(
4347
+ --x-number-font-weight-suggestion-default
4348
+ );
4349
+ --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4350
+ --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4351
+ --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4352
+ --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4353
+ --x-text-transform-suggestion-filter-default: none;
4354
+ --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4355
+ --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4356
+ --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4357
+ --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4358
+ --x-font-family-suggestion-matching-part-default-curated: var(
4359
+ --x-font-family-suggestion-matching-part-default
4360
+ );
4361
+ --x-size-font-suggestion-matching-part-default-curated: var(
4362
+ --x-size-font-suggestion-matching-part-default
4363
+ );
4364
+ --x-size-line-height-suggestion-matching-part-default-curated: var(
4365
+ --x-size-line-height-suggestion-matching-part-default
4366
+ );
4367
+ --x-number-font-weight-suggestion-matching-part-default-curated: var(
4368
+ --x-number-font-weight-suggestion-matching-part-default
4369
+ );
4370
+ --x-font-family-suggestion-default-matching-curated: var(
4371
+ --x-font-family-suggestion-default-matching
4372
+ );
4373
+ --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4374
+ --x-size-line-height-suggestion-default-matching-curated: var(
4375
+ --x-size-line-height-suggestion-default-matching
4376
+ );
4377
+ --x-number-font-weight-suggestion-default-matching-curated: var(
4378
+ --x-number-font-weight-suggestion-default-matching
4379
+ );
4380
+ }
4390
4381
  :root {
4391
4382
  --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4392
4383
  --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
@@ -4877,7 +4868,13 @@
4877
4868
  }
4878
4869
  }
4879
4870
  :root {
4880
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4871
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4872
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4873
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4874
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4875
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4876
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4877
+ --x-size-border-width-progress-bar-default: 0;
4881
4878
  }
4882
4879
  :root {
4883
4880
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
@@ -4888,13 +4885,7 @@
4888
4885
  --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4889
4886
  }
4890
4887
  :root {
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;
4888
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4898
4889
  }
4899
4890
  :root {
4900
4891
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
@@ -5025,12 +5016,6 @@
5025
5016
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5026
5017
  --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5027
5018
  }
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
- }
5034
5019
  :root {
5035
5020
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5036
5021
  --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
@@ -5057,6 +5042,12 @@
5057
5042
  --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5058
5043
  --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5059
5044
  }
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
+ }
5060
5051
 
5061
5052
  .x-picture--colored.x-picture {
5062
5053
  --x-color-background-picture-default: var(--x-color-background-picture-colored);
@@ -5077,13 +5068,6 @@
5077
5068
  --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5078
5069
  --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5079
5070
  }
5080
- :root {
5081
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5082
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5083
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5084
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5085
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5086
- }
5087
5071
 
5088
5072
  .x-picture--card.x-picture {
5089
5073
  --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
@@ -5092,6 +5076,13 @@
5092
5076
  --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
5093
5077
  --x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
5094
5078
  }
5079
+ :root {
5080
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5081
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5082
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5083
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5084
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5085
+ }
5095
5086
  :root {
5096
5087
  --x-color-background-option-list-button-default: transparent;
5097
5088
  --x-color-border-option-list-button-default: transparent;
@@ -5544,10 +5535,6 @@
5544
5535
  --x-modal-overlay-color: rgb(0, 0, 0);
5545
5536
  --x-modal-overlay-opacity: 0.7;
5546
5537
  }
5547
- :root {
5548
- --x-modal-overlay-color: rgb(0, 0, 0);
5549
- --x-modal-overlay-opacity: 0.7;
5550
- }
5551
5538
 
5552
5539
  .x-modal__overlay {
5553
5540
  background-color: var(--x-modal-overlay-color) !important;
@@ -6023,6 +6010,28 @@
6023
6010
  --x-size-gap-list-19: var(--x-size-base-19);
6024
6011
  --x-size-gap-list-20: var(--x-size-base-20);
6025
6012
  }
6013
+ :root {
6014
+ --x-size-gap-list-01: var(--x-size-base-01);
6015
+ --x-size-gap-list-02: var(--x-size-base-02);
6016
+ --x-size-gap-list-03: var(--x-size-base-03);
6017
+ --x-size-gap-list-04: var(--x-size-base-04);
6018
+ --x-size-gap-list-05: var(--x-size-base-05);
6019
+ --x-size-gap-list-06: var(--x-size-base-06);
6020
+ --x-size-gap-list-07: var(--x-size-base-07);
6021
+ --x-size-gap-list-08: var(--x-size-base-08);
6022
+ --x-size-gap-list-09: var(--x-size-base-09);
6023
+ --x-size-gap-list-10: var(--x-size-base-10);
6024
+ --x-size-gap-list-11: var(--x-size-base-11);
6025
+ --x-size-gap-list-12: var(--x-size-base-12);
6026
+ --x-size-gap-list-13: var(--x-size-base-13);
6027
+ --x-size-gap-list-14: var(--x-size-base-14);
6028
+ --x-size-gap-list-15: var(--x-size-base-15);
6029
+ --x-size-gap-list-16: var(--x-size-base-16);
6030
+ --x-size-gap-list-17: var(--x-size-base-17);
6031
+ --x-size-gap-list-18: var(--x-size-base-18);
6032
+ --x-size-gap-list-19: var(--x-size-base-19);
6033
+ --x-size-gap-list-20: var(--x-size-base-20);
6034
+ }
6026
6035
 
6027
6036
  .x-list--gap-01.x-list {
6028
6037
  gap: var(--x-size-gap-list-01);
@@ -6523,28 +6532,6 @@
6523
6532
  margin-bottom: var(--x-size-gap-list-20);
6524
6533
  }
6525
6534
  }
6526
- :root {
6527
- --x-size-gap-list-01: var(--x-size-base-01);
6528
- --x-size-gap-list-02: var(--x-size-base-02);
6529
- --x-size-gap-list-03: var(--x-size-base-03);
6530
- --x-size-gap-list-04: var(--x-size-base-04);
6531
- --x-size-gap-list-05: var(--x-size-base-05);
6532
- --x-size-gap-list-06: var(--x-size-base-06);
6533
- --x-size-gap-list-07: var(--x-size-base-07);
6534
- --x-size-gap-list-08: var(--x-size-base-08);
6535
- --x-size-gap-list-09: var(--x-size-base-09);
6536
- --x-size-gap-list-10: var(--x-size-base-10);
6537
- --x-size-gap-list-11: var(--x-size-base-11);
6538
- --x-size-gap-list-12: var(--x-size-base-12);
6539
- --x-size-gap-list-13: var(--x-size-base-13);
6540
- --x-size-gap-list-14: var(--x-size-base-14);
6541
- --x-size-gap-list-15: var(--x-size-base-15);
6542
- --x-size-gap-list-16: var(--x-size-base-16);
6543
- --x-size-gap-list-17: var(--x-size-base-17);
6544
- --x-size-gap-list-18: var(--x-size-base-18);
6545
- --x-size-gap-list-19: var(--x-size-base-19);
6546
- --x-size-gap-list-20: var(--x-size-base-20);
6547
- }
6548
6535
  :root {
6549
6536
  --x-string-flow-list: column nowrap;
6550
6537
  --x-size-padding-list: 0;
@@ -7078,17 +7065,7 @@
7078
7065
  --x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-pill);
7079
7066
  --x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-pill);
7080
7067
  --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-pill);
7081
- --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-pill);
7082
- }
7083
- :root {
7084
- --x-size-padding-top-input-line: var(--x-size-base-03);
7085
- --x-size-padding-right-input-line: 0;
7086
- --x-size-padding-bottom-input-line: var(--x-size-base-03);
7087
- --x-size-padding-left-input-line: 0;
7088
- --x-size-border-width-top-input-line: 0;
7089
- --x-size-border-width-right-input-line: 0;
7090
- --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7091
- --x-size-border-width-left-input-line: 0;
7068
+ --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-pill);
7092
7069
  }
7093
7070
  :root {
7094
7071
  --x-size-padding-top-input-line: var(--x-size-base-03);
@@ -7100,18 +7077,6 @@
7100
7077
  --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7101
7078
  --x-size-border-width-left-input-line: 0;
7102
7079
  }
7103
-
7104
- .x-input--line .x-input,
7105
- .x-input--line.x-input {
7106
- --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7107
- --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7108
- --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7109
- --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7110
- --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7111
- --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7112
- --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7113
- --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7114
- }
7115
7080
  :root {
7116
7081
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7117
7082
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7140,6 +7105,28 @@
7140
7105
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7141
7106
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7142
7107
  }
7108
+ :root {
7109
+ --x-size-padding-top-input-line: var(--x-size-base-03);
7110
+ --x-size-padding-right-input-line: 0;
7111
+ --x-size-padding-bottom-input-line: var(--x-size-base-03);
7112
+ --x-size-padding-left-input-line: 0;
7113
+ --x-size-border-width-top-input-line: 0;
7114
+ --x-size-border-width-right-input-line: 0;
7115
+ --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7116
+ --x-size-border-width-left-input-line: 0;
7117
+ }
7118
+
7119
+ .x-input--line .x-input,
7120
+ .x-input--line.x-input {
7121
+ --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7122
+ --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7123
+ --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7124
+ --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7125
+ --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7126
+ --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7127
+ --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7128
+ --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7129
+ }
7143
7130
  :root {
7144
7131
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7145
7132
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7292,10 +7279,6 @@
7292
7279
  --x-size-width-icon-s: var(--x-size-base-03);
7293
7280
  --x-size-height-icon-s: var(--x-size-base-03);
7294
7281
  }
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
- }
7299
7282
  :root {
7300
7283
  --x-size-width-icon-s: var(--x-size-base-03);
7301
7284
  --x-size-height-icon-s: var(--x-size-base-03);
@@ -7309,6 +7292,10 @@
7309
7292
  --x-size-width-icon-m: var(--x-size-base-05);
7310
7293
  --x-size-height-icon-m: var(--x-size-base-05);
7311
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
+ }
7312
7299
 
7313
7300
  .x-icon--m {
7314
7301
  --x-size-width-icon-default: var(--x-size-width-icon-m);
@@ -7371,6 +7358,11 @@
7371
7358
  --x-size-gap-grid: var(--x-size-base-03);
7372
7359
  --x-size-min-width-grid-item: 150px;
7373
7360
  }
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
+ }
7374
7366
 
7375
7367
  .x-grid-list {
7376
7368
  margin: 0;
@@ -7392,11 +7384,6 @@
7392
7384
  .x-grid-list--cols-auto .x-grid-list__item {
7393
7385
  min-width: var(--x-size-min-width-grid-item);
7394
7386
  }
7395
- :root {
7396
- --x-size-padding-grid: 0;
7397
- --x-size-gap-grid: var(--x-size-base-03);
7398
- --x-size-min-width-grid-item: 150px;
7399
- }
7400
7387
  .x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
7401
7388
  .x-filter--justified.x-facet-filter > *:last-child:not(.x-filter__label),
7402
7389
  .x-filter--justified .x-filter > *:last-child:not(.x-filter__label),
@@ -7600,19 +7587,6 @@
7600
7587
  --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7601
7588
  --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7602
7589
  }
7603
- :root {
7604
- --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7605
- --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7606
- --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7607
- --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7608
- --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7609
- --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7610
- --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7611
- --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7612
- --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7613
- --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7614
- --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7615
- }
7616
7590
 
7617
7591
  .x-facet--outlined.x-facet,
7618
7592
  .x-facet--outlined .x-facet {
@@ -7629,12 +7603,17 @@
7629
7603
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-outlined);
7630
7604
  }
7631
7605
  :root {
7632
- --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7633
- --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7634
- --x-size-border-width-top-facet-header-line: 0;
7635
- --x-size-border-width-right-facet-header-line: 0;
7636
- --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7637
- --x-size-border-width-left-facet-header-line: 0;
7606
+ --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7607
+ --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7608
+ --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7609
+ --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7610
+ --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7611
+ --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7612
+ --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7613
+ --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7614
+ --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7615
+ --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7616
+ --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7638
7617
  }
7639
7618
  :root {
7640
7619
  --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
@@ -7660,6 +7639,14 @@
7660
7639
  --x-size-border-width-left-facet-header-line
7661
7640
  );
7662
7641
  }
7642
+ :root {
7643
+ --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7644
+ --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7645
+ --x-size-border-width-top-facet-header-line: 0;
7646
+ --x-size-border-width-right-facet-header-line: 0;
7647
+ --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7648
+ --x-size-border-width-left-facet-header-line: 0;
7649
+ }
7663
7650
  :root {
7664
7651
  --x-color-background-facet-default: transparent;
7665
7652
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7861,23 +7848,16 @@
7861
7848
  :root {
7862
7849
  --x-size-width-dropdown-xl: 282px;
7863
7850
  }
7864
- :root {
7865
- --x-size-width-dropdown-xl: 282px;
7866
- }
7867
7851
 
7868
7852
  .x-dropdown.x-dropdown--xl {
7869
7853
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-xl);
7870
7854
  }
7871
7855
  :root {
7872
- --x-size-width-dropdown-s: 74px;
7856
+ --x-size-width-dropdown-xl: 282px;
7873
7857
  }
7874
7858
  :root {
7875
7859
  --x-size-width-dropdown-s: 74px;
7876
7860
  }
7877
-
7878
- .x-dropdown.x-dropdown--s {
7879
- --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
7880
- }
7881
7861
  :root {
7882
7862
  --x-size-gap-dropdown-pill: var(--x-size-base-03);
7883
7863
  --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
@@ -7929,6 +7909,15 @@
7929
7909
  --x-size-border-width-left-dropdown-list-pill
7930
7910
  );
7931
7911
  }
7912
+ .x-font-weight--light {
7913
+ font-weight: var(--x-number-font-weight-base-light) !important;
7914
+ }
7915
+ .x-font-weight--regular {
7916
+ font-weight: var(--x-number-font-weight-base-regular) !important;
7917
+ }
7918
+ .x-font-weight--bold {
7919
+ font-weight: var(--x-number-font-weight-base-bold) !important;
7920
+ }
7932
7921
  :root {
7933
7922
  --x-size-width-dropdown-m: 130px;
7934
7923
  }
@@ -8029,6 +8018,13 @@
8029
8018
  :root {
8030
8019
  --x-size-width-dropdown-l: 202px;
8031
8020
  }
8021
+ :root {
8022
+ --x-size-width-dropdown-s: 74px;
8023
+ }
8024
+
8025
+ .x-dropdown.x-dropdown--s {
8026
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
8027
+ }
8032
8028
  :root {
8033
8029
  --x-size-width-dropdown-l: 202px;
8034
8030
  }
@@ -8364,19 +8360,6 @@
8364
8360
  --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8365
8361
  --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8366
8362
  }
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
- }
8380
8363
 
8381
8364
  .x-dropdown--card {
8382
8365
  --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
@@ -8418,14 +8401,17 @@
8418
8401
  --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8419
8402
  }
8420
8403
  :root {
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);
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);
8429
8415
  }
8430
8416
  :root {
8431
8417
  --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
@@ -8458,6 +8444,16 @@
8458
8444
  --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8459
8445
  --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8460
8446
  }
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
+ }
8461
8457
 
8462
8458
  .x-button--secondary.x-button,
8463
8459
  .x-button--secondary .x-button {
@@ -8476,13 +8472,6 @@
8476
8472
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8477
8473
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8478
8474
  }
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
- }
8486
8475
 
8487
8476
  .x-button--round.x-button,
8488
8477
  .x-button--round .x-button {
@@ -8502,14 +8491,11 @@
8502
8491
  --x-size-padding-right-button-default: 0;
8503
8492
  }
8504
8493
  :root {
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);
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);
8513
8499
  }
8514
8500
  :root {
8515
8501
  --x-color-background-button-primary: var(--x-color-background-button-default);
@@ -8532,6 +8518,23 @@
8532
8518
  --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-primary);
8533
8519
  --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-primary);
8534
8520
  }
8521
+ :root {
8522
+ --x-color-background-button-primary: var(--x-color-background-button-default);
8523
+ --x-color-border-button-primary: var(--x-color-border-button-default);
8524
+ --x-color-text-button-primary: var(--x-color-text-button-default);
8525
+ --x-size-border-width-button-primary: var(--x-size-border-width-base);
8526
+ --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8527
+ --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8528
+ --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8529
+ --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8530
+ }
8531
+ :root {
8532
+ --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8533
+ --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
8534
+ --x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
8535
+ --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8536
+ --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8537
+ }
8535
8538
  :root {
8536
8539
  --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8537
8540
  --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
@@ -8555,11 +8558,26 @@
8555
8558
  );
8556
8559
  }
8557
8560
  :root {
8558
- --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8559
- --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
8560
- --x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
8561
- --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8562
- --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8561
+ --x-color-background-button-ghost: transparent;
8562
+ --x-color-border-button-ghost: transparent;
8563
+ --x-color-text-button-ghost: var(--x-color-base-lead);
8564
+ }
8565
+
8566
+ .x-button--ghost.x-button,
8567
+ .x-button--ghost .x-button {
8568
+ --x-color-background-button-default: var(--x-color-background-button-ghost);
8569
+ --x-color-border-button-default: var(--x-color-border-button-ghost);
8570
+ --x-color-text-button-default: var(--x-color-text-button-ghost);
8571
+ }
8572
+
8573
+ .x-button--ghost.x-button--ghost-start.x-button,
8574
+ .x-button--ghost.x-button--ghost-start .x-button {
8575
+ --x-size-padding-left-button-default: 0;
8576
+ }
8577
+
8578
+ .x-button--ghost.x-button--ghost-end.x-button,
8579
+ .x-button--ghost.x-button--ghost-end .x-button {
8580
+ --x-size-padding-right-button-default: 0;
8563
8581
  }
8564
8582
  :root {
8565
8583
  --x-color-background-button-ghost: transparent;
@@ -8675,26 +8693,11 @@
8675
8693
  }
8676
8694
  }
8677
8695
  :root {
8678
- --x-color-background-button-ghost: transparent;
8679
- --x-color-border-button-ghost: transparent;
8680
- --x-color-text-button-ghost: var(--x-color-base-lead);
8681
- }
8682
-
8683
- .x-button--ghost.x-button,
8684
- .x-button--ghost .x-button {
8685
- --x-color-background-button-default: var(--x-color-background-button-ghost);
8686
- --x-color-border-button-default: var(--x-color-border-button-ghost);
8687
- --x-color-text-button-default: var(--x-color-text-button-ghost);
8688
- }
8689
-
8690
- .x-button--ghost.x-button--ghost-start.x-button,
8691
- .x-button--ghost.x-button--ghost-start .x-button {
8692
- --x-size-padding-left-button-default: 0;
8693
- }
8694
-
8695
- .x-button--ghost.x-button--ghost-end.x-button,
8696
- .x-button--ghost.x-button--ghost-end .x-button {
8697
- --x-size-padding-right-button-default: 0;
8696
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8697
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8698
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8699
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8700
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8698
8701
  }
8699
8702
  :root {
8700
8703
  --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
@@ -8718,13 +8721,6 @@
8718
8721
  --x-size-border-radius-bottom-left-button-card
8719
8722
  );
8720
8723
  }
8721
- :root {
8722
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8723
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8724
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8725
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8726
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8727
- }
8728
8724
  :root {
8729
8725
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8730
8726
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8825,4 +8821,8 @@
8825
8821
  --x-size-border-radius-base-m: var(--x-size-base-06);
8826
8822
  --x-size-border-radius-base-pill: 99999px;
8827
8823
  --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
  }