@sc-360-v2/storefront-cms-library 0.3.62 → 0.3.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/add-products-tab copy.scss +9 -8
  2. package/dist/add-products-tab.scss +9 -8
  3. package/dist/badge.scss +87 -83
  4. package/dist/builder.js +1 -1
  5. package/dist/cart-details.scss +25 -22
  6. package/dist/cart-summary.scss +17 -143
  7. package/dist/cart-wrapper.scss +127 -0
  8. package/dist/cartDropdownOverlay.scss +23 -4
  9. package/dist/checkout.scss +96 -573
  10. package/dist/dropdownTemplate.scss +58 -4
  11. package/dist/icon-list.scss +25 -19
  12. package/dist/icons.js +1 -1
  13. package/dist/image-for-product.scss +19 -0
  14. package/dist/index.js +1 -1
  15. package/dist/item-stock.scss +27 -26
  16. package/dist/mega-menu-container.scss +96 -0
  17. package/dist/mega-menu.scss +832 -0
  18. package/dist/menu-v2.scss +30 -5
  19. package/dist/modal.scss +168 -8
  20. package/dist/order-status.scss +18 -15
  21. package/dist/past-orders.scss +279 -271
  22. package/dist/payment-methods.scss +72 -69
  23. package/dist/position-module.scss +2 -1
  24. package/dist/prefix-list.scss +3 -0
  25. package/dist/quick-links.scss +49 -46
  26. package/dist/quick-order-pad.scss +3 -0
  27. package/dist/quotes.scss +123 -117
  28. package/dist/rfqs.scss +123 -117
  29. package/dist/simple-list.scss +264 -0
  30. package/dist/templates.scss +299 -0
  31. package/dist/types/builder/elements/cart-wrapper/index.d.ts +44 -0
  32. package/dist/types/builder/elements/mega-menu/index.d.ts +47 -0
  33. package/dist/types/builder/elements/mega-menu-container/index.d.ts +44 -0
  34. package/dist/types/builder/elements/simple-list/index.d.ts +47 -0
  35. package/dist/types/builder/enums/index.d.ts +7 -1
  36. package/dist/types/builder/index.d.ts +5 -1
  37. package/dist/types/builder/tools/element-edit/cart-wrapper.d.ts +16 -0
  38. package/dist/types/builder/tools/element-edit/index.d.ts +5 -1
  39. package/dist/types/builder/tools/element-edit/mega-menu.d.ts +41 -0
  40. package/dist/types/builder/tools/element-edit/megaMenuContainer.d.ts +9 -0
  41. package/dist/types/builder/tools/element-edit/simple-list.d.ts +37 -0
  42. package/dist/types/website/constants/data-connectors.d.ts +18 -0
  43. package/dist/website.js +1 -1
  44. package/dist/widget.scss +4 -0
  45. package/package.json +1 -1
@@ -233,7 +233,7 @@ $dark-color: #343a40;
233
233
  .accordion-body {
234
234
  transition: max-height 800ms ease-in;
235
235
  max-height: 2000px;
236
- padding-block: 12px 24px;
236
+ padding: 16px 0px 48px 2px;
237
237
  .shipping-address {
238
238
  max-height: fit-content;
239
239
  transition: max-height 800ms ease-in;
@@ -930,6 +930,29 @@ $dark-color: #343a40;
930
930
  font-size: 18px;
931
931
  font-weight: 600;
932
932
  color: var(--_gray-900);
933
+ .icon {
934
+ background-color: #f1f1f1;
935
+ width: 24px;
936
+ height: 24px;
937
+ display: flex;
938
+ justify-content: center;
939
+ align-items: center;
940
+ cursor: pointer;
941
+ svg {
942
+ width: 20px;
943
+ height: 20px;
944
+ }
945
+ }
946
+ }
947
+ .select_as_default {
948
+ background-color: #f5f8ff;
949
+ padding: 12px 16px;
950
+ border-radius: 6px;
951
+ gap: 12px;
952
+ color: var(--_gray-900);
953
+ display: flex;
954
+ gap: 12px;
955
+ align-items: center;
933
956
  }
934
957
 
935
958
  form {
@@ -991,46 +1014,9 @@ $dark-color: #343a40;
991
1014
  }
992
1015
 
993
1016
  .chk_shipping_address_form_label {
994
- padding: var(
995
- --_ctm-mob-dn-an-tb-fm-wr-ls-pg,
996
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-pg, var(--_ctm-dn-an-tb-fm-wr-ls-pg))
997
- );
998
- font-family: var(
999
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-fy,
1000
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-fy, var(--_ctm-dn-an-tb-fm-wr-ls-ft-fy))
1001
- );
1002
- color: var(
1003
- --_ctm-mob-dn-an-tb-fm-wr-ls-cr,
1004
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-cr, var(--_ctm-dn-an-tb-fm-wr-ls-cr))
1005
- );
1006
- font-weight: var(
1007
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-wt,
1008
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-wt, var(--_ctm-dn-an-tb-fm-wr-ls-ft-wt))
1009
- );
1010
- font-size: var(
1011
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-se,
1012
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-se, var(--_ctm-dn-an-tb-fm-wr-ls-ft-se))
1013
- );
1014
- text-decoration: var(
1015
- --_ctm-mob-dn-an-tb-fm-wr-ls-ue,
1016
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ue, var(--_ctm-dn-an-tb-fm-wr-ls-ue))
1017
- );
1018
- letter-spacing: var(
1019
- --_ctm-mob-dn-an-tb-fm-wr-ls-lr-sg,
1020
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-lr-sg, var(--_ctm-dn-an-tb-fm-wr-ls-lr-sg))
1021
- );
1022
- line-height: var(
1023
- --_ctm-mob-dn-an-tb-fm-wr-ls-le-ht,
1024
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-le-ht, var(--_ctm-dn-an-tb-fm-wr-ls-le-ht))
1025
- );
1026
- font-style: var(
1027
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-se-ic,
1028
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-se-ic, var(--_ctm-dn-an-tb-fm-wr-ls-ft-se-ic))
1029
- );
1030
- text-align: var(
1031
- --_ctm-mob-dn-an-tb-fm-wr-ls-tt-an,
1032
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-tt-an, var(--_ctm-dn-an-tb-fm-wr-ls-tt-an))
1033
- );
1017
+ color: var(--_gray-700);
1018
+ font-size: 14px;
1019
+ padding-bottom: 6px;
1034
1020
  }
1035
1021
 
1036
1022
  .chk_shiping_address_form_input {
@@ -1285,12 +1271,12 @@ $dark-color: #343a40;
1285
1271
  display: flex;
1286
1272
  flex: 1 0 0;
1287
1273
  width: 100%;
1288
- gap: var(--_ctm-lt-me-as-pt-io-vl-gp);
1274
+ gap: 16px;
1289
1275
  }
1290
1276
 
1291
1277
  &_product_image {
1292
- height: var(--_ctm-lt-me-as-pt-ie-ht);
1293
- width: var(--_ctm-lt-me-as-pt-ie-wh);
1278
+ height: 130px;
1279
+ width: 130px;
1294
1280
  border: 1px solid var(--_gray-100);
1295
1281
  border-radius: 6px;
1296
1282
  }
@@ -1312,27 +1298,9 @@ $dark-color: #343a40;
1312
1298
  var(--_ctm-dn-an-tb-sg-ds-pt-ds-pt-ne-ft-fy)
1313
1299
  )
1314
1300
  );
1315
- color: var(
1316
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-pt-ne-cr,
1317
- var(
1318
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-pt-ne-cr,
1319
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-pt-ne-cr)
1320
- )
1321
- );
1322
- font-weight: var(
1323
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-pt-ne-ft-wt,
1324
- var(
1325
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-pt-ne-ft-wt,
1326
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-pt-ne-ft-wt)
1327
- )
1328
- );
1329
- font-size: var(
1330
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-pt-ne-ft-se,
1331
- var(
1332
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-pt-ne-ft-se,
1333
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-pt-ne-ft-se)
1334
- )
1335
- );
1301
+ color: var(--_gray-900);
1302
+ font-weight: 600;
1303
+ font-size: 14px;
1336
1304
  padding: var(
1337
1305
  --_ctm-mob-dn-an-tb-sg-ds-pt-ds-pt-ne-pg,
1338
1306
  var(
@@ -1340,6 +1308,14 @@ $dark-color: #343a40;
1340
1308
  var(--_ctm-dn-an-tb-sg-ds-pt-ds-pt-ne-pg)
1341
1309
  )
1342
1310
  );
1311
+ margin-bottom: 4px;
1312
+ }
1313
+ .chk_multi_address_product_feautes {
1314
+ font-size: 14px;
1315
+ color: var(--_gray-600);
1316
+ display: flex;
1317
+ flex-direction: column;
1318
+ gap: 4px;
1343
1319
  }
1344
1320
 
1345
1321
  .chk_multi_address_product_info {
@@ -1353,27 +1329,9 @@ $dark-color: #343a40;
1353
1329
  var(--_ctm-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-ft-fy)
1354
1330
  )
1355
1331
  );
1356
- color: var(
1357
- --_ctm-mob-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-cr,
1358
- var(
1359
- --_ctm-tab-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-cr,
1360
- var(--_ctm-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-cr)
1361
- )
1362
- );
1363
- font-weight: var(
1364
- --_ctm-mob-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-ft-wt,
1365
- var(
1366
- --_ctm-tab-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-ft-wt,
1367
- var(--_ctm-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-ft-wt)
1368
- )
1369
- );
1370
- font-size: var(
1371
- --_ctm-mob-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-ft-se,
1372
- var(
1373
- --_ctm-tab-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-ft-se,
1374
- var(--_ctm-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-ft-se)
1375
- )
1376
- );
1332
+ color: var(--_gray-600);
1333
+ font-weight: 400;
1334
+ font-size: 12px;
1377
1335
  padding: var(
1378
1336
  --_ctm-mob-dn-an-tb-sg-ds-pt-wt-pt-ds-vt-ds-pg,
1379
1337
  var(
@@ -1398,41 +1356,10 @@ $dark-color: #343a40;
1398
1356
  // color: var(--_gray-900);
1399
1357
  // font-size: 20px;
1400
1358
  // font-weight: 700;
1401
- font-family: var(
1402
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-pe-ft-fy,
1403
- var(
1404
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-pe-ft-fy,
1405
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-pe-ft-fy)
1406
- )
1407
- );
1408
- color: var(
1409
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-pe-cr,
1410
- var(
1411
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-pe-cr,
1412
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-pe-cr)
1413
- )
1414
- );
1415
- font-weight: var(
1416
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-pe-ft-wt,
1417
- var(
1418
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-pe-ft-wt,
1419
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-pe-ft-wt)
1420
- )
1421
- );
1422
- font-size: var(
1423
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-pe-ft-se,
1424
- var(
1425
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-pe-ft-se,
1426
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-pe-ft-se)
1427
- )
1428
- );
1429
- padding: var(
1430
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-pe-pg,
1431
- var(
1432
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-pe-pg,
1433
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-pe-pg)
1434
- )
1435
- );
1359
+
1360
+ color: var(--_gray-900);
1361
+ font-weight: 700;
1362
+ font-size: 20px;
1436
1363
  }
1437
1364
  }
1438
1365
 
@@ -1444,7 +1371,7 @@ $dark-color: #343a40;
1444
1371
 
1445
1372
  .chk_multi_address_product_info {
1446
1373
  color: var(--_gray-600);
1447
- font-size: 12px;
1374
+ font-size: 14px;
1448
1375
  line-height: 18px;
1449
1376
  }
1450
1377
 
@@ -1459,34 +1386,9 @@ $dark-color: #343a40;
1459
1386
  var(--_ctm-dn-an-tb-sg-ds-pt-ds-qy-ft-fy)
1460
1387
  )
1461
1388
  );
1462
- color: var(
1463
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-qy-cr,
1464
- var(
1465
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-qy-cr,
1466
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-qy-cr)
1467
- )
1468
- );
1469
- font-weight: var(
1470
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-qy-ft-wt,
1471
- var(
1472
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-qy-ft-wt,
1473
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-qy-ft-wt)
1474
- )
1475
- );
1476
- font-size: var(
1477
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-qy-ft-se,
1478
- var(
1479
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-qy-ft-se,
1480
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-qy-ft-se)
1481
- )
1482
- );
1483
- padding: var(
1484
- --_ctm-mob-dn-an-tb-sg-ds-pt-ds-qy-pg,
1485
- var(
1486
- --_ctm-tab-dn-an-tb-sg-ds-pt-ds-qy-pg,
1487
- var(--_ctm-dn-an-tb-sg-ds-pt-ds-qy-pg)
1488
- )
1489
- );
1389
+ color: var(--_gray-900);
1390
+ font-weight: 700;
1391
+ font-size: 14px;
1490
1392
  }
1491
1393
  }
1492
1394
 
@@ -1512,8 +1414,9 @@ $dark-color: #343a40;
1512
1414
  }
1513
1415
 
1514
1416
  .chk_multi_address_product_label {
1515
- color: var(--_gray-600);
1516
- font-size: 12px;
1417
+ color: var(--_gray-900);
1418
+ font-size: 14px;
1419
+ font-weight: 700;
1517
1420
  }
1518
1421
  }
1519
1422
 
@@ -2049,6 +1952,8 @@ $dark-color: #343a40;
2049
1952
  }
2050
1953
  }
2051
1954
  &_pds {
1955
+ font-size: 14px;
1956
+ font-weight: 600;
2052
1957
  &_label {
2053
1958
  // font-size: 14px;
2054
1959
  // color: var(--_gray-600);
@@ -2059,69 +1964,6 @@ $dark-color: #343a40;
2059
1964
  var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-cr)
2060
1965
  )
2061
1966
  );
2062
- font-family: var(
2063
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-fy,
2064
- var(
2065
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-fy,
2066
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-fy)
2067
- )
2068
- );
2069
- font-size: var(
2070
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se,
2071
- var(
2072
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se,
2073
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se)
2074
- )
2075
- );
2076
- font-style: var(
2077
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-ic,
2078
- var(
2079
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-ic,
2080
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-ic)
2081
- )
2082
- );
2083
- font-weight: var(
2084
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-wt,
2085
- var(
2086
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-wt,
2087
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-wt)
2088
- )
2089
- );
2090
- line-height: var(
2091
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-le-ht,
2092
- var(
2093
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-le-ht,
2094
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-le-ht)
2095
- )
2096
- );
2097
- letter-spacing: var(
2098
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-lr-sg,
2099
- var(
2100
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-lr-sg,
2101
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-lr-sg)
2102
- )
2103
- );
2104
- text-decoration: var(
2105
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ue,
2106
- var(
2107
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ue,
2108
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ue)
2109
- )
2110
- );
2111
- padding: var(
2112
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-pg,
2113
- var(
2114
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-pg,
2115
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-pg)
2116
- )
2117
- );
2118
- text-align: var(
2119
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-tt-an,
2120
- var(
2121
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-tt-an,
2122
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-tt-an)
2123
- )
2124
- );
2125
1967
  }
2126
1968
  &_value {
2127
1969
  // font-size: 14px;
@@ -2433,7 +2275,7 @@ $dark-color: #343a40;
2433
2275
  }
2434
2276
  .pp_ppm_section_value {
2435
2277
  font-size: 14px;
2436
- font-weight: 700;
2278
+ font-weight: 600;
2437
2279
  color: var(--_gray-600);
2438
2280
  .pp_ppm_section_value_label {
2439
2281
  // font-weight: 500;
@@ -2445,69 +2287,6 @@ $dark-color: #343a40;
2445
2287
  var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-cr)
2446
2288
  )
2447
2289
  );
2448
- font-family: var(
2449
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-fy,
2450
- var(
2451
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-fy,
2452
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-fy)
2453
- )
2454
- );
2455
- font-size: var(
2456
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se,
2457
- var(
2458
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se,
2459
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se)
2460
- )
2461
- );
2462
- font-style: var(
2463
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-ic,
2464
- var(
2465
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-ic,
2466
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-ic)
2467
- )
2468
- );
2469
- font-weight: var(
2470
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-wt,
2471
- var(
2472
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-wt,
2473
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-wt)
2474
- )
2475
- );
2476
- line-height: var(
2477
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-le-ht,
2478
- var(
2479
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-le-ht,
2480
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-le-ht)
2481
- )
2482
- );
2483
- letter-spacing: var(
2484
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-lr-sg,
2485
- var(
2486
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-lr-sg,
2487
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-lr-sg)
2488
- )
2489
- );
2490
- text-decoration: var(
2491
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ue,
2492
- var(
2493
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ue,
2494
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ue)
2495
- )
2496
- );
2497
- padding: var(
2498
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-pg,
2499
- var(
2500
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-pg,
2501
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-pg)
2502
- )
2503
- );
2504
- text-align: var(
2505
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-tt-an,
2506
- var(
2507
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-tt-an,
2508
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-tt-an)
2509
- )
2510
- );
2511
2290
  }
2512
2291
  .pp_ppm_section_value_amount {
2513
2292
  // font-weight: 500;
@@ -2519,69 +2298,6 @@ $dark-color: #343a40;
2519
2298
  var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-cr-dc)
2520
2299
  )
2521
2300
  );
2522
- font-family: var(
2523
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-fy-dc,
2524
- var(
2525
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-fy-dc,
2526
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-fy-dc)
2527
- )
2528
- );
2529
- font-size: var(
2530
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-dc,
2531
- var(
2532
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-dc,
2533
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-dc)
2534
- )
2535
- );
2536
- font-style: var(
2537
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-ic-dc,
2538
- var(
2539
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-ic-dc,
2540
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-se-ic-dc)
2541
- )
2542
- );
2543
- font-weight: var(
2544
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ft-wt-dc,
2545
- var(
2546
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ft-wt-dc,
2547
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ft-wt-dc)
2548
- )
2549
- );
2550
- line-height: var(
2551
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-le-ht-dc,
2552
- var(
2553
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-le-ht-dc,
2554
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-le-ht-dc)
2555
- )
2556
- );
2557
- letter-spacing: var(
2558
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-lr-sg-dc,
2559
- var(
2560
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-lr-sg-dc,
2561
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-lr-sg-dc)
2562
- )
2563
- );
2564
- text-decoration: var(
2565
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-ue-dc,
2566
- var(
2567
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-ue-dc,
2568
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-ue-dc)
2569
- )
2570
- );
2571
- padding: var(
2572
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-pg-dc,
2573
- var(
2574
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-pg-dc,
2575
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-pg-dc)
2576
- )
2577
- );
2578
- text-align: var(
2579
- --_ctm-mob-dn-an-tb-pt-md-pt-pm-pm-ds-tt-an-dc,
2580
- var(
2581
- --_ctm-tab-dn-an-tb-pt-md-pt-pm-pm-ds-tt-an-dc,
2582
- var(--_ctm-dn-an-tb-pt-md-pt-pm-pm-ds-tt-an-dc)
2583
- )
2584
- );
2585
2301
  }
2586
2302
  }
2587
2303
  }
@@ -2594,8 +2310,10 @@ $dark-color: #343a40;
2594
2310
  padding: 16px 16px 0px 16px;
2595
2311
  display: flex;
2596
2312
  justify-content: space-between;
2313
+ font-weight: 600;
2597
2314
  .cc_tertiary_btn {
2598
2315
  color: var(--_primary-400);
2316
+ font-size: 14px;
2599
2317
  &:hover {
2600
2318
  text-decoration: underline;
2601
2319
  }
@@ -5590,35 +5308,10 @@ $dark-color: #343a40;
5590
5308
  align-items: center;
5591
5309
  cursor: pointer;
5592
5310
  gap: 10px;
5593
- margin-bottom: 6px;
5594
- // color: var(--_ctm-dn-pt-os-dn-cx-ll-dn-cr);
5595
- // font-family: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-fy);
5596
- // font-size: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-se);
5597
- // font-style: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-se-ic);
5598
- // font-weight: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ft-wt);
5599
- // line-height: var(--_ctm-dn-pt-os-dn-cx-ll-dn-le-ht);
5600
- // letter-spacing: var(--_ctm-dn-pt-os-dn-cx-ll-dn-lr-sg);
5601
- // text-decoration: var(--_ctm-dn-pt-os-dn-cx-ll-dn-ue);
5602
- font-family: var(
5603
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-fy,
5604
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-fy, var(--_ctm-dn-an-tb-fm-wr-ls-ft-fy))
5605
- );
5606
- color: var(
5607
- --_ctm-mob-dn-an-tb-fm-wr-ls-cr,
5608
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-cr, var(--_ctm-dn-an-tb-fm-wr-ls-cr))
5609
- );
5610
- font-weight: var(
5611
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-wt,
5612
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-wt, var(--_ctm-dn-an-tb-fm-wr-ls-ft-wt))
5613
- );
5614
- font-size: var(
5615
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-se,
5616
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-se, var(--_ctm-dn-an-tb-fm-wr-ls-ft-se))
5617
- );
5618
- letter-spacing: var(
5619
- --_ctm-mob-dn-an-tb-fm-wr-ls-lr-sg,
5620
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-lr-sg, var(--_ctm-dn-an-tb-fm-wr-ls-lr-sg))
5621
- );
5311
+
5312
+ color: var(--_gray-900);
5313
+ font-weight: 700;
5314
+ font-size: 14px;
5622
5315
 
5623
5316
  .custom-checkbox {
5624
5317
  width: 20px;
@@ -5633,7 +5326,7 @@ $dark-color: #343a40;
5633
5326
  content: "";
5634
5327
  position: absolute;
5635
5328
  display: none;
5636
- left: 5px;
5329
+ left: 6px;
5637
5330
  top: 0.5px;
5638
5331
  width: 5px;
5639
5332
  height: 10px;
@@ -5756,87 +5449,27 @@ $dark-color: #343a40;
5756
5449
  // color: var(--_gray-700);
5757
5450
  // font-size: 16px;
5758
5451
  // font-weight: 600;
5759
- font-family: var(
5760
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-as-te-ft-fy,
5761
- var(
5762
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-as-te-ft-fy,
5763
- var(--_ctm-dn-an-tb-sg-ds-as-wr-as-te-ft-fy)
5764
- )
5765
- );
5766
- color: var(
5767
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-as-te-cr,
5768
- var(
5769
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-as-te-cr,
5770
- var(--_ctm-dn-an-tb-sg-ds-as-wr-as-te-cr)
5771
- )
5772
- );
5773
- font-weight: var(
5774
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-as-te-ft-wt,
5775
- var(
5776
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-as-te-ft-wt,
5777
- var(--_ctm-dn-an-tb-sg-ds-as-wr-as-te-ft-wt)
5778
- )
5779
- );
5780
- font-size: var(
5781
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-as-te-ft-se,
5782
- var(
5783
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-as-te-ft-se,
5784
- var(--_ctm-dn-an-tb-sg-ds-as-wr-as-te-ft-se)
5785
- )
5786
- );
5787
- padding: var(
5788
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-as-te-pg,
5789
- var(
5790
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-as-te-pg,
5791
- var(--_ctm-dn-an-tb-sg-ds-as-wr-as-te-pg)
5792
- )
5793
- );
5452
+
5453
+ color: var(--_gray-900);
5454
+ font-weight: 700;
5455
+ font-size: 16px;
5794
5456
  }
5795
5457
 
5796
5458
  .chk_saved_address {
5797
5459
  // color: var(--_gray-600);
5798
5460
  // font-size: 12px;
5799
- font-family: var(
5800
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ds-io-ft-fy,
5801
- var(
5802
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ds-io-ft-fy,
5803
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ds-io-ft-fy)
5804
- )
5805
- );
5806
- color: var(
5807
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ds-io-cr,
5808
- var(
5809
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ds-io-cr,
5810
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ds-io-cr)
5811
- )
5812
- );
5813
- font-weight: var(
5814
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ds-io-ft-wt,
5815
- var(
5816
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ds-io-ft-wt,
5817
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ds-io-ft-wt)
5818
- )
5819
- );
5820
- font-size: var(
5821
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ds-io-ft-se,
5822
- var(
5823
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ds-io-ft-se,
5824
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ds-io-ft-se)
5825
- )
5826
- );
5827
- padding: var(
5828
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ds-io-pg,
5829
- var(
5830
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ds-io-pg,
5831
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ds-io-pg)
5832
- )
5833
- );
5461
+
5462
+ color: var(--_gray-500);
5463
+ font-weight: 400;
5464
+ font-size: 14px;
5465
+ font-weight: 400;
5466
+ margin-top: 6px;
5834
5467
  }
5835
5468
  }
5836
5469
 
5837
5470
  .contact {
5838
5471
  font-size: 14px;
5839
- color: #101828;
5472
+ color: var(--_gray-600);
5840
5473
  line-height: 20px;
5841
5474
  font-weight: 600;
5842
5475
  .chk_saved_address_contact {
@@ -5846,83 +5479,19 @@ $dark-color: #343a40;
5846
5479
  font-weight: 600;
5847
5480
  }
5848
5481
  .chk_saved_address_label {
5849
- // color: var(--_gray-500);
5850
- // font-size: 12px;
5851
- font-family: var(
5852
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-ft-fy,
5853
- var(
5854
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-ft-fy,
5855
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-ft-fy)
5856
- )
5857
- );
5858
- color: var(
5859
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-cr,
5860
- var(
5861
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-cr,
5862
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-cr)
5863
- )
5864
- );
5865
- font-weight: var(
5866
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-ft-wt,
5867
- var(
5868
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-ft-wt,
5869
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-ft-wt)
5870
- )
5871
- );
5872
- font-size: var(
5873
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-ft-se,
5874
- var(
5875
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-ft-se,
5876
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-ft-se)
5877
- )
5878
- );
5879
- padding: var(
5880
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-pg,
5881
- var(
5882
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-pg,
5883
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-pg)
5884
- )
5885
- );
5482
+ color: var(--_gray-500);
5483
+ font-weight: 500;
5484
+ font-size: 14px;
5886
5485
  }
5887
5486
 
5888
5487
  .chk_saved_address_value {
5889
- // color: var(--_gray-700);
5890
- // font-size: 12px;
5891
- font-family: var(
5892
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-ft-fy-dc,
5893
- var(
5894
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-ft-fy-dc,
5895
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-ft-fy-dc)
5896
- )
5897
- );
5898
- color: var(
5899
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-cr-dc,
5900
- var(
5901
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-cr-dc,
5902
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-cr-dc)
5903
- )
5904
- );
5905
- font-weight: var(
5906
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-ft-wt-dc,
5907
- var(
5908
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-ft-wt-dc,
5909
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-ft-wt-dc)
5910
- )
5911
- );
5912
- font-size: var(
5913
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-ft-se-dc,
5914
- var(
5915
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-ft-se-dc,
5916
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-ft-se-dc)
5917
- )
5918
- );
5919
- padding: var(
5920
- --_ctm-mob-dn-an-tb-sg-ds-as-wr-ct-ds-pg-dc,
5921
- var(
5922
- --_ctm-tab-dn-an-tb-sg-ds-as-wr-ct-ds-pg-dc,
5923
- var(--_ctm-dn-an-tb-sg-ds-as-wr-ct-ds-pg-dc)
5924
- )
5925
- );
5488
+ color: var(--_gray-900);
5489
+ font-weight: 600;
5490
+ font-size: 14px;
5491
+ margin-right: 6px;
5492
+ }
5493
+ .chk_saved_address_value + .chk_saved_address_label {
5494
+ margin-left: 6px;
5926
5495
  }
5927
5496
  }
5928
5497
  }
@@ -5948,7 +5517,8 @@ $dark-color: #343a40;
5948
5517
  &:hover {
5949
5518
  .right-btn {
5950
5519
  display: flex;
5951
- align-items: flex-start;
5520
+ align-items: center;
5521
+ height: fit-content;
5952
5522
  }
5953
5523
  }
5954
5524
  }
@@ -5962,7 +5532,6 @@ $dark-color: #343a40;
5962
5532
  .chk_cred_form_details {
5963
5533
  border-top: 1px solid var(--_gray-100);
5964
5534
  padding: 16px;
5965
- margin-top: 16px;
5966
5535
  .chk_basic_form_title {
5967
5536
  font-size: 14px;
5968
5537
  margin-bottom: 16px;
@@ -5995,58 +5564,11 @@ $dark-color: #343a40;
5995
5564
  --_ctm-mob-dn-an-tb-fm-wr-ls-pg,
5996
5565
  var(--_ctm-tab-dn-an-tb-fm-wr-ls-pg, var(--_ctm-dn-an-tb-fm-wr-ls-pg))
5997
5566
  );
5998
- font-family: var(
5999
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-fy,
6000
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-fy, var(--_ctm-dn-an-tb-fm-wr-ls-ft-fy))
6001
- );
6002
- color: var(
6003
- --_ctm-mob-dn-an-tb-fm-wr-ls-cr,
6004
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-cr, var(--_ctm-dn-an-tb-fm-wr-ls-cr))
6005
- );
6006
- font-weight: var(
6007
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-wt,
6008
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-wt, var(--_ctm-dn-an-tb-fm-wr-ls-ft-wt))
6009
- );
6010
- font-size: var(
6011
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-se,
6012
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-se, var(--_ctm-dn-an-tb-fm-wr-ls-ft-se))
6013
- );
6014
- text-decoration: var(
6015
- --_ctm-mob-dn-an-tb-fm-wr-ls-ue,
6016
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ue, var(--_ctm-dn-an-tb-fm-wr-ls-ue))
6017
- );
6018
- letter-spacing: var(
6019
- --_ctm-mob-dn-an-tb-fm-wr-ls-lr-sg,
6020
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-lr-sg, var(--_ctm-dn-an-tb-fm-wr-ls-lr-sg))
6021
- );
6022
- line-height: var(
6023
- --_ctm-mob-dn-an-tb-fm-wr-ls-le-ht,
6024
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-le-ht, var(--_ctm-dn-an-tb-fm-wr-ls-le-ht))
6025
- );
6026
- font-style: var(
6027
- --_ctm-mob-dn-an-tb-fm-wr-ls-ft-se-ic,
6028
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-ft-se-ic, var(--_ctm-dn-an-tb-fm-wr-ls-ft-se-ic))
6029
- );
6030
- text-align: var(
6031
- --_ctm-mob-dn-an-tb-fm-wr-ls-tt-an,
6032
- var(--_ctm-tab-dn-an-tb-fm-wr-ls-tt-an, var(--_ctm-dn-an-tb-fm-wr-ls-tt-an))
6033
- );
5567
+ color: var(--_gray-700);
6034
5568
  }
6035
5569
  .chk_form_field_inp {
6036
- // height: 40px;
6037
- // border: 1px solid var(--_gray-300);
6038
- // border-radius: 4px;
6039
- // padding-inline: 10px;
6040
- // &:placeholder-shown {
6041
- // color: var(--_gray-400);
6042
- // padding-left: 16px;
6043
- // }
6044
- // &:focus {
6045
- // border: 1px solid var(--_primary-300);
6046
- // outline: 2px solid var(--_primary-100);
6047
- // }
6048
5570
  width: -webkit-fill-available;
6049
- height: auto;
5571
+ height: 40px;
6050
5572
  // background-color: var(--_base-white);
6051
5573
  // color: var(--_gray-600);
6052
5574
  // border: 1px solid var(--_gray-300);
@@ -6244,6 +5766,7 @@ $dark-color: #343a40;
6244
5766
  background-color: var(--_primary-400);
6245
5767
  border-radius: 6px;
6246
5768
  color: var(--_base-white);
5769
+ font-size: 14px;
6247
5770
  &:hover {
6248
5771
  background-color: var(--_primary-500);
6249
5772
  }
@@ -6254,6 +5777,8 @@ $dark-color: #343a40;
6254
5777
  border-radius: 6px;
6255
5778
  color: var(--_gray-600);
6256
5779
  padding-inline: 10px;
5780
+ font-size: 14px;
5781
+
6257
5782
  &:hover {
6258
5783
  background-color: var(--_gray-50);
6259
5784
  color: var(--_gray-900);
@@ -6462,7 +5987,7 @@ $dark-color: #343a40;
6462
5987
 
6463
5988
  .chk_payment_remove_card {
6464
5989
  padding-inline: 16px;
6465
- margin-bottom: 0;
5990
+ margin-block: 8px;
6466
5991
  .error_msg {
6467
5992
  font-size: 12px;
6468
5993
  color: var(--_error-700);
@@ -6956,10 +6481,7 @@ $dark-color: #343a40;
6956
6481
  --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-ft-fy,
6957
6482
  var(--_ctm-tab-dn-an-tb-bs-ty-py-dt-se-ft-fy, var(--_ctm-dn-an-tb-bs-ty-py-dt-se-ft-fy))
6958
6483
  );
6959
- font-size: var(
6960
- --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-ft-se,
6961
- var(--_ctm-tab-dn-an-tb-bs-ty-py-dt-se-ft-se, var(--_ctm-dn-an-tb-bs-ty-py-dt-se-ft-se))
6962
- );
6484
+ font-size: 14px;
6963
6485
  font-style: var(
6964
6486
  --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-ft-se-ic,
6965
6487
  var(
@@ -7042,6 +6564,7 @@ $dark-color: #343a40;
7042
6564
 
7043
6565
  .gc_tertiary_btn {
7044
6566
  color: var(--_primary-400);
6567
+ font-size: 14px;
7045
6568
 
7046
6569
  &:hover {
7047
6570
  color: var(--_primary-500);