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

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 (132) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2155 -1671
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +2027 -1128
  16. package/dist/bundle.scss +1489 -841
  17. package/dist/bundleCategories.scss +301 -0
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +113 -78
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1025 -485
  23. package/dist/cart-summary.scss +1234 -569
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +647 -367
  27. package/dist/cartDropdownOverlay.scss +10 -1
  28. package/dist/category-groups-element.scss +108 -127
  29. package/dist/category-groups-product-grid.scss +147 -120
  30. package/dist/category-groups-product-image.scss +1457 -1162
  31. package/dist/category-groups-product-options.scss +685 -590
  32. package/dist/category-groups-product-price.scss +3244 -1966
  33. package/dist/category-groups-quota-details.scss +464 -210
  34. package/dist/category.scss +50 -26
  35. package/dist/checkout.scss +16 -24
  36. package/dist/confirm-modal.scss +2 -22
  37. package/dist/container.scss +54 -32
  38. package/dist/countdown.scss +443 -256
  39. package/dist/coupon.scss +16 -19
  40. package/dist/default-dropdown.scss +1 -12
  41. package/dist/embroider-template-1-v2.scss +172 -123
  42. package/dist/embroider-template-1.scss +104 -68
  43. package/dist/embroidery.scss +31 -30
  44. package/dist/employee-bulk-order.scss +142 -418
  45. package/dist/faq.scss +408 -228
  46. package/dist/filter-results.scss +265 -125
  47. package/dist/filters.scss +1682 -831
  48. package/dist/gallery-slider-temp.scss +811 -445
  49. package/dist/global-styles.scss +7 -23
  50. package/dist/grid.scss +33 -25
  51. package/dist/hotspot.scss +115 -68
  52. package/dist/image-temp.scss +38 -24
  53. package/dist/item-stock.scss +16 -9
  54. package/dist/kitDetails.scss +4301 -2721
  55. package/dist/kits.scss +19 -24
  56. package/dist/language-selector.scss +361 -211
  57. package/dist/last-x-orders.scss +174 -95
  58. package/dist/layouter-item.scss +106 -76
  59. package/dist/layouter-pro-item.scss +95 -89
  60. package/dist/layouter-pro.scss +92 -87
  61. package/dist/layouter.scss +264 -79
  62. package/dist/light-box-v2.scss +104 -89
  63. package/dist/login.scss +600 -311
  64. package/dist/map.scss +391 -228
  65. package/dist/marchandiserSets.scss +104 -95
  66. package/dist/mega-menu-container.scss +109 -96
  67. package/dist/mega-menu.scss +731 -624
  68. package/dist/menu-item.scss +2 -2
  69. package/dist/menu-v2.scss +619 -507
  70. package/dist/multi-select-dropdown.scss +3 -27
  71. package/dist/my-templates.scss +9 -38
  72. package/dist/option-bar.scss +375 -215
  73. package/dist/order-status.scss +1117 -643
  74. package/dist/overflow-module.scss +7 -6
  75. package/dist/past-orders.scss +149 -118
  76. package/dist/payment-methods.scss +30 -46
  77. package/dist/pickup-locations.scss +1118 -558
  78. package/dist/position-module.scss +17 -20
  79. package/dist/prefix-list.scss +10 -21
  80. package/dist/product-actions.scss +1778 -1228
  81. package/dist/product-basic-elements.scss +169 -108
  82. package/dist/product-highlights.scss +176 -107
  83. package/dist/product-image-bundles.scss +642 -337
  84. package/dist/product-inventory.scss +1357 -673
  85. package/dist/product-labels.scss +105 -84
  86. package/dist/product-options.scss +659 -316
  87. package/dist/product-price.scss +2562 -1284
  88. package/dist/product-promotions.scss +2830 -1388
  89. package/dist/product-sizechart.scss +905 -516
  90. package/dist/product.scss +61 -28
  91. package/dist/productDetails.scss +39 -19
  92. package/dist/profile.scss +451 -207
  93. package/dist/quantity-selector.scss +550 -313
  94. package/dist/quick-inventory-check.scss +174 -95
  95. package/dist/quick-links.scss +137 -56
  96. package/dist/quick-order-pad.scss +271 -218
  97. package/dist/quota-details.scss +282 -152
  98. package/dist/quotes.scss +121 -82
  99. package/dist/repeater-embla-controls.scss +26 -37
  100. package/dist/repeater-grid-toggle.scss +166 -156
  101. package/dist/repeater-item.scss +64 -41
  102. package/dist/repeater.scss +817 -554
  103. package/dist/request-for-quotes.scss +16 -66
  104. package/dist/responsive-behaviour.scss +1 -3
  105. package/dist/rfqs.scss +181 -118
  106. package/dist/scroll.scss +198 -90
  107. package/dist/search.scss +326 -179
  108. package/dist/section.scss +51 -27
  109. package/dist/shipping-payments.scss +58 -198
  110. package/dist/simple-list.scss +198 -61
  111. package/dist/social.scss +145 -80
  112. package/dist/stack.scss +34 -23
  113. package/dist/static-global.scss +26 -44
  114. package/dist/stockStatus.scss +19 -11
  115. package/dist/store-locations.scss +1105 -577
  116. package/dist/tab-container.scss +108 -81
  117. package/dist/table-common.scss +408 -217
  118. package/dist/table.scss +511 -269
  119. package/dist/text-temp.scss +7 -8
  120. package/dist/theme-classes.scss +13 -17
  121. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1051 -2
  122. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  123. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  124. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  125. package/dist/types/builder/tools/element-edit/scroll.d.ts +6 -0
  126. package/dist/types/builder/tools/element-edit/userElements.d.ts +38 -37
  127. package/dist/uom-selector.scss +949 -489
  128. package/dist/user-elements.scss +892 -574
  129. package/dist/variant-picker.scss +2555 -1281
  130. package/dist/volume-pricing.scss +1037 -541
  131. package/dist/widget.scss +1 -0
  132. package/package.json +1 -1
package/dist/cart-summary.scss CHANGED
@@ -51,7 +51,8 @@ $overflowSelector: ".flex__overflow";
51
51
 
52
52
  // The four shadow parts are separate custom properties, so each needs its own var().
53
53
  @mixin cartSummaryShadow($scope) {
54
- box-shadow: prepareMediaVariable(#{$scope}-sw-ae) prepareMediaVariable(#{$scope}-sw-br) prepareMediaVariable(#{$scope}-sw-sd) prepareMediaVariable(#{$scope}-sw-cr);
54
+ box-shadow: prepareMediaVariable(#{$scope}-sw-ae) prepareMediaVariable(#{$scope}-sw-br)
55
+ prepareMediaVariable(#{$scope}-sw-sd) prepareMediaVariable(#{$scope}-sw-cr);
55
56
  }
56
57
 
57
58
  [data-div-type="element"] {
@@ -69,7 +70,7 @@ $overflowSelector: ".flex__overflow";
69
70
 
70
71
  // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
71
72
 
72
- &>div {
73
+ & > div {
73
74
  &.wrapper {
74
75
  width: 100%;
75
76
  }
@@ -89,6 +90,10 @@ $overflowSelector: ".flex__overflow";
89
90
  overflow: hidden;
90
91
 
91
92
  .cart_summary_heading_wrapper {
93
+ // The header is the accordion toggle, but only while Show Arrow Icon is on.
94
+ &[data-is-collapsible="true"] {
95
+ cursor: pointer;
96
+ }
92
97
  display: flex;
93
98
  padding: var(--_ctm-lt-hg-pg);
94
99
  align-items: center;
@@ -100,32 +105,56 @@ $overflowSelector: ".flex__overflow";
100
105
  @include cartSummaryBox(--_ctm-dn-hr-cr);
101
106
  @include cartSummaryShadow(--_ctm-dn-hr-cr);
102
107
 
108
+ // The arrow sits next to a width:100% heading, so without this it would be
109
+ // squeezed instead of keeping the size set on the Icon Size control.
110
+ .icon,
111
+ .iconDesc {
112
+ flex: 0 0 auto;
113
+ display: flex;
114
+ align-items: center;
115
+ }
116
+
103
117
  .icon svg {
104
118
  path {
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)));
119
+ stroke: var(
120
+ --_ctm-mob-dn-an-as-im-in-c1,
121
+ var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1))
122
+ );
107
123
  // Overrides the stroke-width presentation attribute baked into the icon markup.
108
124
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
109
125
  }
110
126
 
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)));
127
+ width: var(
128
+ --_ctm-mob-dn-an-as-im-in-se,
129
+ var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
130
+ );
131
+ height: var(
132
+ --_ctm-mob-dn-an-as-im-in-se,
133
+ var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
134
+ );
115
135
  }
116
136
 
117
137
  .iconDesc svg {
118
138
  path {
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)));
139
+ stroke: var(
140
+ --_ctm-mob-dn-an-as-im-in-c1-dc,
141
+ var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc))
142
+ );
121
143
  // Overrides the stroke-width presentation attribute baked into the icon markup.
122
- stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
144
+ stroke-width: prepareMediaVariable(
145
+ --_ctm-dn-an-as-im-se-wh-dc,
146
+ prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25)
147
+ );
123
148
  }
124
149
 
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)));
150
+ width: var(
151
+ --_ctm-mob-dn-an-as-im-in-se-dc,
152
+ var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
153
+ );
154
+ height: var(
155
+ --_ctm-mob-dn-an-as-im-in-se-dc,
156
+ var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
157
+ );
129
158
  }
130
159
 
131
160
  .cart_summary_heading {
@@ -134,56 +163,93 @@ $overflowSelector: ".flex__overflow";
134
163
  max-height: 48px;
135
164
  display: flex;
136
165
  align-items: center;
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
-
166
+ font-family: var(
167
+ --_ctm-mob-dn-hr-cr-ft-fy,
168
+ var(--_ctm-tab-dn-hr-cr-ft-fy, var(--_ctm-dn-hr-cr-ft-fy))
169
+ );
170
+ word-wrap: var(
171
+ --_ctm-mob-dn-hr-cr-wd-wp,
172
+ var(--_ctm-tab-dn-hr-cr-wd-wp, var(--_ctm-dn-hr-cr-wd-wp))
173
+ );
174
+ word-break: var(
175
+ --_ctm-mob-dn-hr-cr-wd-bk,
176
+ var(--_ctm-tab-dn-hr-cr-wd-bk, var(--_ctm-dn-hr-cr-wd-bk))
177
+ );
144
178
  &.flex__overflow {
145
179
  white-space: normal;
146
180
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
147
181
  }
148
-
149
182
  color: var(--_ctm-mob-dn-hr-cr-cr, var(--_ctm-tab-dn-hr-cr-cr, var(--_ctm-dn-hr-cr-cr)));
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)));
183
+ font-weight: var(
184
+ --_ctm-mob-dn-hr-cr-ft-wt,
185
+ var(--_ctm-tab-dn-hr-cr-ft-wt, var(--_ctm-dn-hr-cr-ft-wt))
186
+ );
187
+ font-size: var(
188
+ --_ctm-mob-dn-hr-cr-ft-se,
189
+ var(--_ctm-tab-dn-hr-cr-ft-se, var(--_ctm-dn-hr-cr-ft-se))
190
+ );
191
+ text-decoration: var(
192
+ --_ctm-mob-dn-hr-cr-ue,
193
+ var(--_ctm-tab-dn-hr-cr-ue, var(--_ctm-dn-hr-cr-ue))
194
+ );
195
+ letter-spacing: var(
196
+ --_ctm-mob-dn-hr-cr-lr-sg,
197
+ var(--_ctm-tab-dn-hr-cr-lr-sg, var(--_ctm-dn-hr-cr-lr-sg))
198
+ );
199
+ line-height: var(
200
+ --_ctm-mob-dn-hr-cr-le-ht,
201
+ var(--_ctm-tab-dn-hr-cr-le-ht, var(--_ctm-dn-hr-cr-le-ht))
202
+ );
203
+ font-style: var(
204
+ --_ctm-mob-dn-hr-cr-ft-se-ic,
205
+ var(--_ctm-tab-dn-hr-cr-ft-se-ic, var(--_ctm-dn-hr-cr-ft-se-ic))
206
+ );
207
+ text-align: var(
208
+ --_ctm-mob-dn-hr-cr-tt-an,
209
+ var(--_ctm-tab-dn-hr-cr-tt-an, var(--_ctm-dn-hr-cr-tt-an))
210
+ );
164
211
  text-transform: prepareMediaVariable(--_ctm-dn-hr-cr-tt-tm);
165
212
  }
166
213
  }
167
214
 
168
215
  .cart_summary_content_wrapper {
216
+ // Collapsed by the heading arrow, so the widget behaves like a dropdown.
217
+ &[data-is-expanded="false"] {
218
+ display: none;
219
+ }
220
+
169
221
  // padding: calc(var(--_ctm-lt-by-pg) / 2) var(--_ctm-lt-by-pg);
170
222
  // padding: var(--_ctm-lt-by-pg);
171
223
  // gap: var(--_ctm-lt-im-gp);
172
224
  border-top: 1px solid var(--_thm-cs-be-se-3);
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)));
225
+ background-color: var(
226
+ --_ctm-mob-dn-ct-by-wt-bd-cr,
227
+ var(--_ctm-tab-dn-ct-by-wt-bd-cr, var(--_ctm-dn-ct-by-wt-bd-cr))
228
+ );
229
+ padding: var(
230
+ --_ctm-mob-dn-ct-by-wt-pg,
231
+ var(--_ctm-tab-dn-ct-by-wt-pg, var(--_ctm-dn-ct-by-wt-pg))
232
+ );
233
+ gap: var(
234
+ --_ctm-mob-dn-ct-by-wt-im-gp,
235
+ var(--_ctm-tab-dn-ct-by-wt-im-gp, var(--_ctm-dn-ct-by-wt-im-gp))
236
+ );
237
+ border-color: var(
238
+ --_ctm-mob-dn-ct-by-wt-br-cr,
239
+ var(--_ctm-tab-dn-ct-by-wt-br-cr, var(--_ctm-dn-ct-by-wt-br-cr))
240
+ );
241
+ border-style: var(
242
+ --_ctm-mob-dn-ct-by-wt-br-se,
243
+ var(--_ctm-tab-dn-ct-by-wt-br-se, var(--_ctm-dn-ct-by-wt-br-se))
244
+ );
245
+ border-width: var(
246
+ --_ctm-mob-dn-ct-by-wt-br-wh,
247
+ var(--_ctm-tab-dn-ct-by-wt-br-wh, var(--_ctm-dn-ct-by-wt-br-wh))
248
+ );
249
+ border-radius: var(
250
+ --_ctm-mob-dn-ct-by-wt-br-rs,
251
+ var(--_ctm-tab-dn-ct-by-wt-br-rs, var(--_ctm-dn-ct-by-wt-br-rs))
252
+ );
187
253
  // The body widget already carried typography in the schema but nothing read
188
254
  // it. It is the body's text default now, which every row with its own design
189
255
  // section overrides.
@@ -198,20 +264,34 @@ $overflowSelector: ".flex__overflow";
198
264
  flex-direction: column;
199
265
  // gap: var(--_ctm-lt-im-gp);
200
266
 
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)));
267
+ background-color: var(
268
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-bd-cr,
269
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-bd-cr))
270
+ );
271
+ padding: var(
272
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-pg,
273
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-pg, var(--_ctm-dn-pt-wt-pt-wt-wr-pg))
274
+ );
275
+ gap: var(
276
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-im-gp,
277
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-im-gp, var(--_ctm-dn-pt-wt-pt-wt-wr-im-gp))
278
+ );
279
+ border-color: var(
280
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-br-cr,
281
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-br-cr))
282
+ );
283
+ border-style: var(
284
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-br-se,
285
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-se, var(--_ctm-dn-pt-wt-pt-wt-wr-br-se))
286
+ );
287
+ border-width: var(
288
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-br-wh,
289
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-wh, var(--_ctm-dn-pt-wt-pt-wt-wr-br-wh))
290
+ );
291
+ border-radius: var(
292
+ --_ctm-mob-dn-pt-wt-pt-wt-wr-br-rs,
293
+ var(--_ctm-tab-dn-pt-wt-pt-wt-wr-br-rs, var(--_ctm-dn-pt-wt-pt-wt-wr-br-rs))
294
+ );
215
295
 
216
296
  // Product Widget Item — one product card. Nothing but the item gap used to
217
297
  // be read here, so Background Color, Border, Border Radius and Padding had
@@ -224,8 +304,10 @@ $overflowSelector: ".flex__overflow";
224
304
 
225
305
  .cart_summary_product_info_wrapper {
226
306
  display: flex;
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)));
307
+ gap: var(
308
+ --_ctm-mob-dn-pt-wt-pt-wt-im-im-gp,
309
+ var(--_ctm-tab-dn-pt-wt-pt-wt-im-im-gp, var(--_ctm-dn-pt-wt-pt-wt-im-im-gp))
310
+ );
229
311
  width: 80%;
230
312
  align-items: flex-start;
231
313
 
@@ -234,7 +316,7 @@ $overflowSelector: ".flex__overflow";
234
316
  // Border Style, Border Radius or Box Shadow settings could reach it.
235
317
  .cart_summary_pro_container {
236
318
  width: 80px;
237
- // height: 80px;
319
+ height: 80px;
238
320
  display: flex;
239
321
  justify-content: center;
240
322
  align-items: center;
@@ -242,8 +324,9 @@ $overflowSelector: ".flex__overflow";
242
324
  @include cartSummaryShadow(--_ctm-dn-pt-wt-pt-ie);
243
325
 
244
326
  .cart_summary_product_img {
245
- max-width: 100%;
246
- max-height: 100%;
327
+ width: 100%;
328
+ height: 100%;
329
+ object-fit: cover;
247
330
  }
248
331
  }
249
332
 
@@ -276,119 +359,229 @@ $overflowSelector: ".flex__overflow";
276
359
  }
277
360
 
278
361
  .cart_summary_qty_text {
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)));
362
+ font-family: var(
363
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-fy,
364
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy, var(--_ctm-dn-pt-wt-pt-qy-ft-fy))
365
+ );
366
+ word-wrap: var(
367
+ --_ctm-mob-dn-pt-wt-pt-qy-wd-wp,
368
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-wp, var(--_ctm-dn-pt-wt-pt-qy-wd-wp))
369
+ );
370
+ word-break: var(
371
+ --_ctm-mob-dn-pt-wt-pt-qy-wd-bk,
372
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-bk, var(--_ctm-dn-pt-wt-pt-qy-wd-bk))
373
+ );
374
+ color: var(
375
+ --_ctm-mob-dn-pt-wt-pt-qy-cr,
376
+ var(--_ctm-tab-dn-pt-wt-pt-qy-cr, var(--_ctm-dn-pt-wt-pt-qy-cr))
377
+ );
378
+ font-weight: var(
379
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-wt,
380
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt, var(--_ctm-dn-pt-wt-pt-qy-ft-wt))
381
+ );
382
+ font-size: var(
383
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-se,
384
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se, var(--_ctm-dn-pt-wt-pt-qy-ft-se))
385
+ );
291
386
  // font-size: 12px;
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)));
387
+ text-decoration: var(
388
+ --_ctm-mob-dn-pt-wt-pt-qy-ue,
389
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ue, var(--_ctm-dn-pt-wt-pt-qy-ue))
390
+ );
391
+ letter-spacing: var(
392
+ --_ctm-mob-dn-pt-wt-pt-qy-lr-sg,
393
+ var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg, var(--_ctm-dn-pt-wt-pt-qy-lr-sg))
394
+ );
395
+ line-height: var(
396
+ --_ctm-mob-dn-pt-wt-pt-qy-le-ht,
397
+ var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht, var(--_ctm-dn-pt-wt-pt-qy-le-ht))
398
+ );
399
+ font-style: var(
400
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic,
401
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic, var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic))
402
+ );
403
+ text-align: var(
404
+ --_ctm-mob-dn-pt-wt-pt-qy-tt-an,
405
+ var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an))
406
+ );
302
407
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm);
303
408
  }
304
409
 
305
410
  .cart_summary_qty_value {
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)));
411
+ font-family: var(
412
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
413
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-fy-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-fy-dc))
414
+ );
415
+ word-wrap: var(
416
+ --_ctm-mob-dn-pt-wt-pt-qy-wd-wp-dc,
417
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-wp-dc, var(--_ctm-dn-pt-wt-pt-qy-wd-wp-dc))
418
+ );
419
+ word-break: var(
420
+ --_ctm-mob-dn-pt-wt-pt-qy-wd-bk-dc,
421
+ var(--_ctm-tab-dn-pt-wt-pt-qy-wd-bk-dc, var(--_ctm-dn-pt-wt-pt-qy-wd-bk-dc))
422
+ );
423
+ color: var(
424
+ --_ctm-mob-dn-pt-wt-pt-qy-cr-dc,
425
+ var(--_ctm-tab-dn-pt-wt-pt-qy-cr-dc, var(--_ctm-dn-pt-wt-pt-qy-cr-dc))
426
+ );
427
+ font-weight: var(
428
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-wt-dc,
429
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-wt-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-wt-dc))
430
+ );
431
+ font-size: var(
432
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-se-dc,
433
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ft-se-dc, var(--_ctm-dn-pt-wt-pt-qy-ft-se-dc))
434
+ );
318
435
  // font-size: 12px;
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)));
436
+ text-decoration: var(
437
+ --_ctm-mob-dn-pt-wt-pt-qy-ue-dc,
438
+ var(--_ctm-tab-dn-pt-wt-pt-qy-ue-dc, var(--_ctm-dn-pt-wt-pt-qy-ue-dc))
439
+ );
440
+ letter-spacing: var(
441
+ --_ctm-mob-dn-pt-wt-pt-qy-lr-sg-dc,
442
+ var(--_ctm-tab-dn-pt-wt-pt-qy-lr-sg-dc, var(--_ctm-dn-pt-wt-pt-qy-lr-sg-dc))
443
+ );
444
+ line-height: var(
445
+ --_ctm-mob-dn-pt-wt-pt-qy-le-ht-dc,
446
+ var(--_ctm-tab-dn-pt-wt-pt-qy-le-ht-dc, var(--_ctm-dn-pt-wt-pt-qy-le-ht-dc))
447
+ );
448
+ font-style: var(
449
+ --_ctm-mob-dn-pt-wt-pt-qy-ft-se-ic-dc,
450
+ var(
451
+ --_ctm-tab-dn-pt-wt-pt-qy-ft-se-ic-dc,
452
+ var(--_ctm-dn-pt-wt-pt-qy-ft-se-ic-dc)
453
+ )
454
+ );
455
+ text-align: var(
456
+ --_ctm-mob-dn-pt-wt-pt-qy-tt-an-dc,
457
+ var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc))
458
+ );
330
459
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm-dc);
331
460
  }
332
461
 
333
462
  .cart_summary_estimatedDate_text {
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)));
463
+ font-family: var(
464
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
465
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy, var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy))
466
+ );
467
+ word-wrap: var(
468
+ --_ctm-mob-dn-pt-wt-pt-ed-de-wd-wp,
469
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-wd-wp, var(--_ctm-dn-pt-wt-pt-ed-de-wd-wp))
470
+ );
471
+ word-break: var(
472
+ --_ctm-mob-dn-pt-wt-pt-ed-de-wd-bk,
473
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-wd-bk, var(--_ctm-dn-pt-wt-pt-ed-de-wd-bk))
474
+ );
475
+ color: var(
476
+ --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
477
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
478
+ );
479
+ font-weight: var(
480
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
481
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt, var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt))
482
+ );
483
+ font-size: var(
484
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
485
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se, var(--_ctm-dn-pt-wt-pt-ed-de-ft-se))
486
+ );
487
+ text-decoration: var(
488
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ue,
489
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue))
490
+ );
491
+ letter-spacing: var(
492
+ --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
493
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg, var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg))
494
+ );
495
+ line-height: var(
496
+ --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
497
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht, var(--_ctm-dn-pt-wt-pt-ed-de-le-ht))
498
+ );
499
+ font-style: var(
500
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
501
+ var(
502
+ --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic,
503
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic)
504
+ )
505
+ );
506
+ text-align: var(
507
+ --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
508
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an))
509
+ );
357
510
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm);
358
511
  }
359
512
 
360
513
  .cart_summary_estimatedDate_value {
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)));
514
+ font-family: var(
515
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
516
+ var(
517
+ --_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc,
518
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc)
519
+ )
520
+ );
521
+ word-wrap: var(
522
+ --_ctm-mob-dn-pt-wt-pt-ed-de-wd-wp-dc,
523
+ var(
524
+ --_ctm-tab-dn-pt-wt-pt-ed-de-wd-wp-dc,
525
+ var(--_ctm-dn-pt-wt-pt-ed-de-wd-wp-dc)
526
+ )
527
+ );
528
+ word-break: var(
529
+ --_ctm-mob-dn-pt-wt-pt-ed-de-wd-bk-dc,
530
+ var(
531
+ --_ctm-tab-dn-pt-wt-pt-ed-de-wd-bk-dc,
532
+ var(--_ctm-dn-pt-wt-pt-ed-de-wd-bk-dc)
533
+ )
534
+ );
535
+ color: var(
536
+ --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
537
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc, var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc))
538
+ );
539
+ font-weight: var(
540
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
541
+ var(
542
+ --_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc,
543
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc)
544
+ )
545
+ );
546
+ font-size: var(
547
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
548
+ var(
549
+ --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc,
550
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc)
551
+ )
552
+ );
553
+ text-decoration: var(
554
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
555
+ var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc, var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc))
556
+ );
557
+ letter-spacing: var(
558
+ --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
559
+ var(
560
+ --_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc,
561
+ var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc)
562
+ )
563
+ );
564
+ line-height: var(
565
+ --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
566
+ var(
567
+ --_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc,
568
+ var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc)
569
+ )
570
+ );
571
+ font-style: var(
572
+ --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
573
+ var(
574
+ --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
575
+ var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)
576
+ )
577
+ );
578
+ text-align: var(
579
+ --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
580
+ var(
581
+ --_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc,
582
+ var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc)
583
+ )
584
+ );
392
585
  text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm-dc);
393
586
  }
394
587
  }
@@ -441,9 +634,7 @@ $overflowSelector: ".flex__overflow";
441
634
  }
442
635
 
443
636
  // Every summary row gets its own label/value classes so a design section only
444
- // reaches the field it belongs to. Rows the Design tab has no section for
445
- // (Embellishment Price, Attributes / Gift Card / Deal Amount) keep the widget's
446
- // static defaults instead of borrowing another section's scope.
637
+ // reaches the field it belongs to.
447
638
  .subtotal_wrapper {
448
639
  display: flex;
449
640
  align-items: center;
@@ -496,9 +687,41 @@ $overflowSelector: ".flex__overflow";
496
687
  @include cartSummaryValue(--_ctm-dn-sw-cn-ce-ll);
497
688
  }
498
689
 
499
- // Embellishment Price, Attributes / Gift Card / Deal Amount have no section
500
- // of their own. They set nothing here so they inherit the Cart Body Widget's
501
- // typography rather than borrowing a neighbouring row's design scope.
690
+ // Embellishment Price
691
+ .cart_summary_embellishment_text {
692
+ @include cartSummaryLabel(--_ctm-dn-et-pe);
693
+ }
694
+
695
+ .cart_summary_embellishment_value {
696
+ @include cartSummaryValue(--_ctm-dn-et-pe);
697
+ }
698
+
699
+ // Attributes Amount
700
+ .cart_summary_attributes_text {
701
+ @include cartSummaryLabel(--_ctm-dn-as-at);
702
+ }
703
+
704
+ .cart_summary_attributes_value {
705
+ @include cartSummaryValue(--_ctm-dn-as-at);
706
+ }
707
+
708
+ // Gift Card Amount
709
+ .cart_summary_show_gift_card_text {
710
+ @include cartSummaryLabel(--_ctm-dn-gt-cd-at);
711
+ }
712
+
713
+ .cart_summary_show_gift_card_value {
714
+ @include cartSummaryValue(--_ctm-dn-gt-cd-at);
715
+ }
716
+
717
+ // Deal Amount
718
+ .cart_summary_show_deal_text {
719
+ @include cartSummaryLabel(--_ctm-dn-dl-at);
720
+ }
721
+
722
+ .cart_summary_show_deal_value {
723
+ @include cartSummaryValue(--_ctm-dn-dl-at);
724
+ }
502
725
  }
503
726
 
504
727
  .cart_summary_content_details_wrapper {
@@ -531,6 +754,26 @@ $overflowSelector: ".flex__overflow";
531
754
  .cart_summary_show_coupon_value {
532
755
  padding: prepareMediaVariable(--_ctm-dn-sw-cn-ce-ll-pg);
533
756
  }
757
+
758
+ .cart_summary_embellishment_text,
759
+ .cart_summary_embellishment_value {
760
+ padding: prepareMediaVariable(--_ctm-dn-et-pe-pg);
761
+ }
762
+
763
+ .cart_summary_attributes_text,
764
+ .cart_summary_attributes_value {
765
+ padding: prepareMediaVariable(--_ctm-dn-as-at-pg);
766
+ }
767
+
768
+ .cart_summary_show_gift_card_text,
769
+ .cart_summary_show_gift_card_value {
770
+ padding: prepareMediaVariable(--_ctm-dn-gt-cd-at-pg);
771
+ }
772
+
773
+ .cart_summary_show_deal_text,
774
+ .cart_summary_show_deal_value {
775
+ padding: prepareMediaVariable(--_ctm-dn-dl-at-pg);
776
+ }
534
777
  }
535
778
 
536
779
  .cart_summary_total_wrapper {
@@ -616,90 +859,184 @@ $overflowSelector: ".flex__overflow";
616
859
  width: 100%;
617
860
  height: auto;
618
861
  min-height: 48px;
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)));
862
+ background-color: var(
863
+ --_ctm-mob-dn-ct-as-ct-dt-se-bd-cr,
864
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-bd-cr, var(--_ctm-dn-ct-as-ct-dt-se-bd-cr))
865
+ );
866
+ border-color: var(
867
+ --_ctm-mob-dn-ct-as-ct-dt-se-br-cr,
868
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-br-cr, var(--_ctm-dn-ct-as-ct-dt-se-br-cr))
869
+ );
870
+ border-radius: var(
871
+ --_ctm-mob-dn-ct-as-ct-dt-se-br-rs,
872
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-br-rs, var(--_ctm-dn-ct-as-ct-dt-se-br-rs))
873
+ );
874
+ border-style: var(
875
+ --_ctm-mob-dn-ct-as-ct-dt-se-br-se,
876
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-br-se, var(--_ctm-dn-ct-as-ct-dt-se-br-se))
877
+ );
878
+ border-width: var(
879
+ --_ctm-mob-dn-ct-as-ct-dt-se-br-wh,
880
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-br-wh, var(--_ctm-dn-ct-as-ct-dt-se-br-wh))
881
+ );
882
+ color: var(
883
+ --_ctm-mob-dn-ct-as-ct-dt-se-cr,
884
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-cr, var(--_ctm-dn-ct-as-ct-dt-se-cr))
885
+ );
886
+ font-family: var(
887
+ --_ctm-mob-dn-ct-as-ct-dt-se-ft-fy,
888
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-fy, var(--_ctm-dn-ct-as-ct-dt-se-ft-fy))
889
+ );
890
+ text-transform: var(
891
+ --_ctm-mob-dn-ct-as-ct-dt-se-tt-tm,
892
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-tt-tm, var(--_ctm-dn-ct-as-ct-dt-se-tt-tm))
893
+ );
894
+ word-wrap: var(
895
+ --_ctm-mob-dn-ct-as-ct-dt-se-wd-wp,
896
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-wd-wp, var(--_ctm-dn-ct-as-ct-dt-se-wd-wp))
897
+ );
898
+ word-break: var(
899
+ --_ctm-mob-dn-ct-as-ct-dt-se-wd-bk,
900
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-wd-bk, var(--_ctm-dn-ct-as-ct-dt-se-wd-bk))
901
+ );
902
+ font-size: var(
903
+ --_ctm-mob-dn-ct-as-ct-dt-se-ft-se,
904
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-se, var(--_ctm-dn-ct-as-ct-dt-se-ft-se))
905
+ );
906
+ font-style: var(
907
+ --_ctm-mob-dn-ct-as-ct-dt-se-ft-se-ic,
908
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-se-ic, var(--_ctm-dn-ct-as-ct-dt-se-ft-se-ic))
909
+ );
910
+ font-weight: var(
911
+ --_ctm-mob-dn-ct-as-ct-dt-se-ft-wt,
912
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ft-wt, var(--_ctm-dn-ct-as-ct-dt-se-ft-wt))
913
+ );
914
+ line-height: var(
915
+ --_ctm-mob-dn-ct-as-ct-dt-se-le-ht,
916
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-le-ht, var(--_ctm-dn-ct-as-ct-dt-se-le-ht))
917
+ );
918
+ letter-spacing: var(
919
+ --_ctm-mob-dn-ct-as-ct-dt-se-lr-sg,
920
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-lr-sg, var(--_ctm-dn-ct-as-ct-dt-se-lr-sg))
921
+ );
922
+ box-shadow: var(
923
+ --_ctm-mob-dn-ct-as-ct-dt-se-sw-ae,
924
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-ae, var(--_ctm-dn-ct-as-ct-dt-se-sw-ae))
925
+ )
926
+ var(
927
+ --_ctm-mob-dn-ct-as-ct-dt-se-sw-br,
928
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-br, var(--_ctm-dn-ct-as-ct-dt-se-sw-br))
929
+ )
930
+ var(
931
+ --_ctm-mob-dn-ct-as-ct-dt-se-sw-sd,
932
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-sd, var(--_ctm-dn-ct-as-ct-dt-se-sw-sd))
933
+ )
934
+ var(
935
+ --_ctm-mob-dn-ct-as-ct-dt-se-sw-cr,
936
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-sw-cr, var(--_ctm-dn-ct-as-ct-dt-se-sw-cr))
937
+ );
938
+ text-decoration: var(
939
+ --_ctm-mob-dn-ct-as-ct-dt-se-ue,
940
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-ue, var(--_ctm-dn-ct-as-ct-dt-se-ue))
941
+ );
942
+ padding: var(
943
+ --_ctm-mob-dn-ct-as-ct-dt-se-pg,
944
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-pg, var(--_ctm-dn-ct-as-ct-dt-se-pg))
945
+ );
946
+ text-align: var(
947
+ --_ctm-mob-dn-ct-as-ct-dt-se-tt-an,
948
+ var(--_ctm-tab-dn-ct-as-ct-dt-se-tt-an, var(--_ctm-dn-ct-as-ct-dt-se-tt-an))
949
+ );
660
950
 
661
951
  &:hover {
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)));
952
+ background-color: var(
953
+ --_ctm-mob-dn-ct-bn-hr-se-bd-cr,
954
+ var(--_ctm-tab-dn-ct-bn-hr-se-bd-cr, var(--_ctm-dn-ct-bn-hr-se-bd-cr))
955
+ );
956
+ border-color: var(
957
+ --_ctm-mob-dn-ct-bn-hr-se-br-cr,
958
+ var(--_ctm-tab-dn-ct-bn-hr-se-br-cr, var(--_ctm-dn-ct-bn-hr-se-br-cr))
959
+ );
960
+ border-radius: var(
961
+ --_ctm-mob-dn-ct-bn-hr-se-br-rs,
962
+ var(--_ctm-tab-dn-ct-bn-hr-se-br-rs, var(--_ctm-dn-ct-bn-hr-se-br-rs))
963
+ );
964
+ border-style: var(
965
+ --_ctm-mob-dn-ct-bn-hr-se-br-se,
966
+ var(--_ctm-tab-dn-ct-bn-hr-se-br-se, var(--_ctm-dn-ct-bn-hr-se-br-se))
967
+ );
968
+ border-width: var(
969
+ --_ctm-mob-dn-ct-bn-hr-se-br-wh,
970
+ var(--_ctm-tab-dn-ct-bn-hr-se-br-wh, var(--_ctm-dn-ct-bn-hr-se-br-wh))
971
+ );
972
+ color: var(
973
+ --_ctm-mob-dn-ct-bn-hr-se-cr,
974
+ var(--_ctm-tab-dn-ct-bn-hr-se-cr, var(--_ctm-dn-ct-bn-hr-se-cr))
975
+ );
976
+ font-family: var(
977
+ --_ctm-mob-dn-ct-bn-hr-se-ft-fy,
978
+ var(--_ctm-tab-dn-ct-bn-hr-se-ft-fy, var(--_ctm-dn-ct-bn-hr-se-ft-fy))
979
+ );
980
+ text-transform: var(
981
+ --_ctm-mob-dn-ct-bn-hr-se-tt-tm,
982
+ var(--_ctm-tab-dn-ct-bn-hr-se-tt-tm, var(--_ctm-dn-ct-bn-hr-se-tt-tm))
983
+ );
984
+ word-wrap: var(
985
+ --_ctm-mob-dn-ct-bn-hr-se-wd-wp,
986
+ var(--_ctm-tab-dn-ct-bn-hr-se-wd-wp, var(--_ctm-dn-ct-bn-hr-se-wd-wp))
987
+ );
988
+ word-break: var(
989
+ --_ctm-mob-dn-ct-bn-hr-se-wd-bk,
990
+ var(--_ctm-tab-dn-ct-bn-hr-se-wd-bk, var(--_ctm-dn-ct-bn-hr-se-wd-bk))
991
+ );
992
+ font-size: var(
993
+ --_ctm-mob-dn-ct-bn-hr-se-ft-se,
994
+ var(--_ctm-tab-dn-ct-bn-hr-se-ft-se, var(--_ctm-dn-ct-bn-hr-se-ft-se))
995
+ );
996
+ font-style: var(
997
+ --_ctm-mob-dn-ct-bn-hr-se-ft-se-ic,
998
+ var(--_ctm-tab-dn-ct-bn-hr-se-ft-se-ic, var(--_ctm-dn-ct-bn-hr-se-ft-se-ic))
999
+ );
1000
+ font-weight: var(
1001
+ --_ctm-mob-dn-ct-bn-hr-se-ft-wt,
1002
+ var(--_ctm-tab-dn-ct-bn-hr-se-ft-wt, var(--_ctm-dn-ct-bn-hr-se-ft-wt))
1003
+ );
1004
+ line-height: var(
1005
+ --_ctm-mob-dn-ct-bn-hr-se-le-ht,
1006
+ var(--_ctm-tab-dn-ct-bn-hr-se-le-ht, var(--_ctm-dn-ct-bn-hr-se-le-ht))
1007
+ );
1008
+ letter-spacing: var(
1009
+ --_ctm-mob-dn-ct-bn-hr-se-lr-sg,
1010
+ var(--_ctm-tab-dn-ct-bn-hr-se-lr-sg, var(--_ctm-dn-ct-bn-hr-se-lr-sg))
1011
+ );
1012
+ box-shadow: var(
1013
+ --_ctm-mob-dn-ct-bn-hr-se-sw-ae,
1014
+ var(--_ctm-tab-dn-ct-bn-hr-se-sw-ae, var(--_ctm-dn-ct-bn-hr-se-sw-ae))
1015
+ )
1016
+ var(
1017
+ --_ctm-mob-dn-ct-bn-hr-se-sw-br,
1018
+ var(--_ctm-tab-dn-ct-bn-hr-se-sw-br, var(--_ctm-dn-ct-bn-hr-se-sw-br))
1019
+ )
1020
+ var(
1021
+ --_ctm-mob-dn-ct-bn-hr-se-sw-sd,
1022
+ var(--_ctm-tab-dn-ct-bn-hr-se-sw-sd, var(--_ctm-dn-ct-bn-hr-se-sw-sd))
1023
+ )
1024
+ var(
1025
+ --_ctm-mob-dn-ct-bn-hr-se-sw-cr,
1026
+ var(--_ctm-tab-dn-ct-bn-hr-se-sw-cr, var(--_ctm-dn-ct-bn-hr-se-sw-cr))
1027
+ );
1028
+ text-decoration: var(
1029
+ --_ctm-mob-dn-ct-bn-hr-se-ue,
1030
+ var(--_ctm-tab-dn-ct-bn-hr-se-ue, var(--_ctm-dn-ct-bn-hr-se-ue))
1031
+ );
1032
+ padding: var(
1033
+ --_ctm-mob-dn-ct-bn-hr-se-pg,
1034
+ var(--_ctm-tab-dn-ct-bn-hr-se-pg, var(--_ctm-dn-ct-bn-hr-se-pg))
1035
+ );
1036
+ text-align: var(
1037
+ --_ctm-mob-dn-ct-bn-hr-se-tt-an,
1038
+ var(--_ctm-tab-dn-ct-bn-hr-se-tt-an, var(--_ctm-dn-ct-bn-hr-se-tt-an))
1039
+ );
703
1040
  }
704
1041
  }
705
1042
 
@@ -779,7 +1116,10 @@ $overflowSelector: ".flex__overflow";
779
1116
 
780
1117
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-br-rs));
781
1118
 
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));
1119
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-ae))
1120
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-br))
1121
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-sd))
1122
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-sw-cr));
783
1123
 
784
1124
  &[data-show-border="true"] {
785
1125
  width: 100%;
@@ -798,7 +1138,6 @@ $overflowSelector: ".flex__overflow";
798
1138
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-fy));
799
1139
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-wd-wp));
800
1140
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-wd-bk));
801
-
802
1141
  &.flex__overflow {
803
1142
  white-space: normal;
804
1143
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -808,8 +1147,10 @@ $overflowSelector: ".flex__overflow";
808
1147
 
809
1148
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-wt));
810
1149
 
811
- font-style: var(--_sf-hr-ft-se-ic,
812
- prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-se-ic));
1150
+ font-style: var(
1151
+ --_sf-hr-ft-se-ic,
1152
+ prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ft-se-ic)
1153
+ );
813
1154
 
814
1155
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-tt-an));
815
1156
 
@@ -819,8 +1160,10 @@ $overflowSelector: ".flex__overflow";
819
1160
 
820
1161
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-ue));
821
1162
 
822
- text-transform: var(--_sf-hr-txt-tr,
823
- prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-tt-tm));
1163
+ text-transform: var(
1164
+ --_sf-hr-txt-tr,
1165
+ prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-tt-tm)
1166
+ );
824
1167
 
825
1168
  &#{$overflowSelector} {
826
1169
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -929,8 +1272,10 @@ $overflowSelector: ".flex__overflow";
929
1272
  }
930
1273
  }
931
1274
 
932
- background-color: var(--_sf-hr-bd-cr,
933
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-bd-cr));
1275
+ background-color: var(
1276
+ --_sf-hr-bd-cr,
1277
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-bd-cr)
1278
+ );
934
1279
 
935
1280
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-pg));
936
1281
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-wh));
@@ -943,18 +1288,27 @@ $overflowSelector: ".flex__overflow";
943
1288
 
944
1289
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-rs));
945
1290
 
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));
1291
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-ae))
1292
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-br))
1293
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-sd))
1294
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-sw-cr));
947
1295
 
948
1296
  &[data-show-border="true"] {
949
1297
  width: 100%;
950
- border-color: var(--_sf-hr-br-cr,
951
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-cr));
1298
+ border-color: var(
1299
+ --_sf-hr-br-cr,
1300
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-cr)
1301
+ );
952
1302
 
953
- border-style: var(--_sf-hr-br-se,
954
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-se));
1303
+ border-style: var(
1304
+ --_sf-hr-br-se,
1305
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-se)
1306
+ );
955
1307
 
956
- border-width: var(--_sf-hr-br-wh,
957
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-wh));
1308
+ border-width: var(
1309
+ --_sf-hr-br-wh,
1310
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-br-wh)
1311
+ );
958
1312
  }
959
1313
 
960
1314
  .txt {
@@ -965,7 +1319,6 @@ $overflowSelector: ".flex__overflow";
965
1319
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-fy));
966
1320
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-wd-wp));
967
1321
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-wd-bk));
968
-
969
1322
  &.flex__overflow {
970
1323
  white-space: normal;
971
1324
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -975,20 +1328,26 @@ $overflowSelector: ".flex__overflow";
975
1328
 
976
1329
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-wt));
977
1330
 
978
- font-style: var(--_sf-hr-ft-se-ic,
979
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-se-ic));
1331
+ font-style: var(
1332
+ --_sf-hr-ft-se-ic,
1333
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ft-se-ic)
1334
+ );
980
1335
 
981
1336
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-tt-an));
982
1337
 
983
- letter-spacing: var(--_sf-hr-lr-sg,
984
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-lr-sg));
1338
+ letter-spacing: var(
1339
+ --_sf-hr-lr-sg,
1340
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-lr-sg)
1341
+ );
985
1342
 
986
1343
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-le-ht));
987
1344
 
988
1345
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-ue));
989
1346
 
990
- text-transform: var(--_sf-hr-txt-tr,
991
- prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-tt-tm));
1347
+ text-transform: var(
1348
+ --_sf-hr-txt-tr,
1349
+ prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-tt-tm)
1350
+ );
992
1351
 
993
1352
  &#{$overflowSelector} {
994
1353
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1104,8 +1463,10 @@ $overflowSelector: ".flex__overflow";
1104
1463
  }
1105
1464
  }
1106
1465
 
1107
- background-color: var(--_sf-hr-bd-cr,
1108
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-bd-cr));
1466
+ background-color: var(
1467
+ --_sf-hr-bd-cr,
1468
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-bd-cr)
1469
+ );
1109
1470
 
1110
1471
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-pg));
1111
1472
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-wh));
@@ -1118,17 +1479,26 @@ $overflowSelector: ".flex__overflow";
1118
1479
 
1119
1480
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-rs));
1120
1481
 
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));
1482
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-ae))
1483
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-br))
1484
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-sd))
1485
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-sw-cr));
1122
1486
 
1123
1487
  &[data-show-border="true"] {
1124
- border-color: var(--_sf-hr-br-cr,
1125
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-cr));
1488
+ border-color: var(
1489
+ --_sf-hr-br-cr,
1490
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-cr)
1491
+ );
1126
1492
 
1127
- border-style: var(--_sf-hr-br-se,
1128
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-se));
1493
+ border-style: var(
1494
+ --_sf-hr-br-se,
1495
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-se)
1496
+ );
1129
1497
 
1130
- border-width: var(--_sf-hr-br-wh,
1131
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-wh));
1498
+ border-width: var(
1499
+ --_sf-hr-br-wh,
1500
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-br-wh)
1501
+ );
1132
1502
  }
1133
1503
 
1134
1504
  .txt {
@@ -1139,7 +1509,6 @@ $overflowSelector: ".flex__overflow";
1139
1509
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-fy));
1140
1510
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-wd-wp));
1141
1511
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-wd-bk));
1142
-
1143
1512
  &.flex__overflow {
1144
1513
  white-space: normal;
1145
1514
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1149,20 +1518,26 @@ $overflowSelector: ".flex__overflow";
1149
1518
 
1150
1519
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-wt));
1151
1520
 
1152
- font-style: var(--_sf-hr-ft-se-ic,
1153
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-se-ic));
1521
+ font-style: var(
1522
+ --_sf-hr-ft-se-ic,
1523
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ft-se-ic)
1524
+ );
1154
1525
 
1155
1526
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-tt-an));
1156
1527
 
1157
- letter-spacing: var(--_sf-hr-lr-sg,
1158
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-lr-sg));
1528
+ letter-spacing: var(
1529
+ --_sf-hr-lr-sg,
1530
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-lr-sg)
1531
+ );
1159
1532
 
1160
1533
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-le-ht));
1161
1534
 
1162
1535
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-ue));
1163
1536
 
1164
- text-transform: var(--_sf-hr-txt-tr,
1165
- prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-tt-tm));
1537
+ text-transform: var(
1538
+ --_sf-hr-txt-tr,
1539
+ prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-tt-tm)
1540
+ );
1166
1541
 
1167
1542
  &#{$overflowSelector} {
1168
1543
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1271,8 +1646,10 @@ $overflowSelector: ".flex__overflow";
1271
1646
  }
1272
1647
  }
1273
1648
 
1274
- background-color: var(--_sf-hr-bd-cr,
1275
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-bd-cr));
1649
+ background-color: var(
1650
+ --_sf-hr-bd-cr,
1651
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-bd-cr)
1652
+ );
1276
1653
 
1277
1654
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-pg));
1278
1655
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-wh));
@@ -1285,17 +1662,26 @@ $overflowSelector: ".flex__overflow";
1285
1662
 
1286
1663
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-rs));
1287
1664
 
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));
1665
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-ae))
1666
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-br))
1667
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-sd))
1668
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-sw-cr));
1289
1669
 
1290
1670
  &[data-show-border="true"] {
1291
- border-color: var(--_sf-hr-br-cr,
1292
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-cr));
1671
+ border-color: var(
1672
+ --_sf-hr-br-cr,
1673
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-cr)
1674
+ );
1293
1675
 
1294
- border-style: var(--_sf-hr-br-se,
1295
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-se));
1676
+ border-style: var(
1677
+ --_sf-hr-br-se,
1678
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-se)
1679
+ );
1296
1680
 
1297
- border-width: var(--_sf-hr-br-wh,
1298
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-wh));
1681
+ border-width: var(
1682
+ --_sf-hr-br-wh,
1683
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-br-wh)
1684
+ );
1299
1685
  }
1300
1686
 
1301
1687
  .txt {
@@ -1306,7 +1692,6 @@ $overflowSelector: ".flex__overflow";
1306
1692
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-fy));
1307
1693
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-wd-wp));
1308
1694
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-wd-bk));
1309
-
1310
1695
  &.flex__overflow {
1311
1696
  white-space: normal;
1312
1697
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1316,20 +1701,26 @@ $overflowSelector: ".flex__overflow";
1316
1701
 
1317
1702
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-wt));
1318
1703
 
1319
- font-style: var(--_sf-hr-ft-se-ic,
1320
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-se-ic));
1704
+ font-style: var(
1705
+ --_sf-hr-ft-se-ic,
1706
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ft-se-ic)
1707
+ );
1321
1708
 
1322
1709
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-tt-an));
1323
1710
 
1324
- letter-spacing: var(--_sf-hr-lr-sg,
1325
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-lr-sg));
1711
+ letter-spacing: var(
1712
+ --_sf-hr-lr-sg,
1713
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-lr-sg)
1714
+ );
1326
1715
 
1327
1716
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-le-ht));
1328
1717
 
1329
1718
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-ue));
1330
1719
 
1331
- text-transform: var(--_sf-hr-txt-tr,
1332
- prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-tt-tm));
1720
+ text-transform: var(
1721
+ --_sf-hr-txt-tr,
1722
+ prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-tt-tm)
1723
+ );
1333
1724
 
1334
1725
  &#{$overflowSelector} {
1335
1726
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1438,8 +1829,10 @@ $overflowSelector: ".flex__overflow";
1438
1829
  }
1439
1830
  }
1440
1831
 
1441
- background-color: var(--_sf-hr-bd-cr,
1442
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-bd-cr));
1832
+ background-color: var(
1833
+ --_sf-hr-bd-cr,
1834
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-bd-cr)
1835
+ );
1443
1836
 
1444
1837
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-pg));
1445
1838
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-wh));
@@ -1450,20 +1843,31 @@ $overflowSelector: ".flex__overflow";
1450
1843
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-at));
1451
1844
  gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-gp));
1452
1845
 
1453
- border-radius: var(--_sf-hr-br-rs,
1454
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-rs));
1846
+ border-radius: var(
1847
+ --_sf-hr-br-rs,
1848
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-rs)
1849
+ );
1455
1850
 
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));
1851
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-ae))
1852
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-br))
1853
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-sd))
1854
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-sw-cr));
1457
1855
 
1458
1856
  &[data-show-border="true"] {
1459
- border-color: var(--_sf-hr-br-cr,
1460
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-cr));
1857
+ border-color: var(
1858
+ --_sf-hr-br-cr,
1859
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-cr)
1860
+ );
1461
1861
 
1462
- border-style: var(--_sf-hr-br-se,
1463
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-se));
1862
+ border-style: var(
1863
+ --_sf-hr-br-se,
1864
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-se)
1865
+ );
1464
1866
 
1465
- border-width: var(--_sf-hr-br-wh,
1466
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-wh));
1867
+ border-width: var(
1868
+ --_sf-hr-br-wh,
1869
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-br-wh)
1870
+ );
1467
1871
  }
1468
1872
 
1469
1873
  .txt {
@@ -1471,41 +1875,62 @@ $overflowSelector: ".flex__overflow";
1471
1875
 
1472
1876
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-cr));
1473
1877
 
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
-
1878
+ font-family: var(
1879
+ --_sf-hr-ft-fy,
1880
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-fy)
1881
+ );
1882
+ word-wrap: var(
1883
+ --_sf-hr-wd-wp,
1884
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-wd-wp)
1885
+ );
1886
+ word-break: var(
1887
+ --_sf-hr-wd-bk,
1888
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-wd-bk)
1889
+ );
1481
1890
  &.flex__overflow {
1482
1891
  white-space: normal;
1483
1892
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1484
1893
  }
1485
1894
 
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));
1895
+ font-size: var(
1896
+ --_sf-hr-ft-se,
1897
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-se)
1898
+ );
1899
+
1900
+ font-weight: var(
1901
+ --_sf-hr-ft-wt,
1902
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-wt)
1903
+ );
1904
+
1905
+ font-style: var(
1906
+ --_sf-hr-ft-se-ic,
1907
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ft-se-ic)
1908
+ );
1909
+
1910
+ text-align: var(
1911
+ --_sf-hr-tt-an,
1912
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-tt-an)
1913
+ );
1914
+
1915
+ letter-spacing: var(
1916
+ --_sf-hr-lr-sg,
1917
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-lr-sg)
1918
+ );
1919
+
1920
+ line-height: var(
1921
+ --_sf-hr-le-ht,
1922
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-le-ht)
1923
+ );
1924
+
1925
+ text-decoration: var(
1926
+ --_sf-hr-ue,
1927
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-ue)
1928
+ );
1929
+
1930
+ text-transform: var(
1931
+ --_sf-hr-txt-tr,
1932
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-tt-tm)
1933
+ );
1509
1934
 
1510
1935
  &#{$overflowSelector} {
1511
1936
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1520,8 +1945,10 @@ $overflowSelector: ".flex__overflow";
1520
1945
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-se));
1521
1946
 
1522
1947
  path {
1523
- stroke: var(--_sf-hr-in-c1,
1524
- prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-c1));
1948
+ stroke: var(
1949
+ --_sf-hr-in-c1,
1950
+ prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-c1)
1951
+ );
1525
1952
  // Overrides the stroke-width presentation attribute baked into the icon markup.
1526
1953
  stroke-width: prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-se-wh, 1.25);
1527
1954
  }
@@ -1615,8 +2042,10 @@ $overflowSelector: ".flex__overflow";
1615
2042
  }
1616
2043
  }
1617
2044
 
1618
- background-color: var(--_sf-hr-bd-cr,
1619
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-bd-cr));
2045
+ background-color: var(
2046
+ --_sf-hr-bd-cr,
2047
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-bd-cr)
2048
+ );
1620
2049
 
1621
2050
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-pg));
1622
2051
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-wh));
@@ -1629,18 +2058,27 @@ $overflowSelector: ".flex__overflow";
1629
2058
 
1630
2059
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-rs));
1631
2060
 
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));
2061
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-ae))
2062
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-br))
2063
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-sd))
2064
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-sw-cr));
1633
2065
 
1634
2066
  &[data-show-border="true"] {
1635
2067
  width: 100%;
1636
- border-color: var(--_sf-hr-br-cr,
1637
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-cr));
2068
+ border-color: var(
2069
+ --_sf-hr-br-cr,
2070
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-cr)
2071
+ );
1638
2072
 
1639
- border-style: var(--_sf-hr-br-se,
1640
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-se));
2073
+ border-style: var(
2074
+ --_sf-hr-br-se,
2075
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-se)
2076
+ );
1641
2077
 
1642
- border-width: var(--_sf-hr-br-wh,
1643
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-wh));
2078
+ border-width: var(
2079
+ --_sf-hr-br-wh,
2080
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-br-wh)
2081
+ );
1644
2082
  }
1645
2083
 
1646
2084
  .txt {
@@ -1651,7 +2089,6 @@ $overflowSelector: ".flex__overflow";
1651
2089
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-fy));
1652
2090
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-wd-wp));
1653
2091
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-wd-bk));
1654
-
1655
2092
  &.flex__overflow {
1656
2093
  white-space: normal;
1657
2094
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1661,20 +2098,26 @@ $overflowSelector: ".flex__overflow";
1661
2098
 
1662
2099
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-wt));
1663
2100
 
1664
- font-style: var(--_sf-hr-ft-se-ic,
1665
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-se-ic));
2101
+ font-style: var(
2102
+ --_sf-hr-ft-se-ic,
2103
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ft-se-ic)
2104
+ );
1666
2105
 
1667
2106
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-tt-an));
1668
2107
 
1669
- letter-spacing: var(--_sf-hr-lr-sg,
1670
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-lr-sg));
2108
+ letter-spacing: var(
2109
+ --_sf-hr-lr-sg,
2110
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-lr-sg)
2111
+ );
1671
2112
 
1672
2113
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-le-ht));
1673
2114
 
1674
2115
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-ue));
1675
2116
 
1676
- text-transform: var(--_sf-hr-txt-tr,
1677
- prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-tt-tm));
2117
+ text-transform: var(
2118
+ --_sf-hr-txt-tr,
2119
+ prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-tt-tm)
2120
+ );
1678
2121
 
1679
2122
  &#{$overflowSelector} {
1680
2123
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1783,8 +2226,10 @@ $overflowSelector: ".flex__overflow";
1783
2226
  }
1784
2227
  }
1785
2228
 
1786
- background-color: var(--_sf-hr-bd-cr,
1787
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-bd-cr));
2229
+ background-color: var(
2230
+ --_sf-hr-bd-cr,
2231
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-bd-cr)
2232
+ );
1788
2233
 
1789
2234
  padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-pg));
1790
2235
  width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-wh));
@@ -1797,18 +2242,27 @@ $overflowSelector: ".flex__overflow";
1797
2242
 
1798
2243
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-rs));
1799
2244
 
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));
2245
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-ae))
2246
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-br))
2247
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-sd))
2248
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-cr));
1801
2249
 
1802
2250
  &[data-show-border="true"] {
1803
2251
  width: 100%;
1804
- border-color: var(--_sf-hr-br-cr,
1805
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-cr));
2252
+ border-color: var(
2253
+ --_sf-hr-br-cr,
2254
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-cr)
2255
+ );
1806
2256
 
1807
- border-style: var(--_sf-hr-br-se,
1808
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-se));
2257
+ border-style: var(
2258
+ --_sf-hr-br-se,
2259
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-se)
2260
+ );
1809
2261
 
1810
- border-width: var(--_sf-hr-br-wh,
1811
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-wh));
2262
+ border-width: var(
2263
+ --_sf-hr-br-wh,
2264
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-wh)
2265
+ );
1812
2266
  }
1813
2267
 
1814
2268
  .txt {
@@ -1819,7 +2273,6 @@ $overflowSelector: ".flex__overflow";
1819
2273
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-fy));
1820
2274
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-wd-wp));
1821
2275
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-wd-bk));
1822
-
1823
2276
  &.flex__overflow {
1824
2277
  white-space: normal;
1825
2278
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1829,20 +2282,26 @@ $overflowSelector: ".flex__overflow";
1829
2282
 
1830
2283
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-wt));
1831
2284
 
1832
- font-style: var(--_sf-hr-ft-se-ic,
1833
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-se-ic));
2285
+ font-style: var(
2286
+ --_sf-hr-ft-se-ic,
2287
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-se-ic)
2288
+ );
1834
2289
 
1835
2290
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-tt-an));
1836
2291
 
1837
- letter-spacing: var(--_sf-hr-lr-sg,
1838
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-lr-sg));
2292
+ letter-spacing: var(
2293
+ --_sf-hr-lr-sg,
2294
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-lr-sg)
2295
+ );
1839
2296
 
1840
2297
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-le-ht));
1841
2298
 
1842
2299
  text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ue));
1843
2300
 
1844
- text-transform: var(--_sf-hr-txt-tr,
1845
- prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-tt-tm));
2301
+ text-transform: var(
2302
+ --_sf-hr-txt-tr,
2303
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-tt-tm)
2304
+ );
1846
2305
 
1847
2306
  &#{$overflowSelector} {
1848
2307
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -1893,90 +2352,184 @@ $overflowSelector: ".flex__overflow";
1893
2352
  width: 100%;
1894
2353
  height: auto;
1895
2354
  // min-height: 48px;
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)));
2355
+ background-color: var(
2356
+ --_ctm-mob-dn-pe-or-bn-dt-se-bd-cr,
2357
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-bd-cr, var(--_ctm-dn-pe-or-bn-dt-se-bd-cr))
2358
+ );
2359
+ border-color: var(
2360
+ --_ctm-mob-dn-pe-or-bn-dt-se-br-cr,
2361
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-br-cr, var(--_ctm-dn-pe-or-bn-dt-se-br-cr))
2362
+ );
2363
+ border-radius: var(
2364
+ --_ctm-mob-dn-pe-or-bn-dt-se-br-rs,
2365
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-br-rs, var(--_ctm-dn-pe-or-bn-dt-se-br-rs))
2366
+ );
2367
+ border-style: var(
2368
+ --_ctm-mob-dn-pe-or-bn-dt-se-br-se,
2369
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-br-se, var(--_ctm-dn-pe-or-bn-dt-se-br-se))
2370
+ );
2371
+ border-width: var(
2372
+ --_ctm-mob-dn-pe-or-bn-dt-se-br-wh,
2373
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-br-wh, var(--_ctm-dn-pe-or-bn-dt-se-br-wh))
2374
+ );
2375
+ color: var(
2376
+ --_ctm-mob-dn-pe-or-bn-dt-se-cr,
2377
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-cr, var(--_ctm-dn-pe-or-bn-dt-se-cr))
2378
+ );
2379
+ font-family: var(
2380
+ --_ctm-mob-dn-pe-or-bn-dt-se-ft-fy,
2381
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-fy, var(--_ctm-dn-pe-or-bn-dt-se-ft-fy))
2382
+ );
2383
+ text-transform: var(
2384
+ --_ctm-mob-dn-pe-or-bn-dt-se-tt-tm,
2385
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-tt-tm, var(--_ctm-dn-pe-or-bn-dt-se-tt-tm))
2386
+ );
2387
+ word-wrap: var(
2388
+ --_ctm-mob-dn-pe-or-bn-dt-se-wd-wp,
2389
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-wd-wp, var(--_ctm-dn-pe-or-bn-dt-se-wd-wp))
2390
+ );
2391
+ word-break: var(
2392
+ --_ctm-mob-dn-pe-or-bn-dt-se-wd-bk,
2393
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-wd-bk, var(--_ctm-dn-pe-or-bn-dt-se-wd-bk))
2394
+ );
2395
+ font-size: var(
2396
+ --_ctm-mob-dn-pe-or-bn-dt-se-ft-se,
2397
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-se, var(--_ctm-dn-pe-or-bn-dt-se-ft-se))
2398
+ );
2399
+ font-style: var(
2400
+ --_ctm-mob-dn-pe-or-bn-dt-se-ft-se-ic,
2401
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-se-ic, var(--_ctm-dn-pe-or-bn-dt-se-ft-se-ic))
2402
+ );
2403
+ font-weight: var(
2404
+ --_ctm-mob-dn-pe-or-bn-dt-se-ft-wt,
2405
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ft-wt, var(--_ctm-dn-pe-or-bn-dt-se-ft-wt))
2406
+ );
2407
+ line-height: var(
2408
+ --_ctm-mob-dn-pe-or-bn-dt-se-le-ht,
2409
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-le-ht, var(--_ctm-dn-pe-or-bn-dt-se-le-ht))
2410
+ );
2411
+ letter-spacing: var(
2412
+ --_ctm-mob-dn-pe-or-bn-dt-se-lr-sg,
2413
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-lr-sg, var(--_ctm-dn-pe-or-bn-dt-se-lr-sg))
2414
+ );
2415
+ box-shadow: var(
2416
+ --_ctm-mob-dn-pe-or-bn-dt-se-sw-ae,
2417
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-ae, var(--_ctm-dn-pe-or-bn-dt-se-sw-ae))
2418
+ )
2419
+ var(
2420
+ --_ctm-mob-dn-pe-or-bn-dt-se-sw-br,
2421
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-br, var(--_ctm-dn-pe-or-bn-dt-se-sw-br))
2422
+ )
2423
+ var(
2424
+ --_ctm-mob-dn-pe-or-bn-dt-se-sw-sd,
2425
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-sd, var(--_ctm-dn-pe-or-bn-dt-se-sw-sd))
2426
+ )
2427
+ var(
2428
+ --_ctm-mob-dn-pe-or-bn-dt-se-sw-cr,
2429
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-sw-cr, var(--_ctm-dn-pe-or-bn-dt-se-sw-cr))
2430
+ );
2431
+ text-decoration: var(
2432
+ --_ctm-mob-dn-pe-or-bn-dt-se-ue,
2433
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-ue, var(--_ctm-dn-pe-or-bn-dt-se-ue))
2434
+ );
2435
+ padding: var(
2436
+ --_ctm-mob-dn-pe-or-bn-dt-se-pg,
2437
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-pg, var(--_ctm-dn-pe-or-bn-dt-se-pg))
2438
+ );
2439
+ text-align: var(
2440
+ --_ctm-mob-dn-pe-or-bn-dt-se-tt-an,
2441
+ var(--_ctm-tab-dn-pe-or-bn-dt-se-tt-an, var(--_ctm-dn-pe-or-bn-dt-se-tt-an))
2442
+ );
1937
2443
 
1938
2444
  &:hover {
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)));
2445
+ background-color: var(
2446
+ --_ctm-mob-dn-pe-or-bn-hr-se-bd-cr,
2447
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-bd-cr, var(--_ctm-dn-pe-or-bn-hr-se-bd-cr))
2448
+ );
2449
+ border-color: var(
2450
+ --_ctm-mob-dn-pe-or-bn-hr-se-br-cr,
2451
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-br-cr, var(--_ctm-dn-pe-or-bn-hr-se-br-cr))
2452
+ );
2453
+ border-radius: var(
2454
+ --_ctm-mob-dn-pe-or-bn-hr-se-br-rs,
2455
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-br-rs, var(--_ctm-dn-pe-or-bn-hr-se-br-rs))
2456
+ );
2457
+ border-style: var(
2458
+ --_ctm-mob-dn-pe-or-bn-hr-se-br-se,
2459
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-br-se, var(--_ctm-dn-pe-or-bn-hr-se-br-se))
2460
+ );
2461
+ border-width: var(
2462
+ --_ctm-mob-dn-pe-or-bn-hr-se-br-wh,
2463
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-br-wh, var(--_ctm-dn-pe-or-bn-hr-se-br-wh))
2464
+ );
2465
+ color: var(
2466
+ --_ctm-mob-dn-pe-or-bn-hr-se-cr,
2467
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-cr, var(--_ctm-dn-pe-or-bn-hr-se-cr))
2468
+ );
2469
+ font-family: var(
2470
+ --_ctm-mob-dn-pe-or-bn-hr-se-ft-fy,
2471
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-fy, var(--_ctm-dn-pe-or-bn-hr-se-ft-fy))
2472
+ );
2473
+ text-transform: var(
2474
+ --_ctm-mob-dn-pe-or-bn-hr-se-tt-tm,
2475
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-tt-tm, var(--_ctm-dn-pe-or-bn-hr-se-tt-tm))
2476
+ );
2477
+ word-wrap: var(
2478
+ --_ctm-mob-dn-pe-or-bn-hr-se-wd-wp,
2479
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-wd-wp, var(--_ctm-dn-pe-or-bn-hr-se-wd-wp))
2480
+ );
2481
+ word-break: var(
2482
+ --_ctm-mob-dn-pe-or-bn-hr-se-wd-bk,
2483
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-wd-bk, var(--_ctm-dn-pe-or-bn-hr-se-wd-bk))
2484
+ );
2485
+ font-size: var(
2486
+ --_ctm-mob-dn-pe-or-bn-hr-se-ft-se,
2487
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-se, var(--_ctm-dn-pe-or-bn-hr-se-ft-se))
2488
+ );
2489
+ font-style: var(
2490
+ --_ctm-mob-dn-pe-or-bn-hr-se-ft-se-ic,
2491
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-se-ic, var(--_ctm-dn-pe-or-bn-hr-se-ft-se-ic))
2492
+ );
2493
+ font-weight: var(
2494
+ --_ctm-mob-dn-pe-or-bn-hr-se-ft-wt,
2495
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ft-wt, var(--_ctm-dn-pe-or-bn-hr-se-ft-wt))
2496
+ );
2497
+ line-height: var(
2498
+ --_ctm-mob-dn-pe-or-bn-hr-se-le-ht,
2499
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-le-ht, var(--_ctm-dn-pe-or-bn-hr-se-le-ht))
2500
+ );
2501
+ letter-spacing: var(
2502
+ --_ctm-mob-dn-pe-or-bn-hr-se-lr-sg,
2503
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-lr-sg, var(--_ctm-dn-pe-or-bn-hr-se-lr-sg))
2504
+ );
2505
+ box-shadow: var(
2506
+ --_ctm-mob-dn-pe-or-bn-hr-se-sw-ae,
2507
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-ae, var(--_ctm-dn-pe-or-bn-hr-se-sw-ae))
2508
+ )
2509
+ var(
2510
+ --_ctm-mob-dn-pe-or-bn-hr-se-sw-br,
2511
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-br, var(--_ctm-dn-pe-or-bn-hr-se-sw-br))
2512
+ )
2513
+ var(
2514
+ --_ctm-mob-dn-pe-or-bn-hr-se-sw-sd,
2515
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-sd, var(--_ctm-dn-pe-or-bn-hr-se-sw-sd))
2516
+ )
2517
+ var(
2518
+ --_ctm-mob-dn-pe-or-bn-hr-se-sw-cr,
2519
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-sw-cr, var(--_ctm-dn-pe-or-bn-hr-se-sw-cr))
2520
+ );
2521
+ text-decoration: var(
2522
+ --_ctm-mob-dn-pe-or-bn-hr-se-ue,
2523
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-ue, var(--_ctm-dn-pe-or-bn-hr-se-ue))
2524
+ );
2525
+ padding: var(
2526
+ --_ctm-mob-dn-pe-or-bn-hr-se-pg,
2527
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-pg, var(--_ctm-dn-pe-or-bn-hr-se-pg))
2528
+ );
2529
+ text-align: var(
2530
+ --_ctm-mob-dn-pe-or-bn-hr-se-tt-an,
2531
+ var(--_ctm-tab-dn-pe-or-bn-hr-se-tt-an, var(--_ctm-dn-pe-or-bn-hr-se-tt-an))
2532
+ );
1980
2533
  }
1981
2534
  }
1982
2535
 
@@ -1984,114 +2537,226 @@ $overflowSelector: ".flex__overflow";
1984
2537
  width: 100%;
1985
2538
  text-align: center;
1986
2539
 
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)));
2540
+ background-color: var(
2541
+ --_ctm-mob-dn-rt-qe-bn-dt-se-bd-cr,
2542
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-bd-cr, var(--_ctm-dn-rt-qe-bn-dt-se-bd-cr))
2543
+ );
2544
+ border-color: var(
2545
+ --_ctm-mob-dn-rt-qe-bn-dt-se-br-cr,
2546
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-cr, var(--_ctm-dn-rt-qe-bn-dt-se-br-cr))
2547
+ );
2548
+ border-radius: var(
2549
+ --_ctm-mob-dn-rt-qe-bn-dt-se-br-rs,
2550
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-rs, var(--_ctm-dn-rt-qe-bn-dt-se-br-rs))
2551
+ );
2552
+ border-style: var(
2553
+ --_ctm-mob-dn-rt-qe-bn-dt-se-br-se,
2554
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-se, var(--_ctm-dn-rt-qe-bn-dt-se-br-se))
2555
+ );
2556
+ border-width: var(
2557
+ --_ctm-mob-dn-rt-qe-bn-dt-se-br-wh,
2558
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-br-wh, var(--_ctm-dn-rt-qe-bn-dt-se-br-wh))
2559
+ );
2560
+ color: var(
2561
+ --_ctm-mob-dn-rt-qe-bn-dt-se-cr,
2562
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-cr, var(--_ctm-dn-rt-qe-bn-dt-se-cr))
2563
+ );
2564
+ font-family: var(
2565
+ --_ctm-mob-dn-rt-qe-bn-dt-se-ft-fy,
2566
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-fy, var(--_ctm-dn-rt-qe-bn-dt-se-ft-fy))
2567
+ );
2568
+ text-transform: var(
2569
+ --_ctm-mob-dn-rt-qe-bn-dt-se-tt-tm,
2570
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-tt-tm, var(--_ctm-dn-rt-qe-bn-dt-se-tt-tm))
2571
+ );
2572
+ word-wrap: var(
2573
+ --_ctm-mob-dn-rt-qe-bn-dt-se-wd-wp,
2574
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-wd-wp, var(--_ctm-dn-rt-qe-bn-dt-se-wd-wp))
2575
+ );
2576
+ word-break: var(
2577
+ --_ctm-mob-dn-rt-qe-bn-dt-se-wd-bk,
2578
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-wd-bk, var(--_ctm-dn-rt-qe-bn-dt-se-wd-bk))
2579
+ );
2580
+ font-size: var(
2581
+ --_ctm-mob-dn-rt-qe-bn-dt-se-ft-se,
2582
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-se, var(--_ctm-dn-rt-qe-bn-dt-se-ft-se))
2583
+ );
2584
+ font-style: var(
2585
+ --_ctm-mob-dn-py-bn-dn-dt-se-ft-se-ic,
2586
+ var(--_ctm-tab-dn-py-bn-dn-dt-se-ft-se-ic, var(--_ctm-dn-py-bn-dn-dt-se-ft-se-ic))
2587
+ );
2588
+ font-weight: var(
2589
+ --_ctm-mob-dn-rt-qe-bn-dt-se-ft-wt,
2590
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-ft-wt, var(--_ctm-dn-rt-qe-bn-dt-se-ft-wt))
2591
+ );
2592
+ line-height: var(
2593
+ --_ctm-mob-dn-rt-qe-bn-dt-se-le-ht,
2594
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-le-ht, var(--_ctm-dn-rt-qe-bn-dt-se-le-ht))
2595
+ );
2596
+ letter-spacing: var(
2597
+ --_ctm-mob-dn-rt-qe-bn-dt-se-lr-sg,
2598
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-lr-sg, var(--_ctm-dn-rt-qe-bn-dt-se-lr-sg))
2599
+ );
2600
+ box-shadow: var(
2601
+ --_ctm-mob-dn-rt-qe-bn-dt-se-sw-ae,
2602
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-ae, var(--_ctm-dn-rt-qe-bn-dt-se-sw-ae))
2603
+ )
2604
+ var(
2605
+ --_ctm-mob-dn-rt-qe-bn-dt-se-sw-br,
2606
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-br, var(--_ctm-dn-rt-qe-bn-dt-se-sw-br))
2607
+ )
2608
+ var(
2609
+ --_ctm-mob-dn-rt-qe-bn-dt-se-sw-sd,
2610
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-sd, var(--_ctm-dn-rt-qe-bn-dt-se-sw-sd))
2611
+ )
2612
+ var(
2613
+ --_ctm-mob-dn-rt-qe-bn-dt-se-sw-cr,
2614
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-sw-cr, var(--_ctm-dn-rt-qe-bn-dt-se-sw-cr))
2615
+ );
2616
+ text-decoration: var(
2617
+ --_ctm-mob-dn-rt-qe-bn-dt-se-ue,
2618
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-ue, var(--_ctm-dn-rt-qe-bn-dt-se-ue))
2619
+ );
2620
+ text-align: var(
2621
+ --_ctm-mob-dn-rt-qe-bn-dt-se-tt-an,
2622
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-tt-an, var(--_ctm-dn-rt-qe-bn-dt-se-tt-an))
2623
+ );
2624
+ padding: var(
2625
+ --_ctm-mob-dn-rt-qe-bn-dt-se-pg,
2626
+ var(--_ctm-tab-dn-rt-qe-bn-dt-se-pg, var(--_ctm-dn-rt-qe-bn-dt-se-pg))
2627
+ );
2028
2628
 
2029
2629
  &:hover {
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)));
2630
+ background-color: var(
2631
+ --_ctm-mob-dn-rt-qe-bn-hr-se-bd-cr,
2632
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-bd-cr, var(--_ctm-dn-rt-qe-bn-hr-se-bd-cr))
2633
+ );
2634
+ border-color: var(
2635
+ --_ctm-mob-dn-rt-qe-bn-hr-se-br-cr,
2636
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-cr, var(--_ctm-dn-rt-qe-bn-hr-se-br-cr))
2637
+ );
2638
+ border-radius: var(
2639
+ --_ctm-mob-dn-rt-qe-bn-hr-se-br-rs,
2640
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-rs, var(--_ctm-dn-rt-qe-bn-hr-se-br-rs))
2641
+ );
2642
+ border-style: var(
2643
+ --_ctm-mob-dn-rt-qe-bn-hr-se-br-se,
2644
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-se, var(--_ctm-dn-rt-qe-bn-hr-se-br-se))
2645
+ );
2646
+ border-width: var(
2647
+ --_ctm-mob-dn-rt-qe-bn-hr-se-br-wh,
2648
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-br-wh, var(--_ctm-dn-rt-qe-bn-hr-se-br-wh))
2649
+ );
2650
+ color: var(
2651
+ --_ctm-mob-dn-rt-qe-bn-hr-se-cr,
2652
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-cr, var(--_ctm-dn-rt-qe-bn-hr-se-cr))
2653
+ );
2654
+ font-family: var(
2655
+ --_ctm-mob-dn-rt-qe-bn-hr-se-ft-fy,
2656
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-fy, var(--_ctm-dn-rt-qe-bn-hr-se-ft-fy))
2657
+ );
2658
+ text-transform: var(
2659
+ --_ctm-mob-dn-rt-qe-bn-hr-se-tt-tm,
2660
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-tt-tm, var(--_ctm-dn-rt-qe-bn-hr-se-tt-tm))
2661
+ );
2662
+ word-wrap: var(
2663
+ --_ctm-mob-dn-rt-qe-bn-hr-se-wd-wp,
2664
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-wd-wp, var(--_ctm-dn-rt-qe-bn-hr-se-wd-wp))
2665
+ );
2666
+ word-break: var(
2667
+ --_ctm-mob-dn-rt-qe-bn-hr-se-wd-bk,
2668
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-wd-bk, var(--_ctm-dn-rt-qe-bn-hr-se-wd-bk))
2669
+ );
2670
+ font-size: var(
2671
+ --_ctm-mob-dn-rt-qe-bn-hr-se-ft-se,
2672
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-se, var(--_ctm-dn-rt-qe-bn-hr-se-ft-se))
2673
+ );
2674
+ font-style: var(
2675
+ --_ctm-mob-dn-py-bn-dn-hr-se-ft-se-ic,
2676
+ var(--_ctm-tab-dn-py-bn-dn-hr-se-ft-se-ic, var(--_ctm-dn-py-bn-dn-hr-se-ft-se-ic))
2677
+ );
2678
+ font-weight: var(
2679
+ --_ctm-mob-dn-rt-qe-bn-hr-se-ft-wt,
2680
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-ft-wt, var(--_ctm-dn-rt-qe-bn-hr-se-ft-wt))
2681
+ );
2682
+ line-height: var(
2683
+ --_ctm-mob-dn-rt-qe-bn-hr-se-le-ht,
2684
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-le-ht, var(--_ctm-dn-rt-qe-bn-hr-se-le-ht))
2685
+ );
2686
+ letter-spacing: var(
2687
+ --_ctm-mob-dn-rt-qe-bn-hr-se-lr-sg,
2688
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-lr-sg, var(--_ctm-dn-rt-qe-bn-hr-se-lr-sg))
2689
+ );
2690
+ box-shadow: var(
2691
+ --_ctm-mob-dn-rt-qe-bn-hr-se-sw-ae,
2692
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-ae, var(--_ctm-dn-rt-qe-bn-hr-se-sw-ae))
2693
+ )
2694
+ var(
2695
+ --_ctm-mob-dn-rt-qe-bn-hr-se-sw-br,
2696
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-br, var(--_ctm-dn-rt-qe-bn-hr-se-sw-br))
2697
+ )
2698
+ var(
2699
+ --_ctm-mob-dn-rt-qe-bn-hr-se-sw-sd,
2700
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-sd, var(--_ctm-dn-rt-qe-bn-hr-se-sw-sd))
2701
+ )
2702
+ var(
2703
+ --_ctm-mob-dn-rt-qe-bn-hr-se-sw-cr,
2704
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-sw-cr, var(--_ctm-dn-rt-qe-bn-hr-se-sw-cr))
2705
+ );
2706
+ text-decoration: var(
2707
+ --_ctm-mob-dn-rt-qe-bn-hr-se-ue,
2708
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-ue, var(--_ctm-dn-rt-qe-bn-hr-se-ue))
2709
+ );
2710
+ text-align: var(
2711
+ --_ctm-mob-dn-rt-qe-bn-hr-se-tt-an,
2712
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-tt-an, var(--_ctm-dn-rt-qe-bn-hr-se-tt-an))
2713
+ );
2714
+ padding: var(
2715
+ --_ctm-mob-dn-rt-qe-bn-hr-se-pg,
2716
+ var(--_ctm-tab-dn-rt-qe-bn-hr-se-pg, var(--_ctm-dn-rt-qe-bn-hr-se-pg))
2717
+ );
2071
2718
  }
2072
2719
  }
2073
2720
 
2074
2721
  .cart_summary_secondary_btn_wrapper {
2075
2722
  // color: var(--_ctm-mob-dn-tx-et-cr, var(--_ctm-tab-dn-tx-et-cr, var(--_ctm-dn-tx-et-cr)));
2076
2723
  color: var(--_thm-cs-tt-ls-as);
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)));
2724
+ font-family: var(
2725
+ --_ctm-mob-dn-tx-et-ft-fy,
2726
+ var(--_ctm-tab-dn-tx-et-ft-fy, var(--_ctm-dn-tx-et-ft-fy))
2727
+ );
2728
+ text-transform: var(
2729
+ --_ctm-mob-dn-tx-et-tt-tm,
2730
+ var(--_ctm-tab-dn-tx-et-tt-tm, var(--_ctm-dn-tx-et-tt-tm))
2731
+ );
2732
+ word-wrap: var(
2733
+ --_ctm-mob-dn-tx-et-wd-wp,
2734
+ var(--_ctm-tab-dn-tx-et-wd-wp, var(--_ctm-dn-tx-et-wd-wp))
2735
+ );
2736
+ word-break: var(
2737
+ --_ctm-mob-dn-tx-et-wd-bk,
2738
+ var(--_ctm-tab-dn-tx-et-wd-bk, var(--_ctm-dn-tx-et-wd-bk))
2739
+ );
2740
+ font-size: var(
2741
+ --_ctm-mob-dn-tx-et-ft-se,
2742
+ var(--_ctm-tab-dn-tx-et-ft-se, var(--_ctm-dn-tx-et-ft-se))
2743
+ );
2744
+ font-style: var(
2745
+ --_ctm-mob-dn-tx-et-ft-se-ic,
2746
+ var(--_ctm-tab-dn-tx-et-ft-se-ic, var(--_ctm-dn-tx-et-ft-se-ic))
2747
+ );
2748
+ font-weight: var(
2749
+ --_ctm-mob-dn-tx-et-ft-wt,
2750
+ var(--_ctm-tab-dn-tx-et-ft-wt, var(--_ctm-dn-tx-et-ft-wt))
2751
+ );
2752
+ line-height: var(
2753
+ --_ctm-mob-dn-tx-et-le-ht,
2754
+ var(--_ctm-tab-dn-tx-et-le-ht, var(--_ctm-dn-tx-et-le-ht))
2755
+ );
2756
+ letter-spacing: var(
2757
+ --_ctm-mob-dn-tx-et-lr-sg,
2758
+ var(--_ctm-tab-dn-tx-et-lr-sg, var(--_ctm-dn-tx-et-lr-sg))
2759
+ );
2095
2760
  padding: var(--_ctm-mob-dn-tx-et-pg, var(--_ctm-tab-dn-tx-et-pg, var(--_ctm-dn-tx-et-pg)));
2096
2761
  // background-color: var(--_ctm-dn-sy-bn-dn-dt-se-bd-cr);
2097
2762
  // border-color: var(--_ctm-dn-sy-bn-dn-dt-se-br-cr);
@@ -2146,4 +2811,4 @@ $overflowSelector: ".flex__overflow";
2146
2811
 
2147
2812
  .border_dashed {
2148
2813
  border: 1px dashed var(--_thm-cs-be-se-3);
2149
- }
2814
+ }