@sc-360-v2/storefront-cms-library 0.5.55 → 0.5.59

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 (111) hide show
  1. package/dist/add-order.scss +50 -4
  2. package/dist/add-products-tab-details.scss +250 -0
  3. package/dist/add-products-tab-uom-details.scss +105 -0
  4. package/dist/add-products-tab.scss +226 -0
  5. package/dist/allocation-header-quota-details.scss +84 -0
  6. package/dist/allocationDetails.scss +104 -0
  7. package/dist/allocations-quota-details.scss +66 -0
  8. package/dist/allocations.scss +110 -0
  9. package/dist/amount-estimator.scss +104 -0
  10. package/dist/badge.scss +12 -0
  11. package/dist/brand-basic-elements.scss +17 -0
  12. package/dist/breadcrumbs.scss +16 -0
  13. package/dist/builder.js +1 -1
  14. package/dist/bulk-variant-picker.scss +246 -0
  15. package/dist/bundle.scss +239 -28
  16. package/dist/bundleDetails.scss +295 -0
  17. package/dist/button copy.scss +2 -2
  18. package/dist/button.scss +17 -4
  19. package/dist/buy-for-tab.scss +54 -0
  20. package/dist/buyForHeaders.scss +629 -0
  21. package/dist/cart-details.scss +317 -0
  22. package/dist/cart-summary.scss +189 -0
  23. package/dist/cart.scss +16 -0
  24. package/dist/cartAttributes.scss +118 -0
  25. package/dist/cartDropdownOverlay.scss +21 -0
  26. package/dist/category-groups-element.scss +15 -0
  27. package/dist/category-groups-product-image.scss +84 -0
  28. package/dist/category-groups-product-options.scss +87 -0
  29. package/dist/category-groups-product-price.scss +700 -0
  30. package/dist/category-groups-quota-details.scss +84 -0
  31. package/dist/checkout.scss +918 -0
  32. package/dist/countdown.scss +80 -0
  33. package/dist/coupon.scss +138 -0
  34. package/dist/embroider-template-1-v2.scss +34 -0
  35. package/dist/embroider-template-1.scss +501 -482
  36. package/dist/embroidery.scss +7 -0
  37. package/dist/faq.scss +28 -0
  38. package/dist/filter-results.scss +361 -323
  39. package/dist/filters.scss +288 -0
  40. package/dist/gallery-slider-temp.scss +24 -0
  41. package/dist/global-styles.scss +23 -0
  42. package/dist/hotspot.scss +23 -4
  43. package/dist/icon-list.scss +3 -0
  44. package/dist/item-stock.scss +6 -0
  45. package/dist/kitDetails.scss +358 -0
  46. package/dist/kits.scss +4 -0
  47. package/dist/language-selector.scss +9 -1
  48. package/dist/last-x-orders.scss +24 -0
  49. package/dist/login.scss +108 -0
  50. package/dist/map.scss +46 -0
  51. package/dist/mega-menu.scss +69 -8
  52. package/dist/menu-v2.scss +123 -5
  53. package/dist/menu.scss +12 -0
  54. package/dist/my-templates.scss +3 -0
  55. package/dist/option-bar.scss +38 -0
  56. package/dist/order-status.scss +60 -5
  57. package/dist/past-orders.scss +50 -0
  58. package/dist/payment-methods.scss +307 -289
  59. package/dist/pickup-locations.scss +184 -0
  60. package/dist/product-actions.scss +195 -0
  61. package/dist/product-basic-elements.scss +8 -0
  62. package/dist/product-customizations.scss +155 -149
  63. package/dist/product-highlights.scss +12 -0
  64. package/dist/product-image-allocation.scss +38 -0
  65. package/dist/product-image-bundles.scss +47 -0
  66. package/dist/product-image.scss +48 -0
  67. package/dist/product-inventory.scss +240 -0
  68. package/dist/product-labels.scss +12 -0
  69. package/dist/product-options.scss +58 -0
  70. package/dist/product-price.scss +416 -1
  71. package/dist/product-promotions.scss +456 -0
  72. package/dist/product-sizechart.scss +91 -0
  73. package/dist/profile.scss +165 -42
  74. package/dist/quantity-selector.scss +62 -0
  75. package/dist/quick-inventory-check.scss +24 -0
  76. package/dist/quick-links.scss +16 -0
  77. package/dist/quick-order-pad.scss +71 -0
  78. package/dist/quotes.scss +766 -737
  79. package/dist/repeater.scss +19 -0
  80. package/dist/rfqs.scss +29 -0
  81. package/dist/scroll.scss +28 -0
  82. package/dist/search-results-heading.scss +36 -0
  83. package/dist/search.scss +43 -0
  84. package/dist/shipping-payments.scss +48 -0
  85. package/dist/simple-list.scss +12 -0
  86. package/dist/social.scss +12 -0
  87. package/dist/spotlight.scss +48 -0
  88. package/dist/stockStatus.scss +3 -0
  89. package/dist/store-locations.scss +188 -0
  90. package/dist/tab-v2.scss +24 -0
  91. package/dist/table-common.scss +78 -0
  92. package/dist/table.scss +81 -0
  93. package/dist/tabs.scss +440 -395
  94. package/dist/theme-classes.scss +49 -0
  95. package/dist/toaster.scss +392 -350
  96. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +15 -15
  97. package/dist/types/builder/tools/element-edit/bundle.d.ts +20 -10
  98. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +15 -15
  99. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +225 -0
  100. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +35 -35
  101. package/dist/types/builder/tools/element-edit/coupon.d.ts +10 -10
  102. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +233 -31
  103. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +33 -0
  104. package/dist/types/builder/tools/element-edit/profile.d.ts +7 -0
  105. package/dist/types/builder/tools/element-edit/scroll.d.ts +18 -0
  106. package/dist/types/builder/tools/element-edit/video.d.ts +15 -0
  107. package/dist/uom-selector.scss +112 -0
  108. package/dist/user-elements.scss +168 -0
  109. package/dist/variant-picker.scss +217 -0
  110. package/dist/volume-pricing.scss +192 -0
  111. package/package.json +131 -131
package/dist/user-elements.scss CHANGED
@@ -844,6 +844,12 @@ $imagePositions: (
844
844
  display: flex;
845
845
  color: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-cr);
846
846
  font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-ft-fy);
847
+ word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-wd-wp);
848
+ word-break: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-wd-bk);
849
+ &.flex__overflow {
850
+ white-space: normal;
851
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
852
+ }
847
853
  font-size: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-ft-se);
848
854
  font-style: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-ft-se-ic);
849
855
  font-weight: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-ft-wt);
@@ -928,6 +934,12 @@ $imagePositions: (
928
934
  align-items: center;
929
935
  color: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-cr);
930
936
  font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-ft-fy);
937
+ word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-wd-wp);
938
+ word-break: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-wd-bk);
939
+ &.flex__overflow {
940
+ white-space: normal;
941
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
942
+ }
931
943
  font-size: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-ft-se);
932
944
  font-style: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-ft-se-ic);
933
945
  font-weight: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-ft-wt);
@@ -958,6 +970,12 @@ $imagePositions: (
958
970
  align-items: center;
959
971
  color: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-cr);
960
972
  font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-ft-fy);
973
+ word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-wd-wp);
974
+ word-break: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-wd-bk);
975
+ &.flex__overflow {
976
+ white-space: normal;
977
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
978
+ }
961
979
  font-size: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-ft-se);
962
980
  font-style: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-ft-se-ic);
963
981
  font-weight: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-ft-wt);
@@ -988,6 +1006,12 @@ $imagePositions: (
988
1006
  align-items: center;
989
1007
  color: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-cr);
990
1008
  font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-ft-fy);
1009
+ word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-wd-wp);
1010
+ word-break: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-wd-bk);
1011
+ &.flex__overflow {
1012
+ white-space: normal;
1013
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1014
+ }
991
1015
  font-size: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-ft-se);
992
1016
  font-style: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-ft-se-ic);
993
1017
  font-weight: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-ft-wt);
@@ -1096,6 +1120,13 @@ $imagePositions: (
1096
1120
 
1097
1121
  color: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-cr);
1098
1122
  font-family: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-ft-fy);
1123
+ text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-tt-tm);
1124
+ word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-wd-wp);
1125
+ word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-wd-bk);
1126
+ &.flex__overflow {
1127
+ white-space: normal;
1128
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1129
+ }
1099
1130
  font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-ft-se);
1100
1131
  font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-ft-se-ic);
1101
1132
  font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-ft-wt);
@@ -1110,6 +1141,13 @@ $imagePositions: (
1110
1141
 
1111
1142
  color: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-cr);
1112
1143
  font-family: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-fy);
1144
+ text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-tt-tm);
1145
+ word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-wd-wp);
1146
+ word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-wd-bk);
1147
+ &.flex__overflow {
1148
+ white-space: normal;
1149
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1150
+ }
1113
1151
  font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-se);
1114
1152
  font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-se-ic);
1115
1153
  font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-wt);
@@ -1145,6 +1183,13 @@ $imagePositions: (
1145
1183
 
1146
1184
  color: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-cr);
1147
1185
  font-family: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-fy);
1186
+ text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-tt-tm);
1187
+ word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-wd-wp);
1188
+ word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-wd-bk);
1189
+ &.flex__overflow {
1190
+ white-space: normal;
1191
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1192
+ }
1148
1193
  font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-se);
1149
1194
  font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-se-ic);
1150
1195
  font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-wt);
@@ -1159,6 +1204,13 @@ $imagePositions: (
1159
1204
 
1160
1205
  color: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-cr);
1161
1206
  font-family: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-ft-fy);
1207
+ text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-tt-tm);
1208
+ word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-wd-wp);
1209
+ word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-wd-bk);
1210
+ &.flex__overflow {
1211
+ white-space: normal;
1212
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1213
+ }
1162
1214
  font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-ft-se);
1163
1215
  font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-ft-se-ic);
1164
1216
  font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-ft-wt);
@@ -1175,6 +1227,9 @@ $imagePositions: (
1175
1227
  .hilighted {
1176
1228
  color: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-cr);
1177
1229
  font-family: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-fy);
1230
+ text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-tt-tm);
1231
+ word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-wd-wp);
1232
+ word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-wd-bk);
1178
1233
  font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-se);
1179
1234
  font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-se-ic);
1180
1235
  font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-wt);
@@ -1190,6 +1245,13 @@ $imagePositions: (
1190
1245
  margin-top: 6px;
1191
1246
  color: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-cr);
1192
1247
  font-family: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-ft-fy);
1248
+ text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-tt-tm);
1249
+ word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-wd-wp);
1250
+ word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-wd-bk);
1251
+ &.flex__overflow {
1252
+ white-space: normal;
1253
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1254
+ }
1193
1255
  font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-ft-se);
1194
1256
  font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-ft-se-ic);
1195
1257
  font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-ft-wt);
@@ -1308,6 +1370,13 @@ $imagePositions: (
1308
1370
  white-space: nowrap;
1309
1371
  color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-cr);
1310
1372
  font-family: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-ft-fy);
1373
+ text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-tt-tm);
1374
+ word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-wd-wp);
1375
+ word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-wd-bk);
1376
+ &.flex__overflow {
1377
+ white-space: normal;
1378
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1379
+ }
1311
1380
  font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-ft-se);
1312
1381
  font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-ft-se-ic);
1313
1382
  font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-ft-wt);
@@ -1323,6 +1392,13 @@ $imagePositions: (
1323
1392
 
1324
1393
  color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-cr);
1325
1394
  font-family: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-fy);
1395
+ text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-tt-tm);
1396
+ word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-wd-wp);
1397
+ word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-wd-bk);
1398
+ &.flex__overflow {
1399
+ white-space: normal;
1400
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1401
+ }
1326
1402
  font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-se);
1327
1403
  font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-se-ic);
1328
1404
  font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-wt);
@@ -1357,6 +1433,13 @@ $imagePositions: (
1357
1433
 
1358
1434
  color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-cr);
1359
1435
  font-family: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-fy);
1436
+ text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-tt-tm);
1437
+ word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-wd-wp);
1438
+ word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-wd-bk);
1439
+ &.flex__overflow {
1440
+ white-space: normal;
1441
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1442
+ }
1360
1443
  font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-se);
1361
1444
  font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-se-ic);
1362
1445
  font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-wt);
@@ -1371,6 +1454,13 @@ $imagePositions: (
1371
1454
 
1372
1455
  color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-cr);
1373
1456
  font-family: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-ft-fy);
1457
+ text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-tt-tm);
1458
+ word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-wd-wp);
1459
+ word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-wd-bk);
1460
+ &.flex__overflow {
1461
+ white-space: normal;
1462
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1463
+ }
1374
1464
  font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-ft-se);
1375
1465
  font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-ft-se-ic);
1376
1466
  font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-ft-wt);
@@ -1387,6 +1477,13 @@ $imagePositions: (
1387
1477
  align-items: center;
1388
1478
  color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-cr);
1389
1479
  font-family: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-fy);
1480
+ text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-tt-tm);
1481
+ word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-wd-wp);
1482
+ word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-wd-bk);
1483
+ &.flex__overflow {
1484
+ white-space: normal;
1485
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1486
+ }
1390
1487
  font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se);
1391
1488
  font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se-ic);
1392
1489
  font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-wt);
@@ -1500,6 +1597,8 @@ $imagePositions: (
1500
1597
  .secondary_label {
1501
1598
  color: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-hg-dn-cr);
1502
1599
  font-family: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-hg-dn-ft-fy);
1600
+ word-wrap: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-hg-dn-wd-wp);
1601
+ word-break: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-hg-dn-wd-bk);
1503
1602
  font-size: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-hg-dn-ft-se);
1504
1603
  font-style: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-hg-dn-ft-se-ic);
1505
1604
  font-weight: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-hg-dn-ft-wt);
@@ -1517,6 +1616,8 @@ $imagePositions: (
1517
1616
  .label {
1518
1617
  color: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ll-dn-cr);
1519
1618
  font-family: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ll-dn-ft-fy);
1619
+ word-wrap: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ll-dn-wd-wp);
1620
+ word-break: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ll-dn-wd-bk);
1520
1621
  font-size: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ll-dn-ft-se);
1521
1622
  font-style: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ll-dn-ft-se-ic);
1522
1623
  font-weight: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ll-dn-ft-wt);
@@ -1533,6 +1634,8 @@ $imagePositions: (
1533
1634
  .value {
1534
1635
  color: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-cr);
1535
1636
  font-family: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-fy);
1637
+ word-wrap: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-wd-wp);
1638
+ word-break: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-wd-bk);
1536
1639
  font-size: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-se);
1537
1640
  font-style: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-se-ic);
1538
1641
  font-weight: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-wt);
@@ -1568,6 +1671,9 @@ $imagePositions: (
1568
1671
  .remaining_order {
1569
1672
  color: #243dc6;
1570
1673
  font-family: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-fy);
1674
+ text-transform: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-tt-tm);
1675
+ word-wrap: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-wd-wp);
1676
+ word-break: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-wd-bk);
1571
1677
  font-size: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-se);
1572
1678
  font-style: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-se-ic);
1573
1679
  font-weight: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-wt);
@@ -1592,6 +1698,9 @@ $imagePositions: (
1592
1698
  .remaining_payment {
1593
1699
  color: #243dc6;
1594
1700
  font-family: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-fy);
1701
+ text-transform: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-tt-tm);
1702
+ word-wrap: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-wd-wp);
1703
+ word-break: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-wd-bk);
1595
1704
  font-size: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-se);
1596
1705
  font-style: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-se-ic);
1597
1706
  font-weight: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-wt);
@@ -1758,6 +1867,18 @@ $imagePositions: (
1758
1867
  --_ctm-mob-dn-ur-sy-io-dn-ct-ct-ft-fy,
1759
1868
  var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-ft-fy, var(--_ctm-dn-ur-sy-io-dn-ct-ct-ft-fy))
1760
1869
  );
1870
+ text-transform: var(
1871
+ --_ctm-mob-dn-ur-sy-io-dn-ct-ct-tt-tm,
1872
+ var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-tt-tm, var(--_ctm-dn-ur-sy-io-dn-ct-ct-tt-tm))
1873
+ );
1874
+ word-wrap: var(
1875
+ --_ctm-mob-dn-ur-sy-io-dn-ct-ct-wd-wp,
1876
+ var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-wd-wp, var(--_ctm-dn-ur-sy-io-dn-ct-ct-wd-wp))
1877
+ );
1878
+ word-break: var(
1879
+ --_ctm-mob-dn-ur-sy-io-dn-ct-ct-wd-bk,
1880
+ var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-wd-bk, var(--_ctm-dn-ur-sy-io-dn-ct-ct-wd-bk))
1881
+ );
1761
1882
  font-size: calc(
1762
1883
  var(
1763
1884
  --_ctm-mob-dn-ur-sy-io-dn-ct-in-in-se,
@@ -2105,6 +2226,18 @@ $imagePositions: (
2105
2226
  --_ctm-mob-dn-pr-se-ft-fy,
2106
2227
  var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy))
2107
2228
  );
2229
+ text-transform: var(
2230
+ --_ctm-mob-dn-pr-se-tt-tm,
2231
+ var(--_ctm-tab-dn-pr-se-tt-tm, var(--_ctm-dn-pr-se-tt-tm))
2232
+ );
2233
+ word-wrap: var(
2234
+ --_ctm-mob-dn-pr-se-wd-wp,
2235
+ var(--_ctm-tab-dn-pr-se-wd-wp, var(--_ctm-dn-pr-se-wd-wp))
2236
+ );
2237
+ word-break: var(
2238
+ --_ctm-mob-dn-pr-se-wd-bk,
2239
+ var(--_ctm-tab-dn-pr-se-wd-bk, var(--_ctm-dn-pr-se-wd-bk))
2240
+ );
2108
2241
  font-size: var(
2109
2242
  --_ctm-mob-dn-pr-se-ft-se,
2110
2243
  var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se))
@@ -2251,6 +2384,18 @@ $imagePositions: (
2251
2384
  --_ctm-mob-dn-dn-se-im-se-hr-se-ft-fy,
2252
2385
  var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-fy, var(--_ctm-dn-dn-se-im-se-hr-se-ft-fy))
2253
2386
  );
2387
+ --_sf-hr-tt-tm: var(
2388
+ --_ctm-mob-dn-dn-se-im-se-hr-se-tt-tm,
2389
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-tt-tm, var(--_ctm-dn-dn-se-im-se-hr-se-tt-tm))
2390
+ );
2391
+ --_sf-hr-wd-wp: var(
2392
+ --_ctm-mob-dn-dn-se-im-se-hr-se-wd-wp,
2393
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-wp, var(--_ctm-dn-dn-se-im-se-hr-se-wd-wp))
2394
+ );
2395
+ --_sf-hr-wd-bk: var(
2396
+ --_ctm-mob-dn-dn-se-im-se-hr-se-wd-bk,
2397
+ var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-bk, var(--_ctm-dn-dn-se-im-se-hr-se-wd-bk))
2398
+ );
2254
2399
  --_sf-hr-ft-se: var(
2255
2400
  --_ctm-mob-dn-dn-se-im-se-hr-se-ft-se,
2256
2401
  var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-se, var(--_ctm-dn-dn-se-im-se-hr-se-ft-se))
@@ -2340,6 +2485,18 @@ $imagePositions: (
2340
2485
  --_ctm-mob-dn-dn-se-im-se-sd-se-ft-fy,
2341
2486
  var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-fy, var(--_ctm-dn-dn-se-im-se-sd-se-ft-fy))
2342
2487
  );
2488
+ --_sf-sd-tt-tm: var(
2489
+ --_ctm-mob-dn-dn-se-im-se-sd-se-tt-tm,
2490
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-tt-tm, var(--_ctm-dn-dn-se-im-se-sd-se-tt-tm))
2491
+ );
2492
+ --_sf-sd-wd-wp: var(
2493
+ --_ctm-mob-dn-dn-se-im-se-sd-se-wd-wp,
2494
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-wp, var(--_ctm-dn-dn-se-im-se-sd-se-wd-wp))
2495
+ );
2496
+ --_sf-sd-wd-bk: var(
2497
+ --_ctm-mob-dn-dn-se-im-se-sd-se-wd-bk,
2498
+ var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-bk, var(--_ctm-dn-dn-se-im-se-sd-se-wd-bk))
2499
+ );
2343
2500
  --_sf-sd-ft-se: var(
2344
2501
  --_ctm-mob-dn-dn-se-im-se-sd-se-ft-se,
2345
2502
  var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-se, var(--_ctm-dn-dn-se-im-se-sd-se-ft-se))
@@ -2434,6 +2591,11 @@ $imagePositions: (
2434
2591
  --_sf-sd-ft-fy,
2435
2592
  prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy)
2436
2593
  );
2594
+ word-wrap: var(--_sf-sd-wd-wp, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp));
2595
+ word-break: var(
2596
+ --_sf-sd-wd-bk,
2597
+ prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk)
2598
+ );
2437
2599
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se));
2438
2600
  font-weight: 400;
2439
2601
  // font-weight: var(
@@ -2524,6 +2686,8 @@ $imagePositions: (
2524
2686
  // the Padding control owns all four sides cleanly.
2525
2687
  margin-right: 20px;
2526
2688
  font-family: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-fy);
2689
+ word-wrap: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-wd-wp);
2690
+ word-break: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-wd-bk);
2527
2691
  font-size: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-se);
2528
2692
  color: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-cr);
2529
2693
  font-weight: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-wt);
@@ -2545,6 +2709,8 @@ $imagePositions: (
2545
2709
  .language__name {
2546
2710
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-cr));
2547
2711
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy));
2712
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp));
2713
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk));
2548
2714
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se));
2549
2715
  font-weight: 400;
2550
2716
  font-style: var(
@@ -2580,6 +2746,8 @@ $imagePositions: (
2580
2746
  // padding: 8px 12px;
2581
2747
  text-align: left;
2582
2748
  font-family: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-fy);
2749
+ word-wrap: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wd-wp);
2750
+ word-break: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wd-bk);
2583
2751
  font-size: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-se);
2584
2752
  color: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-cr);
2585
2753
  font-weight: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-ft-wt);