@empathyco/x-components 6.0.0-alpha.33 → 6.0.0-alpha.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,4 @@
1
1
 
2
-
3
2
  .x-uppercase {
4
3
  text-transform: uppercase;
5
4
  }
@@ -53,6 +52,7 @@
53
52
  .x-sticky {
54
53
  position: sticky !important;
55
54
  }
55
+
56
56
  .x-padding--00 {
57
57
  padding: 0 !important;
58
58
  }
@@ -1013,6 +1013,15 @@
1013
1013
  -webkit-box-orient: vertical !important;
1014
1014
  -webkit-line-clamp: 6 !important;
1015
1015
  }
1016
+ .x-font-weight--light {
1017
+ font-weight: var(--x-number-font-weight-base-light) !important;
1018
+ }
1019
+ .x-font-weight--regular {
1020
+ font-weight: var(--x-number-font-weight-base-regular) !important;
1021
+ }
1022
+ .x-font-weight--bold {
1023
+ font-weight: var(--x-number-font-weight-base-bold) !important;
1024
+ }
1016
1025
  .x-font-size--01 {
1017
1026
  font-size: var(--x-size-base-01) !important;
1018
1027
  line-height: 1.5;
@@ -1093,58 +1102,6 @@
1093
1102
  font-size: var(--x-size-base-20) !important;
1094
1103
  line-height: 1.5;
1095
1104
  }
1096
- .x-font-weight--light {
1097
- font-weight: var(--x-number-font-weight-base-light) !important;
1098
- }
1099
- .x-font-weight--regular {
1100
- font-weight: var(--x-number-font-weight-base-regular) !important;
1101
- }
1102
- .x-font-weight--bold {
1103
- font-weight: var(--x-number-font-weight-base-bold) !important;
1104
- }
1105
- .x-flex-1 {
1106
- flex: 1 1 0% !important;
1107
- }
1108
-
1109
- .x-flex-auto {
1110
- flex: 1 1 auto !important;
1111
- }
1112
-
1113
- .x-flex-initial {
1114
- flex: 0 1 auto !important;
1115
- }
1116
-
1117
- .x-flex-no-shrink {
1118
- flex: 1 0 auto !important;
1119
- }
1120
-
1121
- .x-flex-none {
1122
- flex: none !important;
1123
- }
1124
-
1125
- .x-self-auto {
1126
- align-self: auto !important;
1127
- }
1128
-
1129
- .x-self-start {
1130
- align-self: flex-start !important;
1131
- }
1132
-
1133
- .x-self-end {
1134
- align-self: flex-end !important;
1135
- }
1136
-
1137
- .x-self-center {
1138
- align-self: center !important;
1139
- }
1140
-
1141
- .x-self-stretch {
1142
- align-self: stretch !important;
1143
- }
1144
-
1145
- .x-self-baseline {
1146
- align-self: baseline !important;
1147
- }
1148
1105
  .x-font-color--lead {
1149
1106
  color: var(--x-color-base-lead) !important;
1150
1107
  }
@@ -1231,73 +1188,48 @@
1231
1188
  .x-fill--transparent {
1232
1189
  fill: var(--x-color-base-transparent) !important;
1233
1190
  }
1234
- /* Material Elevations extracted from:
1235
- https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
1236
- */
1237
- :root {
1238
- /* Shadow none */
1239
- --x-string-box-shadow-00: none;
1240
- /* Shadow 1dp */
1241
- --x-string-box-shadow-01: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12),
1242
- 0 1px 3px 0 rgba(0, 0, 0, 0.2);
1243
- /* Shadow 2dp */
1244
- --x-string-box-shadow-02: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
1245
- 0 1px 5px 0 rgba(0, 0, 0, 0.2);
1246
- /* Shadow 3dp */
1247
- --x-string-box-shadow-03: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12),
1248
- 0 1px 8px 0 rgba(0, 0, 0, 0.2);
1249
- /* Shadow 4dp */
1250
- --x-string-box-shadow-04: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
1251
- 0 2px 4px -1px rgba(0, 0, 0, 0.2);
1252
- /* Shadow 6dp */
1253
- --x-string-box-shadow-05: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
1254
- 0 3px 5px -1px rgba(0, 0, 0, 0.2);
1255
- /* Shadow 8dp */
1256
- --x-string-box-shadow-06: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12),
1257
- 0 5px 5px -3px rgba(0, 0, 0, 0.2);
1258
- /* Shadow 9dp */
1259
- --x-string-box-shadow-07: 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12),
1260
- 0 5px 6px -3px rgba(0, 0, 0, 0.2);
1261
- /* Shadow 12dp */
1262
- --x-string-box-shadow-08: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12),
1263
- 0 7px 8px -4px rgba(0, 0, 0, 0.2);
1264
- /* Shadow 16dp */
1265
- --x-string-box-shadow-09: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),
1266
- 0 8px 10px -5px rgba(0, 0, 0, 0.2);
1267
- /* Shadow 24dp */
1268
- --x-string-box-shadow-10: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12),
1269
- 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1270
- /* BOTTOM ONLY SHADOW (not overflows on top of the element) */
1271
- /* Shadow 1dp */
1272
- --x-string-box-shadow-bottom-01: 0 2px 1px -1px rgba(0, 0, 0, 0.14),
1273
- 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 4px 3px -3px rgba(0, 0, 0, 0.2);
1274
- /* Shadow 2dp */
1275
- --x-string-box-shadow-bottom-02: 0 4px 2px -2px rgba(0, 0, 0, 0.14),
1276
- 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 6px 5px -5px rgba(0, 0, 0, 0.2);
1277
- /* Shadow 3dp */
1278
- --x-string-box-shadow-bottom-03: 0 7px 4px -4px rgba(0, 0, 0, 0.14),
1279
- 0 4px 3px -3px rgba(0, 0, 0, 0.12), 0 9px 8px -8px rgba(0, 0, 0, 0.2);
1280
- /* Shadow 4dp */
1281
- --x-string-box-shadow-bottom-04: 0 9px 5px -5px rgba(0, 0, 0, 0.14),
1282
- 0 11px 10px -10px rgba(0, 0, 0, 0.12), 0 5px 4px -4px rgba(0, 0, 0, 0.2);
1283
- /* Shadow 6dp */
1284
- --x-string-box-shadow-bottom-05: 0 16px 10px -10px rgba(0, 0, 0, 0.14),
1285
- 0 19px 18px -18px rgba(0, 0, 0, 0.12), 0 8px 5px -6px rgba(0, 0, 0, 0.2);
1286
- /* Shadow 8dp */
1287
- --x-string-box-shadow-bottom-06: 0 19px 10px -10px rgba(0, 0, 0, 0.14),
1288
- 0 19px 14px -14px rgba(0, 0, 0, 0.12), 0 7px 5px -5px rgba(0, 0, 0, 0.2);
1289
- /* Shadow 9dp */
1290
- --x-string-box-shadow-bottom-07: 0 22px 12px -12px rgba(0, 0, 0, 0.14),
1291
- 0 21px 16px -16px rgba(0, 0, 0, 0.12), 0 8px 6px -6px rgba(0, 0, 0, 0.2);
1292
- /* Shadow 12dp */
1293
- --x-string-box-shadow-bottom-08: 0 31px 17px -17px rgba(0, 0, 0, 0.14),
1294
- 0 27px 22px -22px rgba(0, 0, 0, 0.12), 0 11px 8px -8px rgba(0, 0, 0, 0.2);
1295
- /* Shadow 16dp */
1296
- --x-string-box-shadow-bottom-09: 0 22px 24px -4px rgba(0, 0, 0, 0.14),
1297
- 0 21px 30px -10px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
1298
- /* Shadow 24dp */
1299
- --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
1300
- 0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1191
+ .x-flex-1 {
1192
+ flex: 1 1 0% !important;
1193
+ }
1194
+
1195
+ .x-flex-auto {
1196
+ flex: 1 1 auto !important;
1197
+ }
1198
+
1199
+ .x-flex-initial {
1200
+ flex: 0 1 auto !important;
1201
+ }
1202
+
1203
+ .x-flex-no-shrink {
1204
+ flex: 1 0 auto !important;
1205
+ }
1206
+
1207
+ .x-flex-none {
1208
+ flex: none !important;
1209
+ }
1210
+
1211
+ .x-self-auto {
1212
+ align-self: auto !important;
1213
+ }
1214
+
1215
+ .x-self-start {
1216
+ align-self: flex-start !important;
1217
+ }
1218
+
1219
+ .x-self-end {
1220
+ align-self: flex-end !important;
1221
+ }
1222
+
1223
+ .x-self-center {
1224
+ align-self: center !important;
1225
+ }
1226
+
1227
+ .x-self-stretch {
1228
+ align-self: stretch !important;
1229
+ }
1230
+
1231
+ .x-self-baseline {
1232
+ align-self: baseline !important;
1301
1233
  }
1302
1234
  /* Material Elevations extracted from:
1303
1235
  https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
@@ -1367,71 +1299,6 @@
1367
1299
  --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
1368
1300
  0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1369
1301
  }
1370
-
1371
- .x-shadow--none {
1372
- box-shadow: none !important;
1373
- }
1374
-
1375
- .x-shadow--01 {
1376
- box-shadow: var(--x-string-box-shadow-01) !important;
1377
- }
1378
- .x-shadow--bottom-01 {
1379
- box-shadow: var(--x-string-box-shadow-bottom-01) !important;
1380
- }
1381
- .x-shadow--02 {
1382
- box-shadow: var(--x-string-box-shadow-02) !important;
1383
- }
1384
- .x-shadow--bottom-02 {
1385
- box-shadow: var(--x-string-box-shadow-bottom-02) !important;
1386
- }
1387
- .x-shadow--03 {
1388
- box-shadow: var(--x-string-box-shadow-03) !important;
1389
- }
1390
- .x-shadow--bottom-03 {
1391
- box-shadow: var(--x-string-box-shadow-bottom-03) !important;
1392
- }
1393
- .x-shadow--04 {
1394
- box-shadow: var(--x-string-box-shadow-04) !important;
1395
- }
1396
- .x-shadow--bottom-04 {
1397
- box-shadow: var(--x-string-box-shadow-bottom-04) !important;
1398
- }
1399
- .x-shadow--05 {
1400
- box-shadow: var(--x-string-box-shadow-05) !important;
1401
- }
1402
- .x-shadow--bottom-05 {
1403
- box-shadow: var(--x-string-box-shadow-bottom-05) !important;
1404
- }
1405
- .x-shadow--06 {
1406
- box-shadow: var(--x-string-box-shadow-06) !important;
1407
- }
1408
- .x-shadow--bottom-06 {
1409
- box-shadow: var(--x-string-box-shadow-bottom-06) !important;
1410
- }
1411
- .x-shadow--07 {
1412
- box-shadow: var(--x-string-box-shadow-07) !important;
1413
- }
1414
- .x-shadow--bottom-07 {
1415
- box-shadow: var(--x-string-box-shadow-bottom-07) !important;
1416
- }
1417
- .x-shadow--08 {
1418
- box-shadow: var(--x-string-box-shadow-08) !important;
1419
- }
1420
- .x-shadow--bottom-08 {
1421
- box-shadow: var(--x-string-box-shadow-bottom-08) !important;
1422
- }
1423
- .x-shadow--09 {
1424
- box-shadow: var(--x-string-box-shadow-09) !important;
1425
- }
1426
- .x-shadow--bottom-09 {
1427
- box-shadow: var(--x-string-box-shadow-bottom-09) !important;
1428
- }
1429
- .x-shadow--10 {
1430
- box-shadow: var(--x-string-box-shadow-10) !important;
1431
- }
1432
- .x-shadow--bottom-10 {
1433
- box-shadow: var(--x-string-box-shadow-bottom-10) !important;
1434
- }
1435
1302
  *[class*=x-border-width--] {
1436
1303
  border-width: 0;
1437
1304
  }
@@ -3317,25 +3184,158 @@
3317
3184
  .x-border-color--transparent {
3318
3185
  border-color: var(--x-color-base-transparent) !important;
3319
3186
  }
3320
- .x-text--stroke.x-text {
3321
- --x-string-text-decoration: line-through;
3322
- }
3323
- .x-text--stroke.x-title1 {
3324
- --x-string-text-decoration-title1: line-through;
3325
- }
3326
- .x-text--stroke.x-title2 {
3327
- --x-string-text-decoration-title2: line-through;
3328
- }
3329
- .x-text--stroke.x-title3 {
3330
- --x-string-text-decoration-title3: line-through;
3331
- }
3332
- .x-text--stroke.x-small {
3333
- --x-string-text-decoration-small: line-through;
3334
- }
3335
- .x-background--lead {
3336
- background-color: var(--x-color-base-lead) !important;
3337
- }
3338
-
3187
+ /* Material Elevations extracted from:
3188
+ https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
3189
+ */
3190
+ :root {
3191
+ /* Shadow none */
3192
+ --x-string-box-shadow-00: none;
3193
+ /* Shadow 1dp */
3194
+ --x-string-box-shadow-01: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12),
3195
+ 0 1px 3px 0 rgba(0, 0, 0, 0.2);
3196
+ /* Shadow 2dp */
3197
+ --x-string-box-shadow-02: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
3198
+ 0 1px 5px 0 rgba(0, 0, 0, 0.2);
3199
+ /* Shadow 3dp */
3200
+ --x-string-box-shadow-03: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12),
3201
+ 0 1px 8px 0 rgba(0, 0, 0, 0.2);
3202
+ /* Shadow 4dp */
3203
+ --x-string-box-shadow-04: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
3204
+ 0 2px 4px -1px rgba(0, 0, 0, 0.2);
3205
+ /* Shadow 6dp */
3206
+ --x-string-box-shadow-05: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
3207
+ 0 3px 5px -1px rgba(0, 0, 0, 0.2);
3208
+ /* Shadow 8dp */
3209
+ --x-string-box-shadow-06: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12),
3210
+ 0 5px 5px -3px rgba(0, 0, 0, 0.2);
3211
+ /* Shadow 9dp */
3212
+ --x-string-box-shadow-07: 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12),
3213
+ 0 5px 6px -3px rgba(0, 0, 0, 0.2);
3214
+ /* Shadow 12dp */
3215
+ --x-string-box-shadow-08: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12),
3216
+ 0 7px 8px -4px rgba(0, 0, 0, 0.2);
3217
+ /* Shadow 16dp */
3218
+ --x-string-box-shadow-09: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),
3219
+ 0 8px 10px -5px rgba(0, 0, 0, 0.2);
3220
+ /* Shadow 24dp */
3221
+ --x-string-box-shadow-10: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12),
3222
+ 0 11px 15px -7px rgba(0, 0, 0, 0.2);
3223
+ /* BOTTOM ONLY SHADOW (not overflows on top of the element) */
3224
+ /* Shadow 1dp */
3225
+ --x-string-box-shadow-bottom-01: 0 2px 1px -1px rgba(0, 0, 0, 0.14),
3226
+ 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 4px 3px -3px rgba(0, 0, 0, 0.2);
3227
+ /* Shadow 2dp */
3228
+ --x-string-box-shadow-bottom-02: 0 4px 2px -2px rgba(0, 0, 0, 0.14),
3229
+ 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 6px 5px -5px rgba(0, 0, 0, 0.2);
3230
+ /* Shadow 3dp */
3231
+ --x-string-box-shadow-bottom-03: 0 7px 4px -4px rgba(0, 0, 0, 0.14),
3232
+ 0 4px 3px -3px rgba(0, 0, 0, 0.12), 0 9px 8px -8px rgba(0, 0, 0, 0.2);
3233
+ /* Shadow 4dp */
3234
+ --x-string-box-shadow-bottom-04: 0 9px 5px -5px rgba(0, 0, 0, 0.14),
3235
+ 0 11px 10px -10px rgba(0, 0, 0, 0.12), 0 5px 4px -4px rgba(0, 0, 0, 0.2);
3236
+ /* Shadow 6dp */
3237
+ --x-string-box-shadow-bottom-05: 0 16px 10px -10px rgba(0, 0, 0, 0.14),
3238
+ 0 19px 18px -18px rgba(0, 0, 0, 0.12), 0 8px 5px -6px rgba(0, 0, 0, 0.2);
3239
+ /* Shadow 8dp */
3240
+ --x-string-box-shadow-bottom-06: 0 19px 10px -10px rgba(0, 0, 0, 0.14),
3241
+ 0 19px 14px -14px rgba(0, 0, 0, 0.12), 0 7px 5px -5px rgba(0, 0, 0, 0.2);
3242
+ /* Shadow 9dp */
3243
+ --x-string-box-shadow-bottom-07: 0 22px 12px -12px rgba(0, 0, 0, 0.14),
3244
+ 0 21px 16px -16px rgba(0, 0, 0, 0.12), 0 8px 6px -6px rgba(0, 0, 0, 0.2);
3245
+ /* Shadow 12dp */
3246
+ --x-string-box-shadow-bottom-08: 0 31px 17px -17px rgba(0, 0, 0, 0.14),
3247
+ 0 27px 22px -22px rgba(0, 0, 0, 0.12), 0 11px 8px -8px rgba(0, 0, 0, 0.2);
3248
+ /* Shadow 16dp */
3249
+ --x-string-box-shadow-bottom-09: 0 22px 24px -4px rgba(0, 0, 0, 0.14),
3250
+ 0 21px 30px -10px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
3251
+ /* Shadow 24dp */
3252
+ --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
3253
+ 0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
3254
+ }
3255
+
3256
+ .x-shadow--none {
3257
+ box-shadow: none !important;
3258
+ }
3259
+
3260
+ .x-shadow--01 {
3261
+ box-shadow: var(--x-string-box-shadow-01) !important;
3262
+ }
3263
+ .x-shadow--bottom-01 {
3264
+ box-shadow: var(--x-string-box-shadow-bottom-01) !important;
3265
+ }
3266
+ .x-shadow--02 {
3267
+ box-shadow: var(--x-string-box-shadow-02) !important;
3268
+ }
3269
+ .x-shadow--bottom-02 {
3270
+ box-shadow: var(--x-string-box-shadow-bottom-02) !important;
3271
+ }
3272
+ .x-shadow--03 {
3273
+ box-shadow: var(--x-string-box-shadow-03) !important;
3274
+ }
3275
+ .x-shadow--bottom-03 {
3276
+ box-shadow: var(--x-string-box-shadow-bottom-03) !important;
3277
+ }
3278
+ .x-shadow--04 {
3279
+ box-shadow: var(--x-string-box-shadow-04) !important;
3280
+ }
3281
+ .x-shadow--bottom-04 {
3282
+ box-shadow: var(--x-string-box-shadow-bottom-04) !important;
3283
+ }
3284
+ .x-shadow--05 {
3285
+ box-shadow: var(--x-string-box-shadow-05) !important;
3286
+ }
3287
+ .x-shadow--bottom-05 {
3288
+ box-shadow: var(--x-string-box-shadow-bottom-05) !important;
3289
+ }
3290
+ .x-shadow--06 {
3291
+ box-shadow: var(--x-string-box-shadow-06) !important;
3292
+ }
3293
+ .x-shadow--bottom-06 {
3294
+ box-shadow: var(--x-string-box-shadow-bottom-06) !important;
3295
+ }
3296
+ .x-shadow--07 {
3297
+ box-shadow: var(--x-string-box-shadow-07) !important;
3298
+ }
3299
+ .x-shadow--bottom-07 {
3300
+ box-shadow: var(--x-string-box-shadow-bottom-07) !important;
3301
+ }
3302
+ .x-shadow--08 {
3303
+ box-shadow: var(--x-string-box-shadow-08) !important;
3304
+ }
3305
+ .x-shadow--bottom-08 {
3306
+ box-shadow: var(--x-string-box-shadow-bottom-08) !important;
3307
+ }
3308
+ .x-shadow--09 {
3309
+ box-shadow: var(--x-string-box-shadow-09) !important;
3310
+ }
3311
+ .x-shadow--bottom-09 {
3312
+ box-shadow: var(--x-string-box-shadow-bottom-09) !important;
3313
+ }
3314
+ .x-shadow--10 {
3315
+ box-shadow: var(--x-string-box-shadow-10) !important;
3316
+ }
3317
+ .x-shadow--bottom-10 {
3318
+ box-shadow: var(--x-string-box-shadow-bottom-10) !important;
3319
+ }
3320
+ .x-text--stroke.x-text {
3321
+ --x-string-text-decoration: line-through;
3322
+ }
3323
+ .x-text--stroke.x-title1 {
3324
+ --x-string-text-decoration-title1: line-through;
3325
+ }
3326
+ .x-text--stroke.x-title2 {
3327
+ --x-string-text-decoration-title2: line-through;
3328
+ }
3329
+ .x-text--stroke.x-title3 {
3330
+ --x-string-text-decoration-title3: line-through;
3331
+ }
3332
+ .x-text--stroke.x-small {
3333
+ --x-string-text-decoration-small: line-through;
3334
+ }
3335
+ .x-background--lead {
3336
+ background-color: var(--x-color-base-lead) !important;
3337
+ }
3338
+
3339
3339
  .x-background--auxiliary {
3340
3340
  background-color: var(--x-color-base-auxiliary) !important;
3341
3341
  }
@@ -3559,25 +3559,6 @@
3559
3559
  .x-text--accent {
3560
3560
  --x-color-text-default: var(--x-color-text-accent);
3561
3561
  }
3562
- :root {
3563
- --x-color-background-tag-ghost: transparent;
3564
- --x-color-border-tag-ghost: transparent;
3565
- --x-color-background-tag-selected-ghost: transparent;
3566
- --x-color-border-tag-selected-ghost: transparent;
3567
- --x-color-background-tag-curated-ghost: transparent;
3568
- --x-color-border-tag-curated-ghost: transparent;
3569
- --x-color-background-tag-curated-selected-ghost: transparent;
3570
- --x-color-border-tag-curated-selected-ghost: transparent;
3571
- --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3572
- --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3573
- }
3574
- :root {
3575
- --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3576
- --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
3577
- --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
3578
- --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3579
- --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3580
- }
3581
3562
  :root {
3582
3563
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3583
3564
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3596,6 +3577,25 @@
3596
3577
  );
3597
3578
  --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
3598
3579
  }
3580
+ :root {
3581
+ --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3582
+ --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
3583
+ --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
3584
+ --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3585
+ --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3586
+ }
3587
+ :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
3599
  :root {
3600
3600
  --x-color-background-tag-ghost: transparent;
3601
3601
  --x-color-border-tag-ghost: transparent;
@@ -4075,6 +4075,12 @@
4075
4075
  --x-size-padding-left-button-default: 0;
4076
4076
  border: none;
4077
4077
  }
4078
+ :root {
4079
+ --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4080
+ --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
4081
+ --x-size-padding-sliding-panel-button: var(--x-size-base-03);
4082
+ --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
4083
+ }
4078
4084
  :root {
4079
4085
  --x-string-align-items-suggestion-default: center;
4080
4086
  --x-color-text-suggestion-default: var(--x-color-text-default);
@@ -4165,138 +4171,6 @@
4165
4171
  --x-number-font-weight-suggestion-default-matching
4166
4172
  );
4167
4173
  }
4168
-
4169
- [dir="ltr"] .x-suggestion {
4170
- text-align: left;
4171
- }
4172
-
4173
- [dir="rtl"] .x-suggestion {
4174
- text-align: right;
4175
- }
4176
-
4177
- [dir="ltr"] .x-suggestion {
4178
- padding-left: var(--x-size-padding-left-suggestion-default);
4179
- }
4180
-
4181
- [dir="rtl"] .x-suggestion {
4182
- padding-right: var(--x-size-padding-left-suggestion-default);
4183
- }
4184
-
4185
- [dir="ltr"] .x-suggestion {
4186
- padding-right: var(--x-size-padding-right-suggestion-default);
4187
- }
4188
-
4189
- [dir="rtl"] .x-suggestion {
4190
- padding-left: var(--x-size-padding-right-suggestion-default);
4191
- }
4192
-
4193
- [dir="ltr"] .x-suggestion {
4194
- border-left-width: var(--x-size-border-width-left-suggestion-default);
4195
- }
4196
-
4197
- [dir="rtl"] .x-suggestion {
4198
- border-right-width: var(--x-size-border-width-left-suggestion-default);
4199
- }
4200
-
4201
- [dir="ltr"] .x-suggestion {
4202
- border-right-width: var(--x-size-border-width-right-suggestion-default);
4203
- }
4204
-
4205
- [dir="rtl"] .x-suggestion {
4206
- border-left-width: var(--x-size-border-width-right-suggestion-default);
4207
- }
4208
-
4209
- .x-suggestion {
4210
- display: flex;
4211
- flex-flow: row nowrap;
4212
- box-sizing: border-box;
4213
- align-items: var(--x-string-align-items-suggestion-default);
4214
- background-color: var(--x-color-background-suggestion-default);
4215
- color: var(--x-color-text-suggestion-default);
4216
- border-color: var(--x-color-border-suggestion-default);
4217
- font-family: var(--x-font-family-suggestion-default);
4218
- font-size: var(--x-size-font-suggestion-default);
4219
- line-height: var(--x-size-line-height-suggestion-default);
4220
- font-weight: var(--x-number-font-weight-suggestion-default);
4221
- cursor: pointer;
4222
- padding-top: var(--x-size-padding-top-suggestion-default);
4223
- padding-bottom: var(--x-size-padding-bottom-suggestion-default);
4224
- gap: var(--x-size-gap-suggestion-default);
4225
- border-style: solid;
4226
- border-top-width: var(--x-size-border-width-top-suggestion-default);
4227
- border-bottom-width: var(--x-size-border-width-bottom-suggestion-default);
4228
- border-radius: var(--x-size-border-radius-top-left-suggestion-default) var(--x-size-border-radius-top-right-suggestion-default) var(--x-size-border-radius-bottom-right-suggestion-default) var(--x-size-border-radius-bottom-left-suggestion-default);
4229
- }
4230
- @media not all and (min-resolution: 0.001dpcm) {
4231
- .x-suggestion {
4232
- gap: 0;
4233
- }
4234
- .x-suggestion > *:not(:last-child) {
4235
- margin-right: var(--x-size-gap-suggestion-default);
4236
- }
4237
- }
4238
- .x-suggestion__matching-part,
4239
- .x-suggestion .x-identifier-result__matching-part {
4240
- font-family: var(--x-font-family-suggestion-matching-part-default);
4241
- font-size: var(--x-size-font-suggestion-matching-part-default);
4242
- line-height: var(--x-size-line-height-suggestion-matching-part-default);
4243
- font-weight: var(--x-number-font-weight-suggestion-matching-part-default);
4244
- color: var(--x-color-text-suggestion-matching-part-default);
4245
- }
4246
- .x-suggestion__filter {
4247
- font-family: var(--x-font-family-suggestion-filter-default);
4248
- font-size: var(--x-size-font-suggestion-filter-default);
4249
- line-height: var(--x-size-line-height-suggestion-filter-default);
4250
- font-weight: var(--x-number-font-weight-suggestion-filter-default);
4251
- text-transform: var(--x-text-transform-suggestion-filter-default);
4252
- color: var(--x-color-text-suggestion-filter-default);
4253
- }
4254
- .x-suggestion--matching {
4255
- --x-font-family-suggestion-default: var(--x-font-family-suggestion-default-matching);
4256
- --x-size-font-suggestion-default: var(--x-size-font-suggestion-default-matching);
4257
- --x-size-line-height-suggestion-default: var(--x-size-line-height-suggestion-default-matching);
4258
- --x-number-font-weight-suggestion-default: var(
4259
- --x-number-font-weight-suggestion-default-matching
4260
- );
4261
- --x-color-text-suggestion-default: var(--x-color-text-suggestion-default-matching);
4262
- }
4263
- .x-suggestion > .x-identifier-result {
4264
- flex: none;
4265
- }
4266
- .x-suggestion.x-suggestion.x-suggestion--is-curated {
4267
- background-color: var(--x-color-background-suggestion-default-curated);
4268
- color: var(--x-color-text-suggestion-default-curated);
4269
- border-color: var(--x-color-border-suggestion-default-curated);
4270
- font-family: var(--x-font-family-suggestion-default-curated);
4271
- font-size: var(--x-size-font-suggestion-default-curated);
4272
- line-height: var(--x-size-line-height-suggestion-default-curated);
4273
- font-weight: var(--x-number-font-weight-suggestion-default-curated);
4274
- }
4275
- .x-suggestion.x-suggestion.x-suggestion--is-curated .x-suggestion__matching-part,
4276
- .x-suggestion.x-suggestion.x-suggestion--is-curated .x-identifier-result__matching-part {
4277
- font-family: var(--x-font-family-suggestion-matching-part-default-curated);
4278
- font-size: var(--x-size-font-suggestion-matching-part-default-curated);
4279
- line-height: var(--x-size-line-height-suggestion-matching-part-default-curated);
4280
- font-weight: var(--x-number-font-weight-suggestion-matching-part-default-curated);
4281
- color: var(--x-color-text-suggestion-matching-part-default-curated);
4282
- }
4283
- .x-suggestion.x-suggestion.x-suggestion--is-curated.x-suggestion--matching {
4284
- --x-font-family-suggestion-default-curated: var(
4285
- --x-font-family-suggestion-default-matching-curated
4286
- );
4287
- --x-size-font-suggestion-default-curated: var(
4288
- --x-size-font-suggestion-default-matching-curated
4289
- );
4290
- --x-size-line-height-suggestion-default-curated: var(
4291
- --x-size-line-height-suggestion-default-matching-curated
4292
- );
4293
- --x-number-font-weight-suggestion-default-curated: var(
4294
- --x-number-font-weight-suggestion-default-matching-curated
4295
- );
4296
- --x-color-text-suggestion-default-curated: var(
4297
- --x-color-text-suggestion-default-matching-curated
4298
- );
4299
- }
4300
4174
  :root {
4301
4175
  --x-string-align-items-suggestion-default: center;
4302
4176
  --x-color-text-suggestion-default: var(--x-color-text-default);
@@ -4387,11 +4261,137 @@
4387
4261
  --x-number-font-weight-suggestion-default-matching
4388
4262
  );
4389
4263
  }
4390
- :root {
4391
- --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
4392
- --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
4393
- --x-size-padding-sliding-panel-button: var(--x-size-base-03);
4394
- --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
4264
+
4265
+ [dir="ltr"] .x-suggestion {
4266
+ text-align: left;
4267
+ }
4268
+
4269
+ [dir="rtl"] .x-suggestion {
4270
+ text-align: right;
4271
+ }
4272
+
4273
+ [dir="ltr"] .x-suggestion {
4274
+ padding-left: var(--x-size-padding-left-suggestion-default);
4275
+ }
4276
+
4277
+ [dir="rtl"] .x-suggestion {
4278
+ padding-right: var(--x-size-padding-left-suggestion-default);
4279
+ }
4280
+
4281
+ [dir="ltr"] .x-suggestion {
4282
+ padding-right: var(--x-size-padding-right-suggestion-default);
4283
+ }
4284
+
4285
+ [dir="rtl"] .x-suggestion {
4286
+ padding-left: var(--x-size-padding-right-suggestion-default);
4287
+ }
4288
+
4289
+ [dir="ltr"] .x-suggestion {
4290
+ border-left-width: var(--x-size-border-width-left-suggestion-default);
4291
+ }
4292
+
4293
+ [dir="rtl"] .x-suggestion {
4294
+ border-right-width: var(--x-size-border-width-left-suggestion-default);
4295
+ }
4296
+
4297
+ [dir="ltr"] .x-suggestion {
4298
+ border-right-width: var(--x-size-border-width-right-suggestion-default);
4299
+ }
4300
+
4301
+ [dir="rtl"] .x-suggestion {
4302
+ border-left-width: var(--x-size-border-width-right-suggestion-default);
4303
+ }
4304
+
4305
+ .x-suggestion {
4306
+ display: flex;
4307
+ flex-flow: row nowrap;
4308
+ box-sizing: border-box;
4309
+ align-items: var(--x-string-align-items-suggestion-default);
4310
+ background-color: var(--x-color-background-suggestion-default);
4311
+ color: var(--x-color-text-suggestion-default);
4312
+ border-color: var(--x-color-border-suggestion-default);
4313
+ font-family: var(--x-font-family-suggestion-default);
4314
+ font-size: var(--x-size-font-suggestion-default);
4315
+ line-height: var(--x-size-line-height-suggestion-default);
4316
+ font-weight: var(--x-number-font-weight-suggestion-default);
4317
+ cursor: pointer;
4318
+ padding-top: var(--x-size-padding-top-suggestion-default);
4319
+ padding-bottom: var(--x-size-padding-bottom-suggestion-default);
4320
+ gap: var(--x-size-gap-suggestion-default);
4321
+ border-style: solid;
4322
+ border-top-width: var(--x-size-border-width-top-suggestion-default);
4323
+ border-bottom-width: var(--x-size-border-width-bottom-suggestion-default);
4324
+ border-radius: var(--x-size-border-radius-top-left-suggestion-default) var(--x-size-border-radius-top-right-suggestion-default) var(--x-size-border-radius-bottom-right-suggestion-default) var(--x-size-border-radius-bottom-left-suggestion-default);
4325
+ }
4326
+ @media not all and (min-resolution: 0.001dpcm) {
4327
+ .x-suggestion {
4328
+ gap: 0;
4329
+ }
4330
+ .x-suggestion > *:not(:last-child) {
4331
+ margin-right: var(--x-size-gap-suggestion-default);
4332
+ }
4333
+ }
4334
+ .x-suggestion__matching-part,
4335
+ .x-suggestion .x-identifier-result__matching-part {
4336
+ font-family: var(--x-font-family-suggestion-matching-part-default);
4337
+ font-size: var(--x-size-font-suggestion-matching-part-default);
4338
+ line-height: var(--x-size-line-height-suggestion-matching-part-default);
4339
+ font-weight: var(--x-number-font-weight-suggestion-matching-part-default);
4340
+ color: var(--x-color-text-suggestion-matching-part-default);
4341
+ }
4342
+ .x-suggestion__filter {
4343
+ font-family: var(--x-font-family-suggestion-filter-default);
4344
+ font-size: var(--x-size-font-suggestion-filter-default);
4345
+ line-height: var(--x-size-line-height-suggestion-filter-default);
4346
+ font-weight: var(--x-number-font-weight-suggestion-filter-default);
4347
+ text-transform: var(--x-text-transform-suggestion-filter-default);
4348
+ color: var(--x-color-text-suggestion-filter-default);
4349
+ }
4350
+ .x-suggestion--matching {
4351
+ --x-font-family-suggestion-default: var(--x-font-family-suggestion-default-matching);
4352
+ --x-size-font-suggestion-default: var(--x-size-font-suggestion-default-matching);
4353
+ --x-size-line-height-suggestion-default: var(--x-size-line-height-suggestion-default-matching);
4354
+ --x-number-font-weight-suggestion-default: var(
4355
+ --x-number-font-weight-suggestion-default-matching
4356
+ );
4357
+ --x-color-text-suggestion-default: var(--x-color-text-suggestion-default-matching);
4358
+ }
4359
+ .x-suggestion > .x-identifier-result {
4360
+ flex: none;
4361
+ }
4362
+ .x-suggestion.x-suggestion.x-suggestion--is-curated {
4363
+ background-color: var(--x-color-background-suggestion-default-curated);
4364
+ color: var(--x-color-text-suggestion-default-curated);
4365
+ border-color: var(--x-color-border-suggestion-default-curated);
4366
+ font-family: var(--x-font-family-suggestion-default-curated);
4367
+ font-size: var(--x-size-font-suggestion-default-curated);
4368
+ line-height: var(--x-size-line-height-suggestion-default-curated);
4369
+ font-weight: var(--x-number-font-weight-suggestion-default-curated);
4370
+ }
4371
+ .x-suggestion.x-suggestion.x-suggestion--is-curated .x-suggestion__matching-part,
4372
+ .x-suggestion.x-suggestion.x-suggestion--is-curated .x-identifier-result__matching-part {
4373
+ font-family: var(--x-font-family-suggestion-matching-part-default-curated);
4374
+ font-size: var(--x-size-font-suggestion-matching-part-default-curated);
4375
+ line-height: var(--x-size-line-height-suggestion-matching-part-default-curated);
4376
+ font-weight: var(--x-number-font-weight-suggestion-matching-part-default-curated);
4377
+ color: var(--x-color-text-suggestion-matching-part-default-curated);
4378
+ }
4379
+ .x-suggestion.x-suggestion.x-suggestion--is-curated.x-suggestion--matching {
4380
+ --x-font-family-suggestion-default-curated: var(
4381
+ --x-font-family-suggestion-default-matching-curated
4382
+ );
4383
+ --x-size-font-suggestion-default-curated: var(
4384
+ --x-size-font-suggestion-default-matching-curated
4385
+ );
4386
+ --x-size-line-height-suggestion-default-curated: var(
4387
+ --x-size-line-height-suggestion-default-matching-curated
4388
+ );
4389
+ --x-number-font-weight-suggestion-default-curated: var(
4390
+ --x-number-font-weight-suggestion-default-matching-curated
4391
+ );
4392
+ --x-color-text-suggestion-default-curated: var(
4393
+ --x-color-text-suggestion-default-matching-curated
4394
+ );
4395
4395
  }
4396
4396
  .x-sliding-panel {
4397
4397
  z-index: 0;
@@ -4500,14 +4500,6 @@
4500
4500
  --x-size-padding-row-05: var(--x-size-base-05);
4501
4501
  --x-size-padding-row-06: var(--x-size-base-06);
4502
4502
  }
4503
- /* @deprecated */
4504
- :root {
4505
- --x-size-padding-row-02: var(--x-size-base-02);
4506
- --x-size-padding-row-03: var(--x-size-base-03);
4507
- --x-size-padding-row-04: var(--x-size-base-04);
4508
- --x-size-padding-row-05: var(--x-size-base-05);
4509
- --x-size-padding-row-06: var(--x-size-base-06);
4510
- }
4511
4503
 
4512
4504
  /* @deprecated */
4513
4505
  .x-row--padding-02 {
@@ -4529,6 +4521,14 @@
4529
4521
  .x-row--padding-06 {
4530
4522
  --x-size-padding-row: var(--x-size-padding-row-06);
4531
4523
  }
4524
+ /* @deprecated */
4525
+ :root {
4526
+ --x-size-padding-row-02: var(--x-size-base-02);
4527
+ --x-size-padding-row-03: var(--x-size-base-03);
4528
+ --x-size-padding-row-04: var(--x-size-base-04);
4529
+ --x-size-padding-row-05: var(--x-size-base-05);
4530
+ --x-size-padding-row-06: var(--x-size-base-06);
4531
+ }
4532
4532
  :root {
4533
4533
  --x-size-gap-row-01: var(--x-size-base-01);
4534
4534
  --x-size-gap-row-02: var(--x-size-base-02);
@@ -4661,14 +4661,6 @@
4661
4661
  --x-size-span-row-item: 1;
4662
4662
  --x-size-start-row-item: 0;
4663
4663
  }
4664
- :root {
4665
- --x-size-gap-row: 0;
4666
- --x-size-padding-row: 0;
4667
- --x-size-justify-row: stretch;
4668
- --x-size-align-row: center;
4669
- --x-size-span-row-item: 1;
4670
- --x-size-start-row-item: 0;
4671
- }
4672
4664
 
4673
4665
  .x-row {
4674
4666
  display: grid;
@@ -4806,6 +4798,23 @@
4806
4798
  --x-size-border-width-result-description-default: 0;
4807
4799
  --x-size-border-width-result-picture-default: 0;
4808
4800
  }
4801
+ :root {
4802
+ --x-color-border-result-default: var(--x-color-base-lead);
4803
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4804
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4805
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4806
+ --x-color-background-result-default: transparent;
4807
+ --x-size-padding-result-default: 0;
4808
+ --x-size-padding-result-overlay-default: 0;
4809
+ --x-size-padding-result-description-default: 0;
4810
+ --x-size-gap-result-default: var(--x-size-base-03);
4811
+ --x-size-padding-result-picture-default: 0;
4812
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4813
+ --x-size-border-width-result-default: 0;
4814
+ --x-size-border-width-result-overlay-default: 0;
4815
+ --x-size-border-width-result-description-default: 0;
4816
+ --x-size-border-width-result-picture-default: 0;
4817
+ }
4809
4818
 
4810
4819
  .x-result {
4811
4820
  display: grid;
@@ -4860,21 +4869,21 @@
4860
4869
  }
4861
4870
  }
4862
4871
  :root {
4863
- --x-color-border-result-default: var(--x-color-base-lead);
4864
- --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4865
- --x-color-border-result-description-default: var(--x-color-border-result-default);
4866
- --x-color-border-result-picture-default: var(--x-color-border-result-default);
4867
- --x-color-background-result-default: transparent;
4868
- --x-size-padding-result-default: 0;
4869
- --x-size-padding-result-overlay-default: 0;
4870
- --x-size-padding-result-description-default: 0;
4871
- --x-size-gap-result-default: var(--x-size-base-03);
4872
- --x-size-padding-result-picture-default: 0;
4873
- --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4874
- --x-size-border-width-result-default: 0;
4875
- --x-size-border-width-result-overlay-default: 0;
4876
- --x-size-border-width-result-description-default: 0;
4877
- --x-size-border-width-result-picture-default: 0;
4872
+ --x-size-gap-row: 0;
4873
+ --x-size-padding-row: 0;
4874
+ --x-size-justify-row: stretch;
4875
+ --x-size-align-row: center;
4876
+ --x-size-span-row-item: 1;
4877
+ --x-size-start-row-item: 0;
4878
+ }
4879
+ :root {
4880
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4881
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4882
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4883
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4884
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4885
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4886
+ --x-size-border-width-progress-bar-default: 0;
4878
4887
  }
4879
4888
  :root {
4880
4889
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
@@ -4884,9 +4893,6 @@
4884
4893
  overflow: hidden;
4885
4894
  --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4886
4895
  }
4887
- :root {
4888
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4889
- }
4890
4896
  :root {
4891
4897
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4892
4898
  --x-size-width-progress-bar-line-default: var(--x-size-base-20);
@@ -4913,13 +4919,7 @@
4913
4919
  background-color: var(--x-color-background-progress-bar-line-default);
4914
4920
  }
4915
4921
  :root {
4916
- --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4917
- --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4918
- --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4919
- --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4920
- --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4921
- --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4922
- --x-size-border-width-progress-bar-default: 0;
4922
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4923
4923
  }
4924
4924
  :root {
4925
4925
  --x-number-zoom-scale-picture: 1.1;
@@ -4965,24 +4965,6 @@
4965
4965
  --x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
4966
4966
  --x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
4967
4967
  }
4968
- :root {
4969
- --x-size-border-radius-picture-default: 0;
4970
- --x-size-border-radius-top-picture-default: var(--x-size-border-radius-picture-default);
4971
- --x-size-border-radius-right-picture-default: var(--x-size-border-radius-picture-default);
4972
- --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-picture-default);
4973
- --x-size-border-radius-left-picture-default: var(--x-size-border-radius-picture-default);
4974
- --x-color-background-picture-default: transparent;
4975
- --x-color-fill-picture-placeholder-path-default: var(--x-color-base-neutral-70);
4976
- --x-color-fill-picture-placeholder-rect-default: var(--x-color-base-neutral-95);
4977
- --x-color-fill-picture-fallback-path-default: var(--x-color-base-neutral-70);
4978
- --x-color-fill-picture-fallback-rect-default: var(--x-color-base-neutral-95);
4979
- --x-object-fit-picture-default: contain;
4980
- --x-object-fit-picture-fallback-default: var(--x-object-fit-picture-default);
4981
- --x-object-fit-picture-placeholder-default: var(--x-object-fit-picture-default);
4982
- --x-mix-blend-mode-picture-default: normal;
4983
- --x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
4984
- --x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
4985
- }
4986
4968
 
4987
4969
  .x-picture {
4988
4970
  display: block;
@@ -5022,8 +5004,22 @@
5022
5004
  fill: var(--x-color-fill-picture-placeholder-path-default) !important;
5023
5005
  }
5024
5006
  :root {
5025
- --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5026
- --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5007
+ --x-size-border-radius-picture-default: 0;
5008
+ --x-size-border-radius-top-picture-default: var(--x-size-border-radius-picture-default);
5009
+ --x-size-border-radius-right-picture-default: var(--x-size-border-radius-picture-default);
5010
+ --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-picture-default);
5011
+ --x-size-border-radius-left-picture-default: var(--x-size-border-radius-picture-default);
5012
+ --x-color-background-picture-default: transparent;
5013
+ --x-color-fill-picture-placeholder-path-default: var(--x-color-base-neutral-70);
5014
+ --x-color-fill-picture-placeholder-rect-default: var(--x-color-base-neutral-95);
5015
+ --x-color-fill-picture-fallback-path-default: var(--x-color-base-neutral-70);
5016
+ --x-color-fill-picture-fallback-rect-default: var(--x-color-base-neutral-95);
5017
+ --x-object-fit-picture-default: contain;
5018
+ --x-object-fit-picture-fallback-default: var(--x-object-fit-picture-default);
5019
+ --x-object-fit-picture-placeholder-default: var(--x-object-fit-picture-default);
5020
+ --x-mix-blend-mode-picture-default: normal;
5021
+ --x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
5022
+ --x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
5027
5023
  }
5028
5024
  :root {
5029
5025
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
@@ -5045,6 +5041,10 @@
5045
5041
  width: 100%;
5046
5042
  height: 100%;
5047
5043
  }
5044
+ :root {
5045
+ --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5046
+ --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5047
+ }
5048
5048
  :root {
5049
5049
  --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5050
5050
  --x-mix-blend-mode-picture-colored: multiply;
@@ -5544,26 +5544,14 @@
5544
5544
  --x-modal-overlay-color: rgb(0, 0, 0);
5545
5545
  --x-modal-overlay-opacity: 0.7;
5546
5546
  }
5547
+
5548
+ .x-modal__overlay {
5549
+ background-color: var(--x-modal-overlay-color) !important;
5550
+ opacity: var(--x-modal-overlay-opacity) !important;
5551
+ }
5547
5552
  :root {
5548
- --x-string-justify-message-default: center;
5549
- --x-size-gap-message-default: var(--x-size-base-03);
5550
- --x-size-padding-message-default: var(--x-size-base-06);
5551
- --x-color-background-message-default: var(--x-color-base-neutral-95);
5552
- --x-color-border-message-default: var(--x-color-background-message-default);
5553
- --x-color-text-message-default: var(--x-color-text-default);
5554
- --x-size-border-radius-message-default: var(--x-size-border-radius-base-m);
5555
- --x-size-border-radius-top-left-message-default: var(--x-size-border-radius-message-default);
5556
- --x-size-border-radius-top-right-message-default: var(--x-size-border-radius-message-default);
5557
- --x-size-border-radius-bottom-right-message-default: var(--x-size-border-radius-message-default);
5558
- --x-size-border-radius-bottom-left-message-default: var(--x-size-border-radius-message-default);
5559
- --x-size-border-width-message-default: var(--x-size-border-width-base);
5560
- --x-size-border-width-top-message-default: var(--x-size-border-width-message-default);
5561
- --x-size-border-width-right-message-default: var(--x-size-border-width-message-default);
5562
- --x-size-border-width-bottom-message-default: var(--x-size-border-width-message-default);
5563
- --x-size-border-width-left-message-default: var(--x-size-border-width-message-default);
5564
- --x-font-family-message-default: var(--x-font-family-title3);
5565
- --x-size-font-message-default: var(--x-size-font-title3);
5566
- --x-number-font-weight-message-default: var(--x-number-font-weight-title3);
5553
+ --x-modal-overlay-color: rgb(0, 0, 0);
5554
+ --x-modal-overlay-opacity: 0.7;
5567
5555
  }
5568
5556
  :root {
5569
5557
  --x-string-justify-message-default: center;
@@ -5636,36 +5624,21 @@
5636
5624
  .x-message > p {
5637
5625
  margin: 0;
5638
5626
  }
5627
+ /* @deprecated */
5639
5628
  :root {
5640
- --x-modal-overlay-color: rgb(0, 0, 0);
5641
- --x-modal-overlay-opacity: 0.7;
5642
- }
5643
-
5644
- .x-modal__overlay {
5645
- background-color: var(--x-modal-overlay-color) !important;
5646
- opacity: var(--x-modal-overlay-opacity) !important;
5647
- }
5648
- :root {
5649
- --x-size-gap-list-01: var(--x-size-base-01);
5650
- --x-size-gap-list-02: var(--x-size-base-02);
5651
- --x-size-gap-list-03: var(--x-size-base-03);
5652
- --x-size-gap-list-04: var(--x-size-base-04);
5653
- --x-size-gap-list-05: var(--x-size-base-05);
5654
- --x-size-gap-list-06: var(--x-size-base-06);
5655
- --x-size-gap-list-07: var(--x-size-base-07);
5656
- --x-size-gap-list-08: var(--x-size-base-08);
5657
- --x-size-gap-list-09: var(--x-size-base-09);
5658
- --x-size-gap-list-10: var(--x-size-base-10);
5659
- --x-size-gap-list-11: var(--x-size-base-11);
5660
- --x-size-gap-list-12: var(--x-size-base-12);
5661
- --x-size-gap-list-13: var(--x-size-base-13);
5662
- --x-size-gap-list-14: var(--x-size-base-14);
5663
- --x-size-gap-list-15: var(--x-size-base-15);
5664
- --x-size-gap-list-16: var(--x-size-base-16);
5665
- --x-size-gap-list-17: var(--x-size-base-17);
5666
- --x-size-gap-list-18: var(--x-size-base-18);
5667
- --x-size-gap-list-19: var(--x-size-base-19);
5668
- --x-size-gap-list-20: var(--x-size-base-20);
5629
+ --x-size-padding-list-01: var(--x-size-base-01);
5630
+ --x-size-padding-list-02: var(--x-size-base-02);
5631
+ --x-size-padding-list-03: var(--x-size-base-03);
5632
+ --x-size-padding-list-04: var(--x-size-base-04);
5633
+ --x-size-padding-list-05: var(--x-size-base-05);
5634
+ --x-size-padding-list-06: var(--x-size-base-06);
5635
+ --x-size-padding-list-07: var(--x-size-base-07);
5636
+ --x-size-padding-list-08: var(--x-size-base-08);
5637
+ --x-size-padding-list-09: var(--x-size-base-09);
5638
+ --x-size-padding-list-10: var(--x-size-base-10);
5639
+ --x-size-padding-list-11: var(--x-size-base-11);
5640
+ --x-size-padding-list-12: var(--x-size-base-12);
5641
+ --x-size-padding-list-13: var(--x-size-base-13);
5669
5642
  }
5670
5643
  /* @deprecated */
5671
5644
  :root {
@@ -5683,866 +5656,872 @@
5683
5656
  --x-size-padding-list-12: var(--x-size-base-12);
5684
5657
  --x-size-padding-list-13: var(--x-size-base-13);
5685
5658
  }
5686
- :root {
5687
- --x-size-gap-list-01: var(--x-size-base-01);
5688
- --x-size-gap-list-02: var(--x-size-base-02);
5689
- --x-size-gap-list-03: var(--x-size-base-03);
5690
- --x-size-gap-list-04: var(--x-size-base-04);
5691
- --x-size-gap-list-05: var(--x-size-base-05);
5692
- --x-size-gap-list-06: var(--x-size-base-06);
5693
- --x-size-gap-list-07: var(--x-size-base-07);
5694
- --x-size-gap-list-08: var(--x-size-base-08);
5695
- --x-size-gap-list-09: var(--x-size-base-09);
5696
- --x-size-gap-list-10: var(--x-size-base-10);
5697
- --x-size-gap-list-11: var(--x-size-base-11);
5698
- --x-size-gap-list-12: var(--x-size-base-12);
5699
- --x-size-gap-list-13: var(--x-size-base-13);
5700
- --x-size-gap-list-14: var(--x-size-base-14);
5701
- --x-size-gap-list-15: var(--x-size-base-15);
5702
- --x-size-gap-list-16: var(--x-size-base-16);
5703
- --x-size-gap-list-17: var(--x-size-base-17);
5704
- --x-size-gap-list-18: var(--x-size-base-18);
5705
- --x-size-gap-list-19: var(--x-size-base-19);
5706
- --x-size-gap-list-20: var(--x-size-base-20);
5659
+
5660
+ /* @deprecated */
5661
+ [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
5662
+ padding-right: 0;
5663
+ }
5664
+ [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-bottom) {
5665
+ padding-bottom: 0;
5666
+ }
5667
+ [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-left) {
5668
+ padding-left: 0;
5669
+ }
5670
+ [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-top) {
5671
+ padding-top: 0;
5672
+ }
5673
+ [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-bottom) {
5674
+ padding-bottom: 0;
5675
+ }
5676
+ [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-left) {
5677
+ padding-left: 0;
5678
+ }
5679
+ [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-top) {
5680
+ padding-top: 0;
5681
+ }
5682
+ [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-right) {
5683
+ padding-right: 0;
5684
+ }
5685
+ [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-left) {
5686
+ padding-left: 0;
5687
+ }
5688
+ [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-top) {
5689
+ padding-top: 0;
5690
+ }
5691
+ [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-right) {
5692
+ padding-right: 0;
5693
+ }
5694
+ [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-bottom) {
5695
+ padding-bottom: 0;
5707
5696
  }
5708
5697
 
5709
- .x-list--gap-01.x-list {
5698
+ .x-list--padding-01.x-list {
5699
+ padding: var(--x-size-padding-list-01);
5700
+ }
5701
+
5702
+ .x-list--gap-.x-list {
5710
5703
  gap: var(--x-size-gap-list-01);
5711
5704
  }
5712
5705
  @media not all and (min-resolution: 0.001dpcm) {
5713
- .x-list--gap-01.x-list:not(.x-list--horizontal), .x-list--gap-01.x-list.x-list--vertical {
5706
+ .x-list--gap-.x-list {
5714
5707
  gap: 0;
5715
5708
  }
5716
- .x-list--gap-01.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-01.x-list.x-list--vertical > *:not(:last-child) {
5709
+ .x-list--gap-.x-list > *:not(:last-child) {
5717
5710
  margin-bottom: var(--x-size-gap-list-01);
5718
5711
  }
5719
- .x-list--gap-01.x-list.x-list--horizontal {
5720
- gap: 0;
5721
- }
5722
- .x-list--gap-01.x-list.x-list--horizontal > *:not(:last-child) {
5723
- margin-right: var(--x-size-gap-list-01);
5724
- }
5725
- .x-list--gap-01.x-list.x-list--wrap {
5712
+ .x-list--gap-.x-list.x-list--horizontal {
5726
5713
  gap: 0;
5727
5714
  }
5728
- .x-list--gap-01.x-list.x-list--wrap > *:not(:last-child) {
5715
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5729
5716
  margin-right: var(--x-size-gap-list-01);
5730
- margin-bottom: var(--x-size-gap-list-01);
5731
5717
  }
5732
5718
  }
5733
5719
 
5734
- .x-list--gap-02.x-list {
5720
+ .x-list--padding-02.x-list {
5721
+ padding: var(--x-size-padding-list-02);
5722
+ }
5723
+
5724
+ .x-list--gap-.x-list {
5735
5725
  gap: var(--x-size-gap-list-02);
5736
5726
  }
5737
5727
  @media not all and (min-resolution: 0.001dpcm) {
5738
- .x-list--gap-02.x-list:not(.x-list--horizontal), .x-list--gap-02.x-list.x-list--vertical {
5728
+ .x-list--gap-.x-list {
5739
5729
  gap: 0;
5740
5730
  }
5741
- .x-list--gap-02.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-02.x-list.x-list--vertical > *:not(:last-child) {
5731
+ .x-list--gap-.x-list > *:not(:last-child) {
5742
5732
  margin-bottom: var(--x-size-gap-list-02);
5743
5733
  }
5744
- .x-list--gap-02.x-list.x-list--horizontal {
5745
- gap: 0;
5746
- }
5747
- .x-list--gap-02.x-list.x-list--horizontal > *:not(:last-child) {
5748
- margin-right: var(--x-size-gap-list-02);
5749
- }
5750
- .x-list--gap-02.x-list.x-list--wrap {
5734
+ .x-list--gap-.x-list.x-list--horizontal {
5751
5735
  gap: 0;
5752
5736
  }
5753
- .x-list--gap-02.x-list.x-list--wrap > *:not(:last-child) {
5737
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5754
5738
  margin-right: var(--x-size-gap-list-02);
5755
- margin-bottom: var(--x-size-gap-list-02);
5756
5739
  }
5757
5740
  }
5758
5741
 
5759
- .x-list--gap-03.x-list {
5742
+ .x-list--padding-03.x-list {
5743
+ padding: var(--x-size-padding-list-03);
5744
+ }
5745
+
5746
+ .x-list--gap-.x-list {
5760
5747
  gap: var(--x-size-gap-list-03);
5761
5748
  }
5762
5749
  @media not all and (min-resolution: 0.001dpcm) {
5763
- .x-list--gap-03.x-list:not(.x-list--horizontal), .x-list--gap-03.x-list.x-list--vertical {
5750
+ .x-list--gap-.x-list {
5764
5751
  gap: 0;
5765
5752
  }
5766
- .x-list--gap-03.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-03.x-list.x-list--vertical > *:not(:last-child) {
5753
+ .x-list--gap-.x-list > *:not(:last-child) {
5767
5754
  margin-bottom: var(--x-size-gap-list-03);
5768
5755
  }
5769
- .x-list--gap-03.x-list.x-list--horizontal {
5756
+ .x-list--gap-.x-list.x-list--horizontal {
5770
5757
  gap: 0;
5771
5758
  }
5772
- .x-list--gap-03.x-list.x-list--horizontal > *:not(:last-child) {
5773
- margin-right: var(--x-size-gap-list-03);
5774
- }
5775
- .x-list--gap-03.x-list.x-list--wrap {
5776
- gap: 0;
5777
- }
5778
- .x-list--gap-03.x-list.x-list--wrap > *:not(:last-child) {
5759
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5779
5760
  margin-right: var(--x-size-gap-list-03);
5780
- margin-bottom: var(--x-size-gap-list-03);
5781
5761
  }
5782
5762
  }
5783
5763
 
5784
- .x-list--gap-04.x-list {
5764
+ .x-list--padding-04.x-list {
5765
+ padding: var(--x-size-padding-list-04);
5766
+ }
5767
+
5768
+ .x-list--gap-.x-list {
5785
5769
  gap: var(--x-size-gap-list-04);
5786
5770
  }
5787
5771
  @media not all and (min-resolution: 0.001dpcm) {
5788
- .x-list--gap-04.x-list:not(.x-list--horizontal), .x-list--gap-04.x-list.x-list--vertical {
5772
+ .x-list--gap-.x-list {
5789
5773
  gap: 0;
5790
5774
  }
5791
- .x-list--gap-04.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-04.x-list.x-list--vertical > *:not(:last-child) {
5775
+ .x-list--gap-.x-list > *:not(:last-child) {
5792
5776
  margin-bottom: var(--x-size-gap-list-04);
5793
5777
  }
5794
- .x-list--gap-04.x-list.x-list--horizontal {
5795
- gap: 0;
5796
- }
5797
- .x-list--gap-04.x-list.x-list--horizontal > *:not(:last-child) {
5798
- margin-right: var(--x-size-gap-list-04);
5799
- }
5800
- .x-list--gap-04.x-list.x-list--wrap {
5778
+ .x-list--gap-.x-list.x-list--horizontal {
5801
5779
  gap: 0;
5802
5780
  }
5803
- .x-list--gap-04.x-list.x-list--wrap > *:not(:last-child) {
5781
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5804
5782
  margin-right: var(--x-size-gap-list-04);
5805
- margin-bottom: var(--x-size-gap-list-04);
5806
5783
  }
5807
5784
  }
5808
5785
 
5809
- .x-list--gap-05.x-list {
5786
+ .x-list--padding-05.x-list {
5787
+ padding: var(--x-size-padding-list-05);
5788
+ }
5789
+
5790
+ .x-list--gap-.x-list {
5810
5791
  gap: var(--x-size-gap-list-05);
5811
5792
  }
5812
5793
  @media not all and (min-resolution: 0.001dpcm) {
5813
- .x-list--gap-05.x-list:not(.x-list--horizontal), .x-list--gap-05.x-list.x-list--vertical {
5794
+ .x-list--gap-.x-list {
5814
5795
  gap: 0;
5815
5796
  }
5816
- .x-list--gap-05.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-05.x-list.x-list--vertical > *:not(:last-child) {
5797
+ .x-list--gap-.x-list > *:not(:last-child) {
5817
5798
  margin-bottom: var(--x-size-gap-list-05);
5818
5799
  }
5819
- .x-list--gap-05.x-list.x-list--horizontal {
5820
- gap: 0;
5821
- }
5822
- .x-list--gap-05.x-list.x-list--horizontal > *:not(:last-child) {
5823
- margin-right: var(--x-size-gap-list-05);
5824
- }
5825
- .x-list--gap-05.x-list.x-list--wrap {
5800
+ .x-list--gap-.x-list.x-list--horizontal {
5826
5801
  gap: 0;
5827
5802
  }
5828
- .x-list--gap-05.x-list.x-list--wrap > *:not(:last-child) {
5803
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5829
5804
  margin-right: var(--x-size-gap-list-05);
5830
- margin-bottom: var(--x-size-gap-list-05);
5831
5805
  }
5832
5806
  }
5833
5807
 
5834
- .x-list--gap-06.x-list {
5808
+ .x-list--padding-06.x-list {
5809
+ padding: var(--x-size-padding-list-06);
5810
+ }
5811
+
5812
+ .x-list--gap-.x-list {
5835
5813
  gap: var(--x-size-gap-list-06);
5836
5814
  }
5837
5815
  @media not all and (min-resolution: 0.001dpcm) {
5838
- .x-list--gap-06.x-list:not(.x-list--horizontal), .x-list--gap-06.x-list.x-list--vertical {
5816
+ .x-list--gap-.x-list {
5839
5817
  gap: 0;
5840
5818
  }
5841
- .x-list--gap-06.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-06.x-list.x-list--vertical > *:not(:last-child) {
5819
+ .x-list--gap-.x-list > *:not(:last-child) {
5842
5820
  margin-bottom: var(--x-size-gap-list-06);
5843
5821
  }
5844
- .x-list--gap-06.x-list.x-list--horizontal {
5845
- gap: 0;
5846
- }
5847
- .x-list--gap-06.x-list.x-list--horizontal > *:not(:last-child) {
5848
- margin-right: var(--x-size-gap-list-06);
5849
- }
5850
- .x-list--gap-06.x-list.x-list--wrap {
5822
+ .x-list--gap-.x-list.x-list--horizontal {
5851
5823
  gap: 0;
5852
5824
  }
5853
- .x-list--gap-06.x-list.x-list--wrap > *:not(:last-child) {
5825
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5854
5826
  margin-right: var(--x-size-gap-list-06);
5855
- margin-bottom: var(--x-size-gap-list-06);
5856
5827
  }
5857
5828
  }
5858
5829
 
5859
- .x-list--gap-07.x-list {
5830
+ .x-list--padding-07.x-list {
5831
+ padding: var(--x-size-padding-list-07);
5832
+ }
5833
+
5834
+ .x-list--gap-.x-list {
5860
5835
  gap: var(--x-size-gap-list-07);
5861
5836
  }
5862
5837
  @media not all and (min-resolution: 0.001dpcm) {
5863
- .x-list--gap-07.x-list:not(.x-list--horizontal), .x-list--gap-07.x-list.x-list--vertical {
5838
+ .x-list--gap-.x-list {
5864
5839
  gap: 0;
5865
5840
  }
5866
- .x-list--gap-07.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-07.x-list.x-list--vertical > *:not(:last-child) {
5841
+ .x-list--gap-.x-list > *:not(:last-child) {
5867
5842
  margin-bottom: var(--x-size-gap-list-07);
5868
5843
  }
5869
- .x-list--gap-07.x-list.x-list--horizontal {
5870
- gap: 0;
5871
- }
5872
- .x-list--gap-07.x-list.x-list--horizontal > *:not(:last-child) {
5873
- margin-right: var(--x-size-gap-list-07);
5874
- }
5875
- .x-list--gap-07.x-list.x-list--wrap {
5844
+ .x-list--gap-.x-list.x-list--horizontal {
5876
5845
  gap: 0;
5877
5846
  }
5878
- .x-list--gap-07.x-list.x-list--wrap > *:not(:last-child) {
5847
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5879
5848
  margin-right: var(--x-size-gap-list-07);
5880
- margin-bottom: var(--x-size-gap-list-07);
5881
5849
  }
5882
5850
  }
5883
5851
 
5884
- .x-list--gap-08.x-list {
5852
+ .x-list--padding-08.x-list {
5853
+ padding: var(--x-size-padding-list-08);
5854
+ }
5855
+
5856
+ .x-list--gap-.x-list {
5885
5857
  gap: var(--x-size-gap-list-08);
5886
5858
  }
5887
5859
  @media not all and (min-resolution: 0.001dpcm) {
5888
- .x-list--gap-08.x-list:not(.x-list--horizontal), .x-list--gap-08.x-list.x-list--vertical {
5860
+ .x-list--gap-.x-list {
5889
5861
  gap: 0;
5890
5862
  }
5891
- .x-list--gap-08.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-08.x-list.x-list--vertical > *:not(:last-child) {
5863
+ .x-list--gap-.x-list > *:not(:last-child) {
5892
5864
  margin-bottom: var(--x-size-gap-list-08);
5893
5865
  }
5894
- .x-list--gap-08.x-list.x-list--horizontal {
5895
- gap: 0;
5896
- }
5897
- .x-list--gap-08.x-list.x-list--horizontal > *:not(:last-child) {
5898
- margin-right: var(--x-size-gap-list-08);
5899
- }
5900
- .x-list--gap-08.x-list.x-list--wrap {
5866
+ .x-list--gap-.x-list.x-list--horizontal {
5901
5867
  gap: 0;
5902
5868
  }
5903
- .x-list--gap-08.x-list.x-list--wrap > *:not(:last-child) {
5869
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5904
5870
  margin-right: var(--x-size-gap-list-08);
5905
- margin-bottom: var(--x-size-gap-list-08);
5906
5871
  }
5907
5872
  }
5908
5873
 
5909
- .x-list--gap-09.x-list {
5874
+ .x-list--padding-09.x-list {
5875
+ padding: var(--x-size-padding-list-09);
5876
+ }
5877
+
5878
+ .x-list--gap-.x-list {
5910
5879
  gap: var(--x-size-gap-list-09);
5911
5880
  }
5912
5881
  @media not all and (min-resolution: 0.001dpcm) {
5913
- .x-list--gap-09.x-list:not(.x-list--horizontal), .x-list--gap-09.x-list.x-list--vertical {
5882
+ .x-list--gap-.x-list {
5914
5883
  gap: 0;
5915
5884
  }
5916
- .x-list--gap-09.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-09.x-list.x-list--vertical > *:not(:last-child) {
5885
+ .x-list--gap-.x-list > *:not(:last-child) {
5917
5886
  margin-bottom: var(--x-size-gap-list-09);
5918
5887
  }
5919
- .x-list--gap-09.x-list.x-list--horizontal {
5920
- gap: 0;
5921
- }
5922
- .x-list--gap-09.x-list.x-list--horizontal > *:not(:last-child) {
5923
- margin-right: var(--x-size-gap-list-09);
5924
- }
5925
- .x-list--gap-09.x-list.x-list--wrap {
5888
+ .x-list--gap-.x-list.x-list--horizontal {
5926
5889
  gap: 0;
5927
5890
  }
5928
- .x-list--gap-09.x-list.x-list--wrap > *:not(:last-child) {
5891
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5929
5892
  margin-right: var(--x-size-gap-list-09);
5930
- margin-bottom: var(--x-size-gap-list-09);
5931
5893
  }
5932
5894
  }
5933
5895
 
5934
- .x-list--gap-10.x-list {
5896
+ .x-list--padding-10.x-list {
5897
+ padding: var(--x-size-padding-list-10);
5898
+ }
5899
+
5900
+ .x-list--gap-.x-list {
5935
5901
  gap: var(--x-size-gap-list-10);
5936
5902
  }
5937
5903
  @media not all and (min-resolution: 0.001dpcm) {
5938
- .x-list--gap-10.x-list:not(.x-list--horizontal), .x-list--gap-10.x-list.x-list--vertical {
5904
+ .x-list--gap-.x-list {
5939
5905
  gap: 0;
5940
5906
  }
5941
- .x-list--gap-10.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-10.x-list.x-list--vertical > *:not(:last-child) {
5907
+ .x-list--gap-.x-list > *:not(:last-child) {
5942
5908
  margin-bottom: var(--x-size-gap-list-10);
5943
5909
  }
5944
- .x-list--gap-10.x-list.x-list--horizontal {
5945
- gap: 0;
5946
- }
5947
- .x-list--gap-10.x-list.x-list--horizontal > *:not(:last-child) {
5948
- margin-right: var(--x-size-gap-list-10);
5949
- }
5950
- .x-list--gap-10.x-list.x-list--wrap {
5910
+ .x-list--gap-.x-list.x-list--horizontal {
5951
5911
  gap: 0;
5952
5912
  }
5953
- .x-list--gap-10.x-list.x-list--wrap > *:not(:last-child) {
5913
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5954
5914
  margin-right: var(--x-size-gap-list-10);
5955
- margin-bottom: var(--x-size-gap-list-10);
5956
5915
  }
5957
5916
  }
5958
5917
 
5959
- .x-list--gap-11.x-list {
5918
+ .x-list--padding-11.x-list {
5919
+ padding: var(--x-size-padding-list-11);
5920
+ }
5921
+
5922
+ .x-list--gap-.x-list {
5960
5923
  gap: var(--x-size-gap-list-11);
5961
5924
  }
5962
5925
  @media not all and (min-resolution: 0.001dpcm) {
5963
- .x-list--gap-11.x-list:not(.x-list--horizontal), .x-list--gap-11.x-list.x-list--vertical {
5926
+ .x-list--gap-.x-list {
5964
5927
  gap: 0;
5965
5928
  }
5966
- .x-list--gap-11.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-11.x-list.x-list--vertical > *:not(:last-child) {
5929
+ .x-list--gap-.x-list > *:not(:last-child) {
5967
5930
  margin-bottom: var(--x-size-gap-list-11);
5968
5931
  }
5969
- .x-list--gap-11.x-list.x-list--horizontal {
5970
- gap: 0;
5971
- }
5972
- .x-list--gap-11.x-list.x-list--horizontal > *:not(:last-child) {
5973
- margin-right: var(--x-size-gap-list-11);
5974
- }
5975
- .x-list--gap-11.x-list.x-list--wrap {
5932
+ .x-list--gap-.x-list.x-list--horizontal {
5976
5933
  gap: 0;
5977
5934
  }
5978
- .x-list--gap-11.x-list.x-list--wrap > *:not(:last-child) {
5935
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
5979
5936
  margin-right: var(--x-size-gap-list-11);
5980
- margin-bottom: var(--x-size-gap-list-11);
5981
5937
  }
5982
5938
  }
5983
5939
 
5984
- .x-list--gap-12.x-list {
5940
+ .x-list--padding-12.x-list {
5941
+ padding: var(--x-size-padding-list-12);
5942
+ }
5943
+
5944
+ .x-list--gap-.x-list {
5985
5945
  gap: var(--x-size-gap-list-12);
5986
5946
  }
5987
5947
  @media not all and (min-resolution: 0.001dpcm) {
5988
- .x-list--gap-12.x-list:not(.x-list--horizontal), .x-list--gap-12.x-list.x-list--vertical {
5948
+ .x-list--gap-.x-list {
5989
5949
  gap: 0;
5990
5950
  }
5991
- .x-list--gap-12.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-12.x-list.x-list--vertical > *:not(:last-child) {
5951
+ .x-list--gap-.x-list > *:not(:last-child) {
5992
5952
  margin-bottom: var(--x-size-gap-list-12);
5993
5953
  }
5994
- .x-list--gap-12.x-list.x-list--horizontal {
5995
- gap: 0;
5996
- }
5997
- .x-list--gap-12.x-list.x-list--horizontal > *:not(:last-child) {
5998
- margin-right: var(--x-size-gap-list-12);
5999
- }
6000
- .x-list--gap-12.x-list.x-list--wrap {
5954
+ .x-list--gap-.x-list.x-list--horizontal {
6001
5955
  gap: 0;
6002
5956
  }
6003
- .x-list--gap-12.x-list.x-list--wrap > *:not(:last-child) {
5957
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6004
5958
  margin-right: var(--x-size-gap-list-12);
6005
- margin-bottom: var(--x-size-gap-list-12);
6006
5959
  }
6007
5960
  }
6008
5961
 
6009
- .x-list--gap-13.x-list {
5962
+ .x-list--padding-13.x-list {
5963
+ padding: var(--x-size-padding-list-13);
5964
+ }
5965
+
5966
+ .x-list--gap-.x-list {
6010
5967
  gap: var(--x-size-gap-list-13);
6011
5968
  }
6012
5969
  @media not all and (min-resolution: 0.001dpcm) {
6013
- .x-list--gap-13.x-list:not(.x-list--horizontal), .x-list--gap-13.x-list.x-list--vertical {
5970
+ .x-list--gap-.x-list {
6014
5971
  gap: 0;
6015
5972
  }
6016
- .x-list--gap-13.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-13.x-list.x-list--vertical > *:not(:last-child) {
5973
+ .x-list--gap-.x-list > *:not(:last-child) {
6017
5974
  margin-bottom: var(--x-size-gap-list-13);
6018
5975
  }
6019
- .x-list--gap-13.x-list.x-list--horizontal {
6020
- gap: 0;
6021
- }
6022
- .x-list--gap-13.x-list.x-list--horizontal > *:not(:last-child) {
6023
- margin-right: var(--x-size-gap-list-13);
6024
- }
6025
- .x-list--gap-13.x-list.x-list--wrap {
5976
+ .x-list--gap-.x-list.x-list--horizontal {
6026
5977
  gap: 0;
6027
5978
  }
6028
- .x-list--gap-13.x-list.x-list--wrap > *:not(:last-child) {
5979
+ .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6029
5980
  margin-right: var(--x-size-gap-list-13);
6030
- margin-bottom: var(--x-size-gap-list-13);
6031
5981
  }
6032
5982
  }
6033
-
6034
- .x-list--gap-14.x-list {
6035
- gap: var(--x-size-gap-list-14);
5983
+ :root {
5984
+ --x-size-gap-list-01: var(--x-size-base-01);
5985
+ --x-size-gap-list-02: var(--x-size-base-02);
5986
+ --x-size-gap-list-03: var(--x-size-base-03);
5987
+ --x-size-gap-list-04: var(--x-size-base-04);
5988
+ --x-size-gap-list-05: var(--x-size-base-05);
5989
+ --x-size-gap-list-06: var(--x-size-base-06);
5990
+ --x-size-gap-list-07: var(--x-size-base-07);
5991
+ --x-size-gap-list-08: var(--x-size-base-08);
5992
+ --x-size-gap-list-09: var(--x-size-base-09);
5993
+ --x-size-gap-list-10: var(--x-size-base-10);
5994
+ --x-size-gap-list-11: var(--x-size-base-11);
5995
+ --x-size-gap-list-12: var(--x-size-base-12);
5996
+ --x-size-gap-list-13: var(--x-size-base-13);
5997
+ --x-size-gap-list-14: var(--x-size-base-14);
5998
+ --x-size-gap-list-15: var(--x-size-base-15);
5999
+ --x-size-gap-list-16: var(--x-size-base-16);
6000
+ --x-size-gap-list-17: var(--x-size-base-17);
6001
+ --x-size-gap-list-18: var(--x-size-base-18);
6002
+ --x-size-gap-list-19: var(--x-size-base-19);
6003
+ --x-size-gap-list-20: var(--x-size-base-20);
6036
6004
  }
6037
- @media not all and (min-resolution: 0.001dpcm) {
6038
- .x-list--gap-14.x-list:not(.x-list--horizontal), .x-list--gap-14.x-list.x-list--vertical {
6039
- gap: 0;
6040
- }
6041
- .x-list--gap-14.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-14.x-list.x-list--vertical > *:not(:last-child) {
6042
- margin-bottom: var(--x-size-gap-list-14);
6043
- }
6044
- .x-list--gap-14.x-list.x-list--horizontal {
6045
- gap: 0;
6046
- }
6047
- .x-list--gap-14.x-list.x-list--horizontal > *:not(:last-child) {
6048
- margin-right: var(--x-size-gap-list-14);
6049
- }
6050
- .x-list--gap-14.x-list.x-list--wrap {
6051
- gap: 0;
6052
- }
6053
- .x-list--gap-14.x-list.x-list--wrap > *:not(:last-child) {
6054
- margin-right: var(--x-size-gap-list-14);
6055
- margin-bottom: var(--x-size-gap-list-14);
6056
- }
6005
+ :root {
6006
+ --x-size-gap-list-01: var(--x-size-base-01);
6007
+ --x-size-gap-list-02: var(--x-size-base-02);
6008
+ --x-size-gap-list-03: var(--x-size-base-03);
6009
+ --x-size-gap-list-04: var(--x-size-base-04);
6010
+ --x-size-gap-list-05: var(--x-size-base-05);
6011
+ --x-size-gap-list-06: var(--x-size-base-06);
6012
+ --x-size-gap-list-07: var(--x-size-base-07);
6013
+ --x-size-gap-list-08: var(--x-size-base-08);
6014
+ --x-size-gap-list-09: var(--x-size-base-09);
6015
+ --x-size-gap-list-10: var(--x-size-base-10);
6016
+ --x-size-gap-list-11: var(--x-size-base-11);
6017
+ --x-size-gap-list-12: var(--x-size-base-12);
6018
+ --x-size-gap-list-13: var(--x-size-base-13);
6019
+ --x-size-gap-list-14: var(--x-size-base-14);
6020
+ --x-size-gap-list-15: var(--x-size-base-15);
6021
+ --x-size-gap-list-16: var(--x-size-base-16);
6022
+ --x-size-gap-list-17: var(--x-size-base-17);
6023
+ --x-size-gap-list-18: var(--x-size-base-18);
6024
+ --x-size-gap-list-19: var(--x-size-base-19);
6025
+ --x-size-gap-list-20: var(--x-size-base-20);
6057
6026
  }
6058
6027
 
6059
- .x-list--gap-15.x-list {
6060
- gap: var(--x-size-gap-list-15);
6028
+ .x-list--gap-01.x-list {
6029
+ gap: var(--x-size-gap-list-01);
6061
6030
  }
6062
6031
  @media not all and (min-resolution: 0.001dpcm) {
6063
- .x-list--gap-15.x-list:not(.x-list--horizontal), .x-list--gap-15.x-list.x-list--vertical {
6032
+ .x-list--gap-01.x-list:not(.x-list--horizontal), .x-list--gap-01.x-list.x-list--vertical {
6064
6033
  gap: 0;
6065
6034
  }
6066
- .x-list--gap-15.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-15.x-list.x-list--vertical > *:not(:last-child) {
6067
- margin-bottom: var(--x-size-gap-list-15);
6035
+ .x-list--gap-01.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-01.x-list.x-list--vertical > *:not(:last-child) {
6036
+ margin-bottom: var(--x-size-gap-list-01);
6068
6037
  }
6069
- .x-list--gap-15.x-list.x-list--horizontal {
6038
+ .x-list--gap-01.x-list.x-list--horizontal {
6070
6039
  gap: 0;
6071
6040
  }
6072
- .x-list--gap-15.x-list.x-list--horizontal > *:not(:last-child) {
6073
- margin-right: var(--x-size-gap-list-15);
6041
+ .x-list--gap-01.x-list.x-list--horizontal > *:not(:last-child) {
6042
+ margin-right: var(--x-size-gap-list-01);
6074
6043
  }
6075
- .x-list--gap-15.x-list.x-list--wrap {
6044
+ .x-list--gap-01.x-list.x-list--wrap {
6076
6045
  gap: 0;
6077
6046
  }
6078
- .x-list--gap-15.x-list.x-list--wrap > *:not(:last-child) {
6079
- margin-right: var(--x-size-gap-list-15);
6080
- margin-bottom: var(--x-size-gap-list-15);
6047
+ .x-list--gap-01.x-list.x-list--wrap > *:not(:last-child) {
6048
+ margin-right: var(--x-size-gap-list-01);
6049
+ margin-bottom: var(--x-size-gap-list-01);
6081
6050
  }
6082
6051
  }
6083
6052
 
6084
- .x-list--gap-16.x-list {
6085
- gap: var(--x-size-gap-list-16);
6053
+ .x-list--gap-02.x-list {
6054
+ gap: var(--x-size-gap-list-02);
6086
6055
  }
6087
6056
  @media not all and (min-resolution: 0.001dpcm) {
6088
- .x-list--gap-16.x-list:not(.x-list--horizontal), .x-list--gap-16.x-list.x-list--vertical {
6057
+ .x-list--gap-02.x-list:not(.x-list--horizontal), .x-list--gap-02.x-list.x-list--vertical {
6089
6058
  gap: 0;
6090
6059
  }
6091
- .x-list--gap-16.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-16.x-list.x-list--vertical > *:not(:last-child) {
6092
- margin-bottom: var(--x-size-gap-list-16);
6060
+ .x-list--gap-02.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-02.x-list.x-list--vertical > *:not(:last-child) {
6061
+ margin-bottom: var(--x-size-gap-list-02);
6093
6062
  }
6094
- .x-list--gap-16.x-list.x-list--horizontal {
6063
+ .x-list--gap-02.x-list.x-list--horizontal {
6095
6064
  gap: 0;
6096
6065
  }
6097
- .x-list--gap-16.x-list.x-list--horizontal > *:not(:last-child) {
6098
- margin-right: var(--x-size-gap-list-16);
6066
+ .x-list--gap-02.x-list.x-list--horizontal > *:not(:last-child) {
6067
+ margin-right: var(--x-size-gap-list-02);
6099
6068
  }
6100
- .x-list--gap-16.x-list.x-list--wrap {
6069
+ .x-list--gap-02.x-list.x-list--wrap {
6101
6070
  gap: 0;
6102
6071
  }
6103
- .x-list--gap-16.x-list.x-list--wrap > *:not(:last-child) {
6104
- margin-right: var(--x-size-gap-list-16);
6105
- margin-bottom: var(--x-size-gap-list-16);
6072
+ .x-list--gap-02.x-list.x-list--wrap > *:not(:last-child) {
6073
+ margin-right: var(--x-size-gap-list-02);
6074
+ margin-bottom: var(--x-size-gap-list-02);
6106
6075
  }
6107
6076
  }
6108
6077
 
6109
- .x-list--gap-17.x-list {
6110
- gap: var(--x-size-gap-list-17);
6078
+ .x-list--gap-03.x-list {
6079
+ gap: var(--x-size-gap-list-03);
6111
6080
  }
6112
6081
  @media not all and (min-resolution: 0.001dpcm) {
6113
- .x-list--gap-17.x-list:not(.x-list--horizontal), .x-list--gap-17.x-list.x-list--vertical {
6082
+ .x-list--gap-03.x-list:not(.x-list--horizontal), .x-list--gap-03.x-list.x-list--vertical {
6114
6083
  gap: 0;
6115
6084
  }
6116
- .x-list--gap-17.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-17.x-list.x-list--vertical > *:not(:last-child) {
6117
- margin-bottom: var(--x-size-gap-list-17);
6085
+ .x-list--gap-03.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-03.x-list.x-list--vertical > *:not(:last-child) {
6086
+ margin-bottom: var(--x-size-gap-list-03);
6118
6087
  }
6119
- .x-list--gap-17.x-list.x-list--horizontal {
6088
+ .x-list--gap-03.x-list.x-list--horizontal {
6120
6089
  gap: 0;
6121
6090
  }
6122
- .x-list--gap-17.x-list.x-list--horizontal > *:not(:last-child) {
6123
- margin-right: var(--x-size-gap-list-17);
6091
+ .x-list--gap-03.x-list.x-list--horizontal > *:not(:last-child) {
6092
+ margin-right: var(--x-size-gap-list-03);
6124
6093
  }
6125
- .x-list--gap-17.x-list.x-list--wrap {
6094
+ .x-list--gap-03.x-list.x-list--wrap {
6126
6095
  gap: 0;
6127
6096
  }
6128
- .x-list--gap-17.x-list.x-list--wrap > *:not(:last-child) {
6129
- margin-right: var(--x-size-gap-list-17);
6130
- margin-bottom: var(--x-size-gap-list-17);
6097
+ .x-list--gap-03.x-list.x-list--wrap > *:not(:last-child) {
6098
+ margin-right: var(--x-size-gap-list-03);
6099
+ margin-bottom: var(--x-size-gap-list-03);
6131
6100
  }
6132
6101
  }
6133
6102
 
6134
- .x-list--gap-18.x-list {
6135
- gap: var(--x-size-gap-list-18);
6103
+ .x-list--gap-04.x-list {
6104
+ gap: var(--x-size-gap-list-04);
6136
6105
  }
6137
6106
  @media not all and (min-resolution: 0.001dpcm) {
6138
- .x-list--gap-18.x-list:not(.x-list--horizontal), .x-list--gap-18.x-list.x-list--vertical {
6107
+ .x-list--gap-04.x-list:not(.x-list--horizontal), .x-list--gap-04.x-list.x-list--vertical {
6139
6108
  gap: 0;
6140
6109
  }
6141
- .x-list--gap-18.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-18.x-list.x-list--vertical > *:not(:last-child) {
6142
- margin-bottom: var(--x-size-gap-list-18);
6110
+ .x-list--gap-04.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-04.x-list.x-list--vertical > *:not(:last-child) {
6111
+ margin-bottom: var(--x-size-gap-list-04);
6143
6112
  }
6144
- .x-list--gap-18.x-list.x-list--horizontal {
6113
+ .x-list--gap-04.x-list.x-list--horizontal {
6145
6114
  gap: 0;
6146
6115
  }
6147
- .x-list--gap-18.x-list.x-list--horizontal > *:not(:last-child) {
6148
- margin-right: var(--x-size-gap-list-18);
6116
+ .x-list--gap-04.x-list.x-list--horizontal > *:not(:last-child) {
6117
+ margin-right: var(--x-size-gap-list-04);
6149
6118
  }
6150
- .x-list--gap-18.x-list.x-list--wrap {
6119
+ .x-list--gap-04.x-list.x-list--wrap {
6151
6120
  gap: 0;
6152
6121
  }
6153
- .x-list--gap-18.x-list.x-list--wrap > *:not(:last-child) {
6154
- margin-right: var(--x-size-gap-list-18);
6155
- margin-bottom: var(--x-size-gap-list-18);
6122
+ .x-list--gap-04.x-list.x-list--wrap > *:not(:last-child) {
6123
+ margin-right: var(--x-size-gap-list-04);
6124
+ margin-bottom: var(--x-size-gap-list-04);
6156
6125
  }
6157
6126
  }
6158
6127
 
6159
- .x-list--gap-19.x-list {
6160
- gap: var(--x-size-gap-list-19);
6128
+ .x-list--gap-05.x-list {
6129
+ gap: var(--x-size-gap-list-05);
6161
6130
  }
6162
6131
  @media not all and (min-resolution: 0.001dpcm) {
6163
- .x-list--gap-19.x-list:not(.x-list--horizontal), .x-list--gap-19.x-list.x-list--vertical {
6132
+ .x-list--gap-05.x-list:not(.x-list--horizontal), .x-list--gap-05.x-list.x-list--vertical {
6164
6133
  gap: 0;
6165
6134
  }
6166
- .x-list--gap-19.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-19.x-list.x-list--vertical > *:not(:last-child) {
6167
- margin-bottom: var(--x-size-gap-list-19);
6135
+ .x-list--gap-05.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-05.x-list.x-list--vertical > *:not(:last-child) {
6136
+ margin-bottom: var(--x-size-gap-list-05);
6168
6137
  }
6169
- .x-list--gap-19.x-list.x-list--horizontal {
6138
+ .x-list--gap-05.x-list.x-list--horizontal {
6170
6139
  gap: 0;
6171
6140
  }
6172
- .x-list--gap-19.x-list.x-list--horizontal > *:not(:last-child) {
6173
- margin-right: var(--x-size-gap-list-19);
6141
+ .x-list--gap-05.x-list.x-list--horizontal > *:not(:last-child) {
6142
+ margin-right: var(--x-size-gap-list-05);
6174
6143
  }
6175
- .x-list--gap-19.x-list.x-list--wrap {
6144
+ .x-list--gap-05.x-list.x-list--wrap {
6176
6145
  gap: 0;
6177
6146
  }
6178
- .x-list--gap-19.x-list.x-list--wrap > *:not(:last-child) {
6179
- margin-right: var(--x-size-gap-list-19);
6180
- margin-bottom: var(--x-size-gap-list-19);
6147
+ .x-list--gap-05.x-list.x-list--wrap > *:not(:last-child) {
6148
+ margin-right: var(--x-size-gap-list-05);
6149
+ margin-bottom: var(--x-size-gap-list-05);
6181
6150
  }
6182
6151
  }
6183
6152
 
6184
- .x-list--gap-20.x-list {
6185
- gap: var(--x-size-gap-list-20);
6153
+ .x-list--gap-06.x-list {
6154
+ gap: var(--x-size-gap-list-06);
6186
6155
  }
6187
6156
  @media not all and (min-resolution: 0.001dpcm) {
6188
- .x-list--gap-20.x-list:not(.x-list--horizontal), .x-list--gap-20.x-list.x-list--vertical {
6157
+ .x-list--gap-06.x-list:not(.x-list--horizontal), .x-list--gap-06.x-list.x-list--vertical {
6189
6158
  gap: 0;
6190
6159
  }
6191
- .x-list--gap-20.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-20.x-list.x-list--vertical > *:not(:last-child) {
6192
- margin-bottom: var(--x-size-gap-list-20);
6160
+ .x-list--gap-06.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-06.x-list.x-list--vertical > *:not(:last-child) {
6161
+ margin-bottom: var(--x-size-gap-list-06);
6193
6162
  }
6194
- .x-list--gap-20.x-list.x-list--horizontal {
6163
+ .x-list--gap-06.x-list.x-list--horizontal {
6195
6164
  gap: 0;
6196
6165
  }
6197
- .x-list--gap-20.x-list.x-list--horizontal > *:not(:last-child) {
6198
- margin-right: var(--x-size-gap-list-20);
6166
+ .x-list--gap-06.x-list.x-list--horizontal > *:not(:last-child) {
6167
+ margin-right: var(--x-size-gap-list-06);
6199
6168
  }
6200
- .x-list--gap-20.x-list.x-list--wrap {
6169
+ .x-list--gap-06.x-list.x-list--wrap {
6201
6170
  gap: 0;
6202
6171
  }
6203
- .x-list--gap-20.x-list.x-list--wrap > *:not(:last-child) {
6204
- margin-right: var(--x-size-gap-list-20);
6205
- margin-bottom: var(--x-size-gap-list-20);
6172
+ .x-list--gap-06.x-list.x-list--wrap > *:not(:last-child) {
6173
+ margin-right: var(--x-size-gap-list-06);
6174
+ margin-bottom: var(--x-size-gap-list-06);
6206
6175
  }
6207
6176
  }
6208
- /* @deprecated */
6209
- :root {
6210
- --x-size-padding-list-01: var(--x-size-base-01);
6211
- --x-size-padding-list-02: var(--x-size-base-02);
6212
- --x-size-padding-list-03: var(--x-size-base-03);
6213
- --x-size-padding-list-04: var(--x-size-base-04);
6214
- --x-size-padding-list-05: var(--x-size-base-05);
6215
- --x-size-padding-list-06: var(--x-size-base-06);
6216
- --x-size-padding-list-07: var(--x-size-base-07);
6217
- --x-size-padding-list-08: var(--x-size-base-08);
6218
- --x-size-padding-list-09: var(--x-size-base-09);
6219
- --x-size-padding-list-10: var(--x-size-base-10);
6220
- --x-size-padding-list-11: var(--x-size-base-11);
6221
- --x-size-padding-list-12: var(--x-size-base-12);
6222
- --x-size-padding-list-13: var(--x-size-base-13);
6223
- }
6224
6177
 
6225
- /* @deprecated */
6226
- [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
6227
- padding-right: 0;
6228
- }
6229
- [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-bottom) {
6230
- padding-bottom: 0;
6231
- }
6232
- [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-left) {
6233
- padding-left: 0;
6234
- }
6235
- [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-top) {
6236
- padding-top: 0;
6237
- }
6238
- [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-bottom) {
6239
- padding-bottom: 0;
6240
- }
6241
- [class*=x-list--padding-].x-list.x-list--padding-right:not(.x-list--padding-left) {
6242
- padding-left: 0;
6243
- }
6244
- [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-top) {
6245
- padding-top: 0;
6246
- }
6247
- [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-right) {
6248
- padding-right: 0;
6249
- }
6250
- [class*=x-list--padding-].x-list.x-list--padding-bottom:not(.x-list--padding-left) {
6251
- padding-left: 0;
6252
- }
6253
- [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-top) {
6254
- padding-top: 0;
6255
- }
6256
- [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-right) {
6257
- padding-right: 0;
6258
- }
6259
- [class*=x-list--padding-].x-list.x-list--padding-left:not(.x-list--padding-bottom) {
6260
- padding-bottom: 0;
6178
+ .x-list--gap-07.x-list {
6179
+ gap: var(--x-size-gap-list-07);
6261
6180
  }
6262
-
6263
- .x-list--padding-01.x-list {
6264
- padding: var(--x-size-padding-list-01);
6181
+ @media not all and (min-resolution: 0.001dpcm) {
6182
+ .x-list--gap-07.x-list:not(.x-list--horizontal), .x-list--gap-07.x-list.x-list--vertical {
6183
+ gap: 0;
6184
+ }
6185
+ .x-list--gap-07.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-07.x-list.x-list--vertical > *:not(:last-child) {
6186
+ margin-bottom: var(--x-size-gap-list-07);
6187
+ }
6188
+ .x-list--gap-07.x-list.x-list--horizontal {
6189
+ gap: 0;
6190
+ }
6191
+ .x-list--gap-07.x-list.x-list--horizontal > *:not(:last-child) {
6192
+ margin-right: var(--x-size-gap-list-07);
6193
+ }
6194
+ .x-list--gap-07.x-list.x-list--wrap {
6195
+ gap: 0;
6196
+ }
6197
+ .x-list--gap-07.x-list.x-list--wrap > *:not(:last-child) {
6198
+ margin-right: var(--x-size-gap-list-07);
6199
+ margin-bottom: var(--x-size-gap-list-07);
6200
+ }
6265
6201
  }
6266
6202
 
6267
- .x-list--gap-.x-list {
6268
- gap: var(--x-size-gap-list-01);
6203
+ .x-list--gap-08.x-list {
6204
+ gap: var(--x-size-gap-list-08);
6269
6205
  }
6270
6206
  @media not all and (min-resolution: 0.001dpcm) {
6271
- .x-list--gap-.x-list {
6207
+ .x-list--gap-08.x-list:not(.x-list--horizontal), .x-list--gap-08.x-list.x-list--vertical {
6272
6208
  gap: 0;
6273
6209
  }
6274
- .x-list--gap-.x-list > *:not(:last-child) {
6275
- margin-bottom: var(--x-size-gap-list-01);
6210
+ .x-list--gap-08.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-08.x-list.x-list--vertical > *:not(:last-child) {
6211
+ margin-bottom: var(--x-size-gap-list-08);
6276
6212
  }
6277
- .x-list--gap-.x-list.x-list--horizontal {
6213
+ .x-list--gap-08.x-list.x-list--horizontal {
6278
6214
  gap: 0;
6279
6215
  }
6280
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6281
- margin-right: var(--x-size-gap-list-01);
6216
+ .x-list--gap-08.x-list.x-list--horizontal > *:not(:last-child) {
6217
+ margin-right: var(--x-size-gap-list-08);
6218
+ }
6219
+ .x-list--gap-08.x-list.x-list--wrap {
6220
+ gap: 0;
6221
+ }
6222
+ .x-list--gap-08.x-list.x-list--wrap > *:not(:last-child) {
6223
+ margin-right: var(--x-size-gap-list-08);
6224
+ margin-bottom: var(--x-size-gap-list-08);
6282
6225
  }
6283
6226
  }
6284
6227
 
6285
- .x-list--padding-02.x-list {
6286
- padding: var(--x-size-padding-list-02);
6287
- }
6288
-
6289
- .x-list--gap-.x-list {
6290
- gap: var(--x-size-gap-list-02);
6228
+ .x-list--gap-09.x-list {
6229
+ gap: var(--x-size-gap-list-09);
6291
6230
  }
6292
6231
  @media not all and (min-resolution: 0.001dpcm) {
6293
- .x-list--gap-.x-list {
6232
+ .x-list--gap-09.x-list:not(.x-list--horizontal), .x-list--gap-09.x-list.x-list--vertical {
6294
6233
  gap: 0;
6295
6234
  }
6296
- .x-list--gap-.x-list > *:not(:last-child) {
6297
- margin-bottom: var(--x-size-gap-list-02);
6235
+ .x-list--gap-09.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-09.x-list.x-list--vertical > *:not(:last-child) {
6236
+ margin-bottom: var(--x-size-gap-list-09);
6298
6237
  }
6299
- .x-list--gap-.x-list.x-list--horizontal {
6238
+ .x-list--gap-09.x-list.x-list--horizontal {
6300
6239
  gap: 0;
6301
6240
  }
6302
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6303
- margin-right: var(--x-size-gap-list-02);
6241
+ .x-list--gap-09.x-list.x-list--horizontal > *:not(:last-child) {
6242
+ margin-right: var(--x-size-gap-list-09);
6243
+ }
6244
+ .x-list--gap-09.x-list.x-list--wrap {
6245
+ gap: 0;
6246
+ }
6247
+ .x-list--gap-09.x-list.x-list--wrap > *:not(:last-child) {
6248
+ margin-right: var(--x-size-gap-list-09);
6249
+ margin-bottom: var(--x-size-gap-list-09);
6304
6250
  }
6305
6251
  }
6306
6252
 
6307
- .x-list--padding-03.x-list {
6308
- padding: var(--x-size-padding-list-03);
6309
- }
6310
-
6311
- .x-list--gap-.x-list {
6312
- gap: var(--x-size-gap-list-03);
6253
+ .x-list--gap-10.x-list {
6254
+ gap: var(--x-size-gap-list-10);
6313
6255
  }
6314
6256
  @media not all and (min-resolution: 0.001dpcm) {
6315
- .x-list--gap-.x-list {
6257
+ .x-list--gap-10.x-list:not(.x-list--horizontal), .x-list--gap-10.x-list.x-list--vertical {
6316
6258
  gap: 0;
6317
6259
  }
6318
- .x-list--gap-.x-list > *:not(:last-child) {
6319
- margin-bottom: var(--x-size-gap-list-03);
6260
+ .x-list--gap-10.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-10.x-list.x-list--vertical > *:not(:last-child) {
6261
+ margin-bottom: var(--x-size-gap-list-10);
6320
6262
  }
6321
- .x-list--gap-.x-list.x-list--horizontal {
6263
+ .x-list--gap-10.x-list.x-list--horizontal {
6322
6264
  gap: 0;
6323
6265
  }
6324
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6325
- margin-right: var(--x-size-gap-list-03);
6266
+ .x-list--gap-10.x-list.x-list--horizontal > *:not(:last-child) {
6267
+ margin-right: var(--x-size-gap-list-10);
6268
+ }
6269
+ .x-list--gap-10.x-list.x-list--wrap {
6270
+ gap: 0;
6271
+ }
6272
+ .x-list--gap-10.x-list.x-list--wrap > *:not(:last-child) {
6273
+ margin-right: var(--x-size-gap-list-10);
6274
+ margin-bottom: var(--x-size-gap-list-10);
6326
6275
  }
6327
6276
  }
6328
6277
 
6329
- .x-list--padding-04.x-list {
6330
- padding: var(--x-size-padding-list-04);
6331
- }
6332
-
6333
- .x-list--gap-.x-list {
6334
- gap: var(--x-size-gap-list-04);
6278
+ .x-list--gap-11.x-list {
6279
+ gap: var(--x-size-gap-list-11);
6335
6280
  }
6336
6281
  @media not all and (min-resolution: 0.001dpcm) {
6337
- .x-list--gap-.x-list {
6282
+ .x-list--gap-11.x-list:not(.x-list--horizontal), .x-list--gap-11.x-list.x-list--vertical {
6338
6283
  gap: 0;
6339
6284
  }
6340
- .x-list--gap-.x-list > *:not(:last-child) {
6341
- margin-bottom: var(--x-size-gap-list-04);
6285
+ .x-list--gap-11.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-11.x-list.x-list--vertical > *:not(:last-child) {
6286
+ margin-bottom: var(--x-size-gap-list-11);
6342
6287
  }
6343
- .x-list--gap-.x-list.x-list--horizontal {
6288
+ .x-list--gap-11.x-list.x-list--horizontal {
6344
6289
  gap: 0;
6345
6290
  }
6346
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6347
- margin-right: var(--x-size-gap-list-04);
6291
+ .x-list--gap-11.x-list.x-list--horizontal > *:not(:last-child) {
6292
+ margin-right: var(--x-size-gap-list-11);
6293
+ }
6294
+ .x-list--gap-11.x-list.x-list--wrap {
6295
+ gap: 0;
6296
+ }
6297
+ .x-list--gap-11.x-list.x-list--wrap > *:not(:last-child) {
6298
+ margin-right: var(--x-size-gap-list-11);
6299
+ margin-bottom: var(--x-size-gap-list-11);
6348
6300
  }
6349
6301
  }
6350
6302
 
6351
- .x-list--padding-05.x-list {
6352
- padding: var(--x-size-padding-list-05);
6353
- }
6354
-
6355
- .x-list--gap-.x-list {
6356
- gap: var(--x-size-gap-list-05);
6303
+ .x-list--gap-12.x-list {
6304
+ gap: var(--x-size-gap-list-12);
6357
6305
  }
6358
6306
  @media not all and (min-resolution: 0.001dpcm) {
6359
- .x-list--gap-.x-list {
6307
+ .x-list--gap-12.x-list:not(.x-list--horizontal), .x-list--gap-12.x-list.x-list--vertical {
6360
6308
  gap: 0;
6361
6309
  }
6362
- .x-list--gap-.x-list > *:not(:last-child) {
6363
- margin-bottom: var(--x-size-gap-list-05);
6310
+ .x-list--gap-12.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-12.x-list.x-list--vertical > *:not(:last-child) {
6311
+ margin-bottom: var(--x-size-gap-list-12);
6364
6312
  }
6365
- .x-list--gap-.x-list.x-list--horizontal {
6313
+ .x-list--gap-12.x-list.x-list--horizontal {
6366
6314
  gap: 0;
6367
6315
  }
6368
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6369
- margin-right: var(--x-size-gap-list-05);
6316
+ .x-list--gap-12.x-list.x-list--horizontal > *:not(:last-child) {
6317
+ margin-right: var(--x-size-gap-list-12);
6318
+ }
6319
+ .x-list--gap-12.x-list.x-list--wrap {
6320
+ gap: 0;
6321
+ }
6322
+ .x-list--gap-12.x-list.x-list--wrap > *:not(:last-child) {
6323
+ margin-right: var(--x-size-gap-list-12);
6324
+ margin-bottom: var(--x-size-gap-list-12);
6370
6325
  }
6371
6326
  }
6372
6327
 
6373
- .x-list--padding-06.x-list {
6374
- padding: var(--x-size-padding-list-06);
6375
- }
6376
-
6377
- .x-list--gap-.x-list {
6378
- gap: var(--x-size-gap-list-06);
6328
+ .x-list--gap-13.x-list {
6329
+ gap: var(--x-size-gap-list-13);
6379
6330
  }
6380
6331
  @media not all and (min-resolution: 0.001dpcm) {
6381
- .x-list--gap-.x-list {
6332
+ .x-list--gap-13.x-list:not(.x-list--horizontal), .x-list--gap-13.x-list.x-list--vertical {
6382
6333
  gap: 0;
6383
6334
  }
6384
- .x-list--gap-.x-list > *:not(:last-child) {
6385
- margin-bottom: var(--x-size-gap-list-06);
6335
+ .x-list--gap-13.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-13.x-list.x-list--vertical > *:not(:last-child) {
6336
+ margin-bottom: var(--x-size-gap-list-13);
6386
6337
  }
6387
- .x-list--gap-.x-list.x-list--horizontal {
6338
+ .x-list--gap-13.x-list.x-list--horizontal {
6388
6339
  gap: 0;
6389
6340
  }
6390
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6391
- margin-right: var(--x-size-gap-list-06);
6341
+ .x-list--gap-13.x-list.x-list--horizontal > *:not(:last-child) {
6342
+ margin-right: var(--x-size-gap-list-13);
6343
+ }
6344
+ .x-list--gap-13.x-list.x-list--wrap {
6345
+ gap: 0;
6346
+ }
6347
+ .x-list--gap-13.x-list.x-list--wrap > *:not(:last-child) {
6348
+ margin-right: var(--x-size-gap-list-13);
6349
+ margin-bottom: var(--x-size-gap-list-13);
6392
6350
  }
6393
6351
  }
6394
6352
 
6395
- .x-list--padding-07.x-list {
6396
- padding: var(--x-size-padding-list-07);
6397
- }
6398
-
6399
- .x-list--gap-.x-list {
6400
- gap: var(--x-size-gap-list-07);
6353
+ .x-list--gap-14.x-list {
6354
+ gap: var(--x-size-gap-list-14);
6401
6355
  }
6402
6356
  @media not all and (min-resolution: 0.001dpcm) {
6403
- .x-list--gap-.x-list {
6357
+ .x-list--gap-14.x-list:not(.x-list--horizontal), .x-list--gap-14.x-list.x-list--vertical {
6404
6358
  gap: 0;
6405
6359
  }
6406
- .x-list--gap-.x-list > *:not(:last-child) {
6407
- margin-bottom: var(--x-size-gap-list-07);
6360
+ .x-list--gap-14.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-14.x-list.x-list--vertical > *:not(:last-child) {
6361
+ margin-bottom: var(--x-size-gap-list-14);
6408
6362
  }
6409
- .x-list--gap-.x-list.x-list--horizontal {
6363
+ .x-list--gap-14.x-list.x-list--horizontal {
6410
6364
  gap: 0;
6411
6365
  }
6412
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6413
- margin-right: var(--x-size-gap-list-07);
6366
+ .x-list--gap-14.x-list.x-list--horizontal > *:not(:last-child) {
6367
+ margin-right: var(--x-size-gap-list-14);
6368
+ }
6369
+ .x-list--gap-14.x-list.x-list--wrap {
6370
+ gap: 0;
6371
+ }
6372
+ .x-list--gap-14.x-list.x-list--wrap > *:not(:last-child) {
6373
+ margin-right: var(--x-size-gap-list-14);
6374
+ margin-bottom: var(--x-size-gap-list-14);
6414
6375
  }
6415
6376
  }
6416
6377
 
6417
- .x-list--padding-08.x-list {
6418
- padding: var(--x-size-padding-list-08);
6419
- }
6420
-
6421
- .x-list--gap-.x-list {
6422
- gap: var(--x-size-gap-list-08);
6378
+ .x-list--gap-15.x-list {
6379
+ gap: var(--x-size-gap-list-15);
6423
6380
  }
6424
6381
  @media not all and (min-resolution: 0.001dpcm) {
6425
- .x-list--gap-.x-list {
6382
+ .x-list--gap-15.x-list:not(.x-list--horizontal), .x-list--gap-15.x-list.x-list--vertical {
6426
6383
  gap: 0;
6427
6384
  }
6428
- .x-list--gap-.x-list > *:not(:last-child) {
6429
- margin-bottom: var(--x-size-gap-list-08);
6385
+ .x-list--gap-15.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-15.x-list.x-list--vertical > *:not(:last-child) {
6386
+ margin-bottom: var(--x-size-gap-list-15);
6430
6387
  }
6431
- .x-list--gap-.x-list.x-list--horizontal {
6388
+ .x-list--gap-15.x-list.x-list--horizontal {
6432
6389
  gap: 0;
6433
6390
  }
6434
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6435
- margin-right: var(--x-size-gap-list-08);
6391
+ .x-list--gap-15.x-list.x-list--horizontal > *:not(:last-child) {
6392
+ margin-right: var(--x-size-gap-list-15);
6393
+ }
6394
+ .x-list--gap-15.x-list.x-list--wrap {
6395
+ gap: 0;
6396
+ }
6397
+ .x-list--gap-15.x-list.x-list--wrap > *:not(:last-child) {
6398
+ margin-right: var(--x-size-gap-list-15);
6399
+ margin-bottom: var(--x-size-gap-list-15);
6436
6400
  }
6437
6401
  }
6438
6402
 
6439
- .x-list--padding-09.x-list {
6440
- padding: var(--x-size-padding-list-09);
6441
- }
6442
-
6443
- .x-list--gap-.x-list {
6444
- gap: var(--x-size-gap-list-09);
6403
+ .x-list--gap-16.x-list {
6404
+ gap: var(--x-size-gap-list-16);
6445
6405
  }
6446
6406
  @media not all and (min-resolution: 0.001dpcm) {
6447
- .x-list--gap-.x-list {
6407
+ .x-list--gap-16.x-list:not(.x-list--horizontal), .x-list--gap-16.x-list.x-list--vertical {
6448
6408
  gap: 0;
6449
6409
  }
6450
- .x-list--gap-.x-list > *:not(:last-child) {
6451
- margin-bottom: var(--x-size-gap-list-09);
6410
+ .x-list--gap-16.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-16.x-list.x-list--vertical > *:not(:last-child) {
6411
+ margin-bottom: var(--x-size-gap-list-16);
6452
6412
  }
6453
- .x-list--gap-.x-list.x-list--horizontal {
6413
+ .x-list--gap-16.x-list.x-list--horizontal {
6454
6414
  gap: 0;
6455
6415
  }
6456
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6457
- margin-right: var(--x-size-gap-list-09);
6416
+ .x-list--gap-16.x-list.x-list--horizontal > *:not(:last-child) {
6417
+ margin-right: var(--x-size-gap-list-16);
6418
+ }
6419
+ .x-list--gap-16.x-list.x-list--wrap {
6420
+ gap: 0;
6421
+ }
6422
+ .x-list--gap-16.x-list.x-list--wrap > *:not(:last-child) {
6423
+ margin-right: var(--x-size-gap-list-16);
6424
+ margin-bottom: var(--x-size-gap-list-16);
6458
6425
  }
6459
6426
  }
6460
6427
 
6461
- .x-list--padding-10.x-list {
6462
- padding: var(--x-size-padding-list-10);
6463
- }
6464
-
6465
- .x-list--gap-.x-list {
6466
- gap: var(--x-size-gap-list-10);
6428
+ .x-list--gap-17.x-list {
6429
+ gap: var(--x-size-gap-list-17);
6467
6430
  }
6468
6431
  @media not all and (min-resolution: 0.001dpcm) {
6469
- .x-list--gap-.x-list {
6432
+ .x-list--gap-17.x-list:not(.x-list--horizontal), .x-list--gap-17.x-list.x-list--vertical {
6470
6433
  gap: 0;
6471
6434
  }
6472
- .x-list--gap-.x-list > *:not(:last-child) {
6473
- margin-bottom: var(--x-size-gap-list-10);
6435
+ .x-list--gap-17.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-17.x-list.x-list--vertical > *:not(:last-child) {
6436
+ margin-bottom: var(--x-size-gap-list-17);
6474
6437
  }
6475
- .x-list--gap-.x-list.x-list--horizontal {
6438
+ .x-list--gap-17.x-list.x-list--horizontal {
6476
6439
  gap: 0;
6477
6440
  }
6478
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6479
- margin-right: var(--x-size-gap-list-10);
6441
+ .x-list--gap-17.x-list.x-list--horizontal > *:not(:last-child) {
6442
+ margin-right: var(--x-size-gap-list-17);
6443
+ }
6444
+ .x-list--gap-17.x-list.x-list--wrap {
6445
+ gap: 0;
6446
+ }
6447
+ .x-list--gap-17.x-list.x-list--wrap > *:not(:last-child) {
6448
+ margin-right: var(--x-size-gap-list-17);
6449
+ margin-bottom: var(--x-size-gap-list-17);
6480
6450
  }
6481
6451
  }
6482
6452
 
6483
- .x-list--padding-11.x-list {
6484
- padding: var(--x-size-padding-list-11);
6485
- }
6486
-
6487
- .x-list--gap-.x-list {
6488
- gap: var(--x-size-gap-list-11);
6453
+ .x-list--gap-18.x-list {
6454
+ gap: var(--x-size-gap-list-18);
6489
6455
  }
6490
6456
  @media not all and (min-resolution: 0.001dpcm) {
6491
- .x-list--gap-.x-list {
6457
+ .x-list--gap-18.x-list:not(.x-list--horizontal), .x-list--gap-18.x-list.x-list--vertical {
6492
6458
  gap: 0;
6493
6459
  }
6494
- .x-list--gap-.x-list > *:not(:last-child) {
6495
- margin-bottom: var(--x-size-gap-list-11);
6460
+ .x-list--gap-18.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-18.x-list.x-list--vertical > *:not(:last-child) {
6461
+ margin-bottom: var(--x-size-gap-list-18);
6496
6462
  }
6497
- .x-list--gap-.x-list.x-list--horizontal {
6463
+ .x-list--gap-18.x-list.x-list--horizontal {
6498
6464
  gap: 0;
6499
6465
  }
6500
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6501
- margin-right: var(--x-size-gap-list-11);
6466
+ .x-list--gap-18.x-list.x-list--horizontal > *:not(:last-child) {
6467
+ margin-right: var(--x-size-gap-list-18);
6468
+ }
6469
+ .x-list--gap-18.x-list.x-list--wrap {
6470
+ gap: 0;
6471
+ }
6472
+ .x-list--gap-18.x-list.x-list--wrap > *:not(:last-child) {
6473
+ margin-right: var(--x-size-gap-list-18);
6474
+ margin-bottom: var(--x-size-gap-list-18);
6502
6475
  }
6503
6476
  }
6504
6477
 
6505
- .x-list--padding-12.x-list {
6506
- padding: var(--x-size-padding-list-12);
6507
- }
6508
-
6509
- .x-list--gap-.x-list {
6510
- gap: var(--x-size-gap-list-12);
6478
+ .x-list--gap-19.x-list {
6479
+ gap: var(--x-size-gap-list-19);
6511
6480
  }
6512
6481
  @media not all and (min-resolution: 0.001dpcm) {
6513
- .x-list--gap-.x-list {
6482
+ .x-list--gap-19.x-list:not(.x-list--horizontal), .x-list--gap-19.x-list.x-list--vertical {
6514
6483
  gap: 0;
6515
6484
  }
6516
- .x-list--gap-.x-list > *:not(:last-child) {
6517
- margin-bottom: var(--x-size-gap-list-12);
6485
+ .x-list--gap-19.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-19.x-list.x-list--vertical > *:not(:last-child) {
6486
+ margin-bottom: var(--x-size-gap-list-19);
6518
6487
  }
6519
- .x-list--gap-.x-list.x-list--horizontal {
6488
+ .x-list--gap-19.x-list.x-list--horizontal {
6520
6489
  gap: 0;
6521
6490
  }
6522
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6523
- margin-right: var(--x-size-gap-list-12);
6491
+ .x-list--gap-19.x-list.x-list--horizontal > *:not(:last-child) {
6492
+ margin-right: var(--x-size-gap-list-19);
6493
+ }
6494
+ .x-list--gap-19.x-list.x-list--wrap {
6495
+ gap: 0;
6496
+ }
6497
+ .x-list--gap-19.x-list.x-list--wrap > *:not(:last-child) {
6498
+ margin-right: var(--x-size-gap-list-19);
6499
+ margin-bottom: var(--x-size-gap-list-19);
6524
6500
  }
6525
6501
  }
6526
6502
 
6527
- .x-list--padding-13.x-list {
6528
- padding: var(--x-size-padding-list-13);
6529
- }
6530
-
6531
- .x-list--gap-.x-list {
6532
- gap: var(--x-size-gap-list-13);
6503
+ .x-list--gap-20.x-list {
6504
+ gap: var(--x-size-gap-list-20);
6533
6505
  }
6534
6506
  @media not all and (min-resolution: 0.001dpcm) {
6535
- .x-list--gap-.x-list {
6507
+ .x-list--gap-20.x-list:not(.x-list--horizontal), .x-list--gap-20.x-list.x-list--vertical {
6536
6508
  gap: 0;
6537
6509
  }
6538
- .x-list--gap-.x-list > *:not(:last-child) {
6539
- margin-bottom: var(--x-size-gap-list-13);
6510
+ .x-list--gap-20.x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list--gap-20.x-list.x-list--vertical > *:not(:last-child) {
6511
+ margin-bottom: var(--x-size-gap-list-20);
6540
6512
  }
6541
- .x-list--gap-.x-list.x-list--horizontal {
6513
+ .x-list--gap-20.x-list.x-list--horizontal {
6514
+ gap: 0;
6515
+ }
6516
+ .x-list--gap-20.x-list.x-list--horizontal > *:not(:last-child) {
6517
+ margin-right: var(--x-size-gap-list-20);
6518
+ }
6519
+ .x-list--gap-20.x-list.x-list--wrap {
6542
6520
  gap: 0;
6543
6521
  }
6544
- .x-list--gap-.x-list.x-list--horizontal > *:not(:last-child) {
6545
- margin-right: var(--x-size-gap-list-13);
6522
+ .x-list--gap-20.x-list.x-list--wrap > *:not(:last-child) {
6523
+ margin-right: var(--x-size-gap-list-20);
6524
+ margin-bottom: var(--x-size-gap-list-20);
6546
6525
  }
6547
6526
  }
6548
6527
  :root {
@@ -6553,6 +6532,14 @@
6553
6532
  --x-size-align-list: stretch;
6554
6533
  --x-size-align-list-stretch: stretch;
6555
6534
  }
6535
+ :root {
6536
+ --x-string-flow-list: column nowrap;
6537
+ --x-size-padding-list: 0;
6538
+ --x-size-gap-list: 0;
6539
+ --x-size-justify-list: stretch;
6540
+ --x-size-align-list: stretch;
6541
+ --x-size-align-list-stretch: stretch;
6542
+ }
6556
6543
 
6557
6544
  .x-list {
6558
6545
  display: flex;
@@ -6693,14 +6680,6 @@
6693
6680
  .x-list > .x-list__item--12 {
6694
6681
  flex: 12 1 auto;
6695
6682
  }
6696
- :root {
6697
- --x-string-flow-list: column nowrap;
6698
- --x-size-padding-list: 0;
6699
- --x-size-gap-list: 0;
6700
- --x-size-justify-list: stretch;
6701
- --x-size-align-list: stretch;
6702
- --x-size-align-list-stretch: stretch;
6703
- }
6704
6683
  :root {
6705
6684
  --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6706
6685
  --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
@@ -6745,6 +6724,15 @@
6745
6724
  --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6746
6725
  --x-size-border-width-left-input-group-line: 0;
6747
6726
  }
6727
+ :root {
6728
+ --x-size-padding-left-input-group-line: 0;
6729
+ --x-size-padding-right-input-group-line: 0;
6730
+ --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
6731
+ --x-size-border-width-top-input-group-line: 0;
6732
+ --x-size-border-width-right-input-group-line: 0;
6733
+ --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6734
+ --x-size-border-width-left-input-group-line: 0;
6735
+ }
6748
6736
 
6749
6737
  .x-input-group--line .x-input-group,
6750
6738
  .x-input-group--line.x-input-group {
@@ -6784,13 +6772,47 @@
6784
6772
  margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
6785
6773
  }
6786
6774
  :root {
6787
- --x-size-padding-left-input-group-line: 0;
6788
- --x-size-padding-right-input-group-line: 0;
6789
- --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
6790
- --x-size-border-width-top-input-group-line: 0;
6791
- --x-size-border-width-right-input-group-line: 0;
6792
- --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6793
- --x-size-border-width-left-input-group-line: 0;
6775
+ --x-color-background-input-group-default: var(--x-color-background-input-default);
6776
+ --x-color-border-input-group-default: var(--x-color-border-input-default);
6777
+ --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
6778
+ --x-color-text-input-group-default: var(--x-color-text-input-default);
6779
+ --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
6780
+ --x-size-height-input-group-default: var(--x-size-height-input-default);
6781
+ --x-size-gap-input-group-default: var(--x-size-base-03);
6782
+ --x-size-padding-left-input-group-default: var(--x-size-base-06);
6783
+ --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
6784
+ --x-size-padding-input-group-default-action: var(--x-size-base-03);
6785
+ --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
6786
+ --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
6787
+ --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
6788
+ --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
6789
+ --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
6790
+ --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
6791
+ --x-size-border-radius-top-left-input-group-default: var(
6792
+ --x-size-border-radius-input-group-default
6793
+ );
6794
+ --x-size-border-radius-top-right-input-group-default: var(
6795
+ --x-size-border-radius-input-group-default
6796
+ );
6797
+ --x-size-border-radius-bottom-right-input-group-default: var(
6798
+ --x-size-border-radius-input-group-default
6799
+ );
6800
+ --x-size-border-radius-bottom-left-input-group-default: var(
6801
+ --x-size-border-radius-input-group-default
6802
+ );
6803
+ --x-font-family-input-group-default: var(--x-font-family-input-default);
6804
+ --x-size-font-input-group-default: var(--x-size-font-input-default);
6805
+ --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
6806
+ --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
6807
+ --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
6808
+ --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
6809
+ --x-size-line-height-input-group-placeholder-default: var(
6810
+ --x-size-line-height-input-group-default
6811
+ );
6812
+ --x-number-font-weight-input-group-placeholder-default: var(
6813
+ --x-number-font-weight-input-group-default
6814
+ );
6815
+ --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6794
6816
  }
6795
6817
  :root {
6796
6818
  --x-color-background-input-group-default: var(--x-color-background-input-default);
@@ -6970,47 +6992,13 @@
6970
6992
  margin-left: calc(var(--x-size-border-width-right-input-group-default) * -1);
6971
6993
  }
6972
6994
  :root {
6973
- --x-color-background-input-group-default: var(--x-color-background-input-default);
6974
- --x-color-border-input-group-default: var(--x-color-border-input-default);
6975
- --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
6976
- --x-color-text-input-group-default: var(--x-color-text-input-default);
6977
- --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
6978
- --x-size-height-input-group-default: var(--x-size-height-input-default);
6979
- --x-size-gap-input-group-default: var(--x-size-base-03);
6980
- --x-size-padding-left-input-group-default: var(--x-size-base-06);
6981
- --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
6982
- --x-size-padding-input-group-default-action: var(--x-size-base-03);
6983
- --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
6984
- --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
6985
- --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
6986
- --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
6987
- --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
6988
- --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
6989
- --x-size-border-radius-top-left-input-group-default: var(
6990
- --x-size-border-radius-input-group-default
6991
- );
6992
- --x-size-border-radius-top-right-input-group-default: var(
6993
- --x-size-border-radius-input-group-default
6994
- );
6995
- --x-size-border-radius-bottom-right-input-group-default: var(
6996
- --x-size-border-radius-input-group-default
6997
- );
6998
- --x-size-border-radius-bottom-left-input-group-default: var(
6999
- --x-size-border-radius-input-group-default
7000
- );
7001
- --x-font-family-input-group-default: var(--x-font-family-input-default);
7002
- --x-size-font-input-group-default: var(--x-size-font-input-default);
7003
- --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
7004
- --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
7005
- --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
7006
- --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
7007
- --x-size-line-height-input-group-placeholder-default: var(
7008
- --x-size-line-height-input-group-default
7009
- );
7010
- --x-number-font-weight-input-group-placeholder-default: var(
7011
- --x-number-font-weight-input-group-default
6995
+ --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
6996
+ --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
6997
+ --x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
6998
+ --x-size-border-radius-bottom-right-input-group-card: var(
6999
+ --x-size-border-radius-input-group-card
7012
7000
  );
7013
- --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
7001
+ --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7014
7002
  }
7015
7003
  :root {
7016
7004
  --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
@@ -7048,15 +7036,6 @@
7048
7036
  --x-size-border-radius-top-left-input-group-default: 0;
7049
7037
  --x-size-border-radius-bottom-left-input-group-default: 0;
7050
7038
  }
7051
- :root {
7052
- --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7053
- --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
7054
- --x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
7055
- --x-size-border-radius-bottom-right-input-group-card: var(
7056
- --x-size-border-radius-input-group-card
7057
- );
7058
- --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7059
- }
7060
7039
  :root {
7061
7040
  --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7062
7041
  --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
@@ -7140,6 +7119,34 @@
7140
7119
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7141
7120
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7142
7121
  }
7122
+ :root {
7123
+ --x-color-background-input-default: var(--x-color-base-neutral-100);
7124
+ --x-color-border-input-default: var(--x-color-base-neutral-70);
7125
+ --x-color-border-input-default-focus: var(--x-color-base-lead);
7126
+ --x-color-text-input-default: var(--x-color-text-default);
7127
+ --x-color-text-input-placeholder-default: var(--x-color-base-neutral-35);
7128
+ --x-size-border-width-input-default: var(--x-size-border-width-base);
7129
+ --x-size-border-width-top-input-default: var(--x-size-border-width-input-default);
7130
+ --x-size-border-width-right-input-default: var(--x-size-border-width-input-default);
7131
+ --x-size-border-width-bottom-input-default: var(--x-size-border-width-input-default);
7132
+ --x-size-border-width-left-input-default: var(--x-size-border-width-input-default);
7133
+ --x-size-border-radius-input-default: var(--x-size-border-radius-base-none);
7134
+ --x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-default);
7135
+ --x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-default);
7136
+ --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-default);
7137
+ --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-default);
7138
+ --x-size-height-input-default: var(--x-size-base-07);
7139
+ --x-size-padding-right-input-default: var(--x-size-base-04);
7140
+ --x-size-padding-left-input-default: var(--x-size-base-04);
7141
+ --x-font-family-input-default: var(--x-font-family-text);
7142
+ --x-size-font-input-default: var(--x-size-font-text);
7143
+ --x-size-line-height-input-default: var(--x-size-line-height-text);
7144
+ --x-number-font-weight-input-default: var(--x-number-font-weight-text);
7145
+ --x-font-family-input-placeholder-default: var(--x-font-family-input-default);
7146
+ --x-size-font-input-placeholder-default: var(--x-size-font-input-default);
7147
+ --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7148
+ --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7149
+ }
7143
7150
 
7144
7151
  [dir="ltr"] .x-input {
7145
7152
  padding-left: var(--x-size-padding-left-input-default);
@@ -7220,34 +7227,6 @@
7220
7227
  font-weight: var(--x-number-font-weight-input-placeholder-default);
7221
7228
  line-height: var(--x-size-line-height-input-placeholder-default);
7222
7229
  }
7223
- :root {
7224
- --x-color-background-input-default: var(--x-color-base-neutral-100);
7225
- --x-color-border-input-default: var(--x-color-base-neutral-70);
7226
- --x-color-border-input-default-focus: var(--x-color-base-lead);
7227
- --x-color-text-input-default: var(--x-color-text-default);
7228
- --x-color-text-input-placeholder-default: var(--x-color-base-neutral-35);
7229
- --x-size-border-width-input-default: var(--x-size-border-width-base);
7230
- --x-size-border-width-top-input-default: var(--x-size-border-width-input-default);
7231
- --x-size-border-width-right-input-default: var(--x-size-border-width-input-default);
7232
- --x-size-border-width-bottom-input-default: var(--x-size-border-width-input-default);
7233
- --x-size-border-width-left-input-default: var(--x-size-border-width-input-default);
7234
- --x-size-border-radius-input-default: var(--x-size-border-radius-base-none);
7235
- --x-size-border-radius-top-left-input-default: var(--x-size-border-radius-input-default);
7236
- --x-size-border-radius-top-right-input-default: var(--x-size-border-radius-input-default);
7237
- --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-default);
7238
- --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-default);
7239
- --x-size-height-input-default: var(--x-size-base-07);
7240
- --x-size-padding-right-input-default: var(--x-size-base-04);
7241
- --x-size-padding-left-input-default: var(--x-size-base-04);
7242
- --x-font-family-input-default: var(--x-font-family-text);
7243
- --x-size-font-input-default: var(--x-size-font-text);
7244
- --x-size-line-height-input-default: var(--x-size-line-height-text);
7245
- --x-number-font-weight-input-default: var(--x-number-font-weight-text);
7246
- --x-font-family-input-placeholder-default: var(--x-font-family-input-default);
7247
- --x-size-font-input-placeholder-default: var(--x-size-font-input-default);
7248
- --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7249
- --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7250
- }
7251
7230
  :root {
7252
7231
  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
7253
7232
  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
@@ -7255,6 +7234,19 @@
7255
7234
  --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
7256
7235
  --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
7257
7236
  }
7237
+ :root {
7238
+ --x-size-width-icon-xl: var(--x-size-base-07);
7239
+ --x-size-height-icon-xl: var(--x-size-base-07);
7240
+ }
7241
+
7242
+ .x-icon--xl {
7243
+ --x-size-width-icon-default: var(--x-size-width-icon-xl);
7244
+ --x-size-height-icon-default: var(--x-size-height-icon-xl);
7245
+ }
7246
+ :root {
7247
+ --x-size-width-icon-xl: var(--x-size-base-07);
7248
+ --x-size-height-icon-xl: var(--x-size-base-07);
7249
+ }
7258
7250
  :root {
7259
7251
  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
7260
7252
  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
@@ -7276,17 +7268,8 @@
7276
7268
  );
7277
7269
  }
7278
7270
  :root {
7279
- --x-size-width-icon-xl: var(--x-size-base-07);
7280
- --x-size-height-icon-xl: var(--x-size-base-07);
7281
- }
7282
-
7283
- .x-icon--xl {
7284
- --x-size-width-icon-default: var(--x-size-width-icon-xl);
7285
- --x-size-height-icon-default: var(--x-size-height-icon-xl);
7286
- }
7287
- :root {
7288
- --x-size-width-icon-xl: var(--x-size-base-07);
7289
- --x-size-height-icon-xl: var(--x-size-base-07);
7271
+ --x-size-width-icon-s: var(--x-size-base-03);
7272
+ --x-size-height-icon-s: var(--x-size-base-03);
7290
7273
  }
7291
7274
  :root {
7292
7275
  --x-size-width-icon-s: var(--x-size-base-03);
@@ -7297,10 +7280,6 @@
7297
7280
  --x-size-width-icon-default: var(--x-size-width-icon-s);
7298
7281
  --x-size-height-icon-default: var(--x-size-height-icon-s);
7299
7282
  }
7300
- :root {
7301
- --x-size-width-icon-s: var(--x-size-base-03);
7302
- --x-size-height-icon-s: var(--x-size-base-03);
7303
- }
7304
7283
  :root {
7305
7284
  --x-size-width-icon-m: var(--x-size-base-05);
7306
7285
  --x-size-height-icon-m: var(--x-size-base-05);
@@ -7318,14 +7297,28 @@
7318
7297
  --x-size-width-icon-l: var(--x-size-base-06);
7319
7298
  --x-size-height-icon-l: var(--x-size-base-06);
7320
7299
  }
7300
+ :root {
7301
+ --x-color-stroke-icon-default: currentColor;
7302
+ --x-color-fill-icon-default: none;
7303
+ --x-size-width-icon-default: var(--x-size-width-icon-m);
7304
+ --x-size-height-icon-default: var(--x-size-height-icon-m);
7305
+ --x-string-stroke-linecap-icon-default: butt;
7306
+ --x-string-stroke-linejoin-icon-default: mitter;
7307
+ --x-size-stroke-width-icon-default: 1px;
7308
+ }
7309
+ :root {
7310
+ --x-size-width-icon-l: var(--x-size-base-06);
7311
+ --x-size-height-icon-l: var(--x-size-base-06);
7312
+ }
7321
7313
 
7322
7314
  .x-icon--l {
7323
7315
  --x-size-width-icon-default: var(--x-size-width-icon-l);
7324
7316
  --x-size-height-icon-default: var(--x-size-height-icon-l);
7325
7317
  }
7326
7318
  :root {
7327
- --x-size-width-icon-l: var(--x-size-base-06);
7328
- --x-size-height-icon-l: var(--x-size-base-06);
7319
+ --x-size-padding-grid: 0;
7320
+ --x-size-gap-grid: var(--x-size-base-03);
7321
+ --x-size-min-width-grid-item: 150px;
7329
7322
  }
7330
7323
  :root {
7331
7324
  --x-color-stroke-icon-default: currentColor;
@@ -7351,25 +7344,11 @@
7351
7344
  font-size: var(--x-size-height-icon-default);
7352
7345
  stroke-linecap: var(--x-string-stroke-linecap-icon-default);
7353
7346
  stroke-linejoin: var(--x-string-stroke-linejoin-icon-default);
7354
- stroke-width: var(--x-size-stroke-width-icon-default);
7355
- }
7356
- .x-icon.x-filled {
7357
- stroke: none;
7358
- fill: var(--x-color-stroke-icon-default);
7359
- }
7360
- :root {
7361
- --x-color-stroke-icon-default: currentColor;
7362
- --x-color-fill-icon-default: none;
7363
- --x-size-width-icon-default: var(--x-size-width-icon-m);
7364
- --x-size-height-icon-default: var(--x-size-height-icon-m);
7365
- --x-string-stroke-linecap-icon-default: butt;
7366
- --x-string-stroke-linejoin-icon-default: mitter;
7367
- --x-size-stroke-width-icon-default: 1px;
7368
- }
7369
- :root {
7370
- --x-size-padding-grid: 0;
7371
- --x-size-gap-grid: var(--x-size-base-03);
7372
- --x-size-min-width-grid-item: 150px;
7347
+ stroke-width: var(--x-size-stroke-width-icon-default);
7348
+ }
7349
+ .x-icon.x-filled {
7350
+ stroke: none;
7351
+ fill: var(--x-color-stroke-icon-default);
7373
7352
  }
7374
7353
  :root {
7375
7354
  --x-size-padding-grid: 0;
@@ -7410,38 +7389,6 @@
7410
7389
  --x-size-padding-bottom-filter-children: 0;
7411
7390
  --x-size-padding-left-filter-children: var(--x-size-base-05);
7412
7391
  }
7413
- :root {
7414
- --x-color-background-filter-default: transparent;
7415
- --x-color-border-filter-default: var(--x-color-background-filter-default);
7416
- --x-color-text-filter-default: var(--x-color-text-default);
7417
- --x-color-background-filter-default-selected: var(--x-color-background-filter-default);
7418
- --x-color-border-filter-default-selected: var(--x-color-border-filter-default);
7419
- --x-color-text-filter-default-selected: var(--x-color-text-filter-default);
7420
- --x-size-border-width-filter-default: var(--x-size-border-width-base);
7421
- --x-size-border-width-top-filter-default: var(--x-size-border-width-filter-default);
7422
- --x-size-border-width-right-filter-default: var(--x-size-border-width-filter-default);
7423
- --x-size-border-width-bottom-filter-default: var(--x-size-border-width-filter-default);
7424
- --x-size-border-width-left-filter-default: var(--x-size-border-width-filter-default);
7425
- --x-size-border-radius-filter-default: var(--x-size-border-radius-base-none);
7426
- --x-size-border-radius-top-left-filter-default: var(--x-size-border-radius-filter-default);
7427
- --x-size-border-radius-top-right-filter-default: var(--x-size-border-radius-filter-default);
7428
- --x-size-border-radius-bottom-right-filter-default: var(--x-size-border-radius-filter-default);
7429
- --x-size-border-radius-bottom-left-filter-default: var(--x-size-border-radius-filter-default);
7430
- --x-size-padding-top-filter-default: var(--x-size-base-03);
7431
- --x-size-padding-right-filter-default: 0;
7432
- --x-size-padding-bottom-filter-default: var(--x-size-base-03);
7433
- --x-size-padding-left-filter-default: 0;
7434
- --x-size-gap-filter-default: var(--x-size-base-03);
7435
- --x-font-family-filter-default: var(--x-font-family-text);
7436
- --x-size-font-filter-default: var(--x-size-font-text);
7437
- --x-number-font-weight-filter-default: var(--x-number-font-weight-base-regular);
7438
- --x-number-font-weight-filter-default-selected: var(--x-number-font-weight-base-bold);
7439
- --x-number-font-weight-filter-count-default: var(--x-number-font-weight-base-light);
7440
- --x-number-font-weight-filter-count-default-selected: var(
7441
- --x-number-font-weight-filter-count-default
7442
- );
7443
- --x-size-line-height-filter-default: var(--x-size-line-height-text);
7444
- }
7445
7392
  :root {
7446
7393
  --x-size-margin-filter-children: 0;
7447
7394
  --x-size-padding-top-filter-children: 0;
@@ -7506,6 +7453,38 @@
7506
7453
  );
7507
7454
  --x-size-line-height-filter-default: var(--x-size-line-height-text);
7508
7455
  }
7456
+ :root {
7457
+ --x-color-background-filter-default: transparent;
7458
+ --x-color-border-filter-default: var(--x-color-background-filter-default);
7459
+ --x-color-text-filter-default: var(--x-color-text-default);
7460
+ --x-color-background-filter-default-selected: var(--x-color-background-filter-default);
7461
+ --x-color-border-filter-default-selected: var(--x-color-border-filter-default);
7462
+ --x-color-text-filter-default-selected: var(--x-color-text-filter-default);
7463
+ --x-size-border-width-filter-default: var(--x-size-border-width-base);
7464
+ --x-size-border-width-top-filter-default: var(--x-size-border-width-filter-default);
7465
+ --x-size-border-width-right-filter-default: var(--x-size-border-width-filter-default);
7466
+ --x-size-border-width-bottom-filter-default: var(--x-size-border-width-filter-default);
7467
+ --x-size-border-width-left-filter-default: var(--x-size-border-width-filter-default);
7468
+ --x-size-border-radius-filter-default: var(--x-size-border-radius-base-none);
7469
+ --x-size-border-radius-top-left-filter-default: var(--x-size-border-radius-filter-default);
7470
+ --x-size-border-radius-top-right-filter-default: var(--x-size-border-radius-filter-default);
7471
+ --x-size-border-radius-bottom-right-filter-default: var(--x-size-border-radius-filter-default);
7472
+ --x-size-border-radius-bottom-left-filter-default: var(--x-size-border-radius-filter-default);
7473
+ --x-size-padding-top-filter-default: var(--x-size-base-03);
7474
+ --x-size-padding-right-filter-default: 0;
7475
+ --x-size-padding-bottom-filter-default: var(--x-size-base-03);
7476
+ --x-size-padding-left-filter-default: 0;
7477
+ --x-size-gap-filter-default: var(--x-size-base-03);
7478
+ --x-font-family-filter-default: var(--x-font-family-text);
7479
+ --x-size-font-filter-default: var(--x-size-font-text);
7480
+ --x-number-font-weight-filter-default: var(--x-number-font-weight-base-regular);
7481
+ --x-number-font-weight-filter-default-selected: var(--x-number-font-weight-base-bold);
7482
+ --x-number-font-weight-filter-count-default: var(--x-number-font-weight-base-light);
7483
+ --x-number-font-weight-filter-count-default-selected: var(
7484
+ --x-number-font-weight-filter-count-default
7485
+ );
7486
+ --x-size-line-height-filter-default: var(--x-size-line-height-text);
7487
+ }
7509
7488
 
7510
7489
  [dir="ltr"] .x-filter,[dir="ltr"] .x-facet-filter {
7511
7490
  padding-left: var(--x-size-padding-left-filter-default);
@@ -7693,6 +7672,39 @@
7693
7672
  --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7694
7673
  --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7695
7674
  }
7675
+ :root {
7676
+ --x-color-background-facet-default: transparent;
7677
+ --x-color-border-facet-default: var(--x-color-background-facet-default);
7678
+ --x-color-text-facet-default: var(--x-color-text-default);
7679
+ --x-color-background-facet-header-default: var(--x-color-background-facet-default);
7680
+ --x-color-border-facet-header-default: var(--x-color-background-facet-default);
7681
+ --x-size-border-width-facet-default: var(--x-size-border-width-base);
7682
+ --x-size-border-width-top-facet-default: var(--x-size-border-width-facet-default);
7683
+ --x-size-border-width-right-facet-default: var(--x-size-border-width-facet-default);
7684
+ --x-size-border-width-bottom-facet-default: var(--x-size-border-width-facet-default);
7685
+ --x-size-border-width-left-facet-default: var(--x-size-border-width-facet-default);
7686
+ --x-size-border-width-facet-header-default: var(--x-size-border-width-base);
7687
+ --x-size-border-width-top-facet-header-default: var(--x-size-border-width-facet-header-default);
7688
+ --x-size-border-width-right-facet-header-default: var(--x-size-border-width-facet-header-default);
7689
+ --x-size-border-width-bottom-facet-header-default: var(
7690
+ --x-size-border-width-facet-header-default
7691
+ );
7692
+ --x-size-border-width-left-facet-header-default: var(--x-size-border-width-facet-header-default);
7693
+ --x-size-border-radius-facet-default: var(--x-size-border-radius-base-none);
7694
+ --x-size-border-radius-top-left-facet-default: var(--x-size-border-radius-facet-default);
7695
+ --x-size-border-radius-top-right-facet-default: var(--x-size-border-radius-facet-default);
7696
+ --x-size-border-radius-bottom-right-facet-default: var(--x-size-border-radius-facet-default);
7697
+ --x-size-border-radius-bottom-left-facet-default: var(--x-size-border-radius-facet-default);
7698
+ --x-size-padding-top-facet-header-default: var(--x-size-base-03);
7699
+ --x-size-padding-right-facet-header-default: 0;
7700
+ --x-size-padding-bottom-facet-header-default: var(--x-size-base-03);
7701
+ --x-size-padding-left-facet-header-default: 0;
7702
+ --x-size-gap-facet-header-default: var(--x-size-base-03);
7703
+ --x-font-family-facet-default: var(--x-font-family-title3);
7704
+ --x-size-font-facet-default: var(--x-size-font-title3);
7705
+ --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7706
+ --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7707
+ }
7696
7708
 
7697
7709
  [dir="ltr"] .x-facet {
7698
7710
  border-right-width: var(--x-size-border-width-right-facet-default);
@@ -7787,39 +7799,6 @@
7787
7799
  .x-facet > *:first-child .x-icon:last-child:not(:first-child), .x-facet__header .x-icon:last-child:not(:first-child) {
7788
7800
  margin-left: auto;
7789
7801
  }
7790
- :root {
7791
- --x-color-background-facet-default: transparent;
7792
- --x-color-border-facet-default: var(--x-color-background-facet-default);
7793
- --x-color-text-facet-default: var(--x-color-text-default);
7794
- --x-color-background-facet-header-default: var(--x-color-background-facet-default);
7795
- --x-color-border-facet-header-default: var(--x-color-background-facet-default);
7796
- --x-size-border-width-facet-default: var(--x-size-border-width-base);
7797
- --x-size-border-width-top-facet-default: var(--x-size-border-width-facet-default);
7798
- --x-size-border-width-right-facet-default: var(--x-size-border-width-facet-default);
7799
- --x-size-border-width-bottom-facet-default: var(--x-size-border-width-facet-default);
7800
- --x-size-border-width-left-facet-default: var(--x-size-border-width-facet-default);
7801
- --x-size-border-width-facet-header-default: var(--x-size-border-width-base);
7802
- --x-size-border-width-top-facet-header-default: var(--x-size-border-width-facet-header-default);
7803
- --x-size-border-width-right-facet-header-default: var(--x-size-border-width-facet-header-default);
7804
- --x-size-border-width-bottom-facet-header-default: var(
7805
- --x-size-border-width-facet-header-default
7806
- );
7807
- --x-size-border-width-left-facet-header-default: var(--x-size-border-width-facet-header-default);
7808
- --x-size-border-radius-facet-default: var(--x-size-border-radius-base-none);
7809
- --x-size-border-radius-top-left-facet-default: var(--x-size-border-radius-facet-default);
7810
- --x-size-border-radius-top-right-facet-default: var(--x-size-border-radius-facet-default);
7811
- --x-size-border-radius-bottom-right-facet-default: var(--x-size-border-radius-facet-default);
7812
- --x-size-border-radius-bottom-left-facet-default: var(--x-size-border-radius-facet-default);
7813
- --x-size-padding-top-facet-header-default: var(--x-size-base-03);
7814
- --x-size-padding-right-facet-header-default: 0;
7815
- --x-size-padding-bottom-facet-header-default: var(--x-size-base-03);
7816
- --x-size-padding-left-facet-header-default: 0;
7817
- --x-size-gap-facet-header-default: var(--x-size-base-03);
7818
- --x-font-family-facet-default: var(--x-font-family-title3);
7819
- --x-size-font-facet-default: var(--x-size-font-title3);
7820
- --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7821
- --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7822
- }
7823
7802
  :root {
7824
7803
  --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7825
7804
  --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
@@ -7861,6 +7840,9 @@
7861
7840
  :root {
7862
7841
  --x-size-width-dropdown-xl: 282px;
7863
7842
  }
7843
+ :root {
7844
+ --x-size-width-dropdown-s: 74px;
7845
+ }
7864
7846
  :root {
7865
7847
  --x-size-width-dropdown-xl: 282px;
7866
7848
  }
@@ -7871,9 +7853,6 @@
7871
7853
  :root {
7872
7854
  --x-size-width-dropdown-s: 74px;
7873
7855
  }
7874
- :root {
7875
- --x-size-width-dropdown-s: 74px;
7876
- }
7877
7856
 
7878
7857
  .x-dropdown.x-dropdown--s {
7879
7858
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
@@ -7963,30 +7942,6 @@
7963
7942
  --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7964
7943
  --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7965
7944
  }
7966
- :root {
7967
- --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7968
- --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
7969
- --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
7970
- --x-size-padding-right-dropdown-item-line: 0;
7971
- --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
7972
- --x-size-padding-left-dropdown-item-line: 0;
7973
- --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
7974
- --x-size-padding-right-dropdown-toggle-line: 0;
7975
- --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
7976
- --x-size-padding-left-dropdown-toggle-line: 0;
7977
- --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
7978
- --x-size-border-width-top-dropdown-toggle-line: 0;
7979
- --x-size-border-width-right-dropdown-toggle-line: 0;
7980
- --x-size-border-width-bottom-dropdown-toggle-line: var(
7981
- --x-size-border-width-dropdown-toggle-line
7982
- );
7983
- --x-size-border-width-left-dropdown-toggle-line: 0;
7984
- --x-size-border-width-dropdown-list-line: 0;
7985
- --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7986
- --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7987
- --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7988
- --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7989
- }
7990
7945
 
7991
7946
  .x-dropdown--line {
7992
7947
  --x-size-padding-top-dropdown-item-default: var(--x-size-padding-top-dropdown-item-line);
@@ -8006,108 +7961,59 @@
8006
7961
  --x-size-border-width-right-dropdown-toggle-default: var(
8007
7962
  --x-size-border-width-right-dropdown-toggle-line
8008
7963
  );
8009
- --x-size-border-width-bottom-dropdown-toggle-default: var(
8010
- --x-size-border-width-bottom-dropdown-toggle-line
8011
- );
8012
- --x-size-border-width-left-dropdown-toggle-default: var(
8013
- --x-size-border-width-left-dropdown-toggle-line
8014
- );
8015
- --x-size-border-width-dropdown-list-default: var(--x-size-border-width-dropdown-list-line);
8016
- --x-size-border-width-top-dropdown-list-default: var(
8017
- --x-size-border-width-top-dropdown-list-line
8018
- );
8019
- --x-size-border-width-right-dropdown-list-default: var(
8020
- --x-size-border-width-right-dropdown-list-line
8021
- );
8022
- --x-size-border-width-bottom-dropdown-list-default: var(
8023
- --x-size-border-width-bottom-dropdown-list-line
8024
- );
8025
- --x-size-border-width-left-dropdown-list-default: var(
8026
- --x-size-border-width-left-dropdown-list-line
8027
- );
8028
- }
8029
- :root {
8030
- --x-size-width-dropdown-l: 202px;
8031
- }
8032
- :root {
8033
- --x-size-width-dropdown-l: 202px;
8034
- }
8035
-
8036
- .x-dropdown.x-dropdown--l {
8037
- --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
8038
- }
8039
- :root {
8040
- --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8041
- --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8042
- --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
8043
- --x-size-border-radius-bottom-right-dropdown-default: var(
8044
- --x-size-border-radius-dropdown-default
8045
- );
8046
- --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8047
- --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
8048
- --x-size-border-width-top-dropdown-toggle-default: var(
8049
- --x-size-border-width-dropdown-toggle-default
8050
- );
8051
- --x-size-border-width-right-dropdown-toggle-default: var(
8052
- --x-size-border-width-dropdown-toggle-default
8053
- );
8054
- --x-size-border-width-bottom-dropdown-toggle-default: var(
8055
- --x-size-border-width-dropdown-toggle-default
8056
- );
8057
- --x-size-border-width-left-dropdown-toggle-default: var(
8058
- --x-size-border-width-dropdown-toggle-default
8059
- );
8060
- --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
8061
- --x-size-border-width-top-dropdown-list-default: 0;
8062
- --x-size-border-width-right-dropdown-list-default: var(
8063
- --x-size-border-width-dropdown-list-default
8064
- );
8065
- --x-size-border-width-bottom-dropdown-list-default: var(
8066
- --x-size-border-width-dropdown-list-default
8067
- );
8068
- --x-size-border-width-left-dropdown-list-default: var(
8069
- --x-size-border-width-dropdown-list-default
8070
- );
8071
- --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
8072
- --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
8073
- --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
8074
- --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
8075
- --x-color-background-dropdown-toggle-open-default: var(
8076
- --x-color-background-dropdown-toggle-default
8077
- );
8078
- --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
8079
- --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
8080
- --x-color-text-dropdown-default: var(--x-color-text-default);
8081
- --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
8082
- --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
8083
- --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
8084
- --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
8085
- --x-font-family-dropdown-default: var(--x-font-family-text);
8086
- --x-size-font-dropdown-default: var(--x-size-font-text);
8087
- --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
8088
- --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
8089
- --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
8090
- --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
8091
- --x-font-decoration-dropdown-item-default-hover: none;
8092
- --x-font-decoration-dropdown-item-default-selected: none;
8093
- --x-size-width-dropdown-toggle-default: 100%;
8094
- --x-size-min-width-dropdown-list-default: 100%;
8095
- --x-size-gap-dropdown-default: 0;
8096
- --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
8097
- --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
8098
- --x-size-padding-bottom-dropdown-toggle-default: var(
8099
- --x-size-padding-bottom-dropdown-item-default
7964
+ --x-size-border-width-bottom-dropdown-toggle-default: var(
7965
+ --x-size-border-width-bottom-dropdown-toggle-line
8100
7966
  );
8101
- --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
8102
- --x-size-padding-vertical-dropdown-list-default: 0;
8103
- --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
8104
- --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
8105
- --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
8106
- --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
8107
- --x-size-gap-dropdown-item-default: var(--x-size-base-03);
8108
- --x-string-box-shadow-dropdown-default: none;
8109
- --x-string-overflow-dropdown-toggle-default: hidden;
8110
- --x-string-overflow-dropdown-list-default: hidden;
7967
+ --x-size-border-width-left-dropdown-toggle-default: var(
7968
+ --x-size-border-width-left-dropdown-toggle-line
7969
+ );
7970
+ --x-size-border-width-dropdown-list-default: var(--x-size-border-width-dropdown-list-line);
7971
+ --x-size-border-width-top-dropdown-list-default: var(
7972
+ --x-size-border-width-top-dropdown-list-line
7973
+ );
7974
+ --x-size-border-width-right-dropdown-list-default: var(
7975
+ --x-size-border-width-right-dropdown-list-line
7976
+ );
7977
+ --x-size-border-width-bottom-dropdown-list-default: var(
7978
+ --x-size-border-width-bottom-dropdown-list-line
7979
+ );
7980
+ --x-size-border-width-left-dropdown-list-default: var(
7981
+ --x-size-border-width-left-dropdown-list-line
7982
+ );
7983
+ }
7984
+ :root {
7985
+ --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7986
+ --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
7987
+ --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
7988
+ --x-size-padding-right-dropdown-item-line: 0;
7989
+ --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
7990
+ --x-size-padding-left-dropdown-item-line: 0;
7991
+ --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
7992
+ --x-size-padding-right-dropdown-toggle-line: 0;
7993
+ --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
7994
+ --x-size-padding-left-dropdown-toggle-line: 0;
7995
+ --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
7996
+ --x-size-border-width-top-dropdown-toggle-line: 0;
7997
+ --x-size-border-width-right-dropdown-toggle-line: 0;
7998
+ --x-size-border-width-bottom-dropdown-toggle-line: var(
7999
+ --x-size-border-width-dropdown-toggle-line
8000
+ );
8001
+ --x-size-border-width-left-dropdown-toggle-line: 0;
8002
+ --x-size-border-width-dropdown-list-line: 0;
8003
+ --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8004
+ --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8005
+ --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8006
+ --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8007
+ }
8008
+ :root {
8009
+ --x-size-width-dropdown-l: 202px;
8010
+ }
8011
+ :root {
8012
+ --x-size-width-dropdown-l: 202px;
8013
+ }
8014
+
8015
+ .x-dropdown.x-dropdown--l {
8016
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
8111
8017
  }
8112
8018
  :root {
8113
8019
  --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
@@ -8352,17 +8258,77 @@
8352
8258
  left: 0;
8353
8259
  }
8354
8260
  :root {
8355
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8356
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8357
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8358
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8359
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8360
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8361
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8362
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8363
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8364
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8365
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8261
+ --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8262
+ --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8263
+ --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
8264
+ --x-size-border-radius-bottom-right-dropdown-default: var(
8265
+ --x-size-border-radius-dropdown-default
8266
+ );
8267
+ --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8268
+ --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
8269
+ --x-size-border-width-top-dropdown-toggle-default: var(
8270
+ --x-size-border-width-dropdown-toggle-default
8271
+ );
8272
+ --x-size-border-width-right-dropdown-toggle-default: var(
8273
+ --x-size-border-width-dropdown-toggle-default
8274
+ );
8275
+ --x-size-border-width-bottom-dropdown-toggle-default: var(
8276
+ --x-size-border-width-dropdown-toggle-default
8277
+ );
8278
+ --x-size-border-width-left-dropdown-toggle-default: var(
8279
+ --x-size-border-width-dropdown-toggle-default
8280
+ );
8281
+ --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
8282
+ --x-size-border-width-top-dropdown-list-default: 0;
8283
+ --x-size-border-width-right-dropdown-list-default: var(
8284
+ --x-size-border-width-dropdown-list-default
8285
+ );
8286
+ --x-size-border-width-bottom-dropdown-list-default: var(
8287
+ --x-size-border-width-dropdown-list-default
8288
+ );
8289
+ --x-size-border-width-left-dropdown-list-default: var(
8290
+ --x-size-border-width-dropdown-list-default
8291
+ );
8292
+ --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
8293
+ --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
8294
+ --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
8295
+ --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
8296
+ --x-color-background-dropdown-toggle-open-default: var(
8297
+ --x-color-background-dropdown-toggle-default
8298
+ );
8299
+ --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
8300
+ --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
8301
+ --x-color-text-dropdown-default: var(--x-color-text-default);
8302
+ --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
8303
+ --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
8304
+ --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
8305
+ --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
8306
+ --x-font-family-dropdown-default: var(--x-font-family-text);
8307
+ --x-size-font-dropdown-default: var(--x-size-font-text);
8308
+ --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
8309
+ --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
8310
+ --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
8311
+ --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
8312
+ --x-font-decoration-dropdown-item-default-hover: none;
8313
+ --x-font-decoration-dropdown-item-default-selected: none;
8314
+ --x-size-width-dropdown-toggle-default: 100%;
8315
+ --x-size-min-width-dropdown-list-default: 100%;
8316
+ --x-size-gap-dropdown-default: 0;
8317
+ --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
8318
+ --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
8319
+ --x-size-padding-bottom-dropdown-toggle-default: var(
8320
+ --x-size-padding-bottom-dropdown-item-default
8321
+ );
8322
+ --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
8323
+ --x-size-padding-vertical-dropdown-list-default: 0;
8324
+ --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
8325
+ --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
8326
+ --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
8327
+ --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
8328
+ --x-size-gap-dropdown-item-default: var(--x-size-base-03);
8329
+ --x-string-box-shadow-dropdown-default: none;
8330
+ --x-string-overflow-dropdown-toggle-default: hidden;
8331
+ --x-string-overflow-dropdown-list-default: hidden;
8366
8332
  }
8367
8333
  :root {
8368
8334
  --x-size-gap-dropdown-card: var(--x-size-base-03);
@@ -8407,6 +8373,19 @@
8407
8373
  --x-size-border-width-left-dropdown-list-card
8408
8374
  );
8409
8375
  }
8376
+ :root {
8377
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8378
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8379
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8380
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8381
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8382
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8383
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8384
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8385
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8386
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8387
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8388
+ }
8410
8389
  :root {
8411
8390
  --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8412
8391
  --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
@@ -8439,14 +8418,11 @@
8439
8418
  --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-tertiary);
8440
8419
  }
8441
8420
  :root {
8442
- --x-color-background-button-secondary: transparent;
8443
- --x-color-border-button-secondary: var(--x-color-border-button-default);
8444
- --x-color-text-button-secondary: var(--x-color-border-button-default);
8445
- --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8446
- --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8447
- --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8448
- --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8449
- --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8421
+ --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8422
+ --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8423
+ --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8424
+ --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8425
+ --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8450
8426
  }
8451
8427
  :root {
8452
8428
  --x-color-background-button-secondary: transparent;
@@ -8476,13 +8452,6 @@
8476
8452
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8477
8453
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8478
8454
  }
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
8455
 
8487
8456
  .x-button--round.x-button,
8488
8457
  .x-button--round .x-button {
@@ -8501,6 +8470,16 @@
8501
8470
  --x-size-padding-left-button-default: 0;
8502
8471
  --x-size-padding-right-button-default: 0;
8503
8472
  }
8473
+ :root {
8474
+ --x-color-background-button-secondary: transparent;
8475
+ --x-color-border-button-secondary: var(--x-color-border-button-default);
8476
+ --x-color-text-button-secondary: var(--x-color-border-button-default);
8477
+ --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8478
+ --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8479
+ --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8480
+ --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8481
+ --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8482
+ }
8504
8483
  :root {
8505
8484
  --x-color-background-button-primary: var(--x-color-background-button-default);
8506
8485
  --x-color-border-button-primary: var(--x-color-border-button-default);
@@ -8539,13 +8518,6 @@
8539
8518
  --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8540
8519
  --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8541
8520
  }
8542
- :root {
8543
- --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8544
- --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
8545
- --x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
8546
- --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8547
- --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8548
- }
8549
8521
 
8550
8522
  .x-button--pill.x-button,
8551
8523
  .x-button--pill .x-button {
@@ -8561,6 +8533,13 @@
8561
8533
  --x-size-border-radius-bottom-left-button-pill
8562
8534
  );
8563
8535
  }
8536
+ :root {
8537
+ --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8538
+ --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
8539
+ --x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
8540
+ --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8541
+ --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8542
+ }
8564
8543
  :root {
8565
8544
  --x-color-background-button-ghost: transparent;
8566
8545
  --x-color-border-button-ghost: transparent;
@@ -8703,23 +8682,6 @@
8703
8682
  --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8704
8683
  --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8705
8684
  }
8706
- :root {
8707
- --x-color-background-badge-default: var(--x-color-base-neutral-10);
8708
- --x-color-text-badge-default: var(--x-color-base-neutral-100);
8709
- --x-color-border-badge-default: var(--x-color-base-neutral-10);
8710
- --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8711
- --x-size-border-width-badge-default: 0;
8712
- --x-size-width-badge-default: 1.5em;
8713
- --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8714
- --x-size-font-badge-default: var(--x-size-font-base-xs);
8715
- }
8716
- :root {
8717
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8718
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8719
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8720
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8721
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8722
- }
8723
8685
 
8724
8686
  .x-button--card.x-button,
8725
8687
  .x-button--card .x-button {
@@ -8735,6 +8697,13 @@
8735
8697
  --x-size-border-radius-bottom-left-button-card
8736
8698
  );
8737
8699
  }
8700
+ :root {
8701
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8702
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8703
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8704
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8705
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8706
+ }
8738
8707
  :root {
8739
8708
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8740
8709
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8806,6 +8775,16 @@
8806
8775
  --x-size-base-19: 280px;
8807
8776
  --x-size-base-20: 344px;
8808
8777
  }
8778
+ :root {
8779
+ --x-color-background-badge-default: var(--x-color-base-neutral-10);
8780
+ --x-color-text-badge-default: var(--x-color-base-neutral-100);
8781
+ --x-color-border-badge-default: var(--x-color-base-neutral-10);
8782
+ --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8783
+ --x-size-border-width-badge-default: 0;
8784
+ --x-size-width-badge-default: 1.5em;
8785
+ --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8786
+ --x-size-font-badge-default: var(--x-size-font-base-xs);
8787
+ }
8809
8788
  :root {
8810
8789
  --x-color-base-lead: #243d48;
8811
8790
  --x-color-base-auxiliary: #bfe1ec;
@@ -8825,4 +8804,25 @@
8825
8804
  --x-size-border-radius-base-m: var(--x-size-base-06);
8826
8805
  --x-size-border-radius-base-pill: 99999px;
8827
8806
  --x-size-border-width-base: 1px;
8807
+ }
8808
+ :root {
8809
+ --x-string-justify-message-default: center;
8810
+ --x-size-gap-message-default: var(--x-size-base-03);
8811
+ --x-size-padding-message-default: var(--x-size-base-06);
8812
+ --x-color-background-message-default: var(--x-color-base-neutral-95);
8813
+ --x-color-border-message-default: var(--x-color-background-message-default);
8814
+ --x-color-text-message-default: var(--x-color-text-default);
8815
+ --x-size-border-radius-message-default: var(--x-size-border-radius-base-m);
8816
+ --x-size-border-radius-top-left-message-default: var(--x-size-border-radius-message-default);
8817
+ --x-size-border-radius-top-right-message-default: var(--x-size-border-radius-message-default);
8818
+ --x-size-border-radius-bottom-right-message-default: var(--x-size-border-radius-message-default);
8819
+ --x-size-border-radius-bottom-left-message-default: var(--x-size-border-radius-message-default);
8820
+ --x-size-border-width-message-default: var(--x-size-border-width-base);
8821
+ --x-size-border-width-top-message-default: var(--x-size-border-width-message-default);
8822
+ --x-size-border-width-right-message-default: var(--x-size-border-width-message-default);
8823
+ --x-size-border-width-bottom-message-default: var(--x-size-border-width-message-default);
8824
+ --x-size-border-width-left-message-default: var(--x-size-border-width-message-default);
8825
+ --x-font-family-message-default: var(--x-font-family-title3);
8826
+ --x-size-font-message-default: var(--x-size-font-title3);
8827
+ --x-number-font-weight-message-default: var(--x-number-font-weight-title3);
8828
8828
  }