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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
package/dist/cart-details.scss CHANGED
@@ -30,6 +30,7 @@ $overflowSelector: ".flex__overflow";
30
30
  // );
31
31
  [data-div-type="element"] {
32
32
  &[data-element-type="cartDetails"] {
33
+
33
34
  // width: var(
34
35
  // --_sf-el-wh-st-mx,
35
36
  // calc(
@@ -41,7 +42,7 @@ $overflowSelector: ".flex__overflow";
41
42
  // )
42
43
  // );
43
44
  // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
44
- & > div {
45
+ &>div {
45
46
  &.wrapper {
46
47
  width: 100%;
47
48
  }
@@ -150,6 +151,15 @@ $overflowSelector: ".flex__overflow";
150
151
  text-decoration: prepareMediaVariable(--_ctm-dn-ct-hg-ss-ue);
151
152
  letter-spacing: prepareMediaVariable(--_ctm-dn-ct-hg-ss-lr-sg);
152
153
  font-family: prepareMediaVariable(--_ctm-dn-ct-hg-ss-ft-fy);
154
+ text-transform: prepareMediaVariable(--_ctm-dn-ct-hg-ss-tt-tm);
155
+ word-wrap: prepareMediaVariable(--_ctm-dn-ct-hg-ss-wd-wp);
156
+ word-break: prepareMediaVariable(--_ctm-dn-ct-hg-ss-wd-bk);
157
+
158
+ &.flex__overflow {
159
+ white-space: normal;
160
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
161
+ }
162
+
153
163
  text-align: prepareMediaVariable(--_ctm-dn-ct-hg-ss-tt-an);
154
164
  @include cartDetailsTextFlow(--_ctm-dn-ct-hg-ss);
155
165
  display: block;
@@ -168,10 +178,8 @@ $overflowSelector: ".flex__overflow";
168
178
  .cart_actions_wrapper {
169
179
  display: flex;
170
180
  align-items: center;
171
- gap: var(
172
- --_ctm-mob-dn-ct-an-ss-im-gp,
173
- var(--_ctm-tab-dn-ct-an-ss-im-gp, var(--_ctm-dn-ct-an-ss-im-gp))
174
- );
181
+ gap: var(--_ctm-mob-dn-ct-an-ss-im-gp,
182
+ var(--_ctm-tab-dn-ct-an-ss-im-gp, var(--_ctm-dn-ct-an-ss-im-gp)));
175
183
 
176
184
  align-self: stretch;
177
185
  white-space: nowrap;
@@ -182,10 +190,8 @@ $overflowSelector: ".flex__overflow";
182
190
  justify-content: center;
183
191
  align-items: center;
184
192
  // gap: 8px;
185
- padding: var(
186
- --_ctm-mob-dn-ct-an-ss-pg,
187
- var(--_ctm-tab-dn-ct-an-ss-pg, var(--_ctm-dn-ct-an-ss-pg))
188
- );
193
+ padding: var(--_ctm-mob-dn-ct-an-ss-pg,
194
+ var(--_ctm-tab-dn-ct-an-ss-pg, var(--_ctm-dn-ct-an-ss-pg)));
189
195
 
190
196
  &[data-has-link="true"] {
191
197
  cursor: pointer;
@@ -201,30 +207,18 @@ $overflowSelector: ".flex__overflow";
201
207
  // var(--_ctm-tab-dn-ct-an-ss-cr, var(--_ctm-dn-ct-an-ss-cr))
202
208
  // );
203
209
  color: var(--_thm-cs-tt-ls-as);
204
- font-size: var(
205
- --_ctm-mob-dn-ct-an-ss-ft-se,
206
- var(--_ctm-tab-dn-ct-an-ss-ft-se, var(--_ctm-dn-ct-an-ss-ft-se))
207
- );
208
- font-weight: var(
209
- --_ctm-mob-dn-ct-an-ss-ft-wt,
210
- var(--_ctm-tab-dn-ct-an-ss-ft-wt, var(--_ctm-dn-ct-an-ss-ft-wt))
211
- );
212
- font-style: var(
213
- --_ctm-mob-dn-ct-an-ss-ft-se-ic,
214
- var(--_ctm-tab-dn-ct-an-ss-ft-se-ic, var(--_ctm-dn-ct-an-ss-ft-se-ic))
215
- );
216
- text-align: var(
217
- --_ctm-mob-dn-ct-an-ss-tt-an,
218
- var(--_ctm-tab-dn-ct-an-ss-tt-an, var(--_ctm-dn-ct-an-ss-tt-an))
219
- );
220
- letter-spacing: var(
221
- --_ctm-mob-dn-ct-an-ss-lr-sg,
222
- var(--_ctm-tab-dn-ct-an-ss-lr-sg, var(--_ctm-dn-ct-an-ss-lr-sg))
223
- );
224
- line-height: var(
225
- --_ctm-mob-dn-ct-an-ss-le-ht,
226
- var(--_ctm-tab-dn-ct-an-ss-le-ht, var(--_ctm-dn-ct-an-ss-le-ht))
227
- );
210
+ font-size: var(--_ctm-mob-dn-ct-an-ss-ft-se,
211
+ var(--_ctm-tab-dn-ct-an-ss-ft-se, var(--_ctm-dn-ct-an-ss-ft-se)));
212
+ font-weight: var(--_ctm-mob-dn-ct-an-ss-ft-wt,
213
+ var(--_ctm-tab-dn-ct-an-ss-ft-wt, var(--_ctm-dn-ct-an-ss-ft-wt)));
214
+ font-style: var(--_ctm-mob-dn-ct-an-ss-ft-se-ic,
215
+ var(--_ctm-tab-dn-ct-an-ss-ft-se-ic, var(--_ctm-dn-ct-an-ss-ft-se-ic)));
216
+ text-align: var(--_ctm-mob-dn-ct-an-ss-tt-an,
217
+ var(--_ctm-tab-dn-ct-an-ss-tt-an, var(--_ctm-dn-ct-an-ss-tt-an)));
218
+ letter-spacing: var(--_ctm-mob-dn-ct-an-ss-lr-sg,
219
+ var(--_ctm-tab-dn-ct-an-ss-lr-sg, var(--_ctm-dn-ct-an-ss-lr-sg)));
220
+ line-height: var(--_ctm-mob-dn-ct-an-ss-le-ht,
221
+ var(--_ctm-tab-dn-ct-an-ss-le-ht, var(--_ctm-dn-ct-an-ss-le-ht)));
228
222
  @include cartDetailsTextFlow(--_ctm-dn-ct-an-ss);
229
223
 
230
224
  &:hover {
@@ -861,6 +855,7 @@ $overflowSelector: ".flex__overflow";
861
855
  padding: 3px;
862
856
 
863
857
  .svg_icon {
858
+
864
859
  // position: absolute;
865
860
  // top: 4px;
866
861
  // left: 5px;
@@ -992,7 +987,7 @@ $overflowSelector: ".flex__overflow";
992
987
  width: 0;
993
988
  height: 0;
994
989
 
995
- &:checked + .slider {
990
+ &:checked+.slider {
996
991
  background-color: var(--_primary-700);
997
992
 
998
993
  &::before {
@@ -1081,9 +1076,7 @@ $overflowSelector: ".flex__overflow";
1081
1076
  }
1082
1077
 
1083
1078
  border-radius: prepareMediaVariable(--_ctm-dn-ct-im-ss-br-rs);
1084
- box-shadow: prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-ae)
1085
- prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-br) prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-sd)
1086
- prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-cr);
1079
+ box-shadow: prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-ae) prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-br) prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-sd) prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-cr);
1087
1080
  padding: prepareMediaVariable(--_ctm-dn-ct-im-ss-pg);
1088
1081
  background: prepareMediaVariable(--_ctm-dn-ct-im-ss-bd-cr);
1089
1082
  max-width: 100%;
@@ -1126,25 +1119,12 @@ $overflowSelector: ".flex__overflow";
1126
1119
  border-style: prepareMediaVariable(--_ctm-dn-pt-ie-ss-br-se);
1127
1120
  overflow: hidden;
1128
1121
  flex-shrink: 0;
1129
- box-shadow: var(
1130
- --_show-shadow,
1131
- var(
1132
- --_ctm-mob-dn-pt-ie-ss-sw-ae,
1133
- var(--_ctm-tab-dn-pt-ie-ss-sw-ae, var(--_ctm-dn-pt-ie-ss-sw-ae))
1134
- )
1135
- var(
1136
- --_ctm-mob-dn-pt-ie-ss-sw-br,
1137
- var(--_ctm-tab-dn-pt-ie-ss-sw-br, var(--_ctm-dn-pt-ie-ss-sw-br))
1138
- )
1139
- var(
1140
- --_ctm-mob-dn-pt-ie-ss-sw-sd,
1141
- var(--_ctm-tab-dn-pt-ie-ss-sw-sd, var(--_ctm-dn-pt-ie-ss-sw-sd))
1142
- )
1143
- var(
1144
- --_ctm-mob-dn-pt-ie-ss-sw-cr,
1145
- var(--_ctm-tab-dn-pt-ie-ss-sw-cr, var(--_ctm-dn-pt-ie-ss-sw-cr))
1146
- )
1147
- );
1122
+ box-shadow: var(--_show-shadow,
1123
+ var(--_ctm-mob-dn-pt-ie-ss-sw-ae,
1124
+ var(--_ctm-tab-dn-pt-ie-ss-sw-ae, var(--_ctm-dn-pt-ie-ss-sw-ae))) var(--_ctm-mob-dn-pt-ie-ss-sw-br,
1125
+ var(--_ctm-tab-dn-pt-ie-ss-sw-br, var(--_ctm-dn-pt-ie-ss-sw-br))) var(--_ctm-mob-dn-pt-ie-ss-sw-sd,
1126
+ var(--_ctm-tab-dn-pt-ie-ss-sw-sd, var(--_ctm-dn-pt-ie-ss-sw-sd))) var(--_ctm-mob-dn-pt-ie-ss-sw-cr,
1127
+ var(--_ctm-tab-dn-pt-ie-ss-sw-cr, var(--_ctm-dn-pt-ie-ss-sw-cr))));
1148
1128
  object-fit: cover;
1149
1129
 
1150
1130
  img {
@@ -1189,38 +1169,31 @@ $overflowSelector: ".flex__overflow";
1189
1169
  line-height: 24px;
1190
1170
  margin-bottom: 4px;
1191
1171
 
1192
- color: var(
1193
- --_ctm-mob-dn-pt-ne-ss-cr,
1194
- var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr))
1195
- );
1196
- font-family: var(
1197
- --_sf-hr-ff,
1198
- var(
1199
- --_ctm-mob-dn-pt-ne-ss-ft-fy,
1200
- var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))
1201
- )
1202
- );
1203
- font-size: var(
1204
- --_ctm-mob-dn-pt-ne-ss-ft-se,
1205
- var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se))
1206
- );
1207
- font-weight: var(
1208
- --_ctm-mob-dn-pt-ne-ss-ft-wt,
1209
- var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt))
1210
- );
1211
- font-style: var(
1212
- --_ctm-mob-dn-pt-ne-ss-ft-se-ic,
1213
- var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic))
1214
- );
1215
- text-align: var(
1216
- --_ctm-mob-dn-pt-ne-ss-tt-an,
1217
- var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an))
1218
- );
1219
-
1220
- text-decoration: var(
1221
- --_ctm-mob-dn-pt-ne-ss-ue,
1222
- var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue))
1223
- );
1172
+ color: var(--_ctm-mob-dn-pt-ne-ss-cr,
1173
+ var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr)));
1174
+ font-family: var(--_sf-hr-ff,
1175
+ var(--_ctm-mob-dn-pt-ne-ss-ft-fy,
1176
+ var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))));
1177
+ text-transform: var(--_sf-hr-tt-tm,
1178
+ var(--_ctm-mob-dn-pt-ne-ss-tt-tm,
1179
+ var(--_ctm-tab-dn-pt-ne-ss-tt-tm, var(--_ctm-dn-pt-ne-ss-tt-tm))));
1180
+ word-wrap: var(--_sf-hr-wd-wp,
1181
+ var(--_ctm-mob-dn-pt-ne-ss-wd-wp,
1182
+ var(--_ctm-tab-dn-pt-ne-ss-wd-wp, var(--_ctm-dn-pt-ne-ss-wd-wp))));
1183
+ word-break: var(--_sf-hr-wd-bk,
1184
+ var(--_ctm-mob-dn-pt-ne-ss-wd-bk,
1185
+ var(--_ctm-tab-dn-pt-ne-ss-wd-bk, var(--_ctm-dn-pt-ne-ss-wd-bk))));
1186
+ font-size: var(--_ctm-mob-dn-pt-ne-ss-ft-se,
1187
+ var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se)));
1188
+ font-weight: var(--_ctm-mob-dn-pt-ne-ss-ft-wt,
1189
+ var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt)));
1190
+ font-style: var(--_ctm-mob-dn-pt-ne-ss-ft-se-ic,
1191
+ var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic)));
1192
+ text-align: var(--_ctm-mob-dn-pt-ne-ss-tt-an,
1193
+ var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an)));
1194
+
1195
+ text-decoration: var(--_ctm-mob-dn-pt-ne-ss-ue,
1196
+ var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue)));
1224
1197
  @include cartDetailsTextFlow(--_ctm-dn-pt-ne-ss);
1225
1198
  @include cartDetailsTextClamp;
1226
1199
  }
@@ -1235,45 +1208,36 @@ $overflowSelector: ".flex__overflow";
1235
1208
 
1236
1209
  span {
1237
1210
  // color: var(--_gray-600);
1238
- color: var(
1239
- --_ctm-mob-dn-pt-in-ss-cr,
1240
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
1241
- );
1242
- font-family: var(
1243
- --_sf-hr-ff,
1244
- var(
1245
- --_ctm-mob-dn-pt-in-ss-ft-fy,
1246
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
1247
- )
1248
- );
1211
+ color: var(--_ctm-mob-dn-pt-in-ss-cr,
1212
+ var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr)));
1213
+ font-family: var(--_sf-hr-ff,
1214
+ var(--_ctm-mob-dn-pt-in-ss-ft-fy,
1215
+ var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))));
1216
+ text-transform: var(--_sf-hr-tt-tm,
1217
+ var(--_ctm-mob-dn-pt-in-ss-tt-tm,
1218
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))));
1219
+ word-wrap: var(--_sf-hr-wd-wp,
1220
+ var(--_ctm-mob-dn-pt-in-ss-wd-wp,
1221
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))));
1222
+ word-break: var(--_sf-hr-wd-bk,
1223
+ var(--_ctm-mob-dn-pt-in-ss-wd-bk,
1224
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))));
1249
1225
  // font-size: var(
1250
1226
  // --_ctm-mob-dn-pt-in-ss-ft-se,
1251
1227
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
1252
1228
  // );
1253
- font-weight: var(
1254
- --_ctm-mob-dn-pt-in-ss-ft-wt,
1255
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
1256
- );
1257
- font-style: var(
1258
- --_ctm-mob-dn-pt-in-ss-ft-se-ic,
1259
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
1260
- );
1261
- text-align: var(
1262
- --_ctm-mob-dn-pt-in-ss-tt-an,
1263
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
1264
- );
1265
- letter-spacing: var(
1266
- --_ctm-mob-dn-pt-in-ss-lr-sg,
1267
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
1268
- );
1269
- line-height: var(
1270
- --_ctm-mob-dn-pt-in-ss-le-ht,
1271
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
1272
- );
1273
- text-decoration: var(
1274
- --_ctm-mob-dn-pt-in-ss-ue,
1275
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
1276
- );
1229
+ font-weight: var(--_ctm-mob-dn-pt-in-ss-ft-wt,
1230
+ var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt)));
1231
+ font-style: var(--_ctm-mob-dn-pt-in-ss-ft-se-ic,
1232
+ var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic)));
1233
+ text-align: var(--_ctm-mob-dn-pt-in-ss-tt-an,
1234
+ var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an)));
1235
+ letter-spacing: var(--_ctm-mob-dn-pt-in-ss-lr-sg,
1236
+ var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg)));
1237
+ line-height: var(--_ctm-mob-dn-pt-in-ss-le-ht,
1238
+ var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht)));
1239
+ text-decoration: var(--_ctm-mob-dn-pt-in-ss-ue,
1240
+ var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue)));
1277
1241
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
1278
1242
 
1279
1243
  &:not(:last-child)::after {
@@ -1302,45 +1266,36 @@ $overflowSelector: ".flex__overflow";
1302
1266
 
1303
1267
  span {
1304
1268
  white-space: nowrap;
1305
- color: var(
1306
- --_ctm-mob-dn-pt-in-ss-cr,
1307
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
1308
- );
1309
- font-family: var(
1310
- --_sf-hr-ff,
1311
- var(
1312
- --_ctm-mob-dn-pt-in-ss-ft-fy,
1313
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
1314
- )
1315
- );
1269
+ color: var(--_ctm-mob-dn-pt-in-ss-cr,
1270
+ var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr)));
1271
+ font-family: var(--_sf-hr-ff,
1272
+ var(--_ctm-mob-dn-pt-in-ss-ft-fy,
1273
+ var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))));
1274
+ text-transform: var(--_sf-hr-tt-tm,
1275
+ var(--_ctm-mob-dn-pt-in-ss-tt-tm,
1276
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))));
1277
+ word-wrap: var(--_sf-hr-wd-wp,
1278
+ var(--_ctm-mob-dn-pt-in-ss-wd-wp,
1279
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))));
1280
+ word-break: var(--_sf-hr-wd-bk,
1281
+ var(--_ctm-mob-dn-pt-in-ss-wd-bk,
1282
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))));
1316
1283
  // font-size: var(
1317
1284
  // --_ctm-mob-dn-pt-in-ss-ft-se,
1318
1285
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
1319
1286
  // );
1320
- font-weight: var(
1321
- --_ctm-mob-dn-pt-in-ss-ft-wt,
1322
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
1323
- );
1324
- font-style: var(
1325
- --_ctm-mob-dn-pt-in-ss-ft-se-ic,
1326
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
1327
- );
1328
- text-align: var(
1329
- --_ctm-mob-dn-pt-in-ss-tt-an,
1330
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
1331
- );
1332
- letter-spacing: var(
1333
- --_ctm-mob-dn-pt-in-ss-lr-sg,
1334
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
1335
- );
1336
- line-height: var(
1337
- --_ctm-mob-dn-pt-in-ss-le-ht,
1338
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
1339
- );
1340
- text-decoration: var(
1341
- --_ctm-mob-dn-pt-in-ss-ue,
1342
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
1343
- );
1287
+ font-weight: var(--_ctm-mob-dn-pt-in-ss-ft-wt,
1288
+ var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt)));
1289
+ font-style: var(--_ctm-mob-dn-pt-in-ss-ft-se-ic,
1290
+ var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic)));
1291
+ text-align: var(--_ctm-mob-dn-pt-in-ss-tt-an,
1292
+ var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an)));
1293
+ letter-spacing: var(--_ctm-mob-dn-pt-in-ss-lr-sg,
1294
+ var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg)));
1295
+ line-height: var(--_ctm-mob-dn-pt-in-ss-le-ht,
1296
+ var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht)));
1297
+ text-decoration: var(--_ctm-mob-dn-pt-in-ss-ue,
1298
+ var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue)));
1344
1299
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
1345
1300
 
1346
1301
  &::after {
@@ -1379,41 +1334,38 @@ $overflowSelector: ".flex__overflow";
1379
1334
  // var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
1380
1335
  // );
1381
1336
  color: var(--_thm-cs-tt-ls-as);
1382
- font-family: var(
1383
- --_sf-hr-ff,
1384
- var(
1385
- --_ctm-mob-dn-pt-as-ss-ft-fy,
1386
- var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
1387
- )
1388
- );
1389
- font-size: var(
1390
- --_ctm-mob-dn-pt-as-ss-ft-se,
1391
- var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
1392
- );
1393
- font-weight: var(
1394
- --_ctm-mob-dn-pt-as-ss-ft-wt,
1395
- var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
1396
- );
1397
- font-style: var(
1398
- --_ctm-mob-dn-pt-as-ss-ft-se-ic,
1399
- var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
1400
- );
1401
- text-align: var(
1402
- --_ctm-mob-dn-pt-as-ss-tt-an,
1403
- var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an))
1404
- );
1405
- letter-spacing: var(
1406
- --_ctm-mob-dn-pt-as-ss-lr-sg,
1407
- var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
1408
- );
1409
- line-height: var(
1410
- --_ctm-mob-dn-pt-as-ss-le-ht,
1411
- var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
1412
- );
1413
- text-decoration: var(
1414
- --_ctm-mob-dn-pt-as-ss-ue,
1415
- var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
1416
- );
1337
+ font-family: var(--_sf-hr-ff,
1338
+ var(--_ctm-mob-dn-pt-as-ss-ft-fy,
1339
+ var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))));
1340
+ text-transform: var(--_sf-hr-tt-tm,
1341
+ var(--_ctm-mob-dn-pt-as-ss-tt-tm,
1342
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))));
1343
+ word-wrap: var(--_sf-hr-wd-wp,
1344
+ var(--_ctm-mob-dn-pt-as-ss-wd-wp,
1345
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))));
1346
+ word-break: var(--_sf-hr-wd-bk,
1347
+ var(--_ctm-mob-dn-pt-as-ss-wd-bk,
1348
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))));
1349
+
1350
+ &.flex__overflow {
1351
+ white-space: normal;
1352
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1353
+ }
1354
+
1355
+ font-size: var(--_ctm-mob-dn-pt-as-ss-ft-se,
1356
+ var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se)));
1357
+ font-weight: var(--_ctm-mob-dn-pt-as-ss-ft-wt,
1358
+ var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt)));
1359
+ font-style: var(--_ctm-mob-dn-pt-as-ss-ft-se-ic,
1360
+ var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic)));
1361
+ text-align: var(--_ctm-mob-dn-pt-as-ss-tt-an,
1362
+ var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an)));
1363
+ letter-spacing: var(--_ctm-mob-dn-pt-as-ss-lr-sg,
1364
+ var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg)));
1365
+ line-height: var(--_ctm-mob-dn-pt-as-ss-le-ht,
1366
+ var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht)));
1367
+ text-decoration: var(--_ctm-mob-dn-pt-as-ss-ue,
1368
+ var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue)));
1417
1369
  @include cartDetailsTextFlow(--_ctm-dn-pt-as-ss);
1418
1370
 
1419
1371
  .attr_val_info_detail {
@@ -1472,45 +1424,40 @@ $overflowSelector: ".flex__overflow";
1472
1424
  align-items: center;
1473
1425
  gap: 8px;
1474
1426
  white-space: nowrap;
1475
- color: var(
1476
- --_ctm-mob-dn-pt-rd-io-cr,
1477
- var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr))
1478
- );
1479
- font-family: var(
1480
- --_sf-hr-ff,
1481
- var(
1482
- --_ctm-mob-dn-pt-rd-io-ft-fy,
1483
- var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
1484
- )
1485
- );
1486
- font-size: var(
1487
- --_ctm-mob-dn-pt-rd-io-ft-se,
1488
- var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))
1489
- );
1490
- font-weight: var(
1491
- --_ctm-mob-dn-pt-rd-io-ft-wt,
1492
- var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt))
1493
- );
1494
- font-style: var(
1495
- --_ctm-mob-dn-pt-rd-io-ft-se-ic,
1496
- var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic))
1497
- );
1498
- text-align: var(
1499
- --_ctm-mob-dn-pt-rd-io-tt-an,
1500
- var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an))
1501
- );
1502
- letter-spacing: var(
1503
- --_ctm-mob-dn-pt-rd-io-lr-sg,
1504
- var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg))
1505
- );
1506
- line-height: var(
1507
- --_ctm-mob-dn-pt-rd-io-le-ht,
1508
- var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht))
1509
- );
1510
- text-decoration: var(
1511
- --_ctm-mob-dn-pt-rd-io-ss-ue,
1512
- var(--_ctm-tab-dn-pt-rd-io-ss-ue, var(--_ctm-dn-pt-rd-io-ss-ue))
1513
- );
1427
+ color: var(--_ctm-mob-dn-pt-rd-io-cr,
1428
+ var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr)));
1429
+ font-family: var(--_sf-hr-ff,
1430
+ var(--_ctm-mob-dn-pt-rd-io-ft-fy,
1431
+ var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))));
1432
+ text-transform: var(--_sf-hr-tt-tm,
1433
+ var(--_ctm-mob-dn-pt-rd-io-tt-tm,
1434
+ var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))));
1435
+ word-wrap: var(--_sf-hr-wd-wp,
1436
+ var(--_ctm-mob-dn-pt-rd-io-wd-wp,
1437
+ var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))));
1438
+ word-break: var(--_sf-hr-wd-bk,
1439
+ var(--_ctm-mob-dn-pt-rd-io-wd-bk,
1440
+ var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))));
1441
+
1442
+ &.flex__overflow {
1443
+ white-space: normal;
1444
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1445
+ }
1446
+
1447
+ font-size: var(--_ctm-mob-dn-pt-rd-io-ft-se,
1448
+ var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se)));
1449
+ font-weight: var(--_ctm-mob-dn-pt-rd-io-ft-wt,
1450
+ var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt)));
1451
+ font-style: var(--_ctm-mob-dn-pt-rd-io-ft-se-ic,
1452
+ var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic)));
1453
+ text-align: var(--_ctm-mob-dn-pt-rd-io-tt-an,
1454
+ var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an)));
1455
+ letter-spacing: var(--_ctm-mob-dn-pt-rd-io-lr-sg,
1456
+ var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg)));
1457
+ line-height: var(--_ctm-mob-dn-pt-rd-io-le-ht,
1458
+ var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht)));
1459
+ text-decoration: var(--_ctm-mob-dn-pt-rd-io-ss-ue,
1460
+ var(--_ctm-tab-dn-pt-rd-io-ss-ue, var(--_ctm-dn-pt-rd-io-ss-ue)));
1514
1461
  @include cartDetailsTextFlow(--_ctm-dn-pt-rd-io);
1515
1462
  @include cartDetailsTextClamp;
1516
1463
  }
@@ -1632,42 +1579,33 @@ $overflowSelector: ".flex__overflow";
1632
1579
  // white-space: nowrap;
1633
1580
  // min-width: 80px;
1634
1581
  white-space: nowrap;
1635
- color: var(
1636
- --_ctm-mob-dn-pt-pe-ss-cr,
1637
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
1638
- );
1639
- font-family: var(
1640
- --_sf-hr-ff,
1641
- var(
1642
- --_ctm-mob-dn-pt-pe-ss-ft-fy,
1643
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1644
- )
1645
- );
1646
- font-size: var(
1647
- --_ctm-mob-dn-pt-pe-ss-ft-se,
1648
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
1649
- );
1650
- font-weight: var(
1651
- --_ctm-mob-dn-pt-pe-ss-ft-wt,
1652
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
1653
- );
1654
- font-style: var(
1655
- --_ctm-mob-dn-pt-pe-ss-ft-se-ic,
1656
- var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic))
1657
- );
1582
+ color: var(--_ctm-mob-dn-pt-pe-ss-cr,
1583
+ var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr)));
1584
+ font-family: var(--_sf-hr-ff,
1585
+ var(--_ctm-mob-dn-pt-pe-ss-ft-fy,
1586
+ var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))));
1587
+ text-transform: var(--_sf-hr-tt-tm,
1588
+ var(--_ctm-mob-dn-pt-pe-ss-tt-tm,
1589
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))));
1590
+ word-wrap: var(--_sf-hr-wd-wp,
1591
+ var(--_ctm-mob-dn-pt-pe-ss-wd-wp,
1592
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))));
1593
+ word-break: var(--_sf-hr-wd-bk,
1594
+ var(--_ctm-mob-dn-pt-pe-ss-wd-bk,
1595
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))));
1596
+ font-size: var(--_ctm-mob-dn-pt-pe-ss-ft-se,
1597
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se)));
1598
+ font-weight: var(--_ctm-mob-dn-pt-pe-ss-ft-wt,
1599
+ var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt)));
1600
+ font-style: var(--_ctm-mob-dn-pt-pe-ss-ft-se-ic,
1601
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic)));
1658
1602
  text-align: right;
1659
- letter-spacing: var(
1660
- --_ctm-mob-dn-pt-pe-ss-lr-sg,
1661
- var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg))
1662
- );
1663
- line-height: var(
1664
- --_ctm-mob-dn-pt-pe-ss-le-ht,
1665
- var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht))
1666
- );
1667
- text-decoration: var(
1668
- --_ctm-mob-dn-pt-pe-ss-ue,
1669
- var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue))
1670
- );
1603
+ letter-spacing: var(--_ctm-mob-dn-pt-pe-ss-lr-sg,
1604
+ var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg)));
1605
+ line-height: var(--_ctm-mob-dn-pt-pe-ss-le-ht,
1606
+ var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht)));
1607
+ text-decoration: var(--_ctm-mob-dn-pt-pe-ss-ue,
1608
+ var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue)));
1671
1609
  @include cartDetailsTextFlow(--_ctm-dn-pt-pe-ss);
1672
1610
  min-width: 80px;
1673
1611
  }
@@ -1678,12 +1616,12 @@ $overflowSelector: ".flex__overflow";
1678
1616
  align-items: center;
1679
1617
  gap: 16px;
1680
1618
 
1681
- & > a,
1619
+ &>a,
1682
1620
  span {
1683
1621
  cursor: pointer;
1684
1622
  }
1685
1623
 
1686
- & > * {
1624
+ &>* {
1687
1625
  display: flex;
1688
1626
  align-items: center;
1689
1627
  justify-content: center;
@@ -1693,8 +1631,8 @@ $overflowSelector: ".flex__overflow";
1693
1631
  display: flex;
1694
1632
  }
1695
1633
 
1696
- & > a,
1697
- & > span {
1634
+ &>a,
1635
+ &>span {
1698
1636
  width: 32px;
1699
1637
  height: 32px;
1700
1638
  border-radius: 4px;
@@ -1716,20 +1654,12 @@ $overflowSelector: ".flex__overflow";
1716
1654
  cursor: pointer;
1717
1655
 
1718
1656
  svg {
1719
- width: var(
1720
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1721
- var(
1722
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1723
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
1724
- )
1725
- );
1726
- height: var(
1727
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1728
- var(
1729
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1730
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
1731
- )
1732
- );
1657
+ width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1658
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1659
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
1660
+ height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1661
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1662
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
1733
1663
 
1734
1664
  path {
1735
1665
  // stroke: var(
@@ -1744,20 +1674,12 @@ $overflowSelector: ".flex__overflow";
1744
1674
 
1745
1675
  &:hover {
1746
1676
  svg {
1747
- width: var(
1748
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1749
- var(
1750
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1751
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
1752
- )
1753
- );
1754
- height: var(
1755
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1756
- var(
1757
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1758
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
1759
- )
1760
- );
1677
+ width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1678
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1679
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
1680
+ height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1681
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1682
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
1761
1683
 
1762
1684
  path {
1763
1685
  stroke: var(--_thm-cs-at-py);
@@ -1774,14 +1696,10 @@ $overflowSelector: ".flex__overflow";
1774
1696
  cursor: pointer;
1775
1697
 
1776
1698
  svg {
1777
- width: var(
1778
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1779
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
1780
- );
1781
- height: var(
1782
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1783
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
1784
- );
1699
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1700
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
1701
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1702
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
1785
1703
 
1786
1704
  path {
1787
1705
  // stroke: var(
@@ -1796,14 +1714,10 @@ $overflowSelector: ".flex__overflow";
1796
1714
 
1797
1715
  &:hover {
1798
1716
  svg {
1799
- width: var(
1800
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1801
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
1802
- );
1803
- height: var(
1804
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1805
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
1806
- );
1717
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1718
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
1719
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1720
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
1807
1721
 
1808
1722
  path {
1809
1723
  // stroke: var(
@@ -1820,20 +1734,14 @@ $overflowSelector: ".flex__overflow";
1820
1734
  cursor: pointer;
1821
1735
 
1822
1736
  svg {
1823
- width: var(
1824
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
1825
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
1826
- );
1827
- height: var(
1828
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
1829
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
1830
- );
1737
+ width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
1738
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
1739
+ height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
1740
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
1831
1741
 
1832
1742
  path {
1833
- stroke: var(
1834
- --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
1835
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
1836
- );
1743
+ stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
1744
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
1837
1745
  // Overrides the stroke-width presentation attribute baked into the icon markup.
1838
1746
  stroke-width: prepareMediaVariable(--_ctm-dn-pt-an-pt-an-de-se-wh, 1.25);
1839
1747
  }
@@ -1841,20 +1749,14 @@ $overflowSelector: ".flex__overflow";
1841
1749
 
1842
1750
  &:hover {
1843
1751
  svg {
1844
- width: var(
1845
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
1846
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
1847
- );
1848
- height: var(
1849
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
1850
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
1851
- );
1752
+ width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
1753
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
1754
+ height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
1755
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
1852
1756
 
1853
1757
  path {
1854
- stroke: var(
1855
- --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
1856
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
1857
- );
1758
+ stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
1759
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
1858
1760
  }
1859
1761
  }
1860
1762
  }
@@ -1915,41 +1817,32 @@ $overflowSelector: ".flex__overflow";
1915
1817
  border: none;
1916
1818
 
1917
1819
  .cart_item_accordion_title {
1918
- color: var(
1919
- --_ctm-mob-dn-pt-as-ss-cr,
1920
- var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr, var(--_thm-cs-tt-ls-as)))
1921
- );
1922
- font-family: var(
1923
- --_sf-hr-ff,
1924
- var(
1925
- --_ctm-mob-dn-pt-as-ss-ft-fy,
1926
- var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
1927
- )
1928
- );
1929
- font-size: var(
1930
- --_ctm-mob-dn-pt-as-ss-ft-se,
1931
- var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
1932
- );
1933
- font-weight: var(
1934
- --_ctm-mob-dn-pt-as-ss-ft-wt,
1935
- var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
1936
- );
1937
- font-style: var(
1938
- --_ctm-mob-dn-pt-as-ss-ft-se-ic,
1939
- var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
1940
- );
1941
- line-height: var(
1942
- --_ctm-mob-dn-pt-as-ss-le-ht,
1943
- var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
1944
- );
1945
- letter-spacing: var(
1946
- --_ctm-mob-dn-pt-as-ss-lr-sg,
1947
- var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
1948
- );
1949
- text-decoration: var(
1950
- --_ctm-mob-dn-pt-as-ss-ue,
1951
- var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
1952
- );
1820
+ color: var(--_ctm-mob-dn-pt-as-ss-cr,
1821
+ var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr, var(--_thm-cs-tt-ls-as))));
1822
+ font-family: var(--_sf-hr-ff,
1823
+ var(--_ctm-mob-dn-pt-as-ss-ft-fy,
1824
+ var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))));
1825
+ text-transform: var(--_sf-hr-tt-tm,
1826
+ var(--_ctm-mob-dn-pt-as-ss-tt-tm,
1827
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))));
1828
+ word-wrap: var(--_sf-hr-wd-wp,
1829
+ var(--_ctm-mob-dn-pt-as-ss-wd-wp,
1830
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))));
1831
+ word-break: var(--_sf-hr-wd-bk,
1832
+ var(--_ctm-mob-dn-pt-as-ss-wd-bk,
1833
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))));
1834
+ font-size: var(--_ctm-mob-dn-pt-as-ss-ft-se,
1835
+ var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se)));
1836
+ font-weight: var(--_ctm-mob-dn-pt-as-ss-ft-wt,
1837
+ var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt)));
1838
+ font-style: var(--_ctm-mob-dn-pt-as-ss-ft-se-ic,
1839
+ var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic)));
1840
+ line-height: var(--_ctm-mob-dn-pt-as-ss-le-ht,
1841
+ var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht)));
1842
+ letter-spacing: var(--_ctm-mob-dn-pt-as-ss-lr-sg,
1843
+ var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg)));
1844
+ text-decoration: var(--_ctm-mob-dn-pt-as-ss-ue,
1845
+ var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue)));
1953
1846
  @include cartDetailsTextFlow(--_ctm-dn-pt-as-ss);
1954
1847
  }
1955
1848
 
@@ -1987,25 +1880,24 @@ $overflowSelector: ".flex__overflow";
1987
1880
 
1988
1881
  .cart_item_accordion_price {
1989
1882
  white-space: nowrap;
1990
- color: var(
1991
- --_ctm-mob-dn-pt-pe-ss-cr,
1992
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
1993
- );
1994
- font-family: var(
1995
- --_sf-hr-ff,
1996
- var(
1997
- --_ctm-mob-dn-pt-pe-ss-ft-fy,
1998
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1999
- )
2000
- );
2001
- font-size: var(
2002
- --_ctm-mob-dn-pt-pe-ss-ft-se,
2003
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px))
2004
- );
2005
- font-weight: var(
2006
- --_ctm-mob-dn-pt-pe-ss-ft-wt,
2007
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
2008
- );
1883
+ color: var(--_ctm-mob-dn-pt-pe-ss-cr,
1884
+ var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr)));
1885
+ font-family: var(--_sf-hr-ff,
1886
+ var(--_ctm-mob-dn-pt-pe-ss-ft-fy,
1887
+ var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))));
1888
+ text-transform: var(--_sf-hr-tt-tm,
1889
+ var(--_ctm-mob-dn-pt-pe-ss-tt-tm,
1890
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))));
1891
+ word-wrap: var(--_sf-hr-wd-wp,
1892
+ var(--_ctm-mob-dn-pt-pe-ss-wd-wp,
1893
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))));
1894
+ word-break: var(--_sf-hr-wd-bk,
1895
+ var(--_ctm-mob-dn-pt-pe-ss-wd-bk,
1896
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))));
1897
+ font-size: var(--_ctm-mob-dn-pt-pe-ss-ft-se,
1898
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px)));
1899
+ font-weight: var(--_ctm-mob-dn-pt-pe-ss-ft-wt,
1900
+ var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt)));
2009
1901
  }
2010
1902
  }
2011
1903
  }
@@ -2545,38 +2437,31 @@ $overflowSelector: ".flex__overflow";
2545
2437
  line-height: 125%;
2546
2438
  margin-bottom: 4px;
2547
2439
 
2548
- color: var(
2549
- --_ctm-mob-dn-pt-ne-ss-cr,
2550
- var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr))
2551
- );
2552
- font-family: var(
2553
- --_sf-hr-ff,
2554
- var(
2555
- --_ctm-mob-dn-pt-ne-ss-ft-fy,
2556
- var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))
2557
- )
2558
- );
2559
- font-size: var(
2560
- --_ctm-mob-dn-pt-ne-ss-ft-se,
2561
- var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se))
2562
- );
2563
- font-weight: var(
2564
- --_ctm-mob-dn-pt-ne-ss-ft-wt,
2565
- var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt))
2566
- );
2567
- font-style: var(
2568
- --_ctm-mob-dn-pt-ne-ss-ft-se-ic,
2569
- var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic))
2570
- );
2571
- text-align: var(
2572
- --_ctm-mob-dn-pt-ne-ss-tt-an,
2573
- var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an))
2574
- );
2575
-
2576
- text-decoration: var(
2577
- --_ctm-mob-dn-pt-ne-ss-ue,
2578
- var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue))
2579
- );
2440
+ color: var(--_ctm-mob-dn-pt-ne-ss-cr,
2441
+ var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr)));
2442
+ font-family: var(--_sf-hr-ff,
2443
+ var(--_ctm-mob-dn-pt-ne-ss-ft-fy,
2444
+ var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))));
2445
+ text-transform: var(--_sf-hr-tt-tm,
2446
+ var(--_ctm-mob-dn-pt-ne-ss-tt-tm,
2447
+ var(--_ctm-tab-dn-pt-ne-ss-tt-tm, var(--_ctm-dn-pt-ne-ss-tt-tm))));
2448
+ word-wrap: var(--_sf-hr-wd-wp,
2449
+ var(--_ctm-mob-dn-pt-ne-ss-wd-wp,
2450
+ var(--_ctm-tab-dn-pt-ne-ss-wd-wp, var(--_ctm-dn-pt-ne-ss-wd-wp))));
2451
+ word-break: var(--_sf-hr-wd-bk,
2452
+ var(--_ctm-mob-dn-pt-ne-ss-wd-bk,
2453
+ var(--_ctm-tab-dn-pt-ne-ss-wd-bk, var(--_ctm-dn-pt-ne-ss-wd-bk))));
2454
+ font-size: var(--_ctm-mob-dn-pt-ne-ss-ft-se,
2455
+ var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se)));
2456
+ font-weight: var(--_ctm-mob-dn-pt-ne-ss-ft-wt,
2457
+ var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt)));
2458
+ font-style: var(--_ctm-mob-dn-pt-ne-ss-ft-se-ic,
2459
+ var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic)));
2460
+ text-align: var(--_ctm-mob-dn-pt-ne-ss-tt-an,
2461
+ var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an)));
2462
+
2463
+ text-decoration: var(--_ctm-mob-dn-pt-ne-ss-ue,
2464
+ var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue)));
2580
2465
  @include cartDetailsTextFlow(--_ctm-dn-pt-ne-ss);
2581
2466
  @include cartDetailsTextClamp;
2582
2467
  }
@@ -2591,45 +2476,36 @@ $overflowSelector: ".flex__overflow";
2591
2476
 
2592
2477
  span {
2593
2478
  // color: var(--_gray-600);
2594
- color: var(
2595
- --_ctm-mob-dn-pt-in-ss-cr,
2596
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
2597
- );
2598
- font-family: var(
2599
- --_sf-hr-ff,
2600
- var(
2601
- --_ctm-mob-dn-pt-in-ss-ft-fy,
2602
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
2603
- )
2604
- );
2479
+ color: var(--_ctm-mob-dn-pt-in-ss-cr,
2480
+ var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr)));
2481
+ font-family: var(--_sf-hr-ff,
2482
+ var(--_ctm-mob-dn-pt-in-ss-ft-fy,
2483
+ var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))));
2484
+ text-transform: var(--_sf-hr-tt-tm,
2485
+ var(--_ctm-mob-dn-pt-in-ss-tt-tm,
2486
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))));
2487
+ word-wrap: var(--_sf-hr-wd-wp,
2488
+ var(--_ctm-mob-dn-pt-in-ss-wd-wp,
2489
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))));
2490
+ word-break: var(--_sf-hr-wd-bk,
2491
+ var(--_ctm-mob-dn-pt-in-ss-wd-bk,
2492
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))));
2605
2493
  // font-size: var(
2606
2494
  // --_ctm-mob-dn-pt-in-ss-ft-se,
2607
2495
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
2608
2496
  // );
2609
- font-weight: var(
2610
- --_ctm-mob-dn-pt-in-ss-ft-wt,
2611
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
2612
- );
2613
- font-style: var(
2614
- --_ctm-mob-dn-pt-in-ss-ft-se-ic,
2615
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
2616
- );
2617
- text-align: var(
2618
- --_ctm-mob-dn-pt-in-ss-tt-an,
2619
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
2620
- );
2621
- letter-spacing: var(
2622
- --_ctm-mob-dn-pt-in-ss-lr-sg,
2623
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
2624
- );
2625
- line-height: var(
2626
- --_ctm-mob-dn-pt-in-ss-le-ht,
2627
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
2628
- );
2629
- text-decoration: var(
2630
- --_ctm-mob-dn-pt-in-ss-ue,
2631
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
2632
- );
2497
+ font-weight: var(--_ctm-mob-dn-pt-in-ss-ft-wt,
2498
+ var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt)));
2499
+ font-style: var(--_ctm-mob-dn-pt-in-ss-ft-se-ic,
2500
+ var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic)));
2501
+ text-align: var(--_ctm-mob-dn-pt-in-ss-tt-an,
2502
+ var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an)));
2503
+ letter-spacing: var(--_ctm-mob-dn-pt-in-ss-lr-sg,
2504
+ var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg)));
2505
+ line-height: var(--_ctm-mob-dn-pt-in-ss-le-ht,
2506
+ var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht)));
2507
+ text-decoration: var(--_ctm-mob-dn-pt-in-ss-ue,
2508
+ var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue)));
2633
2509
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
2634
2510
 
2635
2511
  &:not(:last-child)::after {
@@ -2658,45 +2534,36 @@ $overflowSelector: ".flex__overflow";
2658
2534
 
2659
2535
  span {
2660
2536
  white-space: nowrap;
2661
- color: var(
2662
- --_ctm-mob-dn-pt-in-ss-cr,
2663
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
2664
- );
2665
- font-family: var(
2666
- --_sf-hr-ff,
2667
- var(
2668
- --_ctm-mob-dn-pt-in-ss-ft-fy,
2669
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
2670
- )
2671
- );
2537
+ color: var(--_ctm-mob-dn-pt-in-ss-cr,
2538
+ var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr)));
2539
+ font-family: var(--_sf-hr-ff,
2540
+ var(--_ctm-mob-dn-pt-in-ss-ft-fy,
2541
+ var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))));
2542
+ text-transform: var(--_sf-hr-tt-tm,
2543
+ var(--_ctm-mob-dn-pt-in-ss-tt-tm,
2544
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))));
2545
+ word-wrap: var(--_sf-hr-wd-wp,
2546
+ var(--_ctm-mob-dn-pt-in-ss-wd-wp,
2547
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))));
2548
+ word-break: var(--_sf-hr-wd-bk,
2549
+ var(--_ctm-mob-dn-pt-in-ss-wd-bk,
2550
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))));
2672
2551
  // font-size: var(
2673
2552
  // --_ctm-mob-dn-pt-in-ss-ft-se,
2674
2553
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
2675
2554
  // );
2676
- font-weight: var(
2677
- --_ctm-mob-dn-pt-in-ss-ft-wt,
2678
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
2679
- );
2680
- font-style: var(
2681
- --_ctm-mob-dn-pt-in-ss-ft-se-ic,
2682
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
2683
- );
2684
- text-align: var(
2685
- --_ctm-mob-dn-pt-in-ss-tt-an,
2686
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
2687
- );
2688
- letter-spacing: var(
2689
- --_ctm-mob-dn-pt-in-ss-lr-sg,
2690
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
2691
- );
2692
- line-height: var(
2693
- --_ctm-mob-dn-pt-in-ss-le-ht,
2694
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
2695
- );
2696
- text-decoration: var(
2697
- --_ctm-mob-dn-pt-in-ss-ue,
2698
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
2699
- );
2555
+ font-weight: var(--_ctm-mob-dn-pt-in-ss-ft-wt,
2556
+ var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt)));
2557
+ font-style: var(--_ctm-mob-dn-pt-in-ss-ft-se-ic,
2558
+ var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic)));
2559
+ text-align: var(--_ctm-mob-dn-pt-in-ss-tt-an,
2560
+ var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an)));
2561
+ letter-spacing: var(--_ctm-mob-dn-pt-in-ss-lr-sg,
2562
+ var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg)));
2563
+ line-height: var(--_ctm-mob-dn-pt-in-ss-le-ht,
2564
+ var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht)));
2565
+ text-decoration: var(--_ctm-mob-dn-pt-in-ss-ue,
2566
+ var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue)));
2700
2567
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
2701
2568
 
2702
2569
  &::after {
@@ -2822,42 +2689,33 @@ $overflowSelector: ".flex__overflow";
2822
2689
  // white-space: nowrap;
2823
2690
  // min-width: 80px;
2824
2691
  white-space: nowrap;
2825
- color: var(
2826
- --_ctm-mob-dn-pt-pe-ss-cr,
2827
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
2828
- );
2829
- font-family: var(
2830
- --_sf-hr-ff,
2831
- var(
2832
- --_ctm-mob-dn-pt-pe-ss-ft-fy,
2833
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
2834
- )
2835
- );
2836
- font-size: var(
2837
- --_ctm-mob-dn-pt-pe-ss-ft-se,
2838
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
2839
- );
2840
- font-weight: var(
2841
- --_ctm-mob-dn-pt-pe-ss-ft-wt,
2842
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
2843
- );
2844
- font-style: var(
2845
- --_ctm-mob-dn-pt-pe-ss-ft-se-ic,
2846
- var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic))
2847
- );
2692
+ color: var(--_ctm-mob-dn-pt-pe-ss-cr,
2693
+ var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr)));
2694
+ font-family: var(--_sf-hr-ff,
2695
+ var(--_ctm-mob-dn-pt-pe-ss-ft-fy,
2696
+ var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))));
2697
+ text-transform: var(--_sf-hr-tt-tm,
2698
+ var(--_ctm-mob-dn-pt-pe-ss-tt-tm,
2699
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))));
2700
+ word-wrap: var(--_sf-hr-wd-wp,
2701
+ var(--_ctm-mob-dn-pt-pe-ss-wd-wp,
2702
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))));
2703
+ word-break: var(--_sf-hr-wd-bk,
2704
+ var(--_ctm-mob-dn-pt-pe-ss-wd-bk,
2705
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))));
2706
+ font-size: var(--_ctm-mob-dn-pt-pe-ss-ft-se,
2707
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se)));
2708
+ font-weight: var(--_ctm-mob-dn-pt-pe-ss-ft-wt,
2709
+ var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt)));
2710
+ font-style: var(--_ctm-mob-dn-pt-pe-ss-ft-se-ic,
2711
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic)));
2848
2712
  text-align: right;
2849
- letter-spacing: var(
2850
- --_ctm-mob-dn-pt-pe-ss-lr-sg,
2851
- var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg))
2852
- );
2853
- line-height: var(
2854
- --_ctm-mob-dn-pt-pe-ss-le-ht,
2855
- var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht))
2856
- );
2857
- text-decoration: var(
2858
- --_ctm-mob-dn-pt-pe-ss-ue,
2859
- var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue))
2860
- );
2713
+ letter-spacing: var(--_ctm-mob-dn-pt-pe-ss-lr-sg,
2714
+ var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg)));
2715
+ line-height: var(--_ctm-mob-dn-pt-pe-ss-le-ht,
2716
+ var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht)));
2717
+ text-decoration: var(--_ctm-mob-dn-pt-pe-ss-ue,
2718
+ var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue)));
2861
2719
  @include cartDetailsTextFlow(--_ctm-dn-pt-pe-ss);
2862
2720
  min-width: 80px;
2863
2721
  }
@@ -2882,14 +2740,10 @@ $overflowSelector: ".flex__overflow";
2882
2740
  svg {
2883
2741
  padding: 4px;
2884
2742
  border-radius: 4px;
2885
- width: var(
2886
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2887
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
2888
- );
2889
- height: var(
2890
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2891
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
2892
- );
2743
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2744
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
2745
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2746
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
2893
2747
 
2894
2748
  path {
2895
2749
  // stroke: var(
@@ -2905,14 +2759,10 @@ $overflowSelector: ".flex__overflow";
2905
2759
  &:hover {
2906
2760
  svg {
2907
2761
  background-color: color-mix(in srgb, var(--_thm-cs-at-py) 10%, transparent);
2908
- width: var(
2909
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2910
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
2911
- );
2912
- height: var(
2913
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2914
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
2915
- );
2762
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2763
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
2764
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2765
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
2916
2766
 
2917
2767
  path {
2918
2768
  // stroke: var(
@@ -2943,41 +2793,38 @@ $overflowSelector: ".flex__overflow";
2943
2793
  // var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
2944
2794
  // );
2945
2795
  color: var(--_thm-cs-tt-ls-as);
2946
- font-family: var(
2947
- --_sf-hr-ff,
2948
- var(
2949
- --_ctm-mob-dn-pt-as-ss-ft-fy,
2950
- var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
2951
- )
2952
- );
2953
- font-size: var(
2954
- --_ctm-mob-dn-pt-as-ss-ft-se,
2955
- var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
2956
- );
2957
- font-weight: var(
2958
- --_ctm-mob-dn-pt-as-ss-ft-wt,
2959
- var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
2960
- );
2961
- font-style: var(
2962
- --_ctm-mob-dn-pt-as-ss-ft-se-ic,
2963
- var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
2964
- );
2965
- text-align: var(
2966
- --_ctm-mob-dn-pt-as-ss-tt-an,
2967
- var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an))
2968
- );
2969
- letter-spacing: var(
2970
- --_ctm-mob-dn-pt-as-ss-lr-sg,
2971
- var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
2972
- );
2973
- line-height: var(
2974
- --_ctm-mob-dn-pt-as-ss-le-ht,
2975
- var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
2976
- );
2977
- text-decoration: var(
2978
- --_ctm-mob-dn-pt-as-ss-ue,
2979
- var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
2980
- );
2796
+ font-family: var(--_sf-hr-ff,
2797
+ var(--_ctm-mob-dn-pt-as-ss-ft-fy,
2798
+ var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))));
2799
+ text-transform: var(--_sf-hr-tt-tm,
2800
+ var(--_ctm-mob-dn-pt-as-ss-tt-tm,
2801
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))));
2802
+ word-wrap: var(--_sf-hr-wd-wp,
2803
+ var(--_ctm-mob-dn-pt-as-ss-wd-wp,
2804
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))));
2805
+ word-break: var(--_sf-hr-wd-bk,
2806
+ var(--_ctm-mob-dn-pt-as-ss-wd-bk,
2807
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))));
2808
+
2809
+ &.flex__overflow {
2810
+ white-space: normal;
2811
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2812
+ }
2813
+
2814
+ font-size: var(--_ctm-mob-dn-pt-as-ss-ft-se,
2815
+ var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se)));
2816
+ font-weight: var(--_ctm-mob-dn-pt-as-ss-ft-wt,
2817
+ var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt)));
2818
+ font-style: var(--_ctm-mob-dn-pt-as-ss-ft-se-ic,
2819
+ var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic)));
2820
+ text-align: var(--_ctm-mob-dn-pt-as-ss-tt-an,
2821
+ var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an)));
2822
+ letter-spacing: var(--_ctm-mob-dn-pt-as-ss-lr-sg,
2823
+ var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg)));
2824
+ line-height: var(--_ctm-mob-dn-pt-as-ss-le-ht,
2825
+ var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht)));
2826
+ text-decoration: var(--_ctm-mob-dn-pt-as-ss-ue,
2827
+ var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue)));
2981
2828
  @include cartDetailsTextFlow(--_ctm-dn-pt-as-ss);
2982
2829
 
2983
2830
  .attr_val_info_detail {
@@ -3036,45 +2883,40 @@ $overflowSelector: ".flex__overflow";
3036
2883
  align-items: center;
3037
2884
  gap: 8px;
3038
2885
  white-space: nowrap;
3039
- color: var(
3040
- --_ctm-mob-dn-pt-rd-io-cr,
3041
- var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr))
3042
- );
3043
- font-family: var(
3044
- --_sf-hr-ff,
3045
- var(
3046
- --_ctm-mob-dn-pt-rd-io-ft-fy,
3047
- var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
3048
- )
3049
- );
3050
- font-size: var(
3051
- --_ctm-mob-dn-pt-rd-io-ft-se,
3052
- var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))
3053
- );
3054
- font-weight: var(
3055
- --_ctm-mob-dn-pt-rd-io-ft-wt,
3056
- var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt))
3057
- );
3058
- font-style: var(
3059
- --_ctm-mob-dn-pt-rd-io-ft-se-ic,
3060
- var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic))
3061
- );
3062
- text-align: var(
3063
- --_ctm-mob-dn-pt-rd-io-tt-an,
3064
- var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an))
3065
- );
3066
- letter-spacing: var(
3067
- --_ctm-mob-dn-pt-rd-io-lr-sg,
3068
- var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg))
3069
- );
3070
- line-height: var(
3071
- --_ctm-mob-dn-pt-rd-io-le-ht,
3072
- var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht))
3073
- );
3074
- text-decoration: var(
3075
- --_ctm-mob-dn-pt-rd-io-ss-ue,
3076
- var(--_ctm-tab-dn-pt-rd-io-ss-ue, var(--_ctm-dn-pt-rd-io-ss-ue))
3077
- );
2886
+ color: var(--_ctm-mob-dn-pt-rd-io-cr,
2887
+ var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr)));
2888
+ font-family: var(--_sf-hr-ff,
2889
+ var(--_ctm-mob-dn-pt-rd-io-ft-fy,
2890
+ var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))));
2891
+ text-transform: var(--_sf-hr-tt-tm,
2892
+ var(--_ctm-mob-dn-pt-rd-io-tt-tm,
2893
+ var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))));
2894
+ word-wrap: var(--_sf-hr-wd-wp,
2895
+ var(--_ctm-mob-dn-pt-rd-io-wd-wp,
2896
+ var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))));
2897
+ word-break: var(--_sf-hr-wd-bk,
2898
+ var(--_ctm-mob-dn-pt-rd-io-wd-bk,
2899
+ var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))));
2900
+
2901
+ &.flex__overflow {
2902
+ white-space: normal;
2903
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2904
+ }
2905
+
2906
+ font-size: var(--_ctm-mob-dn-pt-rd-io-ft-se,
2907
+ var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se)));
2908
+ font-weight: var(--_ctm-mob-dn-pt-rd-io-ft-wt,
2909
+ var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt)));
2910
+ font-style: var(--_ctm-mob-dn-pt-rd-io-ft-se-ic,
2911
+ var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic)));
2912
+ text-align: var(--_ctm-mob-dn-pt-rd-io-tt-an,
2913
+ var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an)));
2914
+ letter-spacing: var(--_ctm-mob-dn-pt-rd-io-lr-sg,
2915
+ var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg)));
2916
+ line-height: var(--_ctm-mob-dn-pt-rd-io-le-ht,
2917
+ var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht)));
2918
+ text-decoration: var(--_ctm-mob-dn-pt-rd-io-ss-ue,
2919
+ var(--_ctm-tab-dn-pt-rd-io-ss-ue, var(--_ctm-dn-pt-rd-io-ss-ue)));
3078
2920
  @include cartDetailsTextFlow(--_ctm-dn-pt-rd-io);
3079
2921
  @include cartDetailsTextClamp;
3080
2922
  }
@@ -3088,7 +2930,7 @@ $overflowSelector: ".flex__overflow";
3088
2930
  align-items: center;
3089
2931
  gap: 16px;
3090
2932
 
3091
- & > a,
2933
+ &>a,
3092
2934
  span {
3093
2935
  cursor: pointer;
3094
2936
  display: flex;
@@ -3096,7 +2938,7 @@ $overflowSelector: ".flex__overflow";
3096
2938
  border-radius: 4px;
3097
2939
  }
3098
2940
 
3099
- & > * {
2941
+ &>* {
3100
2942
  display: flex;
3101
2943
  align-items: center;
3102
2944
  justify-content: center;
@@ -3106,8 +2948,8 @@ $overflowSelector: ".flex__overflow";
3106
2948
  display: flex;
3107
2949
  }
3108
2950
 
3109
- & > a,
3110
- & > span {
2951
+ &>a,
2952
+ &>span {
3111
2953
  border-radius: 4px;
3112
2954
  padding: 4px;
3113
2955
  }
@@ -3116,20 +2958,12 @@ $overflowSelector: ".flex__overflow";
3116
2958
  cursor: pointer;
3117
2959
 
3118
2960
  svg {
3119
- width: var(
3120
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
3121
- var(
3122
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
3123
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
3124
- )
3125
- );
3126
- height: var(
3127
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
3128
- var(
3129
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
3130
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
3131
- )
3132
- );
2961
+ width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
2962
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
2963
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
2964
+ height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
2965
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
2966
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
3133
2967
 
3134
2968
  path {
3135
2969
  stroke: var(--_thm-cs-be-se-1);
@@ -3138,20 +2972,12 @@ $overflowSelector: ".flex__overflow";
3138
2972
 
3139
2973
  &:hover {
3140
2974
  svg {
3141
- width: var(
3142
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
3143
- var(
3144
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
3145
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
3146
- )
3147
- );
3148
- height: var(
3149
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
3150
- var(
3151
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
3152
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
3153
- )
3154
- );
2975
+ width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
2976
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
2977
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
2978
+ height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
2979
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
2980
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
3155
2981
 
3156
2982
  path {
3157
2983
  stroke: var(--_thm-cs-at-py);
@@ -3164,14 +2990,10 @@ $overflowSelector: ".flex__overflow";
3164
2990
  cursor: pointer;
3165
2991
 
3166
2992
  svg {
3167
- width: var(
3168
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3169
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3170
- );
3171
- height: var(
3172
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3173
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3174
- );
2993
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2994
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
2995
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2996
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
3175
2997
 
3176
2998
  path {
3177
2999
  stroke: var(--_thm-cs-be-se-1);
@@ -3180,14 +3002,10 @@ $overflowSelector: ".flex__overflow";
3180
3002
 
3181
3003
  &:hover {
3182
3004
  svg {
3183
- width: var(
3184
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3185
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3186
- );
3187
- height: var(
3188
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3189
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3190
- );
3005
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3006
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
3007
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3008
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
3191
3009
 
3192
3010
  path {
3193
3011
  stroke: var(--_thm-cs-at-py);
@@ -3200,20 +3018,14 @@ $overflowSelector: ".flex__overflow";
3200
3018
  cursor: pointer;
3201
3019
 
3202
3020
  svg {
3203
- width: var(
3204
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
3205
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
3206
- );
3207
- height: var(
3208
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
3209
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
3210
- );
3021
+ width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
3022
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
3023
+ height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
3024
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
3211
3025
 
3212
3026
  path {
3213
- stroke: var(
3214
- --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
3215
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
3216
- );
3027
+ stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
3028
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
3217
3029
  // Overrides the stroke-width presentation attribute baked into the icon markup.
3218
3030
  stroke-width: prepareMediaVariable(--_ctm-dn-pt-an-pt-an-de-se-wh, 1.25);
3219
3031
  }
@@ -3223,20 +3035,14 @@ $overflowSelector: ".flex__overflow";
3223
3035
  background-color: var(--_error-50);
3224
3036
 
3225
3037
  svg {
3226
- width: var(
3227
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
3228
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
3229
- );
3230
- height: var(
3231
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
3232
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
3233
- );
3038
+ width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
3039
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
3040
+ height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
3041
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
3234
3042
 
3235
3043
  path {
3236
- stroke: var(
3237
- --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
3238
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
3239
- );
3044
+ stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
3045
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
3240
3046
  }
3241
3047
  }
3242
3048
  }
@@ -3321,24 +3127,16 @@ $overflowSelector: ".flex__overflow";
3321
3127
  display: flex;
3322
3128
  justify-content: center;
3323
3129
  align-items: center;
3324
- color: var(
3325
- --_sf-ft-clr,
3326
- var(
3327
- --_ctm-mob-ty-bs-dt-se-tt-cr,
3328
- var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit))
3329
- )
3330
- ) !important;
3130
+ color: var(--_sf-ft-clr,
3131
+ var(--_ctm-mob-ty-bs-dt-se-tt-cr,
3132
+ var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit)))) !important;
3331
3133
 
3332
3134
  span {
3333
3135
  svg {
3334
3136
  path {
3335
- stroke: var(
3336
- --_sf-ft-clr,
3337
- var(
3338
- --_ctm-mob-ty-bs-dt-se-tt-cr,
3339
- var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit))
3340
- )
3341
- );
3137
+ stroke: var(--_sf-ft-clr,
3138
+ var(--_ctm-mob-ty-bs-dt-se-tt-cr,
3139
+ var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit))));
3342
3140
  }
3343
3141
  }
3344
3142
  }
@@ -3394,7 +3192,7 @@ $overflowSelector: ".flex__overflow";
3394
3192
  }
3395
3193
  }
3396
3194
 
3397
- .space-y-4 > div {
3195
+ .space-y-4>div {
3398
3196
  width: 100%;
3399
3197
  }
3400
3198
 
@@ -3597,16 +3395,14 @@ $overflowSelector: ".flex__overflow";
3597
3395
  width: 100%;
3598
3396
  position: absolute;
3599
3397
  background-color: var(--_gay-400);
3600
- background-image: linear-gradient(
3601
- 45deg,
3602
- rgba(0, 0, 0, 0.25) 25%,
3603
- transparent 25%,
3604
- transparent 50%,
3605
- rgba(0, 0, 0, 0.25) 50%,
3606
- rgba(0, 0, 0, 0.25) 75%,
3607
- transparent 75%,
3608
- transparent
3609
- );
3398
+ background-image: linear-gradient(45deg,
3399
+ rgba(0, 0, 0, 0.25) 25%,
3400
+ transparent 25%,
3401
+ transparent 50%,
3402
+ rgba(0, 0, 0, 0.25) 50%,
3403
+ rgba(0, 0, 0, 0.25) 75%,
3404
+ transparent 75%,
3405
+ transparent);
3610
3406
  background-size: 15px 15px;
3611
3407
  z-index: 10;
3612
3408
  }
@@ -3647,4 +3443,4 @@ $overflowSelector: ".flex__overflow";
3647
3443
  text-overflow: ellipsis;
3648
3444
  max-width: 100%;
3649
3445
  }
3650
- }
3446
+ }