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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2155 -1671
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +2027 -1128
  16. package/dist/bundle.scss +1489 -841
  17. package/dist/bundleCategories.scss +301 -0
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +113 -78
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1025 -485
  23. package/dist/cart-summary.scss +1234 -569
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +647 -367
  27. package/dist/cartDropdownOverlay.scss +10 -1
  28. package/dist/category-groups-element.scss +108 -127
  29. package/dist/category-groups-product-grid.scss +147 -120
  30. package/dist/category-groups-product-image.scss +1457 -1162
  31. package/dist/category-groups-product-options.scss +685 -590
  32. package/dist/category-groups-product-price.scss +3244 -1966
  33. package/dist/category-groups-quota-details.scss +464 -210
  34. package/dist/category.scss +50 -26
  35. package/dist/checkout.scss +16 -24
  36. package/dist/confirm-modal.scss +2 -22
  37. package/dist/container.scss +54 -32
  38. package/dist/countdown.scss +443 -256
  39. package/dist/coupon.scss +16 -19
  40. package/dist/default-dropdown.scss +1 -12
  41. package/dist/embroider-template-1-v2.scss +172 -123
  42. package/dist/embroider-template-1.scss +104 -68
  43. package/dist/embroidery.scss +31 -30
  44. package/dist/employee-bulk-order.scss +142 -418
  45. package/dist/faq.scss +408 -228
  46. package/dist/filter-results.scss +265 -125
  47. package/dist/filters.scss +1682 -831
  48. package/dist/gallery-slider-temp.scss +811 -445
  49. package/dist/global-styles.scss +7 -23
  50. package/dist/grid.scss +33 -25
  51. package/dist/hotspot.scss +115 -68
  52. package/dist/image-temp.scss +38 -24
  53. package/dist/item-stock.scss +16 -9
  54. package/dist/kitDetails.scss +4301 -2721
  55. package/dist/kits.scss +19 -24
  56. package/dist/language-selector.scss +361 -211
  57. package/dist/last-x-orders.scss +174 -95
  58. package/dist/layouter-item.scss +106 -76
  59. package/dist/layouter-pro-item.scss +95 -89
  60. package/dist/layouter-pro.scss +92 -87
  61. package/dist/layouter.scss +264 -79
  62. package/dist/light-box-v2.scss +104 -89
  63. package/dist/login.scss +600 -311
  64. package/dist/map.scss +391 -228
  65. package/dist/marchandiserSets.scss +104 -95
  66. package/dist/mega-menu-container.scss +109 -96
  67. package/dist/mega-menu.scss +731 -624
  68. package/dist/menu-item.scss +2 -2
  69. package/dist/menu-v2.scss +619 -507
  70. package/dist/multi-select-dropdown.scss +3 -27
  71. package/dist/my-templates.scss +9 -38
  72. package/dist/option-bar.scss +375 -215
  73. package/dist/order-status.scss +1117 -643
  74. package/dist/overflow-module.scss +7 -6
  75. package/dist/past-orders.scss +149 -118
  76. package/dist/payment-methods.scss +30 -46
  77. package/dist/pickup-locations.scss +1118 -558
  78. package/dist/position-module.scss +17 -20
  79. package/dist/prefix-list.scss +10 -21
  80. package/dist/product-actions.scss +1778 -1228
  81. package/dist/product-basic-elements.scss +169 -108
  82. package/dist/product-highlights.scss +176 -107
  83. package/dist/product-image-bundles.scss +642 -337
  84. package/dist/product-inventory.scss +1357 -673
  85. package/dist/product-labels.scss +105 -84
  86. package/dist/product-options.scss +659 -316
  87. package/dist/product-price.scss +2562 -1284
  88. package/dist/product-promotions.scss +2830 -1388
  89. package/dist/product-sizechart.scss +905 -516
  90. package/dist/product.scss +61 -28
  91. package/dist/productDetails.scss +39 -19
  92. package/dist/profile.scss +451 -207
  93. package/dist/quantity-selector.scss +550 -313
  94. package/dist/quick-inventory-check.scss +174 -95
  95. package/dist/quick-links.scss +137 -56
  96. package/dist/quick-order-pad.scss +271 -218
  97. package/dist/quota-details.scss +282 -152
  98. package/dist/quotes.scss +121 -82
  99. package/dist/repeater-embla-controls.scss +26 -37
  100. package/dist/repeater-grid-toggle.scss +166 -156
  101. package/dist/repeater-item.scss +64 -41
  102. package/dist/repeater.scss +817 -554
  103. package/dist/request-for-quotes.scss +16 -66
  104. package/dist/responsive-behaviour.scss +1 -3
  105. package/dist/rfqs.scss +181 -118
  106. package/dist/scroll.scss +198 -90
  107. package/dist/search.scss +326 -179
  108. package/dist/section.scss +51 -27
  109. package/dist/shipping-payments.scss +58 -198
  110. package/dist/simple-list.scss +198 -61
  111. package/dist/social.scss +145 -80
  112. package/dist/stack.scss +34 -23
  113. package/dist/static-global.scss +26 -44
  114. package/dist/stockStatus.scss +19 -11
  115. package/dist/store-locations.scss +1105 -577
  116. package/dist/tab-container.scss +108 -81
  117. package/dist/table-common.scss +408 -217
  118. package/dist/table.scss +511 -269
  119. package/dist/text-temp.scss +7 -8
  120. package/dist/theme-classes.scss +13 -17
  121. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1051 -2
  122. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  123. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  124. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  125. package/dist/types/builder/tools/element-edit/scroll.d.ts +6 -0
  126. package/dist/types/builder/tools/element-edit/userElements.d.ts +38 -37
  127. package/dist/uom-selector.scss +949 -489
  128. package/dist/user-elements.scss +892 -574
  129. package/dist/variant-picker.scss +2555 -1281
  130. package/dist/volume-pricing.scss +1037 -541
  131. package/dist/widget.scss +1 -0
  132. package/package.json +1 -1
package/dist/cart-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 {
@@ -567,13 +582,12 @@ $overflowSelector: ".flex__overflow";
567
582
  border: 1px solid var(--_thm-cs-be-se-3);
568
583
  border-radius: 4px;
569
584
  padding: 10px;
570
- border: 1px solid var(--_thm-cs-be-se-3);
571
585
  background-color: var(--_base-white);
572
586
  border-radius: 4px;
573
587
 
574
588
  .label {
575
589
  display: block;
576
- color: var(--_gray-700);
590
+ color: var(--_thm-cs-be-cr-1);
577
591
  font-weight: 500;
578
592
  font-size: 14px;
579
593
  line-height: 20px;
@@ -855,7 +869,6 @@ $overflowSelector: ".flex__overflow";
855
869
  padding: 3px;
856
870
 
857
871
  .svg_icon {
858
-
859
872
  // position: absolute;
860
873
  // top: 4px;
861
874
  // left: 5px;
@@ -882,8 +895,8 @@ $overflowSelector: ".flex__overflow";
882
895
  gap: 8px;
883
896
 
884
897
  img {
885
- width: 40px;
886
- height: 40px;
898
+ // width: 40px;
899
+ // height: 40px;
887
900
 
888
901
  border-radius: 50%;
889
902
  }
@@ -987,7 +1000,7 @@ $overflowSelector: ".flex__overflow";
987
1000
  width: 0;
988
1001
  height: 0;
989
1002
 
990
- &:checked+.slider {
1003
+ &:checked + .slider {
991
1004
  background-color: var(--_primary-700);
992
1005
 
993
1006
  &::before {
@@ -1076,7 +1089,9 @@ $overflowSelector: ".flex__overflow";
1076
1089
  }
1077
1090
 
1078
1091
  border-radius: prepareMediaVariable(--_ctm-dn-ct-im-ss-br-rs);
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);
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);
1080
1095
  padding: prepareMediaVariable(--_ctm-dn-ct-im-ss-pg);
1081
1096
  background: prepareMediaVariable(--_ctm-dn-ct-im-ss-bd-cr);
1082
1097
  max-width: 100%;
@@ -1119,12 +1134,25 @@ $overflowSelector: ".flex__overflow";
1119
1134
  border-style: prepareMediaVariable(--_ctm-dn-pt-ie-ss-br-se);
1120
1135
  overflow: hidden;
1121
1136
  flex-shrink: 0;
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))));
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
+ );
1128
1156
  object-fit: cover;
1129
1157
 
1130
1158
  img {
@@ -1169,31 +1197,59 @@ $overflowSelector: ".flex__overflow";
1169
1197
  line-height: 24px;
1170
1198
  margin-bottom: 4px;
1171
1199
 
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)));
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
+ );
1197
1253
  @include cartDetailsTextFlow(--_ctm-dn-pt-ne-ss);
1198
1254
  @include cartDetailsTextClamp;
1199
1255
  }
@@ -1208,36 +1264,66 @@ $overflowSelector: ".flex__overflow";
1208
1264
 
1209
1265
  span {
1210
1266
  // color: var(--_gray-600);
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))));
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
+ );
1225
1299
  // font-size: var(
1226
1300
  // --_ctm-mob-dn-pt-in-ss-ft-se,
1227
1301
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
1228
1302
  // );
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)));
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
+ );
1241
1327
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
1242
1328
 
1243
1329
  &:not(:last-child)::after {
@@ -1266,36 +1352,66 @@ $overflowSelector: ".flex__overflow";
1266
1352
 
1267
1353
  span {
1268
1354
  white-space: nowrap;
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))));
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
+ );
1283
1387
  // font-size: var(
1284
1388
  // --_ctm-mob-dn-pt-in-ss-ft-se,
1285
1389
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
1286
1390
  // );
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)));
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
+ );
1299
1415
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
1300
1416
 
1301
1417
  &::after {
@@ -1334,38 +1450,68 @@ $overflowSelector: ".flex__overflow";
1334
1450
  // var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
1335
1451
  // );
1336
1452
  color: var(--_thm-cs-tt-ls-as);
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))));
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
+ );
1349
1481
 
1350
1482
  &.flex__overflow {
1351
1483
  white-space: normal;
1352
1484
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1353
1485
  }
1354
1486
 
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)));
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
+ );
1369
1515
  @include cartDetailsTextFlow(--_ctm-dn-pt-as-ss);
1370
1516
 
1371
1517
  .attr_val_info_detail {
@@ -1424,40 +1570,72 @@ $overflowSelector: ".flex__overflow";
1424
1570
  align-items: center;
1425
1571
  gap: 8px;
1426
1572
  white-space: nowrap;
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))));
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
+ );
1441
1605
 
1442
1606
  &.flex__overflow {
1443
1607
  white-space: normal;
1444
1608
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1445
1609
  }
1446
1610
 
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)));
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
+ );
1461
1639
  @include cartDetailsTextFlow(--_ctm-dn-pt-rd-io);
1462
1640
  @include cartDetailsTextClamp;
1463
1641
  }
@@ -1579,33 +1757,63 @@ $overflowSelector: ".flex__overflow";
1579
1757
  // white-space: nowrap;
1580
1758
  // min-width: 80px;
1581
1759
  white-space: nowrap;
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)));
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
+ );
1602
1804
  text-align: right;
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)));
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
+ );
1609
1817
  @include cartDetailsTextFlow(--_ctm-dn-pt-pe-ss);
1610
1818
  min-width: 80px;
1611
1819
  }
@@ -1616,12 +1824,12 @@ $overflowSelector: ".flex__overflow";
1616
1824
  align-items: center;
1617
1825
  gap: 16px;
1618
1826
 
1619
- &>a,
1827
+ & > a,
1620
1828
  span {
1621
1829
  cursor: pointer;
1622
1830
  }
1623
1831
 
1624
- &>* {
1832
+ & > * {
1625
1833
  display: flex;
1626
1834
  align-items: center;
1627
1835
  justify-content: center;
@@ -1631,14 +1839,24 @@ $overflowSelector: ".flex__overflow";
1631
1839
  display: flex;
1632
1840
  }
1633
1841
 
1634
- &>a,
1635
- &>span {
1842
+ & > a,
1843
+ & > span {
1636
1844
  width: 32px;
1637
1845
  height: 32px;
1638
1846
  border-radius: 4px;
1639
1847
 
1640
1848
  &:hover {
1641
1849
  background-color: var(--_gray-100);
1850
+
1851
+ // The hover target is this 32px wrapper, but the icons carry their own
1852
+ // :hover stroke rule and are smaller than it - hovering the surrounding
1853
+ // padding lit the background while the icon kept its base color. Drive
1854
+ // the stroke from the wrapper so both change together, as the responsive
1855
+ // block below already does.
1856
+ .edit_icon svg path,
1857
+ .wishlist_icon svg path {
1858
+ stroke: var(--_thm-cs-at-py);
1859
+ }
1642
1860
  }
1643
1861
  }
1644
1862
 
@@ -1654,12 +1872,20 @@ $overflowSelector: ".flex__overflow";
1654
1872
  cursor: pointer;
1655
1873
 
1656
1874
  svg {
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)));
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
+ );
1663
1889
 
1664
1890
  path {
1665
1891
  // stroke: var(
@@ -1674,12 +1900,20 @@ $overflowSelector: ".flex__overflow";
1674
1900
 
1675
1901
  &:hover {
1676
1902
  svg {
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)));
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
+ );
1683
1917
 
1684
1918
  path {
1685
1919
  stroke: var(--_thm-cs-at-py);
@@ -1696,10 +1930,14 @@ $overflowSelector: ".flex__overflow";
1696
1930
  cursor: pointer;
1697
1931
 
1698
1932
  svg {
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)));
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
+ );
1703
1941
 
1704
1942
  path {
1705
1943
  // stroke: var(
@@ -1714,10 +1952,14 @@ $overflowSelector: ".flex__overflow";
1714
1952
 
1715
1953
  &:hover {
1716
1954
  svg {
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)));
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
+ );
1721
1963
 
1722
1964
  path {
1723
1965
  // stroke: var(
@@ -1734,14 +1976,20 @@ $overflowSelector: ".flex__overflow";
1734
1976
  cursor: pointer;
1735
1977
 
1736
1978
  svg {
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)));
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
+ );
1741
1987
 
1742
1988
  path {
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)));
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
+ );
1745
1993
  // Overrides the stroke-width presentation attribute baked into the icon markup.
1746
1994
  stroke-width: prepareMediaVariable(--_ctm-dn-pt-an-pt-an-de-se-wh, 1.25);
1747
1995
  }
@@ -1749,14 +1997,20 @@ $overflowSelector: ".flex__overflow";
1749
1997
 
1750
1998
  &:hover {
1751
1999
  svg {
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)));
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
+ );
1756
2008
 
1757
2009
  path {
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)));
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
+ );
1760
2014
  }
1761
2015
  }
1762
2016
  }
@@ -1817,32 +2071,62 @@ $overflowSelector: ".flex__overflow";
1817
2071
  border: none;
1818
2072
 
1819
2073
  .cart_item_accordion_title {
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)));
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
+ );
1846
2130
  @include cartDetailsTextFlow(--_ctm-dn-pt-as-ss);
1847
2131
  }
1848
2132
 
@@ -1880,24 +2164,46 @@ $overflowSelector: ".flex__overflow";
1880
2164
 
1881
2165
  .cart_item_accordion_price {
1882
2166
  white-space: nowrap;
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)));
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
+ );
1901
2207
  }
1902
2208
  }
1903
2209
  }
@@ -2437,31 +2743,59 @@ $overflowSelector: ".flex__overflow";
2437
2743
  line-height: 125%;
2438
2744
  margin-bottom: 4px;
2439
2745
 
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)));
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
+ );
2465
2799
  @include cartDetailsTextFlow(--_ctm-dn-pt-ne-ss);
2466
2800
  @include cartDetailsTextClamp;
2467
2801
  }
@@ -2476,36 +2810,66 @@ $overflowSelector: ".flex__overflow";
2476
2810
 
2477
2811
  span {
2478
2812
  // color: var(--_gray-600);
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))));
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
+ );
2493
2845
  // font-size: var(
2494
2846
  // --_ctm-mob-dn-pt-in-ss-ft-se,
2495
2847
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
2496
2848
  // );
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)));
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
+ );
2509
2873
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
2510
2874
 
2511
2875
  &:not(:last-child)::after {
@@ -2534,36 +2898,66 @@ $overflowSelector: ".flex__overflow";
2534
2898
 
2535
2899
  span {
2536
2900
  white-space: nowrap;
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))));
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
+ );
2551
2933
  // font-size: var(
2552
2934
  // --_ctm-mob-dn-pt-in-ss-ft-se,
2553
2935
  // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
2554
2936
  // );
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)));
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
+ );
2567
2961
  @include cartDetailsTextFlow(--_ctm-dn-pt-in-ss);
2568
2962
 
2569
2963
  &::after {
@@ -2689,33 +3083,63 @@ $overflowSelector: ".flex__overflow";
2689
3083
  // white-space: nowrap;
2690
3084
  // min-width: 80px;
2691
3085
  white-space: nowrap;
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)));
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
+ );
2712
3130
  text-align: right;
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)));
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
+ );
2719
3143
  @include cartDetailsTextFlow(--_ctm-dn-pt-pe-ss);
2720
3144
  min-width: 80px;
2721
3145
  }
@@ -2740,10 +3164,14 @@ $overflowSelector: ".flex__overflow";
2740
3164
  svg {
2741
3165
  padding: 4px;
2742
3166
  border-radius: 4px;
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)));
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
+ );
2747
3175
 
2748
3176
  path {
2749
3177
  // stroke: var(
@@ -2759,10 +3187,14 @@ $overflowSelector: ".flex__overflow";
2759
3187
  &:hover {
2760
3188
  svg {
2761
3189
  background-color: color-mix(in srgb, var(--_thm-cs-at-py) 10%, transparent);
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)));
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
+ );
2766
3198
 
2767
3199
  path {
2768
3200
  // stroke: var(
@@ -2793,38 +3225,68 @@ $overflowSelector: ".flex__overflow";
2793
3225
  // var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
2794
3226
  // );
2795
3227
  color: var(--_thm-cs-tt-ls-as);
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))));
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
+ );
2808
3256
 
2809
3257
  &.flex__overflow {
2810
3258
  white-space: normal;
2811
3259
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2812
3260
  }
2813
3261
 
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)));
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
+ );
2828
3290
  @include cartDetailsTextFlow(--_ctm-dn-pt-as-ss);
2829
3291
 
2830
3292
  .attr_val_info_detail {
@@ -2883,40 +3345,72 @@ $overflowSelector: ".flex__overflow";
2883
3345
  align-items: center;
2884
3346
  gap: 8px;
2885
3347
  white-space: nowrap;
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))));
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
+ );
2900
3380
 
2901
3381
  &.flex__overflow {
2902
3382
  white-space: normal;
2903
3383
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2904
3384
  }
2905
3385
 
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)));
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
+ );
2920
3414
  @include cartDetailsTextFlow(--_ctm-dn-pt-rd-io);
2921
3415
  @include cartDetailsTextClamp;
2922
3416
  }
@@ -2930,7 +3424,7 @@ $overflowSelector: ".flex__overflow";
2930
3424
  align-items: center;
2931
3425
  gap: 16px;
2932
3426
 
2933
- &>a,
3427
+ & > a,
2934
3428
  span {
2935
3429
  cursor: pointer;
2936
3430
  display: flex;
@@ -2938,7 +3432,7 @@ $overflowSelector: ".flex__overflow";
2938
3432
  border-radius: 4px;
2939
3433
  }
2940
3434
 
2941
- &>* {
3435
+ & > * {
2942
3436
  display: flex;
2943
3437
  align-items: center;
2944
3438
  justify-content: center;
@@ -2948,8 +3442,8 @@ $overflowSelector: ".flex__overflow";
2948
3442
  display: flex;
2949
3443
  }
2950
3444
 
2951
- &>a,
2952
- &>span {
3445
+ & > a,
3446
+ & > span {
2953
3447
  border-radius: 4px;
2954
3448
  padding: 4px;
2955
3449
  }
@@ -2958,12 +3452,20 @@ $overflowSelector: ".flex__overflow";
2958
3452
  cursor: pointer;
2959
3453
 
2960
3454
  svg {
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)));
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
+ );
2967
3469
 
2968
3470
  path {
2969
3471
  stroke: var(--_thm-cs-be-se-1);
@@ -2972,12 +3474,20 @@ $overflowSelector: ".flex__overflow";
2972
3474
 
2973
3475
  &:hover {
2974
3476
  svg {
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)));
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
+ );
2981
3491
 
2982
3492
  path {
2983
3493
  stroke: var(--_thm-cs-at-py);
@@ -2990,10 +3500,14 @@ $overflowSelector: ".flex__overflow";
2990
3500
  cursor: pointer;
2991
3501
 
2992
3502
  svg {
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)));
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
+ );
2997
3511
 
2998
3512
  path {
2999
3513
  stroke: var(--_thm-cs-be-se-1);
@@ -3002,10 +3516,14 @@ $overflowSelector: ".flex__overflow";
3002
3516
 
3003
3517
  &:hover {
3004
3518
  svg {
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)));
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
+ );
3009
3527
 
3010
3528
  path {
3011
3529
  stroke: var(--_thm-cs-at-py);
@@ -3018,14 +3536,20 @@ $overflowSelector: ".flex__overflow";
3018
3536
  cursor: pointer;
3019
3537
 
3020
3538
  svg {
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)));
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
+ );
3025
3547
 
3026
3548
  path {
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)));
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
+ );
3029
3553
  // Overrides the stroke-width presentation attribute baked into the icon markup.
3030
3554
  stroke-width: prepareMediaVariable(--_ctm-dn-pt-an-pt-an-de-se-wh, 1.25);
3031
3555
  }
@@ -3035,14 +3559,20 @@ $overflowSelector: ".flex__overflow";
3035
3559
  background-color: var(--_error-50);
3036
3560
 
3037
3561
  svg {
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)));
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
+ );
3042
3570
 
3043
3571
  path {
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)));
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
+ );
3046
3576
  }
3047
3577
  }
3048
3578
  }
@@ -3127,16 +3657,24 @@ $overflowSelector: ".flex__overflow";
3127
3657
  display: flex;
3128
3658
  justify-content: center;
3129
3659
  align-items: center;
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;
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;
3133
3667
 
3134
3668
  span {
3135
3669
  svg {
3136
3670
  path {
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))));
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
+ );
3140
3678
  }
3141
3679
  }
3142
3680
  }
@@ -3192,7 +3730,7 @@ $overflowSelector: ".flex__overflow";
3192
3730
  }
3193
3731
  }
3194
3732
 
3195
- .space-y-4>div {
3733
+ .space-y-4 > div {
3196
3734
  width: 100%;
3197
3735
  }
3198
3736
 
@@ -3395,14 +3933,16 @@ $overflowSelector: ".flex__overflow";
3395
3933
  width: 100%;
3396
3934
  position: absolute;
3397
3935
  background-color: var(--_gay-400);
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);
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
+ );
3406
3946
  background-size: 15px 15px;
3407
3947
  z-index: 10;
3408
3948
  }
@@ -3443,4 +3983,4 @@ $overflowSelector: ".flex__overflow";
3443
3983
  text-overflow: ellipsis;
3444
3984
  max-width: 100%;
3445
3985
  }
3446
- }
3986
+ }