@sc-360-v2/storefront-cms-library 0.5.58 → 0.5.60

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 (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
@@ -11,6 +11,8 @@ $overflowSelector: ".flex__overflow";
11
11
  // twins. `$scope` is the row's variable prefix, e.g. `--_ctm-dn-nr-of-is`.
12
12
  @mixin cartSummaryLabel($scope) {
13
13
  font-family: prepareMediaVariable(#{$scope}-ft-fy);
14
+ word-wrap: prepareMediaVariable(#{$scope}-wd-wp);
15
+ word-break: prepareMediaVariable(#{$scope}-wd-bk);
14
16
  color: prepareMediaVariable(#{$scope}-cr);
15
17
  font-weight: prepareMediaVariable(#{$scope}-ft-wt);
16
18
  font-size: prepareMediaVariable(#{$scope}-ft-se);
@@ -24,6 +26,8 @@ $overflowSelector: ".flex__overflow";
24
26
 
25
27
  @mixin cartSummaryValue($scope) {
26
28
  font-family: prepareMediaVariable(#{$scope}-ft-fy-dc);
29
+ word-wrap: prepareMediaVariable(#{$scope}-wd-wp-dc);
30
+ word-break: prepareMediaVariable(#{$scope}-wd-bk-dc);
27
31
  color: prepareMediaVariable(#{$scope}-cr-dc);
28
32
  font-weight: prepareMediaVariable(#{$scope}-ft-wt-dc);
29
33
  font-size: prepareMediaVariable(#{$scope}-ft-se-dc);
@@ -47,8 +51,7 @@ $overflowSelector: ".flex__overflow";
47
51
 
48
52
  // The four shadow parts are separate custom properties, so each needs its own var().
49
53
  @mixin cartSummaryShadow($scope) {
50
- box-shadow: prepareMediaVariable(#{$scope}-sw-ae) prepareMediaVariable(#{$scope}-sw-br)
51
- prepareMediaVariable(#{$scope}-sw-sd) prepareMediaVariable(#{$scope}-sw-cr);
54
+ box-shadow: prepareMediaVariable(#{$scope}-sw-ae) prepareMediaVariable(#{$scope}-sw-br) prepareMediaVariable(#{$scope}-sw-sd) prepareMediaVariable(#{$scope}-sw-cr);
52
55
  }
53
56
 
54
57
  [data-div-type="element"] {
@@ -66,7 +69,7 @@ $overflowSelector: ".flex__overflow";
66
69
 
67
70
  // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
68
71
 
69
- & > div {
72
+ &>div {
70
73
  &.wrapper {
71
74
  width: 100%;
72
75
  }
@@ -99,42 +102,30 @@ $overflowSelector: ".flex__overflow";
99
102
 
100
103
  .icon svg {
101
104
  path {
102
- stroke: var(
103
- --_ctm-mob-dn-an-as-im-in-c1,
104
- var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1))
105
- );
105
+ stroke: var(--_ctm-mob-dn-an-as-im-in-c1,
106
+ var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1)));
106
107
  // Overrides the stroke-width presentation attribute baked into the icon markup.
107
108
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
108
109
  }
109
110
 
110
- width: var(
111
- --_ctm-mob-dn-an-as-im-in-se,
112
- var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
113
- );
114
- height: var(
115
- --_ctm-mob-dn-an-as-im-in-se,
116
- var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
117
- );
111
+ width: var(--_ctm-mob-dn-an-as-im-in-se,
112
+ var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se)));
113
+ height: var(--_ctm-mob-dn-an-as-im-in-se,
114
+ var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se)));
118
115
  }
119
116
 
120
117
  .iconDesc svg {
121
118
  path {
122
- stroke: var(
123
- --_ctm-mob-dn-an-as-im-in-c1-dc,
124
- var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc))
125
- );
119
+ stroke: var(--_ctm-mob-dn-an-as-im-in-c1-dc,
120
+ var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc)));
126
121
  // Overrides the stroke-width presentation attribute baked into the icon markup.
127
122
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
128
123
  }
129
124
 
130
- width: var(
131
- --_ctm-mob-dn-an-as-im-in-se-dc,
132
- var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
133
- );
134
- height: var(
135
- --_ctm-mob-dn-an-as-im-in-se-dc,
136
- var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
137
- );
125
+ width: var(--_ctm-mob-dn-an-as-im-in-se-dc,
126
+ var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc)));
127
+ height: var(--_ctm-mob-dn-an-as-im-in-se-dc,
128
+ var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc)));
138
129
  }
139
130
 
140
131
  .cart_summary_heading {
@@ -143,39 +134,33 @@ $overflowSelector: ".flex__overflow";
143
134
  max-height: 48px;
144
135
  display: flex;
145
136
  align-items: center;
146
- font-family: var(
147
- --_ctm-mob-dn-hr-cr-ft-fy,
148
- var(--_ctm-tab-dn-hr-cr-ft-fy, var(--_ctm-dn-hr-cr-ft-fy))
149
- );
137
+ font-family: var(--_ctm-mob-dn-hr-cr-ft-fy,
138
+ var(--_ctm-tab-dn-hr-cr-ft-fy, var(--_ctm-dn-hr-cr-ft-fy)));
139
+ word-wrap: var(--_ctm-mob-dn-hr-cr-wd-wp,
140
+ var(--_ctm-tab-dn-hr-cr-wd-wp, var(--_ctm-dn-hr-cr-wd-wp)));
141
+ word-break: var(--_ctm-mob-dn-hr-cr-wd-bk,
142
+ var(--_ctm-tab-dn-hr-cr-wd-bk, var(--_ctm-dn-hr-cr-wd-bk)));
143
+
144
+ &.flex__overflow {
145
+ white-space: normal;
146
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
147
+ }
148
+
150
149
  color: var(--_ctm-mob-dn-hr-cr-cr, var(--_ctm-tab-dn-hr-cr-cr, var(--_ctm-dn-hr-cr-cr)));
151
- font-weight: var(
152
- --_ctm-mob-dn-hr-cr-ft-wt,
153
- var(--_ctm-tab-dn-hr-cr-ft-wt, var(--_ctm-dn-hr-cr-ft-wt))
154
- );
155
- font-size: var(
156
- --_ctm-mob-dn-hr-cr-ft-se,
157
- var(--_ctm-tab-dn-hr-cr-ft-se, var(--_ctm-dn-hr-cr-ft-se))
158
- );
159
- text-decoration: var(
160
- --_ctm-mob-dn-hr-cr-ue,
161
- var(--_ctm-tab-dn-hr-cr-ue, var(--_ctm-dn-hr-cr-ue))
162
- );
163
- letter-spacing: var(
164
- --_ctm-mob-dn-hr-cr-lr-sg,
165
- var(--_ctm-tab-dn-hr-cr-lr-sg, var(--_ctm-dn-hr-cr-lr-sg))
166
- );
167
- line-height: var(
168
- --_ctm-mob-dn-hr-cr-le-ht,
169
- var(--_ctm-tab-dn-hr-cr-le-ht, var(--_ctm-dn-hr-cr-le-ht))
170
- );
171
- font-style: var(
172
- --_ctm-mob-dn-hr-cr-ft-se-ic,
173
- var(--_ctm-tab-dn-hr-cr-ft-se-ic, var(--_ctm-dn-hr-cr-ft-se-ic))
174
- );
175
- text-align: var(
176
- --_ctm-mob-dn-hr-cr-tt-an,
177
- var(--_ctm-tab-dn-hr-cr-tt-an, var(--_ctm-dn-hr-cr-tt-an))
178
- );
150
+ font-weight: var(--_ctm-mob-dn-hr-cr-ft-wt,
151
+ var(--_ctm-tab-dn-hr-cr-ft-wt, var(--_ctm-dn-hr-cr-ft-wt)));
152
+ font-size: var(--_ctm-mob-dn-hr-cr-ft-se,
153
+ var(--_ctm-tab-dn-hr-cr-ft-se, var(--_ctm-dn-hr-cr-ft-se)));
154
+ text-decoration: var(--_ctm-mob-dn-hr-cr-ue,
155
+ var(--_ctm-tab-dn-hr-cr-ue, var(--_ctm-dn-hr-cr-ue)));
156
+ letter-spacing: var(--_ctm-mob-dn-hr-cr-lr-sg,
157
+ var(--_ctm-tab-dn-hr-cr-lr-sg, var(--_ctm-dn-hr-cr-lr-sg)));
158
+ line-height: var(--_ctm-mob-dn-hr-cr-le-ht,
159
+ var(--_ctm-tab-dn-hr-cr-le-ht, var(--_ctm-dn-hr-cr-le-ht)));
160
+ font-style: var(--_ctm-mob-dn-hr-cr-ft-se-ic,
161
+ var(--_ctm-tab-dn-hr-cr-ft-se-ic, var(--_ctm-dn-hr-cr-ft-se-ic)));
162
+ text-align: var(--_ctm-mob-dn-hr-cr-tt-an,
163
+ var(--_ctm-tab-dn-hr-cr-tt-an, var(--_ctm-dn-hr-cr-tt-an)));
179
164
  text-transform: prepareMediaVariable(--_ctm-dn-hr-cr-tt-tm);
180
165
  }
181
166
  }
@@ -185,34 +170,20 @@ $overflowSelector: ".flex__overflow";
185
170
  // padding: var(--_ctm-lt-by-pg);
186
171
  // gap: var(--_ctm-lt-im-gp);
187
172
  border-top: 1px solid var(--_thm-cs-be-se-3);
188
- background-color: var(
189
- --_ctm-mob-dn-ct-by-wt-bd-cr,
190
- var(--_ctm-tab-dn-ct-by-wt-bd-cr, var(--_ctm-dn-ct-by-wt-bd-cr))
191
- );
192
- padding: var(
193
- --_ctm-mob-dn-ct-by-wt-pg,
194
- var(--_ctm-tab-dn-ct-by-wt-pg, var(--_ctm-dn-ct-by-wt-pg))
195
- );
196
- gap: var(
197
- --_ctm-mob-dn-ct-by-wt-im-gp,
198
- var(--_ctm-tab-dn-ct-by-wt-im-gp, var(--_ctm-dn-ct-by-wt-im-gp))
199
- );
200
- border-color: var(
201
- --_ctm-mob-dn-ct-by-wt-br-cr,
202
- var(--_ctm-tab-dn-ct-by-wt-br-cr, var(--_ctm-dn-ct-by-wt-br-cr))
203
- );
204
- border-style: var(
205
- --_ctm-mob-dn-ct-by-wt-br-se,
206
- var(--_ctm-tab-dn-ct-by-wt-br-se, var(--_ctm-dn-ct-by-wt-br-se))
207
- );
208
- border-width: var(
209
- --_ctm-mob-dn-ct-by-wt-br-wh,
210
- var(--_ctm-tab-dn-ct-by-wt-br-wh, var(--_ctm-dn-ct-by-wt-br-wh))
211
- );
212
- border-radius: var(
213
- --_ctm-mob-dn-ct-by-wt-br-rs,
214
- var(--_ctm-tab-dn-ct-by-wt-br-rs, var(--_ctm-dn-ct-by-wt-br-rs))
215
- );
173
+ background-color: var(--_ctm-mob-dn-ct-by-wt-bd-cr,
174
+ var(--_ctm-tab-dn-ct-by-wt-bd-cr, var(--_ctm-dn-ct-by-wt-bd-cr)));
175
+ padding: var(--_ctm-mob-dn-ct-by-wt-pg,
176
+ var(--_ctm-tab-dn-ct-by-wt-pg, var(--_ctm-dn-ct-by-wt-pg)));
177
+ gap: var(--_ctm-mob-dn-ct-by-wt-im-gp,
178
+ var(--_ctm-tab-dn-ct-by-wt-im-gp, var(--_ctm-dn-ct-by-wt-im-gp)));
179
+ border-color: var(--_ctm-mob-dn-ct-by-wt-br-cr,
180
+ var(--_ctm-tab-dn-ct-by-wt-br-cr, var(--_ctm-dn-ct-by-wt-br-cr)));
181
+ border-style: var(--_ctm-mob-dn-ct-by-wt-br-se,
182
+ var(--_ctm-tab-dn-ct-by-wt-br-se, var(--_ctm-dn-ct-by-wt-br-se)));
183
+ border-width: var(--_ctm-mob-dn-ct-by-wt-br-wh,
184
+ var(--_ctm-tab-dn-ct-by-wt-br-wh, var(--_ctm-dn-ct-by-wt-br-wh)));
185
+ border-radius: var(--_ctm-mob-dn-ct-by-wt-br-rs,
186
+ var(--_ctm-tab-dn-ct-by-wt-br-rs, var(--_ctm-dn-ct-by-wt-br-rs)));
216
187
  // The body widget already carried typography in the schema but nothing read
217
188
  // it. It is the body's text default now, which every row with its own design
218
189
  // section overrides.
@@ -227,34 +198,20 @@ $overflowSelector: ".flex__overflow";
227
198
  flex-direction: column;
228
199
  // gap: var(--_ctm-lt-im-gp);
229
200
 
230
- background-color: var(
231
- --_ctm-mob-dn-pt-wt-pt-wt-wr-bd-cr,
232
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-bd-cr))
233
- );
234
- padding: var(
235
- --_ctm-mob-dn-pt-wt-pt-wt-wr-pg,
236
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-pg, var(--_ctm-dn-pt-wt-pt-wt-wr-pg))
237
- );
238
- gap: var(
239
- --_ctm-mob-dn-pt-wt-pt-wt-wr-im-gp,
240
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-im-gp, var(--_ctm-dn-pt-wt-pt-wt-wr-im-gp))
241
- );
242
- border-color: var(
243
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-cr,
244
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-br-cr))
245
- );
246
- border-style: var(
247
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-se,
248
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-se, var(--_ctm-dn-pt-wt-pt-wt-wr-br-se))
249
- );
250
- border-width: var(
251
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-wh,
252
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-wh, var(--_ctm-dn-pt-wt-pt-wt-wr-br-wh))
253
- );
254
- border-radius: var(
255
- --_ctm-mob-dn-pt-wt-pt-wt-wr-br-rs,
256
- var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-rs, var(--_ctm-dn-pt-wt-pt-wt-wr-br-rs))
257
- );
201
+ background-color: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-bd-cr,
202
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-bd-cr)));
203
+ padding: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-pg,
204
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-pg, var(--_ctm-dn-pt-wt-pt-wt-wr-pg)));
205
+ gap: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-im-gp,
206
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-im-gp, var(--_ctm-dn-pt-wt-pt-wt-wr-im-gp)));
207
+ border-color: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-br-cr,
208
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-br-cr)));
209
+ border-style: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-br-se,
210
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-se, var(--_ctm-dn-pt-wt-pt-wt-wr-br-se)));
211
+ border-width: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-br-wh,
212
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-wh, var(--_ctm-dn-pt-wt-pt-wt-wr-br-wh)));
213
+ border-radius: var(--_ctm-mob-dn-pt-wt-pt-wt-wr-br-rs,
214
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-rs, var(--_ctm-dn-pt-wt-pt-wt-wr-br-rs)));
258
215
 
259
216
  // Product Widget Item — one product card. Nothing but the item gap used to
260
217
  // be read here, so Background Color, Border, Border Radius and Padding had
@@ -267,10 +224,8 @@ $overflowSelector: ".flex__overflow";
267
224
 
268
225
  .cart_summary_product_info_wrapper {
269
226
  display: flex;
270
- gap: var(
271
- --_ctm-mob-dn-pt-wt-pt-wt-im-im-gp,
272
- var(--_ctm-tab-dn-pt-wt-pt-wt-im-im-gp, var(--_ctm-dn-pt-wt-pt-wt-im-im-gp))
273
- );
227
+ gap: var(--_ctm-mob-dn-pt-wt-pt-wt-im-im-gp,
228
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-im-gp, var(--_ctm-dn-pt-wt-pt-wt-im-im-gp)));
274
229
  width: 80%;
275
230
  align-items: flex-start;
276
231
 
@@ -321,191 +276,119 @@ $overflowSelector: ".flex__overflow";
321
276
  }
322
277
 
323
278
  .cart_summary_qty_text {
324
- font-family: var(
325
- --_ctm-mob-dn-pt-wt-pt-qy-ft-fy,
326
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy, var(--_ctm-dn-pt-wt-pt-qy-ft-fy))
327
- );
328
- color: var(
329
- --_ctm-mob-dn-pt-wt-pt-qy-cr,
330
- var(--_ctm-tab-dn-pt-wt-pt-qy-cr, var(--_ctm-dn-pt-wt-pt-qy-cr))
331
- );
332
- font-weight: var(
333
- --_ctm-mob-dn-pt-wt-pt-qy-ft-wt,
334
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt, var(--_ctm-dn-pt-wt-pt-qy-ft-wt))
335
- );
336
- font-size: var(
337
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se,
338
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se))
339
- );
279
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-fy,
280
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy, var(--_ctm-dn-pt-wt-pt-qy-ft-fy)));
281
+ word-wrap: var(--_ctm-mob-dn-pt-wt-pt-qy-wd-wp,
282
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-wp, var(--_ctm-dn-pt-wt-pt-qy-wd-wp)));
283
+ word-break: var(--_ctm-mob-dn-pt-wt-pt-qy-wd-bk,
284
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-bk, var(--_ctm-dn-pt-wt-pt-qy-wd-bk)));
285
+ color: var(--_ctm-mob-dn-pt-wt-pt-qy-cr,
286
+ var(--_ctm-tab-dn-pt-wt-pt-qy-cr, var(--_ctm-dn-pt-wt-pt-qy-cr)));
287
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-wt,
288
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt, var(--_ctm-dn-pt-wt-pt-qy-ft-wt)));
289
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-se,
290
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se)));
340
291
  // font-size: 12px;
341
- text-decoration: var(
342
- --_ctm-mob-dn-pt-wt-pt-qy-ue,
343
- var(--_ctm-tab-dn-pt-wt-pt-qy-ue, var(--_ctm-dn-pt-wt-pt-qy-ue))
344
- );
345
- letter-spacing: var(
346
- --_ctm-mob-dn-pt-wt-pt-qy-lr-sg,
347
- var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg, var(--_ctm-dn-pt-wt-pt-qy-lr-sg))
348
- );
349
- line-height: var(
350
- --_ctm-mob-dn-pt-wt-pt-qy-le-ht,
351
- var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht, var(--_ctm-dn-pt-wt-pt-qy-le-ht))
352
- );
353
- font-style: var(
354
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic,
355
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic))
356
- );
357
- text-align: var(
358
- --_ctm-mob-dn-pt-wt-pt-qy-tt-an,
359
- var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an))
360
- );
292
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-qy-ue,
293
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ue, var(--_ctm-dn-pt-wt-pt-qy-ue)));
294
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-qy-lr-sg,
295
+ var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg, var(--_ctm-dn-pt-wt-pt-qy-lr-sg)));
296
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-qy-le-ht,
297
+ var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht, var(--_ctm-dn-pt-wt-pt-qy-le-ht)));
298
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic,
299
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic)));
300
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-qy-tt-an,
301
+ var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an)));
361
302
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm);
362
303
  }
363
304
 
364
305
  .cart_summary_qty_value {
365
- font-family: var(
366
- --_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
367
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-fy-dc))
368
- );
369
- color: var(
370
- --_ctm-mob-dn-pt-wt-pt-qy-cr-dc,
371
- var(--_ctm-tab-dn-pt-wt-pt-qy-cr-dc, var(--_ctm-dn-pt-wt-pt-qy-cr-dc))
372
- );
373
- font-weight: var(
374
- --_ctm-mob-dn-pt-wt-pt-qy-ft-wt-dc,
375
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-wt-dc))
376
- );
377
- font-size: var(
378
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
379
- var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc))
380
- );
306
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
307
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-fy-dc)));
308
+ word-wrap: var(--_ctm-mob-dn-pt-wt-pt-qy-wd-wp-dc,
309
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-wp-dc, var(--_ctm-dn-pt-wt-pt-qy-wd-wp-dc)));
310
+ word-break: var(--_ctm-mob-dn-pt-wt-pt-qy-wd-bk-dc,
311
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-bk-dc, var(--_ctm-dn-pt-wt-pt-qy-wd-bk-dc)));
312
+ color: var(--_ctm-mob-dn-pt-wt-pt-qy-cr-dc,
313
+ var(--_ctm-tab-dn-pt-wt-pt-qy-cr-dc, var(--_ctm-dn-pt-wt-pt-qy-cr-dc)));
314
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-wt-dc,
315
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-wt-dc)));
316
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
317
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc)));
381
318
  // font-size: 12px;
382
- text-decoration: var(
383
- --_ctm-mob-dn-pt-wt-pt-qy-ue-dc,
384
- var(--_ctm-tab-dn-pt-wt-pt-qy-ue-dc, var(--_ctm-dn-pt-wt-pt-qy-ue-dc))
385
- );
386
- letter-spacing: var(
387
- --_ctm-mob-dn-pt-wt-pt-qy-lr-sg-dc,
388
- var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-qy-lr-sg-dc))
389
- );
390
- line-height: var(
391
- --_ctm-mob-dn-pt-wt-pt-qy-le-ht-dc,
392
- var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht-dc, var(--_ctm-dn-pt-wt-pt-qy-le-ht-dc))
393
- );
394
- font-style: var(
395
- --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic-dc,
396
- var(
397
- --_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic-dc,
398
- var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic-dc)
399
- )
400
- );
401
- text-align: var(
402
- --_ctm-mob-dn-pt-wt-pt-qy-tt-an-dc,
403
- var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc))
404
- );
319
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-qy-ue-dc,
320
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ue-dc, var(--_ctm-dn-pt-wt-pt-qy-ue-dc)));
321
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-qy-lr-sg-dc,
322
+ var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-qy-lr-sg-dc)));
323
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-qy-le-ht-dc,
324
+ var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht-dc, var(--_ctm-dn-pt-wt-pt-qy-le-ht-dc)));
325
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic-dc,
326
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic-dc,
327
+ var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic-dc)));
328
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-qy-tt-an-dc,
329
+ var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc)));
405
330
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm-dc);
406
331
  }
407
332
 
408
333
  .cart_summary_estimatedDate_text {
409
- font-family: var(
410
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
411
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy))
412
- );
413
- color: var(
414
- --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
415
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
416
- );
417
- font-weight: var(
418
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
419
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt))
420
- );
421
- font-size: var(
422
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
423
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se))
424
- );
425
- text-decoration: var(
426
- --_ctm-mob-dn-pt-wt-pt-ed-de-ue,
427
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue))
428
- );
429
- letter-spacing: var(
430
- --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
431
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg))
432
- );
433
- line-height: var(
434
- --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
435
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht))
436
- );
437
- font-style: var(
438
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
439
- var(
440
- --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic,
441
- var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic)
442
- )
443
- );
444
- text-align: var(
445
- --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
446
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an))
447
- );
334
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
335
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy)));
336
+ word-wrap: var(--_ctm-mob-dn-pt-wt-pt-ed-de-wd-wp,
337
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-wd-wp, var(--_ctm-dn-pt-wt-pt-ed-de-wd-wp)));
338
+ word-break: var(--_ctm-mob-dn-pt-wt-pt-ed-de-wd-bk,
339
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-wd-bk, var(--_ctm-dn-pt-wt-pt-ed-de-wd-bk)));
340
+ color: var(--_ctm-mob-dn-pt-wt-pt-ed-de-cr,
341
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr)));
342
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
343
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt)));
344
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
345
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se)));
346
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ue,
347
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue)));
348
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
349
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg)));
350
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
351
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht)));
352
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
353
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic,
354
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic)));
355
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
356
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an)));
448
357
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm);
449
358
  }
450
359
 
451
360
  .cart_summary_estimatedDate_value {
452
- font-family: var(
453
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
454
- var(
455
- --_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc,
456
- var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc)
457
- )
458
- );
459
- color: var(
460
- --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
461
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc))
462
- );
463
- font-weight: var(
464
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
465
- var(
466
- --_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc,
467
- var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc)
468
- )
469
- );
470
- font-size: var(
471
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
472
- var(
473
- --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc,
474
- var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc)
475
- )
476
- );
477
- text-decoration: var(
478
- --_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
479
- var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc))
480
- );
481
- letter-spacing: var(
482
- --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
483
- var(
484
- --_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc,
485
- var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc)
486
- )
487
- );
488
- line-height: var(
489
- --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
490
- var(
491
- --_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc,
492
- var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc)
493
- )
494
- );
495
- font-style: var(
496
- --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
497
- var(
498
- --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
499
- var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)
500
- )
501
- );
502
- text-align: var(
503
- --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
504
- var(
505
- --_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc,
506
- var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc)
507
- )
508
- );
361
+ font-family: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
362
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc,
363
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc)));
364
+ word-wrap: var(--_ctm-mob-dn-pt-wt-pt-ed-de-wd-wp-dc,
365
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-wd-wp-dc,
366
+ var(--_ctm-dn-pt-wt-pt-ed-de-wd-wp-dc)));
367
+ word-break: var(--_ctm-mob-dn-pt-wt-pt-ed-de-wd-bk-dc,
368
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-wd-bk-dc,
369
+ var(--_ctm-dn-pt-wt-pt-ed-de-wd-bk-dc)));
370
+ color: var(--_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
371
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc)));
372
+ font-weight: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
373
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc,
374
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc)));
375
+ font-size: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
376
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc,
377
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc)));
378
+ text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
379
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc)));
380
+ letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
381
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc,
382
+ var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc)));
383
+ line-height: var(--_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
384
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc,
385
+ var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc)));
386
+ font-style: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
387
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
388
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)));
389
+ text-align: var(--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
390
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc,
391
+ var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc)));
509
392
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm-dc);
510
393
  }
511
394
  }
@@ -704,6 +587,9 @@ $overflowSelector: ".flex__overflow";
704
587
  .cart_summary_secondary_text {
705
588
  color: var(--_ctm-dn-sy-tt-dn-cr);
706
589
  font-family: var(--_ctm-dn-sy-tt-dn-ft-fy);
590
+ text-transform: var(--_ctm-dn-sy-tt-dn-tt-tm);
591
+ word-wrap: var(--_ctm-dn-sy-tt-dn-wd-wp);
592
+ word-break: var(--_ctm-dn-sy-tt-dn-wd-bk);
707
593
  font-size: var(--_ctm-dn-sy-tt-dn-ft-se);
708
594
  font-style: var(--_ctm-dn-sy-tt-dn-ft-se-ic);
709
595
  font-weight: var(--_ctm-dn-sy-tt-dn-ft-wt);
@@ -730,160 +616,90 @@ $overflowSelector: ".flex__overflow";
730
616
  width: 100%;
731
617
  height: auto;
732
618
  min-height: 48px;
733
- background-color: var(
734
- --_ctm-mob-dn-ct-as-ct-dt-se-bd-cr,
735
- var(--_ctm-tab-dn-ct-as-ct-dt-se-bd-cr, var(--_ctm-dn-ct-as-ct-dt-se-bd-cr))
736
- );
737
- border-color: var(
738
- --_ctm-mob-dn-ct-as-ct-dt-se-br-cr,
739
- var(--_ctm-tab-dn-ct-as-ct-dt-se-br-cr, var(--_ctm-dn-ct-as-ct-dt-se-br-cr))
740
- );
741
- border-radius: var(
742
- --_ctm-mob-dn-ct-as-ct-dt-se-br-rs,
743
- var(--_ctm-tab-dn-ct-as-ct-dt-se-br-rs, var(--_ctm-dn-ct-as-ct-dt-se-br-rs))
744
- );
745
- border-style: var(
746
- --_ctm-mob-dn-ct-as-ct-dt-se-br-se,
747
- var(--_ctm-tab-dn-ct-as-ct-dt-se-br-se, var(--_ctm-dn-ct-as-ct-dt-se-br-se))
748
- );
749
- border-width: var(
750
- --_ctm-mob-dn-ct-as-ct-dt-se-br-wh,
751
- var(--_ctm-tab-dn-ct-as-ct-dt-se-br-wh, var(--_ctm-dn-ct-as-ct-dt-se-br-wh))
752
- );
753
- color: var(
754
- --_ctm-mob-dn-ct-as-ct-dt-se-cr,
755
- var(--_ctm-tab-dn-ct-as-ct-dt-se-cr, var(--_ctm-dn-ct-as-ct-dt-se-cr))
756
- );
757
- font-family: var(
758
- --_ctm-mob-dn-ct-as-ct-dt-se-ft-fy,
759
- var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-fy, var(--_ctm-dn-ct-as-ct-dt-se-ft-fy))
760
- );
761
- font-size: var(
762
- --_ctm-mob-dn-ct-as-ct-dt-se-ft-se,
763
- var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-se, var(--_ctm-dn-ct-as-ct-dt-se-ft-se))
764
- );
765
- font-style: var(
766
- --_ctm-mob-dn-ct-as-ct-dt-se-ft-se-ic,
767
- var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-se-ic, var(--_ctm-dn-ct-as-ct-dt-se-ft-se-ic))
768
- );
769
- font-weight: var(
770
- --_ctm-mob-dn-ct-as-ct-dt-se-ft-wt,
771
- var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-wt, var(--_ctm-dn-ct-as-ct-dt-se-ft-wt))
772
- );
773
- line-height: var(
774
- --_ctm-mob-dn-ct-as-ct-dt-se-le-ht,
775
- var(--_ctm-tab-dn-ct-as-ct-dt-se-le-ht, var(--_ctm-dn-ct-as-ct-dt-se-le-ht))
776
- );
777
- letter-spacing: var(
778
- --_ctm-mob-dn-ct-as-ct-dt-se-lr-sg,
779
- var(--_ctm-tab-dn-ct-as-ct-dt-se-lr-sg, var(--_ctm-dn-ct-as-ct-dt-se-lr-sg))
780
- );
781
- box-shadow: var(
782
- --_ctm-mob-dn-ct-as-ct-dt-se-sw-ae,
783
- var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-ae, var(--_ctm-dn-ct-as-ct-dt-se-sw-ae))
784
- )
785
- var(
786
- --_ctm-mob-dn-ct-as-ct-dt-se-sw-br,
787
- var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-br, var(--_ctm-dn-ct-as-ct-dt-se-sw-br))
788
- )
789
- var(
790
- --_ctm-mob-dn-ct-as-ct-dt-se-sw-sd,
791
- var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-sd, var(--_ctm-dn-ct-as-ct-dt-se-sw-sd))
792
- )
793
- var(
794
- --_ctm-mob-dn-ct-as-ct-dt-se-sw-cr,
795
- var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-cr, var(--_ctm-dn-ct-as-ct-dt-se-sw-cr))
796
- );
797
- text-decoration: var(
798
- --_ctm-mob-dn-ct-as-ct-dt-se-ue,
799
- var(--_ctm-tab-dn-ct-as-ct-dt-se-ue, var(--_ctm-dn-ct-as-ct-dt-se-ue))
800
- );
801
- padding: var(
802
- --_ctm-mob-dn-ct-as-ct-dt-se-pg,
803
- var(--_ctm-tab-dn-ct-as-ct-dt-se-pg, var(--_ctm-dn-ct-as-ct-dt-se-pg))
804
- );
805
- text-align: var(
806
- --_ctm-mob-dn-ct-as-ct-dt-se-tt-an,
807
- var(--_ctm-tab-dn-ct-as-ct-dt-se-tt-an, var(--_ctm-dn-ct-as-ct-dt-se-tt-an))
808
- );
619
+ background-color: var(--_ctm-mob-dn-ct-as-ct-dt-se-bd-cr,
620
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-bd-cr, var(--_ctm-dn-ct-as-ct-dt-se-bd-cr)));
621
+ border-color: var(--_ctm-mob-dn-ct-as-ct-dt-se-br-cr,
622
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-br-cr, var(--_ctm-dn-ct-as-ct-dt-se-br-cr)));
623
+ border-radius: var(--_ctm-mob-dn-ct-as-ct-dt-se-br-rs,
624
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-br-rs, var(--_ctm-dn-ct-as-ct-dt-se-br-rs)));
625
+ border-style: var(--_ctm-mob-dn-ct-as-ct-dt-se-br-se,
626
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-br-se, var(--_ctm-dn-ct-as-ct-dt-se-br-se)));
627
+ border-width: var(--_ctm-mob-dn-ct-as-ct-dt-se-br-wh,
628
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-br-wh, var(--_ctm-dn-ct-as-ct-dt-se-br-wh)));
629
+ color: var(--_ctm-mob-dn-ct-as-ct-dt-se-cr,
630
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-cr, var(--_ctm-dn-ct-as-ct-dt-se-cr)));
631
+ font-family: var(--_ctm-mob-dn-ct-as-ct-dt-se-ft-fy,
632
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-fy, var(--_ctm-dn-ct-as-ct-dt-se-ft-fy)));
633
+ text-transform: var(--_ctm-mob-dn-ct-as-ct-dt-se-tt-tm,
634
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-tt-tm, var(--_ctm-dn-ct-as-ct-dt-se-tt-tm)));
635
+ word-wrap: var(--_ctm-mob-dn-ct-as-ct-dt-se-wd-wp,
636
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-wd-wp, var(--_ctm-dn-ct-as-ct-dt-se-wd-wp)));
637
+ word-break: var(--_ctm-mob-dn-ct-as-ct-dt-se-wd-bk,
638
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-wd-bk, var(--_ctm-dn-ct-as-ct-dt-se-wd-bk)));
639
+ font-size: var(--_ctm-mob-dn-ct-as-ct-dt-se-ft-se,
640
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-se, var(--_ctm-dn-ct-as-ct-dt-se-ft-se)));
641
+ font-style: var(--_ctm-mob-dn-ct-as-ct-dt-se-ft-se-ic,
642
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-se-ic, var(--_ctm-dn-ct-as-ct-dt-se-ft-se-ic)));
643
+ font-weight: var(--_ctm-mob-dn-ct-as-ct-dt-se-ft-wt,
644
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-wt, var(--_ctm-dn-ct-as-ct-dt-se-ft-wt)));
645
+ line-height: var(--_ctm-mob-dn-ct-as-ct-dt-se-le-ht,
646
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-le-ht, var(--_ctm-dn-ct-as-ct-dt-se-le-ht)));
647
+ letter-spacing: var(--_ctm-mob-dn-ct-as-ct-dt-se-lr-sg,
648
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-lr-sg, var(--_ctm-dn-ct-as-ct-dt-se-lr-sg)));
649
+ box-shadow: var(--_ctm-mob-dn-ct-as-ct-dt-se-sw-ae,
650
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-ae, var(--_ctm-dn-ct-as-ct-dt-se-sw-ae))) var(--_ctm-mob-dn-ct-as-ct-dt-se-sw-br,
651
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-br, var(--_ctm-dn-ct-as-ct-dt-se-sw-br))) var(--_ctm-mob-dn-ct-as-ct-dt-se-sw-sd,
652
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-sd, var(--_ctm-dn-ct-as-ct-dt-se-sw-sd))) var(--_ctm-mob-dn-ct-as-ct-dt-se-sw-cr,
653
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-cr, var(--_ctm-dn-ct-as-ct-dt-se-sw-cr)));
654
+ text-decoration: var(--_ctm-mob-dn-ct-as-ct-dt-se-ue,
655
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ue, var(--_ctm-dn-ct-as-ct-dt-se-ue)));
656
+ padding: var(--_ctm-mob-dn-ct-as-ct-dt-se-pg,
657
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-pg, var(--_ctm-dn-ct-as-ct-dt-se-pg)));
658
+ text-align: var(--_ctm-mob-dn-ct-as-ct-dt-se-tt-an,
659
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-tt-an, var(--_ctm-dn-ct-as-ct-dt-se-tt-an)));
809
660
 
810
661
  &:hover {
811
- background-color: var(
812
- --_ctm-mob-dn-ct-bn-hr-se-bd-cr,
813
- var(--_ctm-tab-dn-ct-bn-hr-se-bd-cr, var(--_ctm-dn-ct-bn-hr-se-bd-cr))
814
- );
815
- border-color: var(
816
- --_ctm-mob-dn-ct-bn-hr-se-br-cr,
817
- var(--_ctm-tab-dn-ct-bn-hr-se-br-cr, var(--_ctm-dn-ct-bn-hr-se-br-cr))
818
- );
819
- border-radius: var(
820
- --_ctm-mob-dn-ct-bn-hr-se-br-rs,
821
- var(--_ctm-tab-dn-ct-bn-hr-se-br-rs, var(--_ctm-dn-ct-bn-hr-se-br-rs))
822
- );
823
- border-style: var(
824
- --_ctm-mob-dn-ct-bn-hr-se-br-se,
825
- var(--_ctm-tab-dn-ct-bn-hr-se-br-se, var(--_ctm-dn-ct-bn-hr-se-br-se))
826
- );
827
- border-width: var(
828
- --_ctm-mob-dn-ct-bn-hr-se-br-wh,
829
- var(--_ctm-tab-dn-ct-bn-hr-se-br-wh, var(--_ctm-dn-ct-bn-hr-se-br-wh))
830
- );
831
- color: var(
832
- --_ctm-mob-dn-ct-bn-hr-se-cr,
833
- var(--_ctm-tab-dn-ct-bn-hr-se-cr, var(--_ctm-dn-ct-bn-hr-se-cr))
834
- );
835
- font-family: var(
836
- --_ctm-mob-dn-ct-bn-hr-se-ft-fy,
837
- var(--_ctm-tab-dn-ct-bn-hr-se-ft-fy, var(--_ctm-dn-ct-bn-hr-se-ft-fy))
838
- );
839
- font-size: var(
840
- --_ctm-mob-dn-ct-bn-hr-se-ft-se,
841
- var(--_ctm-tab-dn-ct-bn-hr-se-ft-se, var(--_ctm-dn-ct-bn-hr-se-ft-se))
842
- );
843
- font-style: var(
844
- --_ctm-mob-dn-ct-bn-hr-se-ft-se-ic,
845
- var(--_ctm-tab-dn-ct-bn-hr-se-ft-se-ic, var(--_ctm-dn-ct-bn-hr-se-ft-se-ic))
846
- );
847
- font-weight: var(
848
- --_ctm-mob-dn-ct-bn-hr-se-ft-wt,
849
- var(--_ctm-tab-dn-ct-bn-hr-se-ft-wt, var(--_ctm-dn-ct-bn-hr-se-ft-wt))
850
- );
851
- line-height: var(
852
- --_ctm-mob-dn-ct-bn-hr-se-le-ht,
853
- var(--_ctm-tab-dn-ct-bn-hr-se-le-ht, var(--_ctm-dn-ct-bn-hr-se-le-ht))
854
- );
855
- letter-spacing: var(
856
- --_ctm-mob-dn-ct-bn-hr-se-lr-sg,
857
- var(--_ctm-tab-dn-ct-bn-hr-se-lr-sg, var(--_ctm-dn-ct-bn-hr-se-lr-sg))
858
- );
859
- box-shadow: var(
860
- --_ctm-mob-dn-ct-bn-hr-se-sw-ae,
861
- var(--_ctm-tab-dn-ct-bn-hr-se-sw-ae, var(--_ctm-dn-ct-bn-hr-se-sw-ae))
862
- )
863
- var(
864
- --_ctm-mob-dn-ct-bn-hr-se-sw-br,
865
- var(--_ctm-tab-dn-ct-bn-hr-se-sw-br, var(--_ctm-dn-ct-bn-hr-se-sw-br))
866
- )
867
- var(
868
- --_ctm-mob-dn-ct-bn-hr-se-sw-sd,
869
- var(--_ctm-tab-dn-ct-bn-hr-se-sw-sd, var(--_ctm-dn-ct-bn-hr-se-sw-sd))
870
- )
871
- var(
872
- --_ctm-mob-dn-ct-bn-hr-se-sw-cr,
873
- var(--_ctm-tab-dn-ct-bn-hr-se-sw-cr, var(--_ctm-dn-ct-bn-hr-se-sw-cr))
874
- );
875
- text-decoration: var(
876
- --_ctm-mob-dn-ct-bn-hr-se-ue,
877
- var(--_ctm-tab-dn-ct-bn-hr-se-ue, var(--_ctm-dn-ct-bn-hr-se-ue))
878
- );
879
- padding: var(
880
- --_ctm-mob-dn-ct-bn-hr-se-pg,
881
- var(--_ctm-tab-dn-ct-bn-hr-se-pg, var(--_ctm-dn-ct-bn-hr-se-pg))
882
- );
883
- text-align: var(
884
- --_ctm-mob-dn-ct-bn-hr-se-tt-an,
885
- var(--_ctm-tab-dn-ct-bn-hr-se-tt-an, var(--_ctm-dn-ct-bn-hr-se-tt-an))
886
- );
662
+ background-color: var(--_ctm-mob-dn-ct-bn-hr-se-bd-cr,
663
+ var(--_ctm-tab-dn-ct-bn-hr-se-bd-cr, var(--_ctm-dn-ct-bn-hr-se-bd-cr)));
664
+ border-color: var(--_ctm-mob-dn-ct-bn-hr-se-br-cr,
665
+ var(--_ctm-tab-dn-ct-bn-hr-se-br-cr, var(--_ctm-dn-ct-bn-hr-se-br-cr)));
666
+ border-radius: var(--_ctm-mob-dn-ct-bn-hr-se-br-rs,
667
+ var(--_ctm-tab-dn-ct-bn-hr-se-br-rs, var(--_ctm-dn-ct-bn-hr-se-br-rs)));
668
+ border-style: var(--_ctm-mob-dn-ct-bn-hr-se-br-se,
669
+ var(--_ctm-tab-dn-ct-bn-hr-se-br-se, var(--_ctm-dn-ct-bn-hr-se-br-se)));
670
+ border-width: var(--_ctm-mob-dn-ct-bn-hr-se-br-wh,
671
+ var(--_ctm-tab-dn-ct-bn-hr-se-br-wh, var(--_ctm-dn-ct-bn-hr-se-br-wh)));
672
+ color: var(--_ctm-mob-dn-ct-bn-hr-se-cr,
673
+ var(--_ctm-tab-dn-ct-bn-hr-se-cr, var(--_ctm-dn-ct-bn-hr-se-cr)));
674
+ font-family: var(--_ctm-mob-dn-ct-bn-hr-se-ft-fy,
675
+ var(--_ctm-tab-dn-ct-bn-hr-se-ft-fy, var(--_ctm-dn-ct-bn-hr-se-ft-fy)));
676
+ text-transform: var(--_ctm-mob-dn-ct-bn-hr-se-tt-tm,
677
+ var(--_ctm-tab-dn-ct-bn-hr-se-tt-tm, var(--_ctm-dn-ct-bn-hr-se-tt-tm)));
678
+ word-wrap: var(--_ctm-mob-dn-ct-bn-hr-se-wd-wp,
679
+ var(--_ctm-tab-dn-ct-bn-hr-se-wd-wp, var(--_ctm-dn-ct-bn-hr-se-wd-wp)));
680
+ word-break: var(--_ctm-mob-dn-ct-bn-hr-se-wd-bk,
681
+ var(--_ctm-tab-dn-ct-bn-hr-se-wd-bk, var(--_ctm-dn-ct-bn-hr-se-wd-bk)));
682
+ font-size: var(--_ctm-mob-dn-ct-bn-hr-se-ft-se,
683
+ var(--_ctm-tab-dn-ct-bn-hr-se-ft-se, var(--_ctm-dn-ct-bn-hr-se-ft-se)));
684
+ font-style: var(--_ctm-mob-dn-ct-bn-hr-se-ft-se-ic,
685
+ var(--_ctm-tab-dn-ct-bn-hr-se-ft-se-ic, var(--_ctm-dn-ct-bn-hr-se-ft-se-ic)));
686
+ font-weight: var(--_ctm-mob-dn-ct-bn-hr-se-ft-wt,
687
+ var(--_ctm-tab-dn-ct-bn-hr-se-ft-wt, var(--_ctm-dn-ct-bn-hr-se-ft-wt)));
688
+ line-height: var(--_ctm-mob-dn-ct-bn-hr-se-le-ht,
689
+ var(--_ctm-tab-dn-ct-bn-hr-se-le-ht, var(--_ctm-dn-ct-bn-hr-se-le-ht)));
690
+ letter-spacing: var(--_ctm-mob-dn-ct-bn-hr-se-lr-sg,
691
+ var(--_ctm-tab-dn-ct-bn-hr-se-lr-sg, var(--_ctm-dn-ct-bn-hr-se-lr-sg)));
692
+ box-shadow: var(--_ctm-mob-dn-ct-bn-hr-se-sw-ae,
693
+ var(--_ctm-tab-dn-ct-bn-hr-se-sw-ae, var(--_ctm-dn-ct-bn-hr-se-sw-ae))) var(--_ctm-mob-dn-ct-bn-hr-se-sw-br,
694
+ var(--_ctm-tab-dn-ct-bn-hr-se-sw-br, var(--_ctm-dn-ct-bn-hr-se-sw-br))) var(--_ctm-mob-dn-ct-bn-hr-se-sw-sd,
695
+ var(--_ctm-tab-dn-ct-bn-hr-se-sw-sd, var(--_ctm-dn-ct-bn-hr-se-sw-sd))) var(--_ctm-mob-dn-ct-bn-hr-se-sw-cr,
696
+ var(--_ctm-tab-dn-ct-bn-hr-se-sw-cr, var(--_ctm-dn-ct-bn-hr-se-sw-cr)));
697
+ text-decoration: var(--_ctm-mob-dn-ct-bn-hr-se-ue,
698
+ var(--_ctm-tab-dn-ct-bn-hr-se-ue, var(--_ctm-dn-ct-bn-hr-se-ue)));
699
+ padding: var(--_ctm-mob-dn-ct-bn-hr-se-pg,
700
+ var(--_ctm-tab-dn-ct-bn-hr-se-pg, var(--_ctm-dn-ct-bn-hr-se-pg)));
701
+ text-align: var(--_ctm-mob-dn-ct-bn-hr-se-tt-an,
702
+ var(--_ctm-tab-dn-ct-bn-hr-se-tt-an, var(--_ctm-dn-ct-bn-hr-se-tt-an)));
887
703
  }
888
704
  }
889
705
 
@@ -963,10 +779,7 @@ $overflowSelector: ".flex__overflow";
963
779
 
964
780
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-br-rs));
965
781
 
966
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-ae))
967
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-br))
968
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-sd))
969
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-cr));
782
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-cr));
970
783
 
971
784
  &[data-show-border="true"] {
972
785
  width: 100%;
@@ -983,15 +796,20 @@ $overflowSelector: ".flex__overflow";
983
796
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-cr));
984
797
 
985
798
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-fy));
799
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-wd-wp));
800
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-wd-bk));
801
+
802
+ &.flex__overflow {
803
+ white-space: normal;
804
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
805
+ }
986
806
 
987
807
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-se));
988
808
 
989
809
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-wt));
990
810
 
991
- font-style: var(
992
- --_sf-hr-ft-se-ic,
993
- prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-se-ic)
994
- );
811
+ font-style: var(--_sf-hr-ft-se-ic,
812
+ prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-se-ic));
995
813
 
996
814
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-tt-an));
997
815
 
@@ -1001,10 +819,8 @@ $overflowSelector: ".flex__overflow";
1001
819
 
1002
820
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ue));
1003
821
 
1004
- text-transform: var(
1005
- --_sf-hr-txt-tr,
1006
- prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-tt-tm)
1007
- );
822
+ text-transform: var(--_sf-hr-txt-tr,
823
+ prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-tt-tm));
1008
824
 
1009
825
  &#{$overflowSelector} {
1010
826
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1113,10 +929,8 @@ $overflowSelector: ".flex__overflow";
1113
929
  }
1114
930
  }
1115
931
 
1116
- background-color: var(
1117
- --_sf-hr-bd-cr,
1118
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-bd-cr)
1119
- );
932
+ background-color: var(--_sf-hr-bd-cr,
933
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-bd-cr));
1120
934
 
1121
935
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-pg));
1122
936
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-wh));
@@ -1129,27 +943,18 @@ $overflowSelector: ".flex__overflow";
1129
943
 
1130
944
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-rs));
1131
945
 
1132
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-ae))
1133
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-br))
1134
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-sd))
1135
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-cr));
946
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-cr));
1136
947
 
1137
948
  &[data-show-border="true"] {
1138
949
  width: 100%;
1139
- border-color: var(
1140
- --_sf-hr-br-cr,
1141
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-cr)
1142
- );
950
+ border-color: var(--_sf-hr-br-cr,
951
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-cr));
1143
952
 
1144
- border-style: var(
1145
- --_sf-hr-br-se,
1146
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-se)
1147
- );
953
+ border-style: var(--_sf-hr-br-se,
954
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-se));
1148
955
 
1149
- border-width: var(
1150
- --_sf-hr-br-wh,
1151
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-wh)
1152
- );
956
+ border-width: var(--_sf-hr-br-wh,
957
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-wh));
1153
958
  }
1154
959
 
1155
960
  .txt {
@@ -1158,31 +963,32 @@ $overflowSelector: ".flex__overflow";
1158
963
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-cr));
1159
964
 
1160
965
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-fy));
966
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-wd-wp));
967
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-wd-bk));
968
+
969
+ &.flex__overflow {
970
+ white-space: normal;
971
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
972
+ }
1161
973
 
1162
974
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-se));
1163
975
 
1164
976
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-wt));
1165
977
 
1166
- font-style: var(
1167
- --_sf-hr-ft-se-ic,
1168
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-se-ic)
1169
- );
978
+ font-style: var(--_sf-hr-ft-se-ic,
979
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-se-ic));
1170
980
 
1171
981
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-tt-an));
1172
982
 
1173
- letter-spacing: var(
1174
- --_sf-hr-lr-sg,
1175
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-lr-sg)
1176
- );
983
+ letter-spacing: var(--_sf-hr-lr-sg,
984
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-lr-sg));
1177
985
 
1178
986
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-le-ht));
1179
987
 
1180
988
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ue));
1181
989
 
1182
- text-transform: var(
1183
- --_sf-hr-txt-tr,
1184
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-tt-tm)
1185
- );
990
+ text-transform: var(--_sf-hr-txt-tr,
991
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-tt-tm));
1186
992
 
1187
993
  &#{$overflowSelector} {
1188
994
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1298,10 +1104,8 @@ $overflowSelector: ".flex__overflow";
1298
1104
  }
1299
1105
  }
1300
1106
 
1301
- background-color: var(
1302
- --_sf-hr-bd-cr,
1303
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-bd-cr)
1304
- );
1107
+ background-color: var(--_sf-hr-bd-cr,
1108
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-bd-cr));
1305
1109
 
1306
1110
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-pg));
1307
1111
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-wh));
@@ -1314,26 +1118,17 @@ $overflowSelector: ".flex__overflow";
1314
1118
 
1315
1119
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-rs));
1316
1120
 
1317
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-ae))
1318
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-br))
1319
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-sd))
1320
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-cr));
1121
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-cr));
1321
1122
 
1322
1123
  &[data-show-border="true"] {
1323
- border-color: var(
1324
- --_sf-hr-br-cr,
1325
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-cr)
1326
- );
1124
+ border-color: var(--_sf-hr-br-cr,
1125
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-cr));
1327
1126
 
1328
- border-style: var(
1329
- --_sf-hr-br-se,
1330
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-se)
1331
- );
1127
+ border-style: var(--_sf-hr-br-se,
1128
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-se));
1332
1129
 
1333
- border-width: var(
1334
- --_sf-hr-br-wh,
1335
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-wh)
1336
- );
1130
+ border-width: var(--_sf-hr-br-wh,
1131
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-wh));
1337
1132
  }
1338
1133
 
1339
1134
  .txt {
@@ -1342,31 +1137,32 @@ $overflowSelector: ".flex__overflow";
1342
1137
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-cr));
1343
1138
 
1344
1139
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-fy));
1140
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-wd-wp));
1141
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-wd-bk));
1142
+
1143
+ &.flex__overflow {
1144
+ white-space: normal;
1145
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1146
+ }
1345
1147
 
1346
1148
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-se));
1347
1149
 
1348
1150
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-wt));
1349
1151
 
1350
- font-style: var(
1351
- --_sf-hr-ft-se-ic,
1352
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-se-ic)
1353
- );
1152
+ font-style: var(--_sf-hr-ft-se-ic,
1153
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-se-ic));
1354
1154
 
1355
1155
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-tt-an));
1356
1156
 
1357
- letter-spacing: var(
1358
- --_sf-hr-lr-sg,
1359
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-lr-sg)
1360
- );
1157
+ letter-spacing: var(--_sf-hr-lr-sg,
1158
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-lr-sg));
1361
1159
 
1362
1160
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-le-ht));
1363
1161
 
1364
1162
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ue));
1365
1163
 
1366
- text-transform: var(
1367
- --_sf-hr-txt-tr,
1368
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-tt-tm)
1369
- );
1164
+ text-transform: var(--_sf-hr-txt-tr,
1165
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-tt-tm));
1370
1166
 
1371
1167
  &#{$overflowSelector} {
1372
1168
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1475,10 +1271,8 @@ $overflowSelector: ".flex__overflow";
1475
1271
  }
1476
1272
  }
1477
1273
 
1478
- background-color: var(
1479
- --_sf-hr-bd-cr,
1480
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-bd-cr)
1481
- );
1274
+ background-color: var(--_sf-hr-bd-cr,
1275
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-bd-cr));
1482
1276
 
1483
1277
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-pg));
1484
1278
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-wh));
@@ -1491,26 +1285,17 @@ $overflowSelector: ".flex__overflow";
1491
1285
 
1492
1286
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-rs));
1493
1287
 
1494
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-ae))
1495
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-br))
1496
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-sd))
1497
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-cr));
1288
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-cr));
1498
1289
 
1499
1290
  &[data-show-border="true"] {
1500
- border-color: var(
1501
- --_sf-hr-br-cr,
1502
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-cr)
1503
- );
1291
+ border-color: var(--_sf-hr-br-cr,
1292
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-cr));
1504
1293
 
1505
- border-style: var(
1506
- --_sf-hr-br-se,
1507
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-se)
1508
- );
1294
+ border-style: var(--_sf-hr-br-se,
1295
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-se));
1509
1296
 
1510
- border-width: var(
1511
- --_sf-hr-br-wh,
1512
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-wh)
1513
- );
1297
+ border-width: var(--_sf-hr-br-wh,
1298
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-wh));
1514
1299
  }
1515
1300
 
1516
1301
  .txt {
@@ -1519,31 +1304,32 @@ $overflowSelector: ".flex__overflow";
1519
1304
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-cr));
1520
1305
 
1521
1306
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-fy));
1307
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-wd-wp));
1308
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-wd-bk));
1309
+
1310
+ &.flex__overflow {
1311
+ white-space: normal;
1312
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1313
+ }
1522
1314
 
1523
1315
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-se));
1524
1316
 
1525
1317
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-wt));
1526
1318
 
1527
- font-style: var(
1528
- --_sf-hr-ft-se-ic,
1529
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-se-ic)
1530
- );
1319
+ font-style: var(--_sf-hr-ft-se-ic,
1320
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-se-ic));
1531
1321
 
1532
1322
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-tt-an));
1533
1323
 
1534
- letter-spacing: var(
1535
- --_sf-hr-lr-sg,
1536
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-lr-sg)
1537
- );
1324
+ letter-spacing: var(--_sf-hr-lr-sg,
1325
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-lr-sg));
1538
1326
 
1539
1327
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-le-ht));
1540
1328
 
1541
1329
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ue));
1542
1330
 
1543
- text-transform: var(
1544
- --_sf-hr-txt-tr,
1545
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-tt-tm)
1546
- );
1331
+ text-transform: var(--_sf-hr-txt-tr,
1332
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-tt-tm));
1547
1333
 
1548
1334
  &#{$overflowSelector} {
1549
1335
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1652,10 +1438,8 @@ $overflowSelector: ".flex__overflow";
1652
1438
  }
1653
1439
  }
1654
1440
 
1655
- background-color: var(
1656
- --_sf-hr-bd-cr,
1657
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-bd-cr)
1658
- );
1441
+ background-color: var(--_sf-hr-bd-cr,
1442
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-bd-cr));
1659
1443
 
1660
1444
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-pg));
1661
1445
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-wh));
@@ -1666,31 +1450,20 @@ $overflowSelector: ".flex__overflow";
1666
1450
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-at));
1667
1451
  gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-gp));
1668
1452
 
1669
- border-radius: var(
1670
- --_sf-hr-br-rs,
1671
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-rs)
1672
- );
1453
+ border-radius: var(--_sf-hr-br-rs,
1454
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-rs));
1673
1455
 
1674
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-ae))
1675
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-br))
1676
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-sd))
1677
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-cr));
1456
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-cr));
1678
1457
 
1679
1458
  &[data-show-border="true"] {
1680
- border-color: var(
1681
- --_sf-hr-br-cr,
1682
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-cr)
1683
- );
1459
+ border-color: var(--_sf-hr-br-cr,
1460
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-cr));
1684
1461
 
1685
- border-style: var(
1686
- --_sf-hr-br-se,
1687
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-se)
1688
- );
1462
+ border-style: var(--_sf-hr-br-se,
1463
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-se));
1689
1464
 
1690
- border-width: var(
1691
- --_sf-hr-br-wh,
1692
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-wh)
1693
- );
1465
+ border-width: var(--_sf-hr-br-wh,
1466
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-wh));
1694
1467
  }
1695
1468
 
1696
1469
  .txt {
@@ -1698,50 +1471,41 @@ $overflowSelector: ".flex__overflow";
1698
1471
 
1699
1472
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-cr));
1700
1473
 
1701
- font-family: var(
1702
- --_sf-hr-ft-fy,
1703
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-fy)
1704
- );
1705
-
1706
- font-size: var(
1707
- --_sf-hr-ft-se,
1708
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-se)
1709
- );
1710
-
1711
- font-weight: var(
1712
- --_sf-hr-ft-wt,
1713
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-wt)
1714
- );
1715
-
1716
- font-style: var(
1717
- --_sf-hr-ft-se-ic,
1718
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-se-ic)
1719
- );
1720
-
1721
- text-align: var(
1722
- --_sf-hr-tt-an,
1723
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-tt-an)
1724
- );
1725
-
1726
- letter-spacing: var(
1727
- --_sf-hr-lr-sg,
1728
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-lr-sg)
1729
- );
1730
-
1731
- line-height: var(
1732
- --_sf-hr-le-ht,
1733
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-le-ht)
1734
- );
1735
-
1736
- text-decoration: var(
1737
- --_sf-hr-ue,
1738
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ue)
1739
- );
1740
-
1741
- text-transform: var(
1742
- --_sf-hr-txt-tr,
1743
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-tt-tm)
1744
- );
1474
+ font-family: var(--_sf-hr-ft-fy,
1475
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-fy));
1476
+ word-wrap: var(--_sf-hr-wd-wp,
1477
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-wd-wp));
1478
+ word-break: var(--_sf-hr-wd-bk,
1479
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-wd-bk));
1480
+
1481
+ &.flex__overflow {
1482
+ white-space: normal;
1483
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1484
+ }
1485
+
1486
+ font-size: var(--_sf-hr-ft-se,
1487
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-se));
1488
+
1489
+ font-weight: var(--_sf-hr-ft-wt,
1490
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-wt));
1491
+
1492
+ font-style: var(--_sf-hr-ft-se-ic,
1493
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-se-ic));
1494
+
1495
+ text-align: var(--_sf-hr-tt-an,
1496
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-tt-an));
1497
+
1498
+ letter-spacing: var(--_sf-hr-lr-sg,
1499
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-lr-sg));
1500
+
1501
+ line-height: var(--_sf-hr-le-ht,
1502
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-le-ht));
1503
+
1504
+ text-decoration: var(--_sf-hr-ue,
1505
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ue));
1506
+
1507
+ text-transform: var(--_sf-hr-txt-tr,
1508
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-tt-tm));
1745
1509
 
1746
1510
  &#{$overflowSelector} {
1747
1511
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1756,10 +1520,8 @@ $overflowSelector: ".flex__overflow";
1756
1520
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-se));
1757
1521
 
1758
1522
  path {
1759
- stroke: var(
1760
- --_sf-hr-in-c1,
1761
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-c1)
1762
- );
1523
+ stroke: var(--_sf-hr-in-c1,
1524
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-c1));
1763
1525
  // Overrides the stroke-width presentation attribute baked into the icon markup.
1764
1526
  stroke-width: prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-se-wh, 1.25);
1765
1527
  }
@@ -1853,10 +1615,8 @@ $overflowSelector: ".flex__overflow";
1853
1615
  }
1854
1616
  }
1855
1617
 
1856
- background-color: var(
1857
- --_sf-hr-bd-cr,
1858
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-bd-cr)
1859
- );
1618
+ background-color: var(--_sf-hr-bd-cr,
1619
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-bd-cr));
1860
1620
 
1861
1621
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-pg));
1862
1622
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-wh));
@@ -1869,27 +1629,18 @@ $overflowSelector: ".flex__overflow";
1869
1629
 
1870
1630
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-rs));
1871
1631
 
1872
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-ae))
1873
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-br))
1874
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-sd))
1875
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-cr));
1632
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-cr));
1876
1633
 
1877
1634
  &[data-show-border="true"] {
1878
1635
  width: 100%;
1879
- border-color: var(
1880
- --_sf-hr-br-cr,
1881
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-cr)
1882
- );
1636
+ border-color: var(--_sf-hr-br-cr,
1637
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-cr));
1883
1638
 
1884
- border-style: var(
1885
- --_sf-hr-br-se,
1886
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-se)
1887
- );
1639
+ border-style: var(--_sf-hr-br-se,
1640
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-se));
1888
1641
 
1889
- border-width: var(
1890
- --_sf-hr-br-wh,
1891
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-wh)
1892
- );
1642
+ border-width: var(--_sf-hr-br-wh,
1643
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-wh));
1893
1644
  }
1894
1645
 
1895
1646
  .txt {
@@ -1898,31 +1649,32 @@ $overflowSelector: ".flex__overflow";
1898
1649
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-cr));
1899
1650
 
1900
1651
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-fy));
1652
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-wd-wp));
1653
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-wd-bk));
1654
+
1655
+ &.flex__overflow {
1656
+ white-space: normal;
1657
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1658
+ }
1901
1659
 
1902
1660
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-se));
1903
1661
 
1904
1662
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-wt));
1905
1663
 
1906
- font-style: var(
1907
- --_sf-hr-ft-se-ic,
1908
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-se-ic)
1909
- );
1664
+ font-style: var(--_sf-hr-ft-se-ic,
1665
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-se-ic));
1910
1666
 
1911
1667
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-tt-an));
1912
1668
 
1913
- letter-spacing: var(
1914
- --_sf-hr-lr-sg,
1915
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-lr-sg)
1916
- );
1669
+ letter-spacing: var(--_sf-hr-lr-sg,
1670
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-lr-sg));
1917
1671
 
1918
1672
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-le-ht));
1919
1673
 
1920
1674
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ue));
1921
1675
 
1922
- text-transform: var(
1923
- --_sf-hr-txt-tr,
1924
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-tt-tm)
1925
- );
1676
+ text-transform: var(--_sf-hr-txt-tr,
1677
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-tt-tm));
1926
1678
 
1927
1679
  &#{$overflowSelector} {
1928
1680
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -2031,10 +1783,8 @@ $overflowSelector: ".flex__overflow";
2031
1783
  }
2032
1784
  }
2033
1785
 
2034
- background-color: var(
2035
- --_sf-hr-bd-cr,
2036
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-bd-cr)
2037
- );
1786
+ background-color: var(--_sf-hr-bd-cr,
1787
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-bd-cr));
2038
1788
 
2039
1789
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-pg));
2040
1790
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-wh));
@@ -2047,27 +1797,18 @@ $overflowSelector: ".flex__overflow";
2047
1797
 
2048
1798
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-rs));
2049
1799
 
2050
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-ae))
2051
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-br))
2052
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-sd))
2053
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-cr));
1800
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-cr));
2054
1801
 
2055
1802
  &[data-show-border="true"] {
2056
1803
  width: 100%;
2057
- border-color: var(
2058
- --_sf-hr-br-cr,
2059
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-cr)
2060
- );
1804
+ border-color: var(--_sf-hr-br-cr,
1805
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-cr));
2061
1806
 
2062
- border-style: var(
2063
- --_sf-hr-br-se,
2064
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-se)
2065
- );
1807
+ border-style: var(--_sf-hr-br-se,
1808
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-se));
2066
1809
 
2067
- border-width: var(
2068
- --_sf-hr-br-wh,
2069
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-wh)
2070
- );
1810
+ border-width: var(--_sf-hr-br-wh,
1811
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-wh));
2071
1812
  }
2072
1813
 
2073
1814
  .txt {
@@ -2076,31 +1817,32 @@ $overflowSelector: ".flex__overflow";
2076
1817
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-cr));
2077
1818
 
2078
1819
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-fy));
1820
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-wd-wp));
1821
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-wd-bk));
1822
+
1823
+ &.flex__overflow {
1824
+ white-space: normal;
1825
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1826
+ }
2079
1827
 
2080
1828
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-se));
2081
1829
 
2082
1830
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-wt));
2083
1831
 
2084
- font-style: var(
2085
- --_sf-hr-ft-se-ic,
2086
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-se-ic)
2087
- );
1832
+ font-style: var(--_sf-hr-ft-se-ic,
1833
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-se-ic));
2088
1834
 
2089
1835
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-tt-an));
2090
1836
 
2091
- letter-spacing: var(
2092
- --_sf-hr-lr-sg,
2093
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-lr-sg)
2094
- );
1837
+ letter-spacing: var(--_sf-hr-lr-sg,
1838
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-lr-sg));
2095
1839
 
2096
1840
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-le-ht));
2097
1841
 
2098
1842
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ue));
2099
1843
 
2100
- text-transform: var(
2101
- --_sf-hr-txt-tr,
2102
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-tt-tm)
2103
- );
1844
+ text-transform: var(--_sf-hr-txt-tr,
1845
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-tt-tm));
2104
1846
 
2105
1847
  &#{$overflowSelector} {
2106
1848
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -2151,160 +1893,90 @@ $overflowSelector: ".flex__overflow";
2151
1893
  width: 100%;
2152
1894
  height: auto;
2153
1895
  // min-height: 48px;
2154
- background-color: var(
2155
- --_ctm-mob-dn-pe-or-bn-dt-se-bd-cr,
2156
- var(--_ctm-tab-dn-pe-or-bn-dt-se-bd-cr, var(--_ctm-dn-pe-or-bn-dt-se-bd-cr))
2157
- );
2158
- border-color: var(
2159
- --_ctm-mob-dn-pe-or-bn-dt-se-br-cr,
2160
- var(--_ctm-tab-dn-pe-or-bn-dt-se-br-cr, var(--_ctm-dn-pe-or-bn-dt-se-br-cr))
2161
- );
2162
- border-radius: var(
2163
- --_ctm-mob-dn-pe-or-bn-dt-se-br-rs,
2164
- var(--_ctm-tab-dn-pe-or-bn-dt-se-br-rs, var(--_ctm-dn-pe-or-bn-dt-se-br-rs))
2165
- );
2166
- border-style: var(
2167
- --_ctm-mob-dn-pe-or-bn-dt-se-br-se,
2168
- var(--_ctm-tab-dn-pe-or-bn-dt-se-br-se, var(--_ctm-dn-pe-or-bn-dt-se-br-se))
2169
- );
2170
- border-width: var(
2171
- --_ctm-mob-dn-pe-or-bn-dt-se-br-wh,
2172
- var(--_ctm-tab-dn-pe-or-bn-dt-se-br-wh, var(--_ctm-dn-pe-or-bn-dt-se-br-wh))
2173
- );
2174
- color: var(
2175
- --_ctm-mob-dn-pe-or-bn-dt-se-cr,
2176
- var(--_ctm-tab-dn-pe-or-bn-dt-se-cr, var(--_ctm-dn-pe-or-bn-dt-se-cr))
2177
- );
2178
- font-family: var(
2179
- --_ctm-mob-dn-pe-or-bn-dt-se-ft-fy,
2180
- var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-fy, var(--_ctm-dn-pe-or-bn-dt-se-ft-fy))
2181
- );
2182
- font-size: var(
2183
- --_ctm-mob-dn-pe-or-bn-dt-se-ft-se,
2184
- var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-se, var(--_ctm-dn-pe-or-bn-dt-se-ft-se))
2185
- );
2186
- font-style: var(
2187
- --_ctm-mob-dn-pe-or-bn-dt-se-ft-se-ic,
2188
- var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-se-ic, var(--_ctm-dn-pe-or-bn-dt-se-ft-se-ic))
2189
- );
2190
- font-weight: var(
2191
- --_ctm-mob-dn-pe-or-bn-dt-se-ft-wt,
2192
- var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-wt, var(--_ctm-dn-pe-or-bn-dt-se-ft-wt))
2193
- );
2194
- line-height: var(
2195
- --_ctm-mob-dn-pe-or-bn-dt-se-le-ht,
2196
- var(--_ctm-tab-dn-pe-or-bn-dt-se-le-ht, var(--_ctm-dn-pe-or-bn-dt-se-le-ht))
2197
- );
2198
- letter-spacing: var(
2199
- --_ctm-mob-dn-pe-or-bn-dt-se-lr-sg,
2200
- var(--_ctm-tab-dn-pe-or-bn-dt-se-lr-sg, var(--_ctm-dn-pe-or-bn-dt-se-lr-sg))
2201
- );
2202
- box-shadow: var(
2203
- --_ctm-mob-dn-pe-or-bn-dt-se-sw-ae,
2204
- var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-ae, var(--_ctm-dn-pe-or-bn-dt-se-sw-ae))
2205
- )
2206
- var(
2207
- --_ctm-mob-dn-pe-or-bn-dt-se-sw-br,
2208
- var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-br, var(--_ctm-dn-pe-or-bn-dt-se-sw-br))
2209
- )
2210
- var(
2211
- --_ctm-mob-dn-pe-or-bn-dt-se-sw-sd,
2212
- var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-sd, var(--_ctm-dn-pe-or-bn-dt-se-sw-sd))
2213
- )
2214
- var(
2215
- --_ctm-mob-dn-pe-or-bn-dt-se-sw-cr,
2216
- var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-cr, var(--_ctm-dn-pe-or-bn-dt-se-sw-cr))
2217
- );
2218
- text-decoration: var(
2219
- --_ctm-mob-dn-pe-or-bn-dt-se-ue,
2220
- var(--_ctm-tab-dn-pe-or-bn-dt-se-ue, var(--_ctm-dn-pe-or-bn-dt-se-ue))
2221
- );
2222
- padding: var(
2223
- --_ctm-mob-dn-pe-or-bn-dt-se-pg,
2224
- var(--_ctm-tab-dn-pe-or-bn-dt-se-pg, var(--_ctm-dn-pe-or-bn-dt-se-pg))
2225
- );
2226
- text-align: var(
2227
- --_ctm-mob-dn-pe-or-bn-dt-se-tt-an,
2228
- var(--_ctm-tab-dn-pe-or-bn-dt-se-tt-an, var(--_ctm-dn-pe-or-bn-dt-se-tt-an))
2229
- );
1896
+ background-color: var(--_ctm-mob-dn-pe-or-bn-dt-se-bd-cr,
1897
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-bd-cr, var(--_ctm-dn-pe-or-bn-dt-se-bd-cr)));
1898
+ border-color: var(--_ctm-mob-dn-pe-or-bn-dt-se-br-cr,
1899
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-br-cr, var(--_ctm-dn-pe-or-bn-dt-se-br-cr)));
1900
+ border-radius: var(--_ctm-mob-dn-pe-or-bn-dt-se-br-rs,
1901
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-br-rs, var(--_ctm-dn-pe-or-bn-dt-se-br-rs)));
1902
+ border-style: var(--_ctm-mob-dn-pe-or-bn-dt-se-br-se,
1903
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-br-se, var(--_ctm-dn-pe-or-bn-dt-se-br-se)));
1904
+ border-width: var(--_ctm-mob-dn-pe-or-bn-dt-se-br-wh,
1905
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-br-wh, var(--_ctm-dn-pe-or-bn-dt-se-br-wh)));
1906
+ color: var(--_ctm-mob-dn-pe-or-bn-dt-se-cr,
1907
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-cr, var(--_ctm-dn-pe-or-bn-dt-se-cr)));
1908
+ font-family: var(--_ctm-mob-dn-pe-or-bn-dt-se-ft-fy,
1909
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-fy, var(--_ctm-dn-pe-or-bn-dt-se-ft-fy)));
1910
+ text-transform: var(--_ctm-mob-dn-pe-or-bn-dt-se-tt-tm,
1911
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-tt-tm, var(--_ctm-dn-pe-or-bn-dt-se-tt-tm)));
1912
+ word-wrap: var(--_ctm-mob-dn-pe-or-bn-dt-se-wd-wp,
1913
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-wd-wp, var(--_ctm-dn-pe-or-bn-dt-se-wd-wp)));
1914
+ word-break: var(--_ctm-mob-dn-pe-or-bn-dt-se-wd-bk,
1915
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-wd-bk, var(--_ctm-dn-pe-or-bn-dt-se-wd-bk)));
1916
+ font-size: var(--_ctm-mob-dn-pe-or-bn-dt-se-ft-se,
1917
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-se, var(--_ctm-dn-pe-or-bn-dt-se-ft-se)));
1918
+ font-style: var(--_ctm-mob-dn-pe-or-bn-dt-se-ft-se-ic,
1919
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-se-ic, var(--_ctm-dn-pe-or-bn-dt-se-ft-se-ic)));
1920
+ font-weight: var(--_ctm-mob-dn-pe-or-bn-dt-se-ft-wt,
1921
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-wt, var(--_ctm-dn-pe-or-bn-dt-se-ft-wt)));
1922
+ line-height: var(--_ctm-mob-dn-pe-or-bn-dt-se-le-ht,
1923
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-le-ht, var(--_ctm-dn-pe-or-bn-dt-se-le-ht)));
1924
+ letter-spacing: var(--_ctm-mob-dn-pe-or-bn-dt-se-lr-sg,
1925
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-lr-sg, var(--_ctm-dn-pe-or-bn-dt-se-lr-sg)));
1926
+ box-shadow: var(--_ctm-mob-dn-pe-or-bn-dt-se-sw-ae,
1927
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-ae, var(--_ctm-dn-pe-or-bn-dt-se-sw-ae))) var(--_ctm-mob-dn-pe-or-bn-dt-se-sw-br,
1928
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-br, var(--_ctm-dn-pe-or-bn-dt-se-sw-br))) var(--_ctm-mob-dn-pe-or-bn-dt-se-sw-sd,
1929
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-sd, var(--_ctm-dn-pe-or-bn-dt-se-sw-sd))) var(--_ctm-mob-dn-pe-or-bn-dt-se-sw-cr,
1930
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-cr, var(--_ctm-dn-pe-or-bn-dt-se-sw-cr)));
1931
+ text-decoration: var(--_ctm-mob-dn-pe-or-bn-dt-se-ue,
1932
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ue, var(--_ctm-dn-pe-or-bn-dt-se-ue)));
1933
+ padding: var(--_ctm-mob-dn-pe-or-bn-dt-se-pg,
1934
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-pg, var(--_ctm-dn-pe-or-bn-dt-se-pg)));
1935
+ text-align: var(--_ctm-mob-dn-pe-or-bn-dt-se-tt-an,
1936
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-tt-an, var(--_ctm-dn-pe-or-bn-dt-se-tt-an)));
2230
1937
 
2231
1938
  &:hover {
2232
- background-color: var(
2233
- --_ctm-mob-dn-pe-or-bn-hr-se-bd-cr,
2234
- var(--_ctm-tab-dn-pe-or-bn-hr-se-bd-cr, var(--_ctm-dn-pe-or-bn-hr-se-bd-cr))
2235
- );
2236
- border-color: var(
2237
- --_ctm-mob-dn-pe-or-bn-hr-se-br-cr,
2238
- var(--_ctm-tab-dn-pe-or-bn-hr-se-br-cr, var(--_ctm-dn-pe-or-bn-hr-se-br-cr))
2239
- );
2240
- border-radius: var(
2241
- --_ctm-mob-dn-pe-or-bn-hr-se-br-rs,
2242
- var(--_ctm-tab-dn-pe-or-bn-hr-se-br-rs, var(--_ctm-dn-pe-or-bn-hr-se-br-rs))
2243
- );
2244
- border-style: var(
2245
- --_ctm-mob-dn-pe-or-bn-hr-se-br-se,
2246
- var(--_ctm-tab-dn-pe-or-bn-hr-se-br-se, var(--_ctm-dn-pe-or-bn-hr-se-br-se))
2247
- );
2248
- border-width: var(
2249
- --_ctm-mob-dn-pe-or-bn-hr-se-br-wh,
2250
- var(--_ctm-tab-dn-pe-or-bn-hr-se-br-wh, var(--_ctm-dn-pe-or-bn-hr-se-br-wh))
2251
- );
2252
- color: var(
2253
- --_ctm-mob-dn-pe-or-bn-hr-se-cr,
2254
- var(--_ctm-tab-dn-pe-or-bn-hr-se-cr, var(--_ctm-dn-pe-or-bn-hr-se-cr))
2255
- );
2256
- font-family: var(
2257
- --_ctm-mob-dn-pe-or-bn-hr-se-ft-fy,
2258
- var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-fy, var(--_ctm-dn-pe-or-bn-hr-se-ft-fy))
2259
- );
2260
- font-size: var(
2261
- --_ctm-mob-dn-pe-or-bn-hr-se-ft-se,
2262
- var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-se, var(--_ctm-dn-pe-or-bn-hr-se-ft-se))
2263
- );
2264
- font-style: var(
2265
- --_ctm-mob-dn-pe-or-bn-hr-se-ft-se-ic,
2266
- var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-se-ic, var(--_ctm-dn-pe-or-bn-hr-se-ft-se-ic))
2267
- );
2268
- font-weight: var(
2269
- --_ctm-mob-dn-pe-or-bn-hr-se-ft-wt,
2270
- var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-wt, var(--_ctm-dn-pe-or-bn-hr-se-ft-wt))
2271
- );
2272
- line-height: var(
2273
- --_ctm-mob-dn-pe-or-bn-hr-se-le-ht,
2274
- var(--_ctm-tab-dn-pe-or-bn-hr-se-le-ht, var(--_ctm-dn-pe-or-bn-hr-se-le-ht))
2275
- );
2276
- letter-spacing: var(
2277
- --_ctm-mob-dn-pe-or-bn-hr-se-lr-sg,
2278
- var(--_ctm-tab-dn-pe-or-bn-hr-se-lr-sg, var(--_ctm-dn-pe-or-bn-hr-se-lr-sg))
2279
- );
2280
- box-shadow: var(
2281
- --_ctm-mob-dn-pe-or-bn-hr-se-sw-ae,
2282
- var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-ae, var(--_ctm-dn-pe-or-bn-hr-se-sw-ae))
2283
- )
2284
- var(
2285
- --_ctm-mob-dn-pe-or-bn-hr-se-sw-br,
2286
- var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-br, var(--_ctm-dn-pe-or-bn-hr-se-sw-br))
2287
- )
2288
- var(
2289
- --_ctm-mob-dn-pe-or-bn-hr-se-sw-sd,
2290
- var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-sd, var(--_ctm-dn-pe-or-bn-hr-se-sw-sd))
2291
- )
2292
- var(
2293
- --_ctm-mob-dn-pe-or-bn-hr-se-sw-cr,
2294
- var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-cr, var(--_ctm-dn-pe-or-bn-hr-se-sw-cr))
2295
- );
2296
- text-decoration: var(
2297
- --_ctm-mob-dn-pe-or-bn-hr-se-ue,
2298
- var(--_ctm-tab-dn-pe-or-bn-hr-se-ue, var(--_ctm-dn-pe-or-bn-hr-se-ue))
2299
- );
2300
- padding: var(
2301
- --_ctm-mob-dn-pe-or-bn-hr-se-pg,
2302
- var(--_ctm-tab-dn-pe-or-bn-hr-se-pg, var(--_ctm-dn-pe-or-bn-hr-se-pg))
2303
- );
2304
- text-align: var(
2305
- --_ctm-mob-dn-pe-or-bn-hr-se-tt-an,
2306
- var(--_ctm-tab-dn-pe-or-bn-hr-se-tt-an, var(--_ctm-dn-pe-or-bn-hr-se-tt-an))
2307
- );
1939
+ background-color: var(--_ctm-mob-dn-pe-or-bn-hr-se-bd-cr,
1940
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-bd-cr, var(--_ctm-dn-pe-or-bn-hr-se-bd-cr)));
1941
+ border-color: var(--_ctm-mob-dn-pe-or-bn-hr-se-br-cr,
1942
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-br-cr, var(--_ctm-dn-pe-or-bn-hr-se-br-cr)));
1943
+ border-radius: var(--_ctm-mob-dn-pe-or-bn-hr-se-br-rs,
1944
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-br-rs, var(--_ctm-dn-pe-or-bn-hr-se-br-rs)));
1945
+ border-style: var(--_ctm-mob-dn-pe-or-bn-hr-se-br-se,
1946
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-br-se, var(--_ctm-dn-pe-or-bn-hr-se-br-se)));
1947
+ border-width: var(--_ctm-mob-dn-pe-or-bn-hr-se-br-wh,
1948
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-br-wh, var(--_ctm-dn-pe-or-bn-hr-se-br-wh)));
1949
+ color: var(--_ctm-mob-dn-pe-or-bn-hr-se-cr,
1950
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-cr, var(--_ctm-dn-pe-or-bn-hr-se-cr)));
1951
+ font-family: var(--_ctm-mob-dn-pe-or-bn-hr-se-ft-fy,
1952
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-fy, var(--_ctm-dn-pe-or-bn-hr-se-ft-fy)));
1953
+ text-transform: var(--_ctm-mob-dn-pe-or-bn-hr-se-tt-tm,
1954
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-tt-tm, var(--_ctm-dn-pe-or-bn-hr-se-tt-tm)));
1955
+ word-wrap: var(--_ctm-mob-dn-pe-or-bn-hr-se-wd-wp,
1956
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-wd-wp, var(--_ctm-dn-pe-or-bn-hr-se-wd-wp)));
1957
+ word-break: var(--_ctm-mob-dn-pe-or-bn-hr-se-wd-bk,
1958
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-wd-bk, var(--_ctm-dn-pe-or-bn-hr-se-wd-bk)));
1959
+ font-size: var(--_ctm-mob-dn-pe-or-bn-hr-se-ft-se,
1960
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-se, var(--_ctm-dn-pe-or-bn-hr-se-ft-se)));
1961
+ font-style: var(--_ctm-mob-dn-pe-or-bn-hr-se-ft-se-ic,
1962
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-se-ic, var(--_ctm-dn-pe-or-bn-hr-se-ft-se-ic)));
1963
+ font-weight: var(--_ctm-mob-dn-pe-or-bn-hr-se-ft-wt,
1964
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-wt, var(--_ctm-dn-pe-or-bn-hr-se-ft-wt)));
1965
+ line-height: var(--_ctm-mob-dn-pe-or-bn-hr-se-le-ht,
1966
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-le-ht, var(--_ctm-dn-pe-or-bn-hr-se-le-ht)));
1967
+ letter-spacing: var(--_ctm-mob-dn-pe-or-bn-hr-se-lr-sg,
1968
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-lr-sg, var(--_ctm-dn-pe-or-bn-hr-se-lr-sg)));
1969
+ box-shadow: var(--_ctm-mob-dn-pe-or-bn-hr-se-sw-ae,
1970
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-ae, var(--_ctm-dn-pe-or-bn-hr-se-sw-ae))) var(--_ctm-mob-dn-pe-or-bn-hr-se-sw-br,
1971
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-br, var(--_ctm-dn-pe-or-bn-hr-se-sw-br))) var(--_ctm-mob-dn-pe-or-bn-hr-se-sw-sd,
1972
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-sd, var(--_ctm-dn-pe-or-bn-hr-se-sw-sd))) var(--_ctm-mob-dn-pe-or-bn-hr-se-sw-cr,
1973
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-cr, var(--_ctm-dn-pe-or-bn-hr-se-sw-cr)));
1974
+ text-decoration: var(--_ctm-mob-dn-pe-or-bn-hr-se-ue,
1975
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ue, var(--_ctm-dn-pe-or-bn-hr-se-ue)));
1976
+ padding: var(--_ctm-mob-dn-pe-or-bn-hr-se-pg,
1977
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-pg, var(--_ctm-dn-pe-or-bn-hr-se-pg)));
1978
+ text-align: var(--_ctm-mob-dn-pe-or-bn-hr-se-tt-an,
1979
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-tt-an, var(--_ctm-dn-pe-or-bn-hr-se-tt-an)));
2308
1980
  }
2309
1981
  }
2310
1982
 
@@ -2312,190 +1984,114 @@ $overflowSelector: ".flex__overflow";
2312
1984
  width: 100%;
2313
1985
  text-align: center;
2314
1986
 
2315
- background-color: var(
2316
- --_ctm-mob-dn-rt-qe-bn-dt-se-bd-cr,
2317
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-bd-cr, var(--_ctm-dn-rt-qe-bn-dt-se-bd-cr))
2318
- );
2319
- border-color: var(
2320
- --_ctm-mob-dn-rt-qe-bn-dt-se-br-cr,
2321
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-cr, var(--_ctm-dn-rt-qe-bn-dt-se-br-cr))
2322
- );
2323
- border-radius: var(
2324
- --_ctm-mob-dn-rt-qe-bn-dt-se-br-rs,
2325
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-rs, var(--_ctm-dn-rt-qe-bn-dt-se-br-rs))
2326
- );
2327
- border-style: var(
2328
- --_ctm-mob-dn-rt-qe-bn-dt-se-br-se,
2329
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-se, var(--_ctm-dn-rt-qe-bn-dt-se-br-se))
2330
- );
2331
- border-width: var(
2332
- --_ctm-mob-dn-rt-qe-bn-dt-se-br-wh,
2333
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-wh, var(--_ctm-dn-rt-qe-bn-dt-se-br-wh))
2334
- );
2335
- color: var(
2336
- --_ctm-mob-dn-rt-qe-bn-dt-se-cr,
2337
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-cr, var(--_ctm-dn-rt-qe-bn-dt-se-cr))
2338
- );
2339
- font-family: var(
2340
- --_ctm-mob-dn-rt-qe-bn-dt-se-ft-fy,
2341
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-fy, var(--_ctm-dn-rt-qe-bn-dt-se-ft-fy))
2342
- );
2343
- font-size: var(
2344
- --_ctm-mob-dn-rt-qe-bn-dt-se-ft-se,
2345
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-se, var(--_ctm-dn-rt-qe-bn-dt-se-ft-se))
2346
- );
2347
- font-style: var(
2348
- --_ctm-mob-dn-py-bn-dn-dt-se-ft-se-ic,
2349
- var(--_ctm-tab-dn-py-bn-dn-dt-se-ft-se-ic, var(--_ctm-dn-py-bn-dn-dt-se-ft-se-ic))
2350
- );
2351
- font-weight: var(
2352
- --_ctm-mob-dn-rt-qe-bn-dt-se-ft-wt,
2353
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-wt, var(--_ctm-dn-rt-qe-bn-dt-se-ft-wt))
2354
- );
2355
- line-height: var(
2356
- --_ctm-mob-dn-rt-qe-bn-dt-se-le-ht,
2357
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-le-ht, var(--_ctm-dn-rt-qe-bn-dt-se-le-ht))
2358
- );
2359
- letter-spacing: var(
2360
- --_ctm-mob-dn-rt-qe-bn-dt-se-lr-sg,
2361
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-lr-sg, var(--_ctm-dn-rt-qe-bn-dt-se-lr-sg))
2362
- );
2363
- box-shadow: var(
2364
- --_ctm-mob-dn-rt-qe-bn-dt-se-sw-ae,
2365
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-ae, var(--_ctm-dn-rt-qe-bn-dt-se-sw-ae))
2366
- )
2367
- var(
2368
- --_ctm-mob-dn-rt-qe-bn-dt-se-sw-br,
2369
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-br, var(--_ctm-dn-rt-qe-bn-dt-se-sw-br))
2370
- )
2371
- var(
2372
- --_ctm-mob-dn-rt-qe-bn-dt-se-sw-sd,
2373
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-sd, var(--_ctm-dn-rt-qe-bn-dt-se-sw-sd))
2374
- )
2375
- var(
2376
- --_ctm-mob-dn-rt-qe-bn-dt-se-sw-cr,
2377
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-cr, var(--_ctm-dn-rt-qe-bn-dt-se-sw-cr))
2378
- );
2379
- text-decoration: var(
2380
- --_ctm-mob-dn-rt-qe-bn-dt-se-ue,
2381
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-ue, var(--_ctm-dn-rt-qe-bn-dt-se-ue))
2382
- );
2383
- text-align: var(
2384
- --_ctm-mob-dn-rt-qe-bn-dt-se-tt-an,
2385
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-tt-an, var(--_ctm-dn-rt-qe-bn-dt-se-tt-an))
2386
- );
2387
- padding: var(
2388
- --_ctm-mob-dn-rt-qe-bn-dt-se-pg,
2389
- var(--_ctm-tab-dn-rt-qe-bn-dt-se-pg, var(--_ctm-dn-rt-qe-bn-dt-se-pg))
2390
- );
1987
+ background-color: var(--_ctm-mob-dn-rt-qe-bn-dt-se-bd-cr,
1988
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-bd-cr, var(--_ctm-dn-rt-qe-bn-dt-se-bd-cr)));
1989
+ border-color: var(--_ctm-mob-dn-rt-qe-bn-dt-se-br-cr,
1990
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-cr, var(--_ctm-dn-rt-qe-bn-dt-se-br-cr)));
1991
+ border-radius: var(--_ctm-mob-dn-rt-qe-bn-dt-se-br-rs,
1992
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-rs, var(--_ctm-dn-rt-qe-bn-dt-se-br-rs)));
1993
+ border-style: var(--_ctm-mob-dn-rt-qe-bn-dt-se-br-se,
1994
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-se, var(--_ctm-dn-rt-qe-bn-dt-se-br-se)));
1995
+ border-width: var(--_ctm-mob-dn-rt-qe-bn-dt-se-br-wh,
1996
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-wh, var(--_ctm-dn-rt-qe-bn-dt-se-br-wh)));
1997
+ color: var(--_ctm-mob-dn-rt-qe-bn-dt-se-cr,
1998
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-cr, var(--_ctm-dn-rt-qe-bn-dt-se-cr)));
1999
+ font-family: var(--_ctm-mob-dn-rt-qe-bn-dt-se-ft-fy,
2000
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-fy, var(--_ctm-dn-rt-qe-bn-dt-se-ft-fy)));
2001
+ text-transform: var(--_ctm-mob-dn-rt-qe-bn-dt-se-tt-tm,
2002
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-tt-tm, var(--_ctm-dn-rt-qe-bn-dt-se-tt-tm)));
2003
+ word-wrap: var(--_ctm-mob-dn-rt-qe-bn-dt-se-wd-wp,
2004
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-wd-wp, var(--_ctm-dn-rt-qe-bn-dt-se-wd-wp)));
2005
+ word-break: var(--_ctm-mob-dn-rt-qe-bn-dt-se-wd-bk,
2006
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-wd-bk, var(--_ctm-dn-rt-qe-bn-dt-se-wd-bk)));
2007
+ font-size: var(--_ctm-mob-dn-rt-qe-bn-dt-se-ft-se,
2008
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-se, var(--_ctm-dn-rt-qe-bn-dt-se-ft-se)));
2009
+ font-style: var(--_ctm-mob-dn-py-bn-dn-dt-se-ft-se-ic,
2010
+ var(--_ctm-tab-dn-py-bn-dn-dt-se-ft-se-ic, var(--_ctm-dn-py-bn-dn-dt-se-ft-se-ic)));
2011
+ font-weight: var(--_ctm-mob-dn-rt-qe-bn-dt-se-ft-wt,
2012
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-wt, var(--_ctm-dn-rt-qe-bn-dt-se-ft-wt)));
2013
+ line-height: var(--_ctm-mob-dn-rt-qe-bn-dt-se-le-ht,
2014
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-le-ht, var(--_ctm-dn-rt-qe-bn-dt-se-le-ht)));
2015
+ letter-spacing: var(--_ctm-mob-dn-rt-qe-bn-dt-se-lr-sg,
2016
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-lr-sg, var(--_ctm-dn-rt-qe-bn-dt-se-lr-sg)));
2017
+ box-shadow: var(--_ctm-mob-dn-rt-qe-bn-dt-se-sw-ae,
2018
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-ae, var(--_ctm-dn-rt-qe-bn-dt-se-sw-ae))) var(--_ctm-mob-dn-rt-qe-bn-dt-se-sw-br,
2019
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-br, var(--_ctm-dn-rt-qe-bn-dt-se-sw-br))) var(--_ctm-mob-dn-rt-qe-bn-dt-se-sw-sd,
2020
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-sd, var(--_ctm-dn-rt-qe-bn-dt-se-sw-sd))) var(--_ctm-mob-dn-rt-qe-bn-dt-se-sw-cr,
2021
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-cr, var(--_ctm-dn-rt-qe-bn-dt-se-sw-cr)));
2022
+ text-decoration: var(--_ctm-mob-dn-rt-qe-bn-dt-se-ue,
2023
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-ue, var(--_ctm-dn-rt-qe-bn-dt-se-ue)));
2024
+ text-align: var(--_ctm-mob-dn-rt-qe-bn-dt-se-tt-an,
2025
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-tt-an, var(--_ctm-dn-rt-qe-bn-dt-se-tt-an)));
2026
+ padding: var(--_ctm-mob-dn-rt-qe-bn-dt-se-pg,
2027
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-pg, var(--_ctm-dn-rt-qe-bn-dt-se-pg)));
2391
2028
 
2392
2029
  &:hover {
2393
- background-color: var(
2394
- --_ctm-mob-dn-rt-qe-bn-hr-se-bd-cr,
2395
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-bd-cr, var(--_ctm-dn-rt-qe-bn-hr-se-bd-cr))
2396
- );
2397
- border-color: var(
2398
- --_ctm-mob-dn-rt-qe-bn-hr-se-br-cr,
2399
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-cr, var(--_ctm-dn-rt-qe-bn-hr-se-br-cr))
2400
- );
2401
- border-radius: var(
2402
- --_ctm-mob-dn-rt-qe-bn-hr-se-br-rs,
2403
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-rs, var(--_ctm-dn-rt-qe-bn-hr-se-br-rs))
2404
- );
2405
- border-style: var(
2406
- --_ctm-mob-dn-rt-qe-bn-hr-se-br-se,
2407
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-se, var(--_ctm-dn-rt-qe-bn-hr-se-br-se))
2408
- );
2409
- border-width: var(
2410
- --_ctm-mob-dn-rt-qe-bn-hr-se-br-wh,
2411
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-wh, var(--_ctm-dn-rt-qe-bn-hr-se-br-wh))
2412
- );
2413
- color: var(
2414
- --_ctm-mob-dn-rt-qe-bn-hr-se-cr,
2415
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-cr, var(--_ctm-dn-rt-qe-bn-hr-se-cr))
2416
- );
2417
- font-family: var(
2418
- --_ctm-mob-dn-rt-qe-bn-hr-se-ft-fy,
2419
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-fy, var(--_ctm-dn-rt-qe-bn-hr-se-ft-fy))
2420
- );
2421
- font-size: var(
2422
- --_ctm-mob-dn-rt-qe-bn-hr-se-ft-se,
2423
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-se, var(--_ctm-dn-rt-qe-bn-hr-se-ft-se))
2424
- );
2425
- font-style: var(
2426
- --_ctm-mob-dn-py-bn-dn-hr-se-ft-se-ic,
2427
- var(--_ctm-tab-dn-py-bn-dn-hr-se-ft-se-ic, var(--_ctm-dn-py-bn-dn-hr-se-ft-se-ic))
2428
- );
2429
- font-weight: var(
2430
- --_ctm-mob-dn-rt-qe-bn-hr-se-ft-wt,
2431
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-wt, var(--_ctm-dn-rt-qe-bn-hr-se-ft-wt))
2432
- );
2433
- line-height: var(
2434
- --_ctm-mob-dn-rt-qe-bn-hr-se-le-ht,
2435
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-le-ht, var(--_ctm-dn-rt-qe-bn-hr-se-le-ht))
2436
- );
2437
- letter-spacing: var(
2438
- --_ctm-mob-dn-rt-qe-bn-hr-se-lr-sg,
2439
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-lr-sg, var(--_ctm-dn-rt-qe-bn-hr-se-lr-sg))
2440
- );
2441
- box-shadow: var(
2442
- --_ctm-mob-dn-rt-qe-bn-hr-se-sw-ae,
2443
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-ae, var(--_ctm-dn-rt-qe-bn-hr-se-sw-ae))
2444
- )
2445
- var(
2446
- --_ctm-mob-dn-rt-qe-bn-hr-se-sw-br,
2447
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-br, var(--_ctm-dn-rt-qe-bn-hr-se-sw-br))
2448
- )
2449
- var(
2450
- --_ctm-mob-dn-rt-qe-bn-hr-se-sw-sd,
2451
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-sd, var(--_ctm-dn-rt-qe-bn-hr-se-sw-sd))
2452
- )
2453
- var(
2454
- --_ctm-mob-dn-rt-qe-bn-hr-se-sw-cr,
2455
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-cr, var(--_ctm-dn-rt-qe-bn-hr-se-sw-cr))
2456
- );
2457
- text-decoration: var(
2458
- --_ctm-mob-dn-rt-qe-bn-hr-se-ue,
2459
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-ue, var(--_ctm-dn-rt-qe-bn-hr-se-ue))
2460
- );
2461
- text-align: var(
2462
- --_ctm-mob-dn-rt-qe-bn-hr-se-tt-an,
2463
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-tt-an, var(--_ctm-dn-rt-qe-bn-hr-se-tt-an))
2464
- );
2465
- padding: var(
2466
- --_ctm-mob-dn-rt-qe-bn-hr-se-pg,
2467
- var(--_ctm-tab-dn-rt-qe-bn-hr-se-pg, var(--_ctm-dn-rt-qe-bn-hr-se-pg))
2468
- );
2030
+ background-color: var(--_ctm-mob-dn-rt-qe-bn-hr-se-bd-cr,
2031
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-bd-cr, var(--_ctm-dn-rt-qe-bn-hr-se-bd-cr)));
2032
+ border-color: var(--_ctm-mob-dn-rt-qe-bn-hr-se-br-cr,
2033
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-cr, var(--_ctm-dn-rt-qe-bn-hr-se-br-cr)));
2034
+ border-radius: var(--_ctm-mob-dn-rt-qe-bn-hr-se-br-rs,
2035
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-rs, var(--_ctm-dn-rt-qe-bn-hr-se-br-rs)));
2036
+ border-style: var(--_ctm-mob-dn-rt-qe-bn-hr-se-br-se,
2037
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-se, var(--_ctm-dn-rt-qe-bn-hr-se-br-se)));
2038
+ border-width: var(--_ctm-mob-dn-rt-qe-bn-hr-se-br-wh,
2039
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-wh, var(--_ctm-dn-rt-qe-bn-hr-se-br-wh)));
2040
+ color: var(--_ctm-mob-dn-rt-qe-bn-hr-se-cr,
2041
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-cr, var(--_ctm-dn-rt-qe-bn-hr-se-cr)));
2042
+ font-family: var(--_ctm-mob-dn-rt-qe-bn-hr-se-ft-fy,
2043
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-fy, var(--_ctm-dn-rt-qe-bn-hr-se-ft-fy)));
2044
+ text-transform: var(--_ctm-mob-dn-rt-qe-bn-hr-se-tt-tm,
2045
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-tt-tm, var(--_ctm-dn-rt-qe-bn-hr-se-tt-tm)));
2046
+ word-wrap: var(--_ctm-mob-dn-rt-qe-bn-hr-se-wd-wp,
2047
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-wd-wp, var(--_ctm-dn-rt-qe-bn-hr-se-wd-wp)));
2048
+ word-break: var(--_ctm-mob-dn-rt-qe-bn-hr-se-wd-bk,
2049
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-wd-bk, var(--_ctm-dn-rt-qe-bn-hr-se-wd-bk)));
2050
+ font-size: var(--_ctm-mob-dn-rt-qe-bn-hr-se-ft-se,
2051
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-se, var(--_ctm-dn-rt-qe-bn-hr-se-ft-se)));
2052
+ font-style: var(--_ctm-mob-dn-py-bn-dn-hr-se-ft-se-ic,
2053
+ var(--_ctm-tab-dn-py-bn-dn-hr-se-ft-se-ic, var(--_ctm-dn-py-bn-dn-hr-se-ft-se-ic)));
2054
+ font-weight: var(--_ctm-mob-dn-rt-qe-bn-hr-se-ft-wt,
2055
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-wt, var(--_ctm-dn-rt-qe-bn-hr-se-ft-wt)));
2056
+ line-height: var(--_ctm-mob-dn-rt-qe-bn-hr-se-le-ht,
2057
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-le-ht, var(--_ctm-dn-rt-qe-bn-hr-se-le-ht)));
2058
+ letter-spacing: var(--_ctm-mob-dn-rt-qe-bn-hr-se-lr-sg,
2059
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-lr-sg, var(--_ctm-dn-rt-qe-bn-hr-se-lr-sg)));
2060
+ box-shadow: var(--_ctm-mob-dn-rt-qe-bn-hr-se-sw-ae,
2061
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-ae, var(--_ctm-dn-rt-qe-bn-hr-se-sw-ae))) var(--_ctm-mob-dn-rt-qe-bn-hr-se-sw-br,
2062
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-br, var(--_ctm-dn-rt-qe-bn-hr-se-sw-br))) var(--_ctm-mob-dn-rt-qe-bn-hr-se-sw-sd,
2063
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-sd, var(--_ctm-dn-rt-qe-bn-hr-se-sw-sd))) var(--_ctm-mob-dn-rt-qe-bn-hr-se-sw-cr,
2064
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-cr, var(--_ctm-dn-rt-qe-bn-hr-se-sw-cr)));
2065
+ text-decoration: var(--_ctm-mob-dn-rt-qe-bn-hr-se-ue,
2066
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-ue, var(--_ctm-dn-rt-qe-bn-hr-se-ue)));
2067
+ text-align: var(--_ctm-mob-dn-rt-qe-bn-hr-se-tt-an,
2068
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-tt-an, var(--_ctm-dn-rt-qe-bn-hr-se-tt-an)));
2069
+ padding: var(--_ctm-mob-dn-rt-qe-bn-hr-se-pg,
2070
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-pg, var(--_ctm-dn-rt-qe-bn-hr-se-pg)));
2469
2071
  }
2470
2072
  }
2471
2073
 
2472
2074
  .cart_summary_secondary_btn_wrapper {
2473
2075
  // color: var(--_ctm-mob-dn-tx-et-cr, var(--_ctm-tab-dn-tx-et-cr, var(--_ctm-dn-tx-et-cr)));
2474
2076
  color: var(--_thm-cs-tt-ls-as);
2475
- font-family: var(
2476
- --_ctm-mob-dn-tx-et-ft-fy,
2477
- var(--_ctm-tab-dn-tx-et-ft-fy, var(--_ctm-dn-tx-et-ft-fy))
2478
- );
2479
- font-size: var(
2480
- --_ctm-mob-dn-tx-et-ft-se,
2481
- var(--_ctm-tab-dn-tx-et-ft-se, var(--_ctm-dn-tx-et-ft-se))
2482
- );
2483
- font-style: var(
2484
- --_ctm-mob-dn-tx-et-ft-se-ic,
2485
- var(--_ctm-tab-dn-tx-et-ft-se-ic, var(--_ctm-dn-tx-et-ft-se-ic))
2486
- );
2487
- font-weight: var(
2488
- --_ctm-mob-dn-tx-et-ft-wt,
2489
- var(--_ctm-tab-dn-tx-et-ft-wt, var(--_ctm-dn-tx-et-ft-wt))
2490
- );
2491
- line-height: var(
2492
- --_ctm-mob-dn-tx-et-le-ht,
2493
- var(--_ctm-tab-dn-tx-et-le-ht, var(--_ctm-dn-tx-et-le-ht))
2494
- );
2495
- letter-spacing: var(
2496
- --_ctm-mob-dn-tx-et-lr-sg,
2497
- var(--_ctm-tab-dn-tx-et-lr-sg, var(--_ctm-dn-tx-et-lr-sg))
2498
- );
2077
+ font-family: var(--_ctm-mob-dn-tx-et-ft-fy,
2078
+ var(--_ctm-tab-dn-tx-et-ft-fy, var(--_ctm-dn-tx-et-ft-fy)));
2079
+ text-transform: var(--_ctm-mob-dn-tx-et-tt-tm,
2080
+ var(--_ctm-tab-dn-tx-et-tt-tm, var(--_ctm-dn-tx-et-tt-tm)));
2081
+ word-wrap: var(--_ctm-mob-dn-tx-et-wd-wp,
2082
+ var(--_ctm-tab-dn-tx-et-wd-wp, var(--_ctm-dn-tx-et-wd-wp)));
2083
+ word-break: var(--_ctm-mob-dn-tx-et-wd-bk,
2084
+ var(--_ctm-tab-dn-tx-et-wd-bk, var(--_ctm-dn-tx-et-wd-bk)));
2085
+ font-size: var(--_ctm-mob-dn-tx-et-ft-se,
2086
+ var(--_ctm-tab-dn-tx-et-ft-se, var(--_ctm-dn-tx-et-ft-se)));
2087
+ font-style: var(--_ctm-mob-dn-tx-et-ft-se-ic,
2088
+ var(--_ctm-tab-dn-tx-et-ft-se-ic, var(--_ctm-dn-tx-et-ft-se-ic)));
2089
+ font-weight: var(--_ctm-mob-dn-tx-et-ft-wt,
2090
+ var(--_ctm-tab-dn-tx-et-ft-wt, var(--_ctm-dn-tx-et-ft-wt)));
2091
+ line-height: var(--_ctm-mob-dn-tx-et-le-ht,
2092
+ var(--_ctm-tab-dn-tx-et-le-ht, var(--_ctm-dn-tx-et-le-ht)));
2093
+ letter-spacing: var(--_ctm-mob-dn-tx-et-lr-sg,
2094
+ var(--_ctm-tab-dn-tx-et-lr-sg, var(--_ctm-dn-tx-et-lr-sg)));
2499
2095
  padding: var(--_ctm-mob-dn-tx-et-pg, var(--_ctm-tab-dn-tx-et-pg, var(--_ctm-dn-tx-et-pg)));
2500
2096
  // background-color: var(--_ctm-dn-sy-bn-dn-dt-se-bd-cr);
2501
2097
  // border-color: var(--_ctm-dn-sy-bn-dn-dt-se-br-cr);
@@ -2550,4 +2146,4 @@ $overflowSelector: ".flex__overflow";
2550
2146
 
2551
2147
  .border_dashed {
2552
2148
  border: 1px dashed var(--_thm-cs-be-se-3);
2553
- }
2149
+ }