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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
package/dist/quick-order-pad.scss CHANGED
@@ -106,6 +106,7 @@ $input-padding: 10px 12px;
106
106
  font-weight: 400;
107
107
  line-height: 20px;
108
108
  }
109
+
109
110
  .msd {
110
111
  width: 100%;
111
112
  }
@@ -115,12 +116,14 @@ $input-padding: 10px 12px;
115
116
  gap: 16px;
116
117
  width: 100%;
117
118
  }
119
+
118
120
  .add-btn {
119
121
  // background-color: $primary;
120
122
  // color: $white;
121
123
  padding: 10px 16px;
122
124
  height: 40px;
123
125
  gap: 6px;
126
+
124
127
  // border-radius: 4px;
125
128
  // font-weight: 600;
126
129
  // font-size: 14px;
@@ -133,10 +136,12 @@ $input-padding: 10px 12px;
133
136
  svg path {
134
137
  stroke: var(--_base-white);
135
138
  }
139
+
136
140
  &.disabled {
137
141
  opacity: 0.4;
138
142
  pointer-events: none;
139
143
  }
144
+
140
145
  .spinner {
141
146
  // margin-top: -3px;
142
147
  display: inline-block;
@@ -162,11 +167,13 @@ $input-padding: 10px 12px;
162
167
  // }
163
168
  }
164
169
  }
170
+
165
171
  .cart_products_wrapper {
166
172
  display: flex;
167
173
  flex-direction: column;
168
174
  gap: 12px;
169
175
  padding-inline: 24px;
176
+
170
177
  .cart_item_wrapper {
171
178
  padding-bottom: 24px;
172
179
 
@@ -178,10 +185,12 @@ $input-padding: 10px 12px;
178
185
  justify-content: space-between;
179
186
  // flex-direction: column;
180
187
  gap: 16px;
188
+
181
189
  .product_details_wrapper {
182
190
  display: flex;
183
191
  gap: 16px;
184
192
  padding-block: 4px;
193
+
185
194
  a {
186
195
  display: flex;
187
196
  align-items: center;
@@ -190,6 +199,7 @@ $input-padding: 10px 12px;
190
199
  overflow: hidden;
191
200
  }
192
201
  }
202
+
193
203
  .product_qty_price_wrapper {
194
204
  display: flex;
195
205
  justify-content: space-between;
@@ -213,6 +223,7 @@ $input-padding: 10px 12px;
213
223
  border: 0.5px solid var(--_thm-cs-be-se-3);
214
224
  background: #fff;
215
225
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
226
+
216
227
  &:focus-within {
217
228
  box-shadow: 0 0 0 3px var(--_gray-100);
218
229
  }
@@ -223,6 +234,7 @@ $input-padding: 10px 12px;
223
234
  align-items: center;
224
235
  border-radius: 8px 0px 0px 8px;
225
236
  height: 40px;
237
+
226
238
  p {
227
239
  color: var(--_thm-ty-p1-tt-cr);
228
240
  font-size: var(--_thm-ty-p1-ft-se);
@@ -232,6 +244,7 @@ $input-padding: 10px 12px;
232
244
  white-space: nowrap;
233
245
  }
234
246
  }
247
+
235
248
  .product_qty_input_container {
236
249
  height: 40px;
237
250
  display: flex;
@@ -241,10 +254,12 @@ $input-padding: 10px 12px;
241
254
  background: #fff;
242
255
  border-left: 1px solid var(--_thm-cs-be-se-3);
243
256
  padding: 8px 12px;
257
+
244
258
  .svg_icon {
245
259
  position: absolute;
246
260
  top: 8px;
247
261
  right: 0px;
262
+
248
263
  g {
249
264
  rect {
250
265
  fill: var(--_gray-500);
@@ -254,6 +269,7 @@ $input-padding: 10px 12px;
254
269
  }
255
270
  }
256
271
  }
272
+
257
273
  .product_qty_number {
258
274
  // display: flex;
259
275
  // padding: 8px 12px;
@@ -271,6 +287,7 @@ $input-padding: 10px 12px;
271
287
  // max-width: 80px;
272
288
  text-align: center;
273
289
  width: 75%;
290
+
274
291
  &::-webkit-outer-spin-button,
275
292
  &::-webkit-inner-spin-button {
276
293
  -webkit-appearance: none;
@@ -289,69 +306,61 @@ $input-padding: 10px 12px;
289
306
  // white-space: nowrap;
290
307
  // min-width: 80px;
291
308
  white-space: nowrap;
292
- color: var(
293
- --_ctm-mob-dn-pt-pe-ss-cr,
294
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
295
- );
296
- font-family: var(
297
- --_sf-hr-ff,
298
- var(
299
- --_ctm-mob-dn-pt-pe-ss-ft-fy,
300
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
301
- )
302
- );
303
- font-size: var(
304
- --_ctm-mob-dn-pt-pe-ss-ft-se,
305
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
306
- );
307
- font-weight: var(
308
- --_ctm-mob-dn-pt-pe-ss-ft-wt,
309
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
310
- );
311
- font-style: var(
312
- --_ctm-mob-dn-pt-pe-ss-ft-se-ic,
313
- var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic))
314
- );
309
+ color: var(--_ctm-mob-dn-pt-pe-ss-cr,
310
+ var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr)));
311
+ font-family: var(--_sf-hr-ff,
312
+ var(--_ctm-mob-dn-pt-pe-ss-ft-fy,
313
+ var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))));
314
+ text-transform: var(--_sf-hr-tt-tm,
315
+ var(--_ctm-mob-dn-pt-pe-ss-tt-tm,
316
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))));
317
+ word-wrap: var(--_sf-hr-wd-wp,
318
+ var(--_ctm-mob-dn-pt-pe-ss-wd-wp,
319
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))));
320
+ word-break: var(--_sf-hr-wd-bk,
321
+ var(--_ctm-mob-dn-pt-pe-ss-wd-bk,
322
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))));
323
+ font-size: var(--_ctm-mob-dn-pt-pe-ss-ft-se,
324
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se)));
325
+ font-weight: var(--_ctm-mob-dn-pt-pe-ss-ft-wt,
326
+ var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt)));
327
+ font-style: var(--_ctm-mob-dn-pt-pe-ss-ft-se-ic,
328
+ var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic)));
315
329
  text-align: right;
316
- letter-spacing: var(
317
- --_ctm-mob-dn-pt-pe-ss-lr-sg,
318
- var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg))
319
- );
320
- line-height: var(
321
- --_ctm-mob-dn-pt-pe-ss-le-ht,
322
- var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht))
323
- );
324
- text-decoration: var(
325
- --_ctm-mob-dn-pt-pe-ss-ue,
326
- var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue))
327
- );
330
+ letter-spacing: var(--_ctm-mob-dn-pt-pe-ss-lr-sg,
331
+ var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg)));
332
+ line-height: var(--_ctm-mob-dn-pt-pe-ss-le-ht,
333
+ var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht)));
334
+ text-decoration: var(--_ctm-mob-dn-pt-pe-ss-ue,
335
+ var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue)));
328
336
  min-width: 80px;
329
337
  }
330
338
  }
339
+
331
340
  .product_customization_container {
332
341
  display: flex;
333
342
  justify-content: space-between;
334
343
  align-items: center;
335
344
  padding-top: 16px;
336
345
  border-top: 1px solid var(--_thm-cs-be-se-3);
346
+
337
347
  .product_customization_left_container {
338
348
  display: flex;
339
349
  align-items: center;
340
350
  gap: 16px;
341
351
  min-height: 28px;
352
+
342
353
  .wishlist_icon {
343
354
  cursor: pointer;
355
+
344
356
  svg {
345
357
  padding: 4px;
346
358
  border-radius: 4px;
347
- width: var(
348
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
349
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
350
- );
351
- height: var(
352
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
353
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
354
- );
359
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
360
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
361
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
362
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
363
+
355
364
  path {
356
365
  // stroke: var(
357
366
  // --_ctm-mob-dn-pt-an-pt-an-wt-in-c1,
@@ -362,17 +371,15 @@ $input-padding: 10px 12px;
362
371
  stroke: var(--_thm-cs-be-se-1);
363
372
  }
364
373
  }
374
+
365
375
  &:hover {
366
376
  svg {
367
377
  background-color: color-mix(in srgb, var(--_thm-cs-at-py) 10%, transparent);
368
- width: var(
369
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
370
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
371
- );
372
- height: var(
373
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
374
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
375
- );
378
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
379
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
380
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
381
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
382
+
376
383
  path {
377
384
  // stroke: var(
378
385
  // --_ctm-mob-dn-pt-an-pt-an-wt-in-c1,
@@ -383,6 +390,7 @@ $input-padding: 10px 12px;
383
390
  }
384
391
  }
385
392
  }
393
+
386
394
  .svg_icon {
387
395
  display: flex;
388
396
  // svg path {
@@ -401,49 +409,49 @@ $input-padding: 10px 12px;
401
409
  // var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
402
410
  // );
403
411
  color: var(--_thm-cs-tt-ls-as);
404
- font-family: var(
405
- --_sf-hr-ff,
406
- var(
407
- --_ctm-mob-dn-pt-as-ss-ft-fy,
408
- var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
409
- )
410
- );
411
- font-size: var(
412
- --_ctm-mob-dn-pt-as-ss-ft-se,
413
- var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
414
- );
415
- font-weight: var(
416
- --_ctm-mob-dn-pt-as-ss-ft-wt,
417
- var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
418
- );
419
- font-style: var(
420
- --_ctm-mob-dn-pt-as-ss-ft-se-ic,
421
- var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
422
- );
423
- text-align: var(
424
- --_ctm-mob-dn-pt-as-ss-tt-an,
425
- var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an))
426
- );
427
- letter-spacing: var(
428
- --_ctm-mob-dn-pt-as-ss-lr-sg,
429
- var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
430
- );
431
- line-height: var(
432
- --_ctm-mob-dn-pt-as-ss-le-ht,
433
- var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
434
- );
435
- text-decoration: var(
436
- --_ctm-mob-dn-pt-as-ss-ue,
437
- var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
438
- );
412
+ font-family: var(--_sf-hr-ff,
413
+ var(--_ctm-mob-dn-pt-as-ss-ft-fy,
414
+ var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))));
415
+ text-transform: var(--_sf-hr-tt-tm,
416
+ var(--_ctm-mob-dn-pt-as-ss-tt-tm,
417
+ var(--_ctm-tab-dn-pt-as-ss-tt-tm, var(--_ctm-dn-pt-as-ss-tt-tm))));
418
+ word-wrap: var(--_sf-hr-wd-wp,
419
+ var(--_ctm-mob-dn-pt-as-ss-wd-wp,
420
+ var(--_ctm-tab-dn-pt-as-ss-wd-wp, var(--_ctm-dn-pt-as-ss-wd-wp))));
421
+ word-break: var(--_sf-hr-wd-bk,
422
+ var(--_ctm-mob-dn-pt-as-ss-wd-bk,
423
+ var(--_ctm-tab-dn-pt-as-ss-wd-bk, var(--_ctm-dn-pt-as-ss-wd-bk))));
424
+
425
+ &.flex__overflow {
426
+ white-space: normal;
427
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
428
+ }
429
+
430
+ font-size: var(--_ctm-mob-dn-pt-as-ss-ft-se,
431
+ var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se)));
432
+ font-weight: var(--_ctm-mob-dn-pt-as-ss-ft-wt,
433
+ var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt)));
434
+ font-style: var(--_ctm-mob-dn-pt-as-ss-ft-se-ic,
435
+ var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic)));
436
+ text-align: var(--_ctm-mob-dn-pt-as-ss-tt-an,
437
+ var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an)));
438
+ letter-spacing: var(--_ctm-mob-dn-pt-as-ss-lr-sg,
439
+ var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg)));
440
+ line-height: var(--_ctm-mob-dn-pt-as-ss-le-ht,
441
+ var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht)));
442
+ text-decoration: var(--_ctm-mob-dn-pt-as-ss-ue,
443
+ var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue)));
444
+
439
445
  .attr_val_info_detail {
440
446
  b {
441
447
  margin-right: 4px;
442
448
  }
443
449
  }
450
+
444
451
  .svg_icon {
445
452
  display: flex;
446
453
  transition: all 400ms linear;
454
+
447
455
  svg {
448
456
  path {
449
457
  // stroke: var(
@@ -452,6 +460,7 @@ $input-padding: 10px 12px;
452
460
  // );
453
461
  stroke: var(--_thm-cs-tt-ls-as);
454
462
  }
463
+
455
464
  width: 18px;
456
465
  height: 18px;
457
466
  // margin-top: 2px;
@@ -459,91 +468,96 @@ $input-padding: 10px 12px;
459
468
  }
460
469
  }
461
470
  }
471
+
462
472
  .attributes_validation_info_sec {
463
473
  display: flex;
464
474
  justify-content: center;
465
475
  align-items: center;
466
476
  gap: 4px;
467
477
  white-space: nowrap;
478
+
468
479
  b {
469
480
  margin-right: 4px;
470
481
  }
471
482
  }
483
+
472
484
  .svg_icon svg {
473
485
  vertical-align: middle;
474
486
  }
487
+
475
488
  .svg_icon.down svg {
476
489
  transform: rotate(180deg);
477
490
  transition: transform 400ms linear;
478
491
  // width: 20px;
479
492
  // height: 20px;
480
493
  }
494
+
481
495
  .customizationInfo_button {
482
496
  display: flex;
483
497
  justify-content: center;
484
498
  align-items: center;
485
499
  gap: 8px;
486
500
  white-space: nowrap;
487
- color: var(
488
- --_ctm-mob-dn-pt-rd-io-cr,
489
- var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr))
490
- );
491
- font-family: var(
492
- --_sf-hr-ff,
493
- var(
494
- --_ctm-mob-dn-pt-rd-io-ft-fy,
495
- var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
496
- )
497
- );
498
- font-size: var(
499
- --_ctm-mob-dn-pt-rd-io-ft-se,
500
- var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))
501
- );
502
- font-weight: var(
503
- --_ctm-mob-dn-pt-rd-io-ft-wt,
504
- var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt))
505
- );
506
- font-style: var(
507
- --_ctm-mob-dn-pt-rd-io-ft-se-ic,
508
- var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic))
509
- );
510
- text-align: var(
511
- --_ctm-mob-dn-pt-rd-io-tt-an,
512
- var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an))
513
- );
514
- letter-spacing: var(
515
- --_ctm-mob-dn-pt-rd-io-lr-sg,
516
- var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg))
517
- );
518
- line-height: var(
519
- --_ctm-mob-dn-pt-rd-io-le-ht,
520
- var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht))
521
- );
522
- text-decoration: var(
523
- --_ctm-mob-dn-pt-qy-ss-ue,
524
- var(--_ctm-tab-dn-pt-qy-ss-ue, var(--_ctm-dn-pt-qy-ss-ue))
525
- );
501
+ color: var(--_ctm-mob-dn-pt-rd-io-cr,
502
+ var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr)));
503
+ font-family: var(--_sf-hr-ff,
504
+ var(--_ctm-mob-dn-pt-rd-io-ft-fy,
505
+ var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))));
506
+ text-transform: var(--_sf-hr-tt-tm,
507
+ var(--_ctm-mob-dn-pt-rd-io-tt-tm,
508
+ var(--_ctm-tab-dn-pt-rd-io-tt-tm, var(--_ctm-dn-pt-rd-io-tt-tm))));
509
+ word-wrap: var(--_sf-hr-wd-wp,
510
+ var(--_ctm-mob-dn-pt-rd-io-wd-wp,
511
+ var(--_ctm-tab-dn-pt-rd-io-wd-wp, var(--_ctm-dn-pt-rd-io-wd-wp))));
512
+ word-break: var(--_sf-hr-wd-bk,
513
+ var(--_ctm-mob-dn-pt-rd-io-wd-bk,
514
+ var(--_ctm-tab-dn-pt-rd-io-wd-bk, var(--_ctm-dn-pt-rd-io-wd-bk))));
515
+
516
+ &.flex__overflow {
517
+ white-space: normal;
518
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
519
+ }
520
+
521
+ font-size: var(--_ctm-mob-dn-pt-rd-io-ft-se,
522
+ var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se)));
523
+ font-weight: var(--_ctm-mob-dn-pt-rd-io-ft-wt,
524
+ var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt)));
525
+ font-style: var(--_ctm-mob-dn-pt-rd-io-ft-se-ic,
526
+ var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic)));
527
+ text-align: var(--_ctm-mob-dn-pt-rd-io-tt-an,
528
+ var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an)));
529
+ letter-spacing: var(--_ctm-mob-dn-pt-rd-io-lr-sg,
530
+ var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg)));
531
+ line-height: var(--_ctm-mob-dn-pt-rd-io-le-ht,
532
+ var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht)));
533
+ text-decoration: var(--_ctm-mob-dn-pt-qy-ss-ue,
534
+ var(--_ctm-tab-dn-pt-qy-ss-ue, var(--_ctm-dn-pt-qy-ss-ue)));
526
535
  }
527
536
  }
528
537
  }
529
538
  }
530
539
  }
531
540
  }
541
+
532
542
  &:not(:last-child) {
533
543
  border-bottom: 0.5px solid var(--_gray-300);
534
544
  }
545
+
535
546
  &:not(:first-child) {
536
547
  margin-top: 12px !important;
537
548
  }
549
+
538
550
  .product_price {
539
551
  margin-top: 10px;
540
552
  }
553
+
541
554
  .product_info_container {
542
555
  .product_title {
543
556
  font-weight: 600;
544
557
  text-decoration: none;
545
558
  color: var(--_gray-900);
546
559
  }
560
+
547
561
  .product_code,
548
562
  .product_options {
549
563
  color: var(--_thm-cs-at-sy);
@@ -554,19 +568,24 @@ $input-padding: 10px 12px;
554
568
  font-weight: 600;
555
569
  }
556
570
  }
571
+
557
572
  .product_qty_price_wrapper {
558
573
  // gap: 12px !important;
559
574
  gap: 16px;
560
575
  margin-left: auto;
576
+
561
577
  .product_qty_wrapper {
562
578
  width: 120px;
563
579
  }
580
+
564
581
  .dropdown-input-section {
565
582
  height: 42px;
583
+
566
584
  .product_title {
567
585
  color: var(--_gray-900);
568
586
  font-weight: 600;
569
587
  }
588
+
570
589
  .text_ellipsis {
571
590
  color: var(--_gray-600);
572
591
  }
@@ -581,88 +600,82 @@ $input-padding: 10px 12px;
581
600
  gap: 16px;
582
601
  min-width: 100px;
583
602
  margin-top: 4px;
584
- & > a,
603
+
604
+ &>a,
585
605
  span {
586
606
  cursor: pointer;
587
607
  display: flex;
588
608
  align-items: center;
589
609
  border-radius: 4px;
590
610
  }
591
- & > * {
611
+
612
+ &>* {
592
613
  display: flex;
593
614
  align-items: center;
594
615
  justify-content: center;
595
616
  }
617
+
596
618
  button {
597
619
  display: flex;
598
620
  }
599
- & > a,
600
- & > span {
621
+
622
+ &>a,
623
+ &>span {
601
624
  border-radius: 4px;
602
625
  padding: 4px;
603
626
  }
627
+
604
628
  .edit_icon {
605
629
  cursor: pointer;
630
+
606
631
  svg {
607
- width: var(
608
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
609
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se, var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se))
610
- );
611
- height: var(
612
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
613
- var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se, var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se))
614
- );
632
+ width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
633
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se, var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
634
+ height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
635
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se, var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
636
+
615
637
  path {
616
638
  stroke: var(--_thm-cs-be-se-1);
617
639
  }
618
640
  }
641
+
619
642
  &:hover {
620
643
  svg {
621
- width: var(
622
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
623
- var(
624
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
625
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
626
- )
627
- );
628
- height: var(
629
- --_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
630
- var(
631
- --_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
632
- var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)
633
- )
634
- );
644
+ width: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
645
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
646
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
647
+ height: var(--_ctm-mob-dn-pt-an-pt-an-et-dt-se-in-se,
648
+ var(--_ctm-tab-dn-pt-an-pt-an-et-dt-se-in-se,
649
+ var(--_ctm-dn-pt-an-pt-an-et-dt-se-in-se)));
650
+
635
651
  path {
636
652
  stroke: var(--_thm-cs-at-py);
637
653
  }
638
654
  }
639
655
  }
640
656
  }
657
+
641
658
  .wishlist_icon {
642
659
  cursor: pointer;
660
+
643
661
  svg {
644
- width: var(
645
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
646
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
647
- );
648
- height: var(
649
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
650
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
651
- );
662
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
663
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
664
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
665
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
666
+
652
667
  path {
653
668
  stroke: var(--_thm-cs-be-se-1);
654
669
  }
655
670
  }
671
+
656
672
  &:hover {
657
673
  svg {
658
- width: var(
659
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
660
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
661
- );
662
- height: var(
663
- --_ctm-mob-dn-pt-an-pt-an-wt-in-se,
664
- var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se))
665
- );
674
+ width: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
675
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
676
+ height: var(--_ctm-mob-dn-pt-an-pt-an-wt-in-se,
677
+ var(--_ctm-tab-dn-pt-an-pt-an-wt-in-se, var(--_ctm-dn-pt-an-pt-an-wt-in-se)));
678
+
666
679
  path {
667
680
  stroke: var(--_thm-cs-at-py);
668
681
  }
@@ -674,62 +687,59 @@ $input-padding: 10px 12px;
674
687
  cursor: pointer;
675
688
 
676
689
  svg {
677
- width: var(
678
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
679
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
680
- );
681
- height: var(
682
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
683
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
684
- );
690
+ width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
691
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
692
+ height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
693
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
694
+
685
695
  path {
686
- stroke: var(
687
- --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
688
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
689
- );
696
+ stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
697
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
690
698
  // Overrides the stroke-width presentation attribute baked into the icon markup.
691
699
  stroke-width: prepareMediaVariable(--_ctm-dn-pt-an-pt-an-de-se-wh, 1.25);
692
700
  }
693
701
  }
702
+
694
703
  &:hover {
695
704
  background-color: var(--_error-50);
705
+
696
706
  svg {
697
- width: var(
698
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
699
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
700
- );
701
- height: var(
702
- --_ctm-mob-dn-pt-an-pt-an-de-in-se,
703
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se))
704
- );
707
+ width: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
708
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
709
+ height: var(--_ctm-mob-dn-pt-an-pt-an-de-in-se,
710
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-se, var(--_ctm-dn-pt-an-pt-an-de-in-se)));
711
+
705
712
  path {
706
- stroke: var(
707
- --_ctm-mob-dn-pt-an-pt-an-de-in-c1,
708
- var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1))
709
- );
713
+ stroke: var(--_ctm-mob-dn-pt-an-pt-an-de-in-c1,
714
+ var(--_ctm-tab-dn-pt-an-pt-an-de-in-c1, var(--_ctm-dn-pt-an-pt-an-de-in-c1)));
710
715
  }
711
716
  }
712
717
  }
713
718
  }
719
+
714
720
  .svg_icon {
715
721
  display: flex;
716
722
  justify-content: center;
717
723
  align-items: center;
718
724
  }
725
+
719
726
  .product_action_button {
720
727
  display: flex;
721
728
  justify-content: center;
722
729
  align-items: center;
723
730
  gap: 8px;
724
731
  }
732
+
725
733
  a {
726
734
  width: 33%;
727
735
  display: flex;
728
736
  justify-content: center;
729
737
  border-radius: 4px;
730
738
  padding: 4px !important;
739
+
731
740
  &:hover {
732
741
  background-color: color-mix(in srgb, var(--_thm-cs-at-py) 10%, transparent);
742
+
733
743
  svg {
734
744
  path {
735
745
  stroke: var(--_thm-cs-at-py);
@@ -737,28 +747,34 @@ $input-padding: 10px 12px;
737
747
  }
738
748
  }
739
749
  }
750
+
740
751
  button {
741
752
  display: flex;
742
753
  justify-content: center;
743
754
  border-radius: 4px;
744
755
  padding: 8px 16px !important;
745
756
  }
757
+
746
758
  span:has(.cart-dropdown-container) {
747
759
  width: 100%;
748
760
  display: flex;
749
761
  justify-content: center;
750
762
  border-radius: 4px;
763
+
751
764
  button {
752
765
  width: 100%;
753
766
  padding: 0 !important;
767
+
754
768
  span {
755
769
  display: flex;
756
770
  align-items: center;
757
771
  border-radius: 4px;
758
772
  }
759
773
  }
774
+
760
775
  &:hover {
761
776
  background-color: color-mix(in srgb, var(--_thm-cs-at-py) 10%, transparent);
777
+
762
778
  span {
763
779
  svg {
764
780
  path {
@@ -768,41 +784,38 @@ $input-padding: 10px 12px;
768
784
  }
769
785
  }
770
786
  }
787
+
771
788
  .line_divider {
772
789
  height: 12px;
773
790
  background: var(--_thm-cs-be-se-3);
774
791
  width: 1px;
775
792
  }
793
+
776
794
  .primary_link {
777
795
  display: flex;
778
796
  justify-content: center;
779
797
  align-items: center;
780
- color: var(
781
- --_sf-ft-clr,
782
- var(
783
- --_ctm-mob-ty-bs-dt-se-tt-cr,
784
- var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit))
785
- )
786
- ) !important;
798
+ color: var(--_sf-ft-clr,
799
+ var(--_ctm-mob-ty-bs-dt-se-tt-cr,
800
+ var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit)))) !important;
801
+
787
802
  span {
788
803
  svg {
789
804
  path {
790
- stroke: var(
791
- --_sf-ft-clr,
792
- var(
793
- --_ctm-mob-ty-bs-dt-se-tt-cr,
794
- var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit))
795
- )
796
- );
805
+ stroke: var(--_sf-ft-clr,
806
+ var(--_ctm-mob-ty-bs-dt-se-tt-cr,
807
+ var(--_ctm-tab-ty-bs-dt-se-tt-cr, var(--_thm-ty-bs-dt-se-tt-cr, inherit))));
797
808
  }
798
809
  }
799
810
  }
800
811
  }
812
+
801
813
  .destructive {
802
814
  color: var(--_gray-900);
803
815
  display: flex;
804
816
  align-items: center;
805
817
  justify-content: center;
818
+
806
819
  span {
807
820
  svg {
808
821
  path {
@@ -810,9 +823,11 @@ $input-padding: 10px 12px;
810
823
  }
811
824
  }
812
825
  }
826
+
813
827
  &:hover {
814
828
  color: var(--_error-500);
815
829
  background-color: var(--_error-50);
830
+
816
831
  span {
817
832
  svg {
818
833
  path {
@@ -830,10 +845,12 @@ $input-padding: 10px 12px;
830
845
  font-weight: 400;
831
846
  line-height: 24px;
832
847
  }
848
+
833
849
  .remove-btn {
834
850
  color: var(--_error-500);
835
851
  padding: 8px 16px;
836
852
  border-radius: 4px;
853
+
837
854
  &:hover {
838
855
  background: var(--_error-50);
839
856
  }
@@ -845,7 +862,8 @@ $input-padding: 10px 12px;
845
862
  from {
846
863
  transform: rotate(0deg);
847
864
  }
865
+
848
866
  to {
849
867
  transform: rotate(360deg);
850
868
  }
851
- }
869
+ }