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

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