@sc-360-v2/storefront-cms-library 0.5.73 → 0.5.75

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 (141) 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 +2143 -1661
  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/builderLite.js +1 -1
  16. package/dist/bulk-variant-picker.scss +2027 -1128
  17. package/dist/bundle.scss +1477 -841
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +103 -79
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1012 -481
  23. package/dist/cart-summary.scss +1149 -557
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +735 -416
  27. package/dist/category-groups-element.scss +108 -127
  28. package/dist/category-groups-product-grid.scss +147 -120
  29. package/dist/category-groups-product-image.scss +1457 -1162
  30. package/dist/category-groups-product-options.scss +680 -613
  31. package/dist/category-groups-product-price.scss +3244 -1966
  32. package/dist/category-groups-quota-details.scss +464 -210
  33. package/dist/category.scss +50 -26
  34. package/dist/checkout.scss +16 -24
  35. package/dist/confirm-modal.scss +2 -22
  36. package/dist/container.scss +54 -32
  37. package/dist/countdown.scss +443 -255
  38. package/dist/coupon.scss +710 -351
  39. package/dist/default-dropdown.scss +1 -12
  40. package/dist/embroider-template-1-v2.scss +172 -123
  41. package/dist/embroider-template-1.scss +104 -68
  42. package/dist/embroidery.scss +31 -30
  43. package/dist/employee-bulk-order.scss +142 -418
  44. package/dist/faq.scss +408 -228
  45. package/dist/filter-results.scss +265 -125
  46. package/dist/filters.scss +1797 -900
  47. package/dist/gallery-slider-temp.scss +750 -432
  48. package/dist/global-styles.scss +7 -23
  49. package/dist/grid.scss +33 -25
  50. package/dist/hotspot.scss +115 -68
  51. package/dist/icons-builder.js +1 -1
  52. package/dist/icons-website.js +1 -1
  53. package/dist/icons.js +1 -1
  54. package/dist/image-temp.scss +20 -21
  55. package/dist/index.js +1 -1
  56. package/dist/item-stock.scss +16 -9
  57. package/dist/kitDetails.scss +4301 -2721
  58. package/dist/kits.scss +19 -24
  59. package/dist/language-selector.scss +361 -211
  60. package/dist/last-x-orders.scss +174 -95
  61. package/dist/layouter-item.scss +103 -75
  62. package/dist/layouter-pro-item.scss +95 -89
  63. package/dist/layouter-pro.scss +92 -87
  64. package/dist/layouter.scss +445 -383
  65. package/dist/light-box-v2.scss +104 -89
  66. package/dist/login.scss +566 -287
  67. package/dist/map.scss +368 -221
  68. package/dist/marchandiserSets.scss +104 -95
  69. package/dist/mega-menu-container.scss +109 -96
  70. package/dist/mega-menu.scss +731 -624
  71. package/dist/menu-item.scss +2 -2
  72. package/dist/menu-v2.scss +619 -507
  73. package/dist/multi-select-dropdown.scss +3 -27
  74. package/dist/my-templates.scss +9 -38
  75. package/dist/option-bar.scss +375 -215
  76. package/dist/option-families.scss +252 -0
  77. package/dist/order-status.scss +1117 -646
  78. package/dist/overflow-module.scss +7 -6
  79. package/dist/past-orders.scss +149 -118
  80. package/dist/payment-methods.scss +30 -46
  81. package/dist/pickup-locations.scss +1118 -558
  82. package/dist/position-module.scss +17 -20
  83. package/dist/prefix-list.scss +10 -21
  84. package/dist/product-actions.scss +2425 -1625
  85. package/dist/product-basic-elements.scss +169 -108
  86. package/dist/product-highlights.scss +152 -107
  87. package/dist/product-image-bundles.scss +642 -337
  88. package/dist/product-inventory.scss +1357 -673
  89. package/dist/product-labels.scss +105 -84
  90. package/dist/product-options.scss +1274 -1117
  91. package/dist/product-price.scss +2561 -1283
  92. package/dist/product-promotions.scss +2830 -1388
  93. package/dist/product-sizechart.scss +905 -516
  94. package/dist/product.scss +61 -28
  95. package/dist/productDetails.scss +39 -19
  96. package/dist/profile.scss +447 -207
  97. package/dist/quantity-selector.scss +550 -313
  98. package/dist/quick-inventory-check.scss +174 -95
  99. package/dist/quick-links.scss +133 -55
  100. package/dist/quick-order-pad.scss +271 -218
  101. package/dist/quota-details.scss +282 -152
  102. package/dist/quotes.scss +122 -89
  103. package/dist/repeater-embla-controls.scss +15 -35
  104. package/dist/repeater-grid-toggle.scss +166 -156
  105. package/dist/repeater-item.scss +64 -41
  106. package/dist/repeater.scss +814 -671
  107. package/dist/request-for-quotes.scss +16 -66
  108. package/dist/responsive-behaviour.scss +1 -3
  109. package/dist/rfqs.scss +181 -118
  110. package/dist/scroll.scss +172 -93
  111. package/dist/search.scss +326 -179
  112. package/dist/section.scss +51 -27
  113. package/dist/shipping-payments.scss +58 -198
  114. package/dist/simple-list.scss +164 -74
  115. package/dist/social.scss +145 -80
  116. package/dist/sort.scss +19 -11
  117. package/dist/stack.scss +34 -23
  118. package/dist/static-global.scss +26 -44
  119. package/dist/stockStatus.scss +19 -11
  120. package/dist/store-locations.scss +1105 -577
  121. package/dist/tab-container.scss +108 -81
  122. package/dist/table-common.scss +408 -217
  123. package/dist/table.scss +502 -271
  124. package/dist/text-temp.scss +7 -8
  125. package/dist/theme-classes.scss +13 -17
  126. package/dist/types/builder/enums/data-connectors.d.ts +3 -1
  127. package/dist/types/builder/enums/index.d.ts +3 -1
  128. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  129. package/dist/types/builder/tools/element-edit/optionFamilies.d.ts +20 -0
  130. package/dist/types/builder/tools/element-edit/productActions.d.ts +3 -0
  131. package/dist/types/website/constants/data-connector-souces.d.ts +40 -8
  132. package/dist/types/website/constants/data-connectors.d.ts +12 -1
  133. package/dist/types/website/helper/ssr-functions.d.ts +8 -0
  134. package/dist/uom-selector.scss +949 -489
  135. package/dist/uploadMedia.js +1 -1
  136. package/dist/user-elements.scss +837 -529
  137. package/dist/variant-picker.scss +2555 -1281
  138. package/dist/volume-pricing.scss +1037 -541
  139. package/dist/website.js +1 -1
  140. package/dist/widget.scss +1 -0
  141. package/package.json +1 -1
package/dist/cart-details.scss CHANGED
@@ -30,7 +30,6 @@ $overflowSelector: ".flex__overflow";
30
30
  // );
31
31
  [data-div-type="element"] {
32
32
  &[data-element-type="cartDetails"] {
33
-
34
33
  // width: var(
35
34
  // --_sf-el-wh-st-mx,
36
35
  // calc(
@@ -42,7 +41,7 @@ $overflowSelector: ".flex__overflow";
42
41
  // )
43
42
  // );
44
43
  // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
45
- &>div {
44
+ & > div {
46
45
  &.wrapper {
47
46
  width: 100%;
48
47
  }
@@ -178,8 +177,10 @@ $overflowSelector: ".flex__overflow";
178
177
  .cart_actions_wrapper {
179
178
  display: flex;
180
179
  align-items: center;
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)));
180
+ gap: var(
181
+ --_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))
183
+ );
183
184
 
184
185
  align-self: stretch;
185
186
  white-space: nowrap;
@@ -190,8 +191,10 @@ $overflowSelector: ".flex__overflow";
190
191
  justify-content: center;
191
192
  align-items: center;
192
193
  // gap: 8px;
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)));
194
+ padding: var(
195
+ --_ctm-mob-dn-ct-an-ss-pg,
196
+ var(--_ctm-tab-dn-ct-an-ss-pg, var(--_ctm-dn-ct-an-ss-pg))
197
+ );
195
198
 
196
199
  &[data-has-link="true"] {
197
200
  cursor: pointer;
@@ -207,18 +210,30 @@ $overflowSelector: ".flex__overflow";
207
210
  // var(--_ctm-tab-dn-ct-an-ss-cr, var(--_ctm-dn-ct-an-ss-cr))
208
211
  // );
209
212
  color: var(--_thm-cs-tt-ls-as);
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)));
213
+ font-size: var(
214
+ --_ctm-mob-dn-ct-an-ss-ft-se,
215
+ var(--_ctm-tab-dn-ct-an-ss-ft-se, var(--_ctm-dn-ct-an-ss-ft-se))
216
+ );
217
+ font-weight: var(
218
+ --_ctm-mob-dn-ct-an-ss-ft-wt,
219
+ var(--_ctm-tab-dn-ct-an-ss-ft-wt, var(--_ctm-dn-ct-an-ss-ft-wt))
220
+ );
221
+ font-style: var(
222
+ --_ctm-mob-dn-ct-an-ss-ft-se-ic,
223
+ var(--_ctm-tab-dn-ct-an-ss-ft-se-ic, var(--_ctm-dn-ct-an-ss-ft-se-ic))
224
+ );
225
+ text-align: var(
226
+ --_ctm-mob-dn-ct-an-ss-tt-an,
227
+ var(--_ctm-tab-dn-ct-an-ss-tt-an, var(--_ctm-dn-ct-an-ss-tt-an))
228
+ );
229
+ letter-spacing: var(
230
+ --_ctm-mob-dn-ct-an-ss-lr-sg,
231
+ var(--_ctm-tab-dn-ct-an-ss-lr-sg, var(--_ctm-dn-ct-an-ss-lr-sg))
232
+ );
233
+ line-height: var(
234
+ --_ctm-mob-dn-ct-an-ss-le-ht,
235
+ var(--_ctm-tab-dn-ct-an-ss-le-ht, var(--_ctm-dn-ct-an-ss-le-ht))
236
+ );
222
237
  @include cartDetailsTextFlow(--_ctm-dn-ct-an-ss);
223
238
 
224
239
  &:hover {
@@ -854,7 +869,6 @@ $overflowSelector: ".flex__overflow";
854
869
  padding: 3px;
855
870
 
856
871
  .svg_icon {
857
-
858
872
  // position: absolute;
859
873
  // top: 4px;
860
874
  // left: 5px;
@@ -986,7 +1000,7 @@ $overflowSelector: ".flex__overflow";
986
1000
  width: 0;
987
1001
  height: 0;
988
1002
 
989
- &:checked+.slider {
1003
+ &:checked + .slider {
990
1004
  background-color: var(--_primary-700);
991
1005
 
992
1006
  &::before {
@@ -1075,7 +1089,9 @@ $overflowSelector: ".flex__overflow";
1075
1089
  }
1076
1090
 
1077
1091
  border-radius: prepareMediaVariable(--_ctm-dn-ct-im-ss-br-rs);
1078
- 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);
1092
+ box-shadow: prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-ae)
1093
+ prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-br) prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-sd)
1094
+ prepareMediaVariable(--_ctm-dn-ct-im-ss-sw-cr);
1079
1095
  padding: prepareMediaVariable(--_ctm-dn-ct-im-ss-pg);
1080
1096
  background: prepareMediaVariable(--_ctm-dn-ct-im-ss-bd-cr);
1081
1097
  max-width: 100%;
@@ -1118,12 +1134,25 @@ $overflowSelector: ".flex__overflow";
1118
1134
  border-style: prepareMediaVariable(--_ctm-dn-pt-ie-ss-br-se);
1119
1135
  overflow: hidden;
1120
1136
  flex-shrink: 0;
1121
- box-shadow: var(--_show-shadow,
1122
- var(--_ctm-mob-dn-pt-ie-ss-sw-ae,
1123
- 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,
1124
- 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,
1125
- 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,
1126
- var(--_ctm-tab-dn-pt-ie-ss-sw-cr, var(--_ctm-dn-pt-ie-ss-sw-cr))));
1137
+ box-shadow: var(
1138
+ --_show-shadow,
1139
+ var(
1140
+ --_ctm-mob-dn-pt-ie-ss-sw-ae,
1141
+ var(--_ctm-tab-dn-pt-ie-ss-sw-ae, var(--_ctm-dn-pt-ie-ss-sw-ae))
1142
+ )
1143
+ var(
1144
+ --_ctm-mob-dn-pt-ie-ss-sw-br,
1145
+ var(--_ctm-tab-dn-pt-ie-ss-sw-br, var(--_ctm-dn-pt-ie-ss-sw-br))
1146
+ )
1147
+ var(
1148
+ --_ctm-mob-dn-pt-ie-ss-sw-sd,
1149
+ var(--_ctm-tab-dn-pt-ie-ss-sw-sd, var(--_ctm-dn-pt-ie-ss-sw-sd))
1150
+ )
1151
+ var(
1152
+ --_ctm-mob-dn-pt-ie-ss-sw-cr,
1153
+ var(--_ctm-tab-dn-pt-ie-ss-sw-cr, var(--_ctm-dn-pt-ie-ss-sw-cr))
1154
+ )
1155
+ );
1127
1156
  object-fit: cover;
1128
1157
 
1129
1158
  img {
@@ -1168,31 +1197,59 @@ $overflowSelector: ".flex__overflow";
1168
1197
  line-height: 24px;
1169
1198
  margin-bottom: 4px;
1170
1199
 
1171
- color: var(--_ctm-mob-dn-pt-ne-ss-cr,
1172
- var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr)));
1173
- font-family: var(--_sf-hr-ff,
1174
- var(--_ctm-mob-dn-pt-ne-ss-ft-fy,
1175
- var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))));
1176
- text-transform: var(--_sf-hr-tt-tm,
1177
- var(--_ctm-mob-dn-pt-ne-ss-tt-tm,
1178
- var(--_ctm-tab-dn-pt-ne-ss-tt-tm, var(--_ctm-dn-pt-ne-ss-tt-tm))));
1179
- word-wrap: var(--_sf-hr-wd-wp,
1180
- var(--_ctm-mob-dn-pt-ne-ss-wd-wp,
1181
- var(--_ctm-tab-dn-pt-ne-ss-wd-wp, var(--_ctm-dn-pt-ne-ss-wd-wp))));
1182
- word-break: var(--_sf-hr-wd-bk,
1183
- var(--_ctm-mob-dn-pt-ne-ss-wd-bk,
1184
- var(--_ctm-tab-dn-pt-ne-ss-wd-bk, var(--_ctm-dn-pt-ne-ss-wd-bk))));
1185
- font-size: var(--_ctm-mob-dn-pt-ne-ss-ft-se,
1186
- var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se)));
1187
- font-weight: var(--_ctm-mob-dn-pt-ne-ss-ft-wt,
1188
- var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt)));
1189
- font-style: var(--_ctm-mob-dn-pt-ne-ss-ft-se-ic,
1190
- var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic)));
1191
- text-align: var(--_ctm-mob-dn-pt-ne-ss-tt-an,
1192
- var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an)));
1193
-
1194
- text-decoration: var(--_ctm-mob-dn-pt-ne-ss-ue,
1195
- var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue)));
1200
+ color: var(
1201
+ --_ctm-mob-dn-pt-ne-ss-cr,
1202
+ var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr))
1203
+ );
1204
+ font-family: var(
1205
+ --_sf-hr-ff,
1206
+ var(
1207
+ --_ctm-mob-dn-pt-ne-ss-ft-fy,
1208
+ var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))
1209
+ )
1210
+ );
1211
+ text-transform: var(
1212
+ --_sf-hr-tt-tm,
1213
+ var(
1214
+ --_ctm-mob-dn-pt-ne-ss-tt-tm,
1215
+ var(--_ctm-tab-dn-pt-ne-ss-tt-tm, var(--_ctm-dn-pt-ne-ss-tt-tm))
1216
+ )
1217
+ );
1218
+ word-wrap: var(
1219
+ --_sf-hr-wd-wp,
1220
+ var(
1221
+ --_ctm-mob-dn-pt-ne-ss-wd-wp,
1222
+ var(--_ctm-tab-dn-pt-ne-ss-wd-wp, var(--_ctm-dn-pt-ne-ss-wd-wp))
1223
+ )
1224
+ );
1225
+ word-break: var(
1226
+ --_sf-hr-wd-bk,
1227
+ var(
1228
+ --_ctm-mob-dn-pt-ne-ss-wd-bk,
1229
+ var(--_ctm-tab-dn-pt-ne-ss-wd-bk, var(--_ctm-dn-pt-ne-ss-wd-bk))
1230
+ )
1231
+ );
1232
+ font-size: var(
1233
+ --_ctm-mob-dn-pt-ne-ss-ft-se,
1234
+ var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se))
1235
+ );
1236
+ font-weight: var(
1237
+ --_ctm-mob-dn-pt-ne-ss-ft-wt,
1238
+ var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt))
1239
+ );
1240
+ font-style: var(
1241
+ --_ctm-mob-dn-pt-ne-ss-ft-se-ic,
1242
+ var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic))
1243
+ );
1244
+ text-align: var(
1245
+ --_ctm-mob-dn-pt-ne-ss-tt-an,
1246
+ var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an))
1247
+ );
1248
+
1249
+ text-decoration: var(
1250
+ --_ctm-mob-dn-pt-ne-ss-ue,
1251
+ var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue))
1252
+ );
1196
1253
  @include cartDetailsTextFlow(--_ctm-dn-pt-ne-ss);
1197
1254
  @include cartDetailsTextClamp;
1198
1255
  }
@@ -1207,36 +1264,66 @@ $overflowSelector: ".flex__overflow";
1207
1264
 
1208
1265
  span {
1209
1266
  // color: var(--_gray-600);
1210
- color: var(--_ctm-mob-dn-pt-in-ss-cr,
1211
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr)));
1212
- font-family: var(--_sf-hr-ff,
1213
- var(--_ctm-mob-dn-pt-in-ss-ft-fy,
1214
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))));
1215
- text-transform: var(--_sf-hr-tt-tm,
1216
- var(--_ctm-mob-dn-pt-in-ss-tt-tm,
1217
- var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))));
1218
- word-wrap: var(--_sf-hr-wd-wp,
1219
- var(--_ctm-mob-dn-pt-in-ss-wd-wp,
1220
- var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))));
1221
- word-break: var(--_sf-hr-wd-bk,
1222
- var(--_ctm-mob-dn-pt-in-ss-wd-bk,
1223
- var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))));
1267
+ color: var(
1268
+ --_ctm-mob-dn-pt-in-ss-cr,
1269
+ var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
1270
+ );
1271
+ font-family: var(
1272
+ --_sf-hr-ff,
1273
+ var(
1274
+ --_ctm-mob-dn-pt-in-ss-ft-fy,
1275
+ var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
1276
+ )
1277
+ );
1278
+ text-transform: var(
1279
+ --_sf-hr-tt-tm,
1280
+ var(
1281
+ --_ctm-mob-dn-pt-in-ss-tt-tm,
1282
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))
1283
+ )
1284
+ );
1285
+ word-wrap: var(
1286
+ --_sf-hr-wd-wp,
1287
+ var(
1288
+ --_ctm-mob-dn-pt-in-ss-wd-wp,
1289
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))
1290
+ )
1291
+ );
1292
+ word-break: var(
1293
+ --_sf-hr-wd-bk,
1294
+ var(
1295
+ --_ctm-mob-dn-pt-in-ss-wd-bk,
1296
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))
1297
+ )
1298
+ );
1224
1299
  // font-size: var(
1225
1300
  // --_ctm-mob-dn-pt-in-ss-ft-se,
1226
1301
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
1227
1302
  // );
1228
- font-weight: var(--_ctm-mob-dn-pt-in-ss-ft-wt,
1229
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt)));
1230
- font-style: var(--_ctm-mob-dn-pt-in-ss-ft-se-ic,
1231
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic)));
1232
- text-align: var(--_ctm-mob-dn-pt-in-ss-tt-an,
1233
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an)));
1234
- letter-spacing: var(--_ctm-mob-dn-pt-in-ss-lr-sg,
1235
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg)));
1236
- line-height: var(--_ctm-mob-dn-pt-in-ss-le-ht,
1237
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht)));
1238
- text-decoration: var(--_ctm-mob-dn-pt-in-ss-ue,
1239
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue)));
1303
+ font-weight: var(
1304
+ --_ctm-mob-dn-pt-in-ss-ft-wt,
1305
+ var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
1306
+ );
1307
+ font-style: var(
1308
+ --_ctm-mob-dn-pt-in-ss-ft-se-ic,
1309
+ var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
1310
+ );
1311
+ text-align: var(
1312
+ --_ctm-mob-dn-pt-in-ss-tt-an,
1313
+ var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
1314
+ );
1315
+ letter-spacing: var(
1316
+ --_ctm-mob-dn-pt-in-ss-lr-sg,
1317
+ var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
1318
+ );
1319
+ line-height: var(
1320
+ --_ctm-mob-dn-pt-in-ss-le-ht,
1321
+ var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
1322
+ );
1323
+ text-decoration: var(
1324
+ --_ctm-mob-dn-pt-in-ss-ue,
1325
+ var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
1326
+ );
1240
1327
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
1241
1328
 
1242
1329
  &:not(:last-child)::after {
@@ -1265,36 +1352,66 @@ $overflowSelector: ".flex__overflow";
1265
1352
 
1266
1353
  span {
1267
1354
  white-space: nowrap;
1268
- color: var(--_ctm-mob-dn-pt-in-ss-cr,
1269
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr)));
1270
- font-family: var(--_sf-hr-ff,
1271
- var(--_ctm-mob-dn-pt-in-ss-ft-fy,
1272
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))));
1273
- text-transform: var(--_sf-hr-tt-tm,
1274
- var(--_ctm-mob-dn-pt-in-ss-tt-tm,
1275
- var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))));
1276
- word-wrap: var(--_sf-hr-wd-wp,
1277
- var(--_ctm-mob-dn-pt-in-ss-wd-wp,
1278
- var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))));
1279
- word-break: var(--_sf-hr-wd-bk,
1280
- var(--_ctm-mob-dn-pt-in-ss-wd-bk,
1281
- var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))));
1355
+ color: var(
1356
+ --_ctm-mob-dn-pt-in-ss-cr,
1357
+ var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
1358
+ );
1359
+ font-family: var(
1360
+ --_sf-hr-ff,
1361
+ var(
1362
+ --_ctm-mob-dn-pt-in-ss-ft-fy,
1363
+ var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
1364
+ )
1365
+ );
1366
+ text-transform: var(
1367
+ --_sf-hr-tt-tm,
1368
+ var(
1369
+ --_ctm-mob-dn-pt-in-ss-tt-tm,
1370
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))
1371
+ )
1372
+ );
1373
+ word-wrap: var(
1374
+ --_sf-hr-wd-wp,
1375
+ var(
1376
+ --_ctm-mob-dn-pt-in-ss-wd-wp,
1377
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))
1378
+ )
1379
+ );
1380
+ word-break: var(
1381
+ --_sf-hr-wd-bk,
1382
+ var(
1383
+ --_ctm-mob-dn-pt-in-ss-wd-bk,
1384
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))
1385
+ )
1386
+ );
1282
1387
  // font-size: var(
1283
1388
  // --_ctm-mob-dn-pt-in-ss-ft-se,
1284
1389
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
1285
1390
  // );
1286
- font-weight: var(--_ctm-mob-dn-pt-in-ss-ft-wt,
1287
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt)));
1288
- font-style: var(--_ctm-mob-dn-pt-in-ss-ft-se-ic,
1289
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic)));
1290
- text-align: var(--_ctm-mob-dn-pt-in-ss-tt-an,
1291
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an)));
1292
- letter-spacing: var(--_ctm-mob-dn-pt-in-ss-lr-sg,
1293
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg)));
1294
- line-height: var(--_ctm-mob-dn-pt-in-ss-le-ht,
1295
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht)));
1296
- text-decoration: var(--_ctm-mob-dn-pt-in-ss-ue,
1297
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue)));
1391
+ font-weight: var(
1392
+ --_ctm-mob-dn-pt-in-ss-ft-wt,
1393
+ var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
1394
+ );
1395
+ font-style: var(
1396
+ --_ctm-mob-dn-pt-in-ss-ft-se-ic,
1397
+ var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
1398
+ );
1399
+ text-align: var(
1400
+ --_ctm-mob-dn-pt-in-ss-tt-an,
1401
+ var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
1402
+ );
1403
+ letter-spacing: var(
1404
+ --_ctm-mob-dn-pt-in-ss-lr-sg,
1405
+ var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
1406
+ );
1407
+ line-height: var(
1408
+ --_ctm-mob-dn-pt-in-ss-le-ht,
1409
+ var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
1410
+ );
1411
+ text-decoration: var(
1412
+ --_ctm-mob-dn-pt-in-ss-ue,
1413
+ var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
1414
+ );
1298
1415
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
1299
1416
 
1300
1417
  &::after {
@@ -1333,38 +1450,68 @@ $overflowSelector: ".flex__overflow";
1333
1450
  // var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
1334
1451
  // );
1335
1452
  color: var(--_thm-cs-tt-ls-as);
1336
- font-family: var(--_sf-hr-ff,
1337
- var(--_ctm-mob-dn-pt-as-ss-ft-fy,
1338
- var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))));
1339
- text-transform: var(--_sf-hr-tt-tm,
1340
- var(--_ctm-mob-dn-pt-as-ss-tt-tm,
1341
- var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))));
1342
- word-wrap: var(--_sf-hr-wd-wp,
1343
- var(--_ctm-mob-dn-pt-as-ss-wd-wp,
1344
- var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))));
1345
- word-break: var(--_sf-hr-wd-bk,
1346
- var(--_ctm-mob-dn-pt-as-ss-wd-bk,
1347
- var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))));
1453
+ font-family: var(
1454
+ --_sf-hr-ff,
1455
+ var(
1456
+ --_ctm-mob-dn-pt-as-ss-ft-fy,
1457
+ var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
1458
+ )
1459
+ );
1460
+ text-transform: var(
1461
+ --_sf-hr-tt-tm,
1462
+ var(
1463
+ --_ctm-mob-dn-pt-as-ss-tt-tm,
1464
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))
1465
+ )
1466
+ );
1467
+ word-wrap: var(
1468
+ --_sf-hr-wd-wp,
1469
+ var(
1470
+ --_ctm-mob-dn-pt-as-ss-wd-wp,
1471
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))
1472
+ )
1473
+ );
1474
+ word-break: var(
1475
+ --_sf-hr-wd-bk,
1476
+ var(
1477
+ --_ctm-mob-dn-pt-as-ss-wd-bk,
1478
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))
1479
+ )
1480
+ );
1348
1481
 
1349
1482
  &.flex__overflow {
1350
1483
  white-space: normal;
1351
1484
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1352
1485
  }
1353
1486
 
1354
- font-size: var(--_ctm-mob-dn-pt-as-ss-ft-se,
1355
- var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se)));
1356
- font-weight: var(--_ctm-mob-dn-pt-as-ss-ft-wt,
1357
- var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt)));
1358
- font-style: var(--_ctm-mob-dn-pt-as-ss-ft-se-ic,
1359
- var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic)));
1360
- text-align: var(--_ctm-mob-dn-pt-as-ss-tt-an,
1361
- var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an)));
1362
- letter-spacing: var(--_ctm-mob-dn-pt-as-ss-lr-sg,
1363
- var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg)));
1364
- line-height: var(--_ctm-mob-dn-pt-as-ss-le-ht,
1365
- var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht)));
1366
- text-decoration: var(--_ctm-mob-dn-pt-as-ss-ue,
1367
- var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue)));
1487
+ font-size: var(
1488
+ --_ctm-mob-dn-pt-as-ss-ft-se,
1489
+ var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
1490
+ );
1491
+ font-weight: var(
1492
+ --_ctm-mob-dn-pt-as-ss-ft-wt,
1493
+ var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
1494
+ );
1495
+ font-style: var(
1496
+ --_ctm-mob-dn-pt-as-ss-ft-se-ic,
1497
+ var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
1498
+ );
1499
+ text-align: var(
1500
+ --_ctm-mob-dn-pt-as-ss-tt-an,
1501
+ var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an))
1502
+ );
1503
+ letter-spacing: var(
1504
+ --_ctm-mob-dn-pt-as-ss-lr-sg,
1505
+ var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
1506
+ );
1507
+ line-height: var(
1508
+ --_ctm-mob-dn-pt-as-ss-le-ht,
1509
+ var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
1510
+ );
1511
+ text-decoration: var(
1512
+ --_ctm-mob-dn-pt-as-ss-ue,
1513
+ var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
1514
+ );
1368
1515
  @include cartDetailsTextFlow(--_ctm-dn-pt-as-ss);
1369
1516
 
1370
1517
  .attr_val_info_detail {
@@ -1423,40 +1570,72 @@ $overflowSelector: ".flex__overflow";
1423
1570
  align-items: center;
1424
1571
  gap: 8px;
1425
1572
  white-space: nowrap;
1426
- color: var(--_ctm-mob-dn-pt-rd-io-cr,
1427
- var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr)));
1428
- font-family: var(--_sf-hr-ff,
1429
- var(--_ctm-mob-dn-pt-rd-io-ft-fy,
1430
- var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))));
1431
- text-transform: var(--_sf-hr-tt-tm,
1432
- var(--_ctm-mob-dn-pt-rd-io-tt-tm,
1433
- var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))));
1434
- word-wrap: var(--_sf-hr-wd-wp,
1435
- var(--_ctm-mob-dn-pt-rd-io-wd-wp,
1436
- var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))));
1437
- word-break: var(--_sf-hr-wd-bk,
1438
- var(--_ctm-mob-dn-pt-rd-io-wd-bk,
1439
- var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))));
1573
+ color: var(
1574
+ --_ctm-mob-dn-pt-rd-io-cr,
1575
+ var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr))
1576
+ );
1577
+ font-family: var(
1578
+ --_sf-hr-ff,
1579
+ var(
1580
+ --_ctm-mob-dn-pt-rd-io-ft-fy,
1581
+ var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
1582
+ )
1583
+ );
1584
+ text-transform: var(
1585
+ --_sf-hr-tt-tm,
1586
+ var(
1587
+ --_ctm-mob-dn-pt-rd-io-tt-tm,
1588
+ var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))
1589
+ )
1590
+ );
1591
+ word-wrap: var(
1592
+ --_sf-hr-wd-wp,
1593
+ var(
1594
+ --_ctm-mob-dn-pt-rd-io-wd-wp,
1595
+ var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))
1596
+ )
1597
+ );
1598
+ word-break: var(
1599
+ --_sf-hr-wd-bk,
1600
+ var(
1601
+ --_ctm-mob-dn-pt-rd-io-wd-bk,
1602
+ var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))
1603
+ )
1604
+ );
1440
1605
 
1441
1606
  &.flex__overflow {
1442
1607
  white-space: normal;
1443
1608
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1444
1609
  }
1445
1610
 
1446
- font-size: var(--_ctm-mob-dn-pt-rd-io-ft-se,
1447
- var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se)));
1448
- font-weight: var(--_ctm-mob-dn-pt-rd-io-ft-wt,
1449
- var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt)));
1450
- font-style: var(--_ctm-mob-dn-pt-rd-io-ft-se-ic,
1451
- var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic)));
1452
- text-align: var(--_ctm-mob-dn-pt-rd-io-tt-an,
1453
- var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an)));
1454
- letter-spacing: var(--_ctm-mob-dn-pt-rd-io-lr-sg,
1455
- var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg)));
1456
- line-height: var(--_ctm-mob-dn-pt-rd-io-le-ht,
1457
- var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht)));
1458
- text-decoration: var(--_ctm-mob-dn-pt-rd-io-ss-ue,
1459
- var(--_ctm-tab-dn-pt-rd-io-ss-ue, var(--_ctm-dn-pt-rd-io-ss-ue)));
1611
+ font-size: var(
1612
+ --_ctm-mob-dn-pt-rd-io-ft-se,
1613
+ var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))
1614
+ );
1615
+ font-weight: var(
1616
+ --_ctm-mob-dn-pt-rd-io-ft-wt,
1617
+ var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt))
1618
+ );
1619
+ font-style: var(
1620
+ --_ctm-mob-dn-pt-rd-io-ft-se-ic,
1621
+ var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic))
1622
+ );
1623
+ text-align: var(
1624
+ --_ctm-mob-dn-pt-rd-io-tt-an,
1625
+ var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an))
1626
+ );
1627
+ letter-spacing: var(
1628
+ --_ctm-mob-dn-pt-rd-io-lr-sg,
1629
+ var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg))
1630
+ );
1631
+ line-height: var(
1632
+ --_ctm-mob-dn-pt-rd-io-le-ht,
1633
+ var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht))
1634
+ );
1635
+ text-decoration: var(
1636
+ --_ctm-mob-dn-pt-rd-io-ss-ue,
1637
+ var(--_ctm-tab-dn-pt-rd-io-ss-ue, var(--_ctm-dn-pt-rd-io-ss-ue))
1638
+ );
1460
1639
  @include cartDetailsTextFlow(--_ctm-dn-pt-rd-io);
1461
1640
  @include cartDetailsTextClamp;
1462
1641
  }
@@ -1578,33 +1757,63 @@ $overflowSelector: ".flex__overflow";
1578
1757
  // white-space: nowrap;
1579
1758
  // min-width: 80px;
1580
1759
  white-space: nowrap;
1581
- color: var(--_ctm-mob-dn-pt-pe-ss-cr,
1582
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr)));
1583
- font-family: var(--_sf-hr-ff,
1584
- var(--_ctm-mob-dn-pt-pe-ss-ft-fy,
1585
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))));
1586
- text-transform: var(--_sf-hr-tt-tm,
1587
- var(--_ctm-mob-dn-pt-pe-ss-tt-tm,
1588
- var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))));
1589
- word-wrap: var(--_sf-hr-wd-wp,
1590
- var(--_ctm-mob-dn-pt-pe-ss-wd-wp,
1591
- var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))));
1592
- word-break: var(--_sf-hr-wd-bk,
1593
- var(--_ctm-mob-dn-pt-pe-ss-wd-bk,
1594
- var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))));
1595
- font-size: var(--_ctm-mob-dn-pt-pe-ss-ft-se,
1596
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se)));
1597
- font-weight: var(--_ctm-mob-dn-pt-pe-ss-ft-wt,
1598
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt)));
1599
- font-style: var(--_ctm-mob-dn-pt-pe-ss-ft-se-ic,
1600
- var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic)));
1760
+ color: var(
1761
+ --_ctm-mob-dn-pt-pe-ss-cr,
1762
+ var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
1763
+ );
1764
+ font-family: var(
1765
+ --_sf-hr-ff,
1766
+ var(
1767
+ --_ctm-mob-dn-pt-pe-ss-ft-fy,
1768
+ var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1769
+ )
1770
+ );
1771
+ text-transform: var(
1772
+ --_sf-hr-tt-tm,
1773
+ var(
1774
+ --_ctm-mob-dn-pt-pe-ss-tt-tm,
1775
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))
1776
+ )
1777
+ );
1778
+ word-wrap: var(
1779
+ --_sf-hr-wd-wp,
1780
+ var(
1781
+ --_ctm-mob-dn-pt-pe-ss-wd-wp,
1782
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))
1783
+ )
1784
+ );
1785
+ word-break: var(
1786
+ --_sf-hr-wd-bk,
1787
+ var(
1788
+ --_ctm-mob-dn-pt-pe-ss-wd-bk,
1789
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))
1790
+ )
1791
+ );
1792
+ font-size: var(
1793
+ --_ctm-mob-dn-pt-pe-ss-ft-se,
1794
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
1795
+ );
1796
+ font-weight: var(
1797
+ --_ctm-mob-dn-pt-pe-ss-ft-wt,
1798
+ var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
1799
+ );
1800
+ font-style: var(
1801
+ --_ctm-mob-dn-pt-pe-ss-ft-se-ic,
1802
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic))
1803
+ );
1601
1804
  text-align: right;
1602
- letter-spacing: var(--_ctm-mob-dn-pt-pe-ss-lr-sg,
1603
- var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg)));
1604
- line-height: var(--_ctm-mob-dn-pt-pe-ss-le-ht,
1605
- var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht)));
1606
- text-decoration: var(--_ctm-mob-dn-pt-pe-ss-ue,
1607
- var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue)));
1805
+ letter-spacing: var(
1806
+ --_ctm-mob-dn-pt-pe-ss-lr-sg,
1807
+ var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg))
1808
+ );
1809
+ line-height: var(
1810
+ --_ctm-mob-dn-pt-pe-ss-le-ht,
1811
+ var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht))
1812
+ );
1813
+ text-decoration: var(
1814
+ --_ctm-mob-dn-pt-pe-ss-ue,
1815
+ var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue))
1816
+ );
1608
1817
  @include cartDetailsTextFlow(--_ctm-dn-pt-pe-ss);
1609
1818
  min-width: 80px;
1610
1819
  }
@@ -1615,12 +1824,12 @@ $overflowSelector: ".flex__overflow";
1615
1824
  align-items: center;
1616
1825
  gap: 16px;
1617
1826
 
1618
- &>a,
1827
+ & > a,
1619
1828
  span {
1620
1829
  cursor: pointer;
1621
1830
  }
1622
1831
 
1623
- &>* {
1832
+ & > * {
1624
1833
  display: flex;
1625
1834
  align-items: center;
1626
1835
  justify-content: center;
@@ -1630,8 +1839,8 @@ $overflowSelector: ".flex__overflow";
1630
1839
  display: flex;
1631
1840
  }
1632
1841
 
1633
- &>a,
1634
- &>span {
1842
+ & > a,
1843
+ & > span {
1635
1844
  width: 32px;
1636
1845
  height: 32px;
1637
1846
  border-radius: 4px;
@@ -1663,12 +1872,20 @@ $overflowSelector: ".flex__overflow";
1663
1872
  cursor: pointer;
1664
1873
 
1665
1874
  svg {
1666
- width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1667
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1668
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
1669
- height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1670
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1671
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
1875
+ width: var(
1876
+ --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1877
+ var(
1878
+ --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1879
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
1880
+ )
1881
+ );
1882
+ height: var(
1883
+ --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1884
+ var(
1885
+ --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1886
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
1887
+ )
1888
+ );
1672
1889
 
1673
1890
  path {
1674
1891
  // stroke: var(
@@ -1683,12 +1900,20 @@ $overflowSelector: ".flex__overflow";
1683
1900
 
1684
1901
  &:hover {
1685
1902
  svg {
1686
- width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1687
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1688
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
1689
- height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1690
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1691
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
1903
+ width: var(
1904
+ --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1905
+ var(
1906
+ --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1907
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
1908
+ )
1909
+ );
1910
+ height: var(
1911
+ --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
1912
+ var(
1913
+ --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
1914
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
1915
+ )
1916
+ );
1692
1917
 
1693
1918
  path {
1694
1919
  stroke: var(--_thm-cs-at-py);
@@ -1705,10 +1930,14 @@ $overflowSelector: ".flex__overflow";
1705
1930
  cursor: pointer;
1706
1931
 
1707
1932
  svg {
1708
- width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1709
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
1710
- height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1711
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
1933
+ width: var(
1934
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1935
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
1936
+ );
1937
+ height: var(
1938
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1939
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
1940
+ );
1712
1941
 
1713
1942
  path {
1714
1943
  // stroke: var(
@@ -1723,10 +1952,14 @@ $overflowSelector: ".flex__overflow";
1723
1952
 
1724
1953
  &:hover {
1725
1954
  svg {
1726
- width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1727
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
1728
- height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1729
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
1955
+ width: var(
1956
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1957
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
1958
+ );
1959
+ height: var(
1960
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
1961
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
1962
+ );
1730
1963
 
1731
1964
  path {
1732
1965
  // stroke: var(
@@ -1743,14 +1976,20 @@ $overflowSelector: ".flex__overflow";
1743
1976
  cursor: pointer;
1744
1977
 
1745
1978
  svg {
1746
- width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
1747
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
1748
- height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
1749
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
1979
+ width: var(
1980
+ --_ctm-mob-dn-pt-an-pt-an-de-in-se,
1981
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
1982
+ );
1983
+ height: var(
1984
+ --_ctm-mob-dn-pt-an-pt-an-de-in-se,
1985
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
1986
+ );
1750
1987
 
1751
1988
  path {
1752
- stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
1753
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
1989
+ stroke: var(
1990
+ --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
1991
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
1992
+ );
1754
1993
  // Overrides the stroke-width presentation attribute baked into the icon markup.
1755
1994
  stroke-width: prepareMediaVariable(--_ctm-dn-pt-an-pt-an-de-se-wh, 1.25);
1756
1995
  }
@@ -1758,14 +1997,20 @@ $overflowSelector: ".flex__overflow";
1758
1997
 
1759
1998
  &:hover {
1760
1999
  svg {
1761
- width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
1762
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
1763
- height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
1764
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
2000
+ width: var(
2001
+ --_ctm-mob-dn-pt-an-pt-an-de-in-se,
2002
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
2003
+ );
2004
+ height: var(
2005
+ --_ctm-mob-dn-pt-an-pt-an-de-in-se,
2006
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
2007
+ );
1765
2008
 
1766
2009
  path {
1767
- stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
1768
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
2010
+ stroke: var(
2011
+ --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
2012
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
2013
+ );
1769
2014
  }
1770
2015
  }
1771
2016
  }
@@ -1826,32 +2071,62 @@ $overflowSelector: ".flex__overflow";
1826
2071
  border: none;
1827
2072
 
1828
2073
  .cart_item_accordion_title {
1829
- color: var(--_ctm-mob-dn-pt-as-ss-cr,
1830
- var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr, var(--_thm-cs-tt-ls-as))));
1831
- font-family: var(--_sf-hr-ff,
1832
- var(--_ctm-mob-dn-pt-as-ss-ft-fy,
1833
- var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))));
1834
- text-transform: var(--_sf-hr-tt-tm,
1835
- var(--_ctm-mob-dn-pt-as-ss-tt-tm,
1836
- var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))));
1837
- word-wrap: var(--_sf-hr-wd-wp,
1838
- var(--_ctm-mob-dn-pt-as-ss-wd-wp,
1839
- var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))));
1840
- word-break: var(--_sf-hr-wd-bk,
1841
- var(--_ctm-mob-dn-pt-as-ss-wd-bk,
1842
- var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))));
1843
- font-size: var(--_ctm-mob-dn-pt-as-ss-ft-se,
1844
- var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se)));
1845
- font-weight: var(--_ctm-mob-dn-pt-as-ss-ft-wt,
1846
- var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt)));
1847
- font-style: var(--_ctm-mob-dn-pt-as-ss-ft-se-ic,
1848
- var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic)));
1849
- line-height: var(--_ctm-mob-dn-pt-as-ss-le-ht,
1850
- var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht)));
1851
- letter-spacing: var(--_ctm-mob-dn-pt-as-ss-lr-sg,
1852
- var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg)));
1853
- text-decoration: var(--_ctm-mob-dn-pt-as-ss-ue,
1854
- var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue)));
2074
+ color: var(
2075
+ --_ctm-mob-dn-pt-as-ss-cr,
2076
+ var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr, var(--_thm-cs-tt-ls-as)))
2077
+ );
2078
+ font-family: var(
2079
+ --_sf-hr-ff,
2080
+ var(
2081
+ --_ctm-mob-dn-pt-as-ss-ft-fy,
2082
+ var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
2083
+ )
2084
+ );
2085
+ text-transform: var(
2086
+ --_sf-hr-tt-tm,
2087
+ var(
2088
+ --_ctm-mob-dn-pt-as-ss-tt-tm,
2089
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))
2090
+ )
2091
+ );
2092
+ word-wrap: var(
2093
+ --_sf-hr-wd-wp,
2094
+ var(
2095
+ --_ctm-mob-dn-pt-as-ss-wd-wp,
2096
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))
2097
+ )
2098
+ );
2099
+ word-break: var(
2100
+ --_sf-hr-wd-bk,
2101
+ var(
2102
+ --_ctm-mob-dn-pt-as-ss-wd-bk,
2103
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))
2104
+ )
2105
+ );
2106
+ font-size: var(
2107
+ --_ctm-mob-dn-pt-as-ss-ft-se,
2108
+ var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
2109
+ );
2110
+ font-weight: var(
2111
+ --_ctm-mob-dn-pt-as-ss-ft-wt,
2112
+ var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
2113
+ );
2114
+ font-style: var(
2115
+ --_ctm-mob-dn-pt-as-ss-ft-se-ic,
2116
+ var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
2117
+ );
2118
+ line-height: var(
2119
+ --_ctm-mob-dn-pt-as-ss-le-ht,
2120
+ var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
2121
+ );
2122
+ letter-spacing: var(
2123
+ --_ctm-mob-dn-pt-as-ss-lr-sg,
2124
+ var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
2125
+ );
2126
+ text-decoration: var(
2127
+ --_ctm-mob-dn-pt-as-ss-ue,
2128
+ var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
2129
+ );
1855
2130
  @include cartDetailsTextFlow(--_ctm-dn-pt-as-ss);
1856
2131
  }
1857
2132
 
@@ -1889,24 +2164,46 @@ $overflowSelector: ".flex__overflow";
1889
2164
 
1890
2165
  .cart_item_accordion_price {
1891
2166
  white-space: nowrap;
1892
- color: var(--_ctm-mob-dn-pt-pe-ss-cr,
1893
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr)));
1894
- font-family: var(--_sf-hr-ff,
1895
- var(--_ctm-mob-dn-pt-pe-ss-ft-fy,
1896
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))));
1897
- text-transform: var(--_sf-hr-tt-tm,
1898
- var(--_ctm-mob-dn-pt-pe-ss-tt-tm,
1899
- var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))));
1900
- word-wrap: var(--_sf-hr-wd-wp,
1901
- var(--_ctm-mob-dn-pt-pe-ss-wd-wp,
1902
- var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))));
1903
- word-break: var(--_sf-hr-wd-bk,
1904
- var(--_ctm-mob-dn-pt-pe-ss-wd-bk,
1905
- var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))));
1906
- font-size: var(--_ctm-mob-dn-pt-pe-ss-ft-se,
1907
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px)));
1908
- font-weight: var(--_ctm-mob-dn-pt-pe-ss-ft-wt,
1909
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt)));
2167
+ color: var(
2168
+ --_ctm-mob-dn-pt-pe-ss-cr,
2169
+ var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
2170
+ );
2171
+ font-family: var(
2172
+ --_sf-hr-ff,
2173
+ var(
2174
+ --_ctm-mob-dn-pt-pe-ss-ft-fy,
2175
+ var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
2176
+ )
2177
+ );
2178
+ text-transform: var(
2179
+ --_sf-hr-tt-tm,
2180
+ var(
2181
+ --_ctm-mob-dn-pt-pe-ss-tt-tm,
2182
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))
2183
+ )
2184
+ );
2185
+ word-wrap: var(
2186
+ --_sf-hr-wd-wp,
2187
+ var(
2188
+ --_ctm-mob-dn-pt-pe-ss-wd-wp,
2189
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))
2190
+ )
2191
+ );
2192
+ word-break: var(
2193
+ --_sf-hr-wd-bk,
2194
+ var(
2195
+ --_ctm-mob-dn-pt-pe-ss-wd-bk,
2196
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))
2197
+ )
2198
+ );
2199
+ font-size: var(
2200
+ --_ctm-mob-dn-pt-pe-ss-ft-se,
2201
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px))
2202
+ );
2203
+ font-weight: var(
2204
+ --_ctm-mob-dn-pt-pe-ss-ft-wt,
2205
+ var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
2206
+ );
1910
2207
  }
1911
2208
  }
1912
2209
  }
@@ -2446,31 +2743,59 @@ $overflowSelector: ".flex__overflow";
2446
2743
  line-height: 125%;
2447
2744
  margin-bottom: 4px;
2448
2745
 
2449
- color: var(--_ctm-mob-dn-pt-ne-ss-cr,
2450
- var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr)));
2451
- font-family: var(--_sf-hr-ff,
2452
- var(--_ctm-mob-dn-pt-ne-ss-ft-fy,
2453
- var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))));
2454
- text-transform: var(--_sf-hr-tt-tm,
2455
- var(--_ctm-mob-dn-pt-ne-ss-tt-tm,
2456
- var(--_ctm-tab-dn-pt-ne-ss-tt-tm, var(--_ctm-dn-pt-ne-ss-tt-tm))));
2457
- word-wrap: var(--_sf-hr-wd-wp,
2458
- var(--_ctm-mob-dn-pt-ne-ss-wd-wp,
2459
- var(--_ctm-tab-dn-pt-ne-ss-wd-wp, var(--_ctm-dn-pt-ne-ss-wd-wp))));
2460
- word-break: var(--_sf-hr-wd-bk,
2461
- var(--_ctm-mob-dn-pt-ne-ss-wd-bk,
2462
- var(--_ctm-tab-dn-pt-ne-ss-wd-bk, var(--_ctm-dn-pt-ne-ss-wd-bk))));
2463
- font-size: var(--_ctm-mob-dn-pt-ne-ss-ft-se,
2464
- var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se)));
2465
- font-weight: var(--_ctm-mob-dn-pt-ne-ss-ft-wt,
2466
- var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt)));
2467
- font-style: var(--_ctm-mob-dn-pt-ne-ss-ft-se-ic,
2468
- var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic)));
2469
- text-align: var(--_ctm-mob-dn-pt-ne-ss-tt-an,
2470
- var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an)));
2471
-
2472
- text-decoration: var(--_ctm-mob-dn-pt-ne-ss-ue,
2473
- var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue)));
2746
+ color: var(
2747
+ --_ctm-mob-dn-pt-ne-ss-cr,
2748
+ var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr))
2749
+ );
2750
+ font-family: var(
2751
+ --_sf-hr-ff,
2752
+ var(
2753
+ --_ctm-mob-dn-pt-ne-ss-ft-fy,
2754
+ var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))
2755
+ )
2756
+ );
2757
+ text-transform: var(
2758
+ --_sf-hr-tt-tm,
2759
+ var(
2760
+ --_ctm-mob-dn-pt-ne-ss-tt-tm,
2761
+ var(--_ctm-tab-dn-pt-ne-ss-tt-tm, var(--_ctm-dn-pt-ne-ss-tt-tm))
2762
+ )
2763
+ );
2764
+ word-wrap: var(
2765
+ --_sf-hr-wd-wp,
2766
+ var(
2767
+ --_ctm-mob-dn-pt-ne-ss-wd-wp,
2768
+ var(--_ctm-tab-dn-pt-ne-ss-wd-wp, var(--_ctm-dn-pt-ne-ss-wd-wp))
2769
+ )
2770
+ );
2771
+ word-break: var(
2772
+ --_sf-hr-wd-bk,
2773
+ var(
2774
+ --_ctm-mob-dn-pt-ne-ss-wd-bk,
2775
+ var(--_ctm-tab-dn-pt-ne-ss-wd-bk, var(--_ctm-dn-pt-ne-ss-wd-bk))
2776
+ )
2777
+ );
2778
+ font-size: var(
2779
+ --_ctm-mob-dn-pt-ne-ss-ft-se,
2780
+ var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se))
2781
+ );
2782
+ font-weight: var(
2783
+ --_ctm-mob-dn-pt-ne-ss-ft-wt,
2784
+ var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt))
2785
+ );
2786
+ font-style: var(
2787
+ --_ctm-mob-dn-pt-ne-ss-ft-se-ic,
2788
+ var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic))
2789
+ );
2790
+ text-align: var(
2791
+ --_ctm-mob-dn-pt-ne-ss-tt-an,
2792
+ var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an))
2793
+ );
2794
+
2795
+ text-decoration: var(
2796
+ --_ctm-mob-dn-pt-ne-ss-ue,
2797
+ var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue))
2798
+ );
2474
2799
  @include cartDetailsTextFlow(--_ctm-dn-pt-ne-ss);
2475
2800
  @include cartDetailsTextClamp;
2476
2801
  }
@@ -2485,36 +2810,66 @@ $overflowSelector: ".flex__overflow";
2485
2810
 
2486
2811
  span {
2487
2812
  // color: var(--_gray-600);
2488
- color: var(--_ctm-mob-dn-pt-in-ss-cr,
2489
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr)));
2490
- font-family: var(--_sf-hr-ff,
2491
- var(--_ctm-mob-dn-pt-in-ss-ft-fy,
2492
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))));
2493
- text-transform: var(--_sf-hr-tt-tm,
2494
- var(--_ctm-mob-dn-pt-in-ss-tt-tm,
2495
- var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))));
2496
- word-wrap: var(--_sf-hr-wd-wp,
2497
- var(--_ctm-mob-dn-pt-in-ss-wd-wp,
2498
- var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))));
2499
- word-break: var(--_sf-hr-wd-bk,
2500
- var(--_ctm-mob-dn-pt-in-ss-wd-bk,
2501
- var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))));
2813
+ color: var(
2814
+ --_ctm-mob-dn-pt-in-ss-cr,
2815
+ var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
2816
+ );
2817
+ font-family: var(
2818
+ --_sf-hr-ff,
2819
+ var(
2820
+ --_ctm-mob-dn-pt-in-ss-ft-fy,
2821
+ var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
2822
+ )
2823
+ );
2824
+ text-transform: var(
2825
+ --_sf-hr-tt-tm,
2826
+ var(
2827
+ --_ctm-mob-dn-pt-in-ss-tt-tm,
2828
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))
2829
+ )
2830
+ );
2831
+ word-wrap: var(
2832
+ --_sf-hr-wd-wp,
2833
+ var(
2834
+ --_ctm-mob-dn-pt-in-ss-wd-wp,
2835
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))
2836
+ )
2837
+ );
2838
+ word-break: var(
2839
+ --_sf-hr-wd-bk,
2840
+ var(
2841
+ --_ctm-mob-dn-pt-in-ss-wd-bk,
2842
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))
2843
+ )
2844
+ );
2502
2845
  // font-size: var(
2503
2846
  // --_ctm-mob-dn-pt-in-ss-ft-se,
2504
2847
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
2505
2848
  // );
2506
- font-weight: var(--_ctm-mob-dn-pt-in-ss-ft-wt,
2507
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt)));
2508
- font-style: var(--_ctm-mob-dn-pt-in-ss-ft-se-ic,
2509
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic)));
2510
- text-align: var(--_ctm-mob-dn-pt-in-ss-tt-an,
2511
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an)));
2512
- letter-spacing: var(--_ctm-mob-dn-pt-in-ss-lr-sg,
2513
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg)));
2514
- line-height: var(--_ctm-mob-dn-pt-in-ss-le-ht,
2515
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht)));
2516
- text-decoration: var(--_ctm-mob-dn-pt-in-ss-ue,
2517
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue)));
2849
+ font-weight: var(
2850
+ --_ctm-mob-dn-pt-in-ss-ft-wt,
2851
+ var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
2852
+ );
2853
+ font-style: var(
2854
+ --_ctm-mob-dn-pt-in-ss-ft-se-ic,
2855
+ var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
2856
+ );
2857
+ text-align: var(
2858
+ --_ctm-mob-dn-pt-in-ss-tt-an,
2859
+ var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
2860
+ );
2861
+ letter-spacing: var(
2862
+ --_ctm-mob-dn-pt-in-ss-lr-sg,
2863
+ var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
2864
+ );
2865
+ line-height: var(
2866
+ --_ctm-mob-dn-pt-in-ss-le-ht,
2867
+ var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
2868
+ );
2869
+ text-decoration: var(
2870
+ --_ctm-mob-dn-pt-in-ss-ue,
2871
+ var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
2872
+ );
2518
2873
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
2519
2874
 
2520
2875
  &:not(:last-child)::after {
@@ -2543,36 +2898,66 @@ $overflowSelector: ".flex__overflow";
2543
2898
 
2544
2899
  span {
2545
2900
  white-space: nowrap;
2546
- color: var(--_ctm-mob-dn-pt-in-ss-cr,
2547
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr)));
2548
- font-family: var(--_sf-hr-ff,
2549
- var(--_ctm-mob-dn-pt-in-ss-ft-fy,
2550
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))));
2551
- text-transform: var(--_sf-hr-tt-tm,
2552
- var(--_ctm-mob-dn-pt-in-ss-tt-tm,
2553
- var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))));
2554
- word-wrap: var(--_sf-hr-wd-wp,
2555
- var(--_ctm-mob-dn-pt-in-ss-wd-wp,
2556
- var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))));
2557
- word-break: var(--_sf-hr-wd-bk,
2558
- var(--_ctm-mob-dn-pt-in-ss-wd-bk,
2559
- var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))));
2901
+ color: var(
2902
+ --_ctm-mob-dn-pt-in-ss-cr,
2903
+ var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
2904
+ );
2905
+ font-family: var(
2906
+ --_sf-hr-ff,
2907
+ var(
2908
+ --_ctm-mob-dn-pt-in-ss-ft-fy,
2909
+ var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
2910
+ )
2911
+ );
2912
+ text-transform: var(
2913
+ --_sf-hr-tt-tm,
2914
+ var(
2915
+ --_ctm-mob-dn-pt-in-ss-tt-tm,
2916
+ var(--_ctm-tab-dn-pt-in-ss-tt-tm, var(--_ctm-dn-pt-in-ss-tt-tm))
2917
+ )
2918
+ );
2919
+ word-wrap: var(
2920
+ --_sf-hr-wd-wp,
2921
+ var(
2922
+ --_ctm-mob-dn-pt-in-ss-wd-wp,
2923
+ var(--_ctm-tab-dn-pt-in-ss-wd-wp, var(--_ctm-dn-pt-in-ss-wd-wp))
2924
+ )
2925
+ );
2926
+ word-break: var(
2927
+ --_sf-hr-wd-bk,
2928
+ var(
2929
+ --_ctm-mob-dn-pt-in-ss-wd-bk,
2930
+ var(--_ctm-tab-dn-pt-in-ss-wd-bk, var(--_ctm-dn-pt-in-ss-wd-bk))
2931
+ )
2932
+ );
2560
2933
  // font-size: var(
2561
2934
  // --_ctm-mob-dn-pt-in-ss-ft-se,
2562
2935
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
2563
2936
  // );
2564
- font-weight: var(--_ctm-mob-dn-pt-in-ss-ft-wt,
2565
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt)));
2566
- font-style: var(--_ctm-mob-dn-pt-in-ss-ft-se-ic,
2567
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic)));
2568
- text-align: var(--_ctm-mob-dn-pt-in-ss-tt-an,
2569
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an)));
2570
- letter-spacing: var(--_ctm-mob-dn-pt-in-ss-lr-sg,
2571
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg)));
2572
- line-height: var(--_ctm-mob-dn-pt-in-ss-le-ht,
2573
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht)));
2574
- text-decoration: var(--_ctm-mob-dn-pt-in-ss-ue,
2575
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue)));
2937
+ font-weight: var(
2938
+ --_ctm-mob-dn-pt-in-ss-ft-wt,
2939
+ var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
2940
+ );
2941
+ font-style: var(
2942
+ --_ctm-mob-dn-pt-in-ss-ft-se-ic,
2943
+ var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
2944
+ );
2945
+ text-align: var(
2946
+ --_ctm-mob-dn-pt-in-ss-tt-an,
2947
+ var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
2948
+ );
2949
+ letter-spacing: var(
2950
+ --_ctm-mob-dn-pt-in-ss-lr-sg,
2951
+ var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
2952
+ );
2953
+ line-height: var(
2954
+ --_ctm-mob-dn-pt-in-ss-le-ht,
2955
+ var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
2956
+ );
2957
+ text-decoration: var(
2958
+ --_ctm-mob-dn-pt-in-ss-ue,
2959
+ var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
2960
+ );
2576
2961
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
2577
2962
 
2578
2963
  &::after {
@@ -2698,33 +3083,63 @@ $overflowSelector: ".flex__overflow";
2698
3083
  // white-space: nowrap;
2699
3084
  // min-width: 80px;
2700
3085
  white-space: nowrap;
2701
- color: var(--_ctm-mob-dn-pt-pe-ss-cr,
2702
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr)));
2703
- font-family: var(--_sf-hr-ff,
2704
- var(--_ctm-mob-dn-pt-pe-ss-ft-fy,
2705
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))));
2706
- text-transform: var(--_sf-hr-tt-tm,
2707
- var(--_ctm-mob-dn-pt-pe-ss-tt-tm,
2708
- var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))));
2709
- word-wrap: var(--_sf-hr-wd-wp,
2710
- var(--_ctm-mob-dn-pt-pe-ss-wd-wp,
2711
- var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))));
2712
- word-break: var(--_sf-hr-wd-bk,
2713
- var(--_ctm-mob-dn-pt-pe-ss-wd-bk,
2714
- var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))));
2715
- font-size: var(--_ctm-mob-dn-pt-pe-ss-ft-se,
2716
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se)));
2717
- font-weight: var(--_ctm-mob-dn-pt-pe-ss-ft-wt,
2718
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt)));
2719
- font-style: var(--_ctm-mob-dn-pt-pe-ss-ft-se-ic,
2720
- var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic)));
3086
+ color: var(
3087
+ --_ctm-mob-dn-pt-pe-ss-cr,
3088
+ var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
3089
+ );
3090
+ font-family: var(
3091
+ --_sf-hr-ff,
3092
+ var(
3093
+ --_ctm-mob-dn-pt-pe-ss-ft-fy,
3094
+ var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
3095
+ )
3096
+ );
3097
+ text-transform: var(
3098
+ --_sf-hr-tt-tm,
3099
+ var(
3100
+ --_ctm-mob-dn-pt-pe-ss-tt-tm,
3101
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))
3102
+ )
3103
+ );
3104
+ word-wrap: var(
3105
+ --_sf-hr-wd-wp,
3106
+ var(
3107
+ --_ctm-mob-dn-pt-pe-ss-wd-wp,
3108
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))
3109
+ )
3110
+ );
3111
+ word-break: var(
3112
+ --_sf-hr-wd-bk,
3113
+ var(
3114
+ --_ctm-mob-dn-pt-pe-ss-wd-bk,
3115
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))
3116
+ )
3117
+ );
3118
+ font-size: var(
3119
+ --_ctm-mob-dn-pt-pe-ss-ft-se,
3120
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
3121
+ );
3122
+ font-weight: var(
3123
+ --_ctm-mob-dn-pt-pe-ss-ft-wt,
3124
+ var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
3125
+ );
3126
+ font-style: var(
3127
+ --_ctm-mob-dn-pt-pe-ss-ft-se-ic,
3128
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic))
3129
+ );
2721
3130
  text-align: right;
2722
- letter-spacing: var(--_ctm-mob-dn-pt-pe-ss-lr-sg,
2723
- var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg)));
2724
- line-height: var(--_ctm-mob-dn-pt-pe-ss-le-ht,
2725
- var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht)));
2726
- text-decoration: var(--_ctm-mob-dn-pt-pe-ss-ue,
2727
- var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue)));
3131
+ letter-spacing: var(
3132
+ --_ctm-mob-dn-pt-pe-ss-lr-sg,
3133
+ var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg))
3134
+ );
3135
+ line-height: var(
3136
+ --_ctm-mob-dn-pt-pe-ss-le-ht,
3137
+ var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht))
3138
+ );
3139
+ text-decoration: var(
3140
+ --_ctm-mob-dn-pt-pe-ss-ue,
3141
+ var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue))
3142
+ );
2728
3143
  @include cartDetailsTextFlow(--_ctm-dn-pt-pe-ss);
2729
3144
  min-width: 80px;
2730
3145
  }
@@ -2749,10 +3164,14 @@ $overflowSelector: ".flex__overflow";
2749
3164
  svg {
2750
3165
  padding: 4px;
2751
3166
  border-radius: 4px;
2752
- width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2753
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
2754
- height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2755
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
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
+ );
2756
3175
 
2757
3176
  path {
2758
3177
  // stroke: var(
@@ -2768,10 +3187,14 @@ $overflowSelector: ".flex__overflow";
2768
3187
  &:hover {
2769
3188
  svg {
2770
3189
  background-color: color-mix(in srgb, var(--_thm-cs-at-py) 10%, transparent);
2771
- width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2772
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
2773
- height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
2774
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
3190
+ width: var(
3191
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3192
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3193
+ );
3194
+ height: var(
3195
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3196
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3197
+ );
2775
3198
 
2776
3199
  path {
2777
3200
  // stroke: var(
@@ -2802,38 +3225,68 @@ $overflowSelector: ".flex__overflow";
2802
3225
  // var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
2803
3226
  // );
2804
3227
  color: var(--_thm-cs-tt-ls-as);
2805
- font-family: var(--_sf-hr-ff,
2806
- var(--_ctm-mob-dn-pt-as-ss-ft-fy,
2807
- var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))));
2808
- text-transform: var(--_sf-hr-tt-tm,
2809
- var(--_ctm-mob-dn-pt-as-ss-tt-tm,
2810
- var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))));
2811
- word-wrap: var(--_sf-hr-wd-wp,
2812
- var(--_ctm-mob-dn-pt-as-ss-wd-wp,
2813
- var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))));
2814
- word-break: var(--_sf-hr-wd-bk,
2815
- var(--_ctm-mob-dn-pt-as-ss-wd-bk,
2816
- var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))));
3228
+ font-family: var(
3229
+ --_sf-hr-ff,
3230
+ var(
3231
+ --_ctm-mob-dn-pt-as-ss-ft-fy,
3232
+ var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
3233
+ )
3234
+ );
3235
+ text-transform: var(
3236
+ --_sf-hr-tt-tm,
3237
+ var(
3238
+ --_ctm-mob-dn-pt-as-ss-tt-tm,
3239
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))
3240
+ )
3241
+ );
3242
+ word-wrap: var(
3243
+ --_sf-hr-wd-wp,
3244
+ var(
3245
+ --_ctm-mob-dn-pt-as-ss-wd-wp,
3246
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))
3247
+ )
3248
+ );
3249
+ word-break: var(
3250
+ --_sf-hr-wd-bk,
3251
+ var(
3252
+ --_ctm-mob-dn-pt-as-ss-wd-bk,
3253
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))
3254
+ )
3255
+ );
2817
3256
 
2818
3257
  &.flex__overflow {
2819
3258
  white-space: normal;
2820
3259
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2821
3260
  }
2822
3261
 
2823
- font-size: var(--_ctm-mob-dn-pt-as-ss-ft-se,
2824
- var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se)));
2825
- font-weight: var(--_ctm-mob-dn-pt-as-ss-ft-wt,
2826
- var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt)));
2827
- font-style: var(--_ctm-mob-dn-pt-as-ss-ft-se-ic,
2828
- var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic)));
2829
- text-align: var(--_ctm-mob-dn-pt-as-ss-tt-an,
2830
- var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an)));
2831
- letter-spacing: var(--_ctm-mob-dn-pt-as-ss-lr-sg,
2832
- var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg)));
2833
- line-height: var(--_ctm-mob-dn-pt-as-ss-le-ht,
2834
- var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht)));
2835
- text-decoration: var(--_ctm-mob-dn-pt-as-ss-ue,
2836
- var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue)));
3262
+ font-size: var(
3263
+ --_ctm-mob-dn-pt-as-ss-ft-se,
3264
+ var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
3265
+ );
3266
+ font-weight: var(
3267
+ --_ctm-mob-dn-pt-as-ss-ft-wt,
3268
+ var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
3269
+ );
3270
+ font-style: var(
3271
+ --_ctm-mob-dn-pt-as-ss-ft-se-ic,
3272
+ var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
3273
+ );
3274
+ text-align: var(
3275
+ --_ctm-mob-dn-pt-as-ss-tt-an,
3276
+ var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an))
3277
+ );
3278
+ letter-spacing: var(
3279
+ --_ctm-mob-dn-pt-as-ss-lr-sg,
3280
+ var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
3281
+ );
3282
+ line-height: var(
3283
+ --_ctm-mob-dn-pt-as-ss-le-ht,
3284
+ var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
3285
+ );
3286
+ text-decoration: var(
3287
+ --_ctm-mob-dn-pt-as-ss-ue,
3288
+ var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
3289
+ );
2837
3290
  @include cartDetailsTextFlow(--_ctm-dn-pt-as-ss);
2838
3291
 
2839
3292
  .attr_val_info_detail {
@@ -2892,40 +3345,72 @@ $overflowSelector: ".flex__overflow";
2892
3345
  align-items: center;
2893
3346
  gap: 8px;
2894
3347
  white-space: nowrap;
2895
- color: var(--_ctm-mob-dn-pt-rd-io-cr,
2896
- var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr)));
2897
- font-family: var(--_sf-hr-ff,
2898
- var(--_ctm-mob-dn-pt-rd-io-ft-fy,
2899
- var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))));
2900
- text-transform: var(--_sf-hr-tt-tm,
2901
- var(--_ctm-mob-dn-pt-rd-io-tt-tm,
2902
- var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))));
2903
- word-wrap: var(--_sf-hr-wd-wp,
2904
- var(--_ctm-mob-dn-pt-rd-io-wd-wp,
2905
- var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))));
2906
- word-break: var(--_sf-hr-wd-bk,
2907
- var(--_ctm-mob-dn-pt-rd-io-wd-bk,
2908
- var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))));
3348
+ color: var(
3349
+ --_ctm-mob-dn-pt-rd-io-cr,
3350
+ var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr))
3351
+ );
3352
+ font-family: var(
3353
+ --_sf-hr-ff,
3354
+ var(
3355
+ --_ctm-mob-dn-pt-rd-io-ft-fy,
3356
+ var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
3357
+ )
3358
+ );
3359
+ text-transform: var(
3360
+ --_sf-hr-tt-tm,
3361
+ var(
3362
+ --_ctm-mob-dn-pt-rd-io-tt-tm,
3363
+ var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))
3364
+ )
3365
+ );
3366
+ word-wrap: var(
3367
+ --_sf-hr-wd-wp,
3368
+ var(
3369
+ --_ctm-mob-dn-pt-rd-io-wd-wp,
3370
+ var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))
3371
+ )
3372
+ );
3373
+ word-break: var(
3374
+ --_sf-hr-wd-bk,
3375
+ var(
3376
+ --_ctm-mob-dn-pt-rd-io-wd-bk,
3377
+ var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))
3378
+ )
3379
+ );
2909
3380
 
2910
3381
  &.flex__overflow {
2911
3382
  white-space: normal;
2912
3383
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2913
3384
  }
2914
3385
 
2915
- font-size: var(--_ctm-mob-dn-pt-rd-io-ft-se,
2916
- var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se)));
2917
- font-weight: var(--_ctm-mob-dn-pt-rd-io-ft-wt,
2918
- var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt)));
2919
- font-style: var(--_ctm-mob-dn-pt-rd-io-ft-se-ic,
2920
- var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic)));
2921
- text-align: var(--_ctm-mob-dn-pt-rd-io-tt-an,
2922
- var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an)));
2923
- letter-spacing: var(--_ctm-mob-dn-pt-rd-io-lr-sg,
2924
- var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg)));
2925
- line-height: var(--_ctm-mob-dn-pt-rd-io-le-ht,
2926
- var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht)));
2927
- text-decoration: var(--_ctm-mob-dn-pt-rd-io-ss-ue,
2928
- var(--_ctm-tab-dn-pt-rd-io-ss-ue, var(--_ctm-dn-pt-rd-io-ss-ue)));
3386
+ font-size: var(
3387
+ --_ctm-mob-dn-pt-rd-io-ft-se,
3388
+ var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))
3389
+ );
3390
+ font-weight: var(
3391
+ --_ctm-mob-dn-pt-rd-io-ft-wt,
3392
+ var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt))
3393
+ );
3394
+ font-style: var(
3395
+ --_ctm-mob-dn-pt-rd-io-ft-se-ic,
3396
+ var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic))
3397
+ );
3398
+ text-align: var(
3399
+ --_ctm-mob-dn-pt-rd-io-tt-an,
3400
+ var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an))
3401
+ );
3402
+ letter-spacing: var(
3403
+ --_ctm-mob-dn-pt-rd-io-lr-sg,
3404
+ var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg))
3405
+ );
3406
+ line-height: var(
3407
+ --_ctm-mob-dn-pt-rd-io-le-ht,
3408
+ var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht))
3409
+ );
3410
+ text-decoration: var(
3411
+ --_ctm-mob-dn-pt-rd-io-ss-ue,
3412
+ var(--_ctm-tab-dn-pt-rd-io-ss-ue, var(--_ctm-dn-pt-rd-io-ss-ue))
3413
+ );
2929
3414
  @include cartDetailsTextFlow(--_ctm-dn-pt-rd-io);
2930
3415
  @include cartDetailsTextClamp;
2931
3416
  }
@@ -2939,7 +3424,7 @@ $overflowSelector: ".flex__overflow";
2939
3424
  align-items: center;
2940
3425
  gap: 16px;
2941
3426
 
2942
- &>a,
3427
+ & > a,
2943
3428
  span {
2944
3429
  cursor: pointer;
2945
3430
  display: flex;
@@ -2947,7 +3432,7 @@ $overflowSelector: ".flex__overflow";
2947
3432
  border-radius: 4px;
2948
3433
  }
2949
3434
 
2950
- &>* {
3435
+ & > * {
2951
3436
  display: flex;
2952
3437
  align-items: center;
2953
3438
  justify-content: center;
@@ -2957,8 +3442,8 @@ $overflowSelector: ".flex__overflow";
2957
3442
  display: flex;
2958
3443
  }
2959
3444
 
2960
- &>a,
2961
- &>span {
3445
+ & > a,
3446
+ & > span {
2962
3447
  border-radius: 4px;
2963
3448
  padding: 4px;
2964
3449
  }
@@ -2967,12 +3452,20 @@ $overflowSelector: ".flex__overflow";
2967
3452
  cursor: pointer;
2968
3453
 
2969
3454
  svg {
2970
- width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
2971
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
2972
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
2973
- height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
2974
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
2975
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
3455
+ width: var(
3456
+ --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
3457
+ var(
3458
+ --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
3459
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
3460
+ )
3461
+ );
3462
+ height: var(
3463
+ --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
3464
+ var(
3465
+ --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
3466
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
3467
+ )
3468
+ );
2976
3469
 
2977
3470
  path {
2978
3471
  stroke: var(--_thm-cs-be-se-1);
@@ -2981,12 +3474,20 @@ $overflowSelector: ".flex__overflow";
2981
3474
 
2982
3475
  &:hover {
2983
3476
  svg {
2984
- width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
2985
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
2986
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
2987
- height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
2988
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
2989
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
3477
+ width: var(
3478
+ --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
3479
+ var(
3480
+ --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
3481
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
3482
+ )
3483
+ );
3484
+ height: var(
3485
+ --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
3486
+ var(
3487
+ --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
3488
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
3489
+ )
3490
+ );
2990
3491
 
2991
3492
  path {
2992
3493
  stroke: var(--_thm-cs-at-py);
@@ -2999,10 +3500,14 @@ $overflowSelector: ".flex__overflow";
2999
3500
  cursor: pointer;
3000
3501
 
3001
3502
  svg {
3002
- width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3003
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
3004
- height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3005
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
3503
+ width: var(
3504
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3505
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3506
+ );
3507
+ height: var(
3508
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3509
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3510
+ );
3006
3511
 
3007
3512
  path {
3008
3513
  stroke: var(--_thm-cs-be-se-1);
@@ -3011,10 +3516,14 @@ $overflowSelector: ".flex__overflow";
3011
3516
 
3012
3517
  &:hover {
3013
3518
  svg {
3014
- width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3015
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
3016
- height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3017
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
3519
+ width: var(
3520
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3521
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3522
+ );
3523
+ height: var(
3524
+ --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
3525
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
3526
+ );
3018
3527
 
3019
3528
  path {
3020
3529
  stroke: var(--_thm-cs-at-py);
@@ -3027,14 +3536,20 @@ $overflowSelector: ".flex__overflow";
3027
3536
  cursor: pointer;
3028
3537
 
3029
3538
  svg {
3030
- width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
3031
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
3032
- height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
3033
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
3539
+ width: var(
3540
+ --_ctm-mob-dn-pt-an-pt-an-de-in-se,
3541
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
3542
+ );
3543
+ height: var(
3544
+ --_ctm-mob-dn-pt-an-pt-an-de-in-se,
3545
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
3546
+ );
3034
3547
 
3035
3548
  path {
3036
- stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
3037
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
3549
+ stroke: var(
3550
+ --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
3551
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
3552
+ );
3038
3553
  // Overrides the stroke-width presentation attribute baked into the icon markup.
3039
3554
  stroke-width: prepareMediaVariable(--_ctm-dn-pt-an-pt-an-de-se-wh, 1.25);
3040
3555
  }
@@ -3044,14 +3559,20 @@ $overflowSelector: ".flex__overflow";
3044
3559
  background-color: var(--_error-50);
3045
3560
 
3046
3561
  svg {
3047
- width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
3048
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
3049
- height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
3050
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
3562
+ width: var(
3563
+ --_ctm-mob-dn-pt-an-pt-an-de-in-se,
3564
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
3565
+ );
3566
+ height: var(
3567
+ --_ctm-mob-dn-pt-an-pt-an-de-in-se,
3568
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
3569
+ );
3051
3570
 
3052
3571
  path {
3053
- stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
3054
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
3572
+ stroke: var(
3573
+ --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
3574
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
3575
+ );
3055
3576
  }
3056
3577
  }
3057
3578
  }
@@ -3136,16 +3657,24 @@ $overflowSelector: ".flex__overflow";
3136
3657
  display: flex;
3137
3658
  justify-content: center;
3138
3659
  align-items: center;
3139
- color: var(--_sf-ft-clr,
3140
- var(--_ctm-mob-ty-bs-dt-se-tt-cr,
3141
- var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit)))) !important;
3660
+ color: var(
3661
+ --_sf-ft-clr,
3662
+ var(
3663
+ --_ctm-mob-ty-bs-dt-se-tt-cr,
3664
+ var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit))
3665
+ )
3666
+ ) !important;
3142
3667
 
3143
3668
  span {
3144
3669
  svg {
3145
3670
  path {
3146
- stroke: var(--_sf-ft-clr,
3147
- var(--_ctm-mob-ty-bs-dt-se-tt-cr,
3148
- var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit))));
3671
+ stroke: var(
3672
+ --_sf-ft-clr,
3673
+ var(
3674
+ --_ctm-mob-ty-bs-dt-se-tt-cr,
3675
+ var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit))
3676
+ )
3677
+ );
3149
3678
  }
3150
3679
  }
3151
3680
  }
@@ -3201,7 +3730,7 @@ $overflowSelector: ".flex__overflow";
3201
3730
  }
3202
3731
  }
3203
3732
 
3204
- .space-y-4>div {
3733
+ .space-y-4 > div {
3205
3734
  width: 100%;
3206
3735
  }
3207
3736
 
@@ -3404,14 +3933,16 @@ $overflowSelector: ".flex__overflow";
3404
3933
  width: 100%;
3405
3934
  position: absolute;
3406
3935
  background-color: var(--_gay-400);
3407
- background-image: linear-gradient(45deg,
3408
- rgba(0, 0, 0, 0.25) 25%,
3409
- transparent 25%,
3410
- transparent 50%,
3411
- rgba(0, 0, 0, 0.25) 50%,
3412
- rgba(0, 0, 0, 0.25) 75%,
3413
- transparent 75%,
3414
- transparent);
3936
+ background-image: linear-gradient(
3937
+ 45deg,
3938
+ rgba(0, 0, 0, 0.25) 25%,
3939
+ transparent 25%,
3940
+ transparent 50%,
3941
+ rgba(0, 0, 0, 0.25) 50%,
3942
+ rgba(0, 0, 0, 0.25) 75%,
3943
+ transparent 75%,
3944
+ transparent
3945
+ );
3415
3946
  background-size: 15px 15px;
3416
3947
  z-index: 10;
3417
3948
  }
@@ -3452,4 +3983,4 @@ $overflowSelector: ".flex__overflow";
3452
3983
  text-overflow: ellipsis;
3453
3984
  max-width: 100%;
3454
3985
  }
3455
- }
3986
+ }