@sc-360-v2/storefront-cms-library 0.3.48 → 0.3.50

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 (63) hide show
  1. package/dist/add-products-tab copy.scss +1 -1
  2. package/dist/add-products-tab.scss +54 -24
  3. package/dist/allocationDetails.scss +36 -33
  4. package/dist/allocations.scss +7 -11
  5. package/dist/badge.scss +1 -1
  6. package/dist/builder.js +1 -1
  7. package/dist/bulk-variant-picker.scss +21 -23
  8. package/dist/button copy.scss +2 -3
  9. package/dist/button.scss +1 -1
  10. package/dist/buy-for-tab.scss +31 -34
  11. package/dist/buyForHeaders.scss +879 -55
  12. package/dist/cart-details.scss +4 -1
  13. package/dist/cart-summary.scss +161 -0
  14. package/dist/cartDropdownOverlay.scss +4 -2
  15. package/dist/checkout.scss +4 -0
  16. package/dist/confirmationModal.scss +0 -1
  17. package/dist/container.scss +1 -1
  18. package/dist/dropdownTemplate.scss +21 -5
  19. package/dist/empty-states.scss +34 -1
  20. package/dist/emtpy-templates.scss +84 -0
  21. package/dist/filters.scss +3 -5
  22. package/dist/globals.scss +16 -3
  23. package/dist/grid.scss +9 -2
  24. package/dist/icon-list.scss +3 -3
  25. package/dist/image-temp.scss +6 -4
  26. package/dist/item-stock.scss +1 -1
  27. package/dist/language-selector.scss +5 -5
  28. package/dist/layouter-pro-item.scss +1 -1
  29. package/dist/layouter-pro.scss +1 -1
  30. package/dist/menu-item.scss +1 -1
  31. package/dist/menu-v2.scss +3 -5
  32. package/dist/order-status.scss +96 -53
  33. package/dist/overflow-module.scss +1 -1
  34. package/dist/past-orders.scss +1 -1
  35. package/dist/payment-methods.scss +1 -1
  36. package/dist/position-module.scss +1 -1
  37. package/dist/prefix-list.scss +1 -1
  38. package/dist/product-actions.scss +19 -19
  39. package/dist/product-basic-elements.scss +13 -13
  40. package/dist/product-options.scss +6 -7
  41. package/dist/product-sizechart.scss +9 -15
  42. package/dist/profile.scss +1 -1
  43. package/dist/quantity-selector.scss +11 -11
  44. package/dist/quick-links.scss +1 -1
  45. package/dist/quotes.scss +1 -1
  46. package/dist/repeater.scss +3 -5
  47. package/dist/responsive-behaviour.scss +1 -1
  48. package/dist/rfqs.scss +1 -1
  49. package/dist/section.scss +1 -1
  50. package/dist/shipping-payments.scss +5 -1
  51. package/dist/stack.scss +1 -1
  52. package/dist/text-temp-v2.scss +3 -3
  53. package/dist/types/builder/enums/index.d.ts +2 -1
  54. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +1 -0
  55. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +23 -1
  56. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +990 -210
  57. package/dist/types/builder/tools/element-edit/userElements.d.ts +120 -0
  58. package/dist/user-elements copy.scss +1437 -0
  59. package/dist/user-elements.scss +263 -175
  60. package/dist/variant-picker.scss +16 -13
  61. package/dist/video.scss +1 -1
  62. package/dist/widget.scss +1 -0
  63. package/package.json +1 -1
@@ -1,13 +1,71 @@
1
1
  .buy-for-container {
2
- padding: 1rem;
3
- font-family: "Arial", sans-serif;
2
+ // padding: 1rem;
3
+ // font-family: "Arial", sans-serif;
4
+ display: flex;
5
+ flex-direction: column;
6
+ border-color: var(
7
+ --_ctm-mob-buy-dn-by-fr-wr-br-cr,
8
+ var(--_ctm-tab-buy-dn-by-fr-wr-br-cr, var(--_ctm-buy-dn-by-fr-wr-br-cr))
9
+ );
10
+ border-style: var(
11
+ --_ctm-mob-buy-dn-by-fr-wr-br-se,
12
+ var(--_ctm-tab-buy-dn-by-fr-wr-br-se, var(--_ctm-buy-dn-by-fr-wr-br-se))
13
+ );
14
+ border-width: var(
15
+ --_ctm-mob-buy-dn-by-fr-wr-br-wh,
16
+ var(--_ctm-tab-buy-dn-by-fr-wr-br-wh, var(--_ctm-buy-dn-by-fr-wr-br-wh))
17
+ );
18
+ border-radius: var(
19
+ --_ctm-mob-buy-dn-by-fr-wr-br-rs,
20
+ var(--_ctm-tab-buy-dn-by-fr-wr-br-rs, var(--_ctm-buy-dn-by-fr-wr-br-rs))
21
+ );
22
+ gap: var(
23
+ --_ctm-mob-buy-dn-by-fr-wr-im-gp,
24
+ var(--_ctm-tab-buy-dn-by-fr-wr-im-gp, var(--_ctm-buy-dn-by-fr-wr-im-gp))
25
+ );
26
+ padding: var(
27
+ --_ctm-mob-buy-dn-by-fr-wr-pg,
28
+ var(--_ctm-tab-buy-dn-by-fr-wr-pg, var(--_ctm-buy-dn-by-fr-wr-pg))
29
+ );
30
+ background-color: var(
31
+ --_ctm-mob-buy-dn-by-fr-wr-bd-cr,
32
+ var(--_ctm-tab-buy-dn-by-fr-wr-bd-cr, var(--_ctm-buy-dn-by-fr-wr-bd-cr))
33
+ );
4
34
 
5
35
  .buy-for-header {
6
36
  display: flex;
7
37
  flex-wrap: wrap;
8
38
  justify-content: space-between;
9
39
  align-items: center;
10
- margin-bottom: 1rem;
40
+ // margin-bottom: 1rem;
41
+ border-color: var(
42
+ --_ctm-mob-buy-dn-by-fr-hr-hr-cr-br-cr,
43
+ var(--_ctm-tab-buy-dn-by-fr-hr-hr-cr-br-cr, var(--_ctm-buy-dn-by-fr-hr-hr-cr-br-cr))
44
+ );
45
+ border-style: var(
46
+ --_ctm-mob-buy-dn-by-fr-hr-hr-cr-br-se,
47
+ var(--_ctm-tab-buy-dn-by-fr-hr-hr-cr-br-se, var(--_ctm-buy-dn-by-fr-hr-hr-cr-br-se))
48
+ );
49
+ border-width: var(
50
+ --_ctm-mob-buy-dn-by-fr-hr-hr-cr-br-wh,
51
+ var(--_ctm-tab-buy-dn-by-fr-hr-hr-cr-br-wh, var(--_ctm-buy-dn-by-fr-hr-hr-cr-br-wh))
52
+ );
53
+ border-radius: var(
54
+ --_ctm-mob-buy-dn-by-fr-hr-hr-cr-br-rs,
55
+ var(--_ctm-tab-buy-dn-by-fr-hr-hr-cr-br-rs, var(--_ctm-buy-dn-by-fr-hr-hr-cr-br-rs))
56
+ );
57
+ gap: var(
58
+ --_ctm-mob-buy-dn-by-fr-hr-hr-cr-im-gp,
59
+ var(--_ctm-tab-buy-dn-by-fr-hr-hr-cr-im-gp, var(--_ctm-buy-dn-by-fr-hr-hr-cr-im-gp))
60
+ );
61
+ padding: var(
62
+ --_ctm-mob-buy-dn-by-fr-hr-hr-cr-pg,
63
+ var(--_ctm-tab-buy-dn-by-fr-hr-hr-cr-pg, var(--_ctm-buy-dn-by-fr-hr-hr-cr-pg))
64
+ );
65
+ background-color: var(
66
+ --_ctm-mob-buy-dn-by-fr-hr-hr-cr-bd-cr,
67
+ var(--_ctm-tab-buy-dn-by-fr-hr-hr-cr-bd-cr, var(--_ctm-buy-dn-by-fr-hr-hr-cr-bd-cr))
68
+ );
11
69
  .buy-for-header-subtitle {
12
70
  display: flex;
13
71
  align-items: center;
@@ -15,23 +73,101 @@
15
73
  font-size: 14px;
16
74
  font-weight: normal;
17
75
  color: var(--_gray-600);
76
+ .svg_icon {
77
+ display: flex;
78
+ justify-content: center;
79
+ align-items: center;
80
+ }
81
+ .subtitle_container {
82
+ // color: var(--_gray-500);
83
+ // font-weight: 700;
84
+ // font-size: 16px;
85
+ // line-height: 24px;
86
+ font-family: var(
87
+ --_ctm-mob-buy-dn-by-fr-hr-ae-tb-te-ft-fy,
88
+ var(--_ctm-tab-buy-dn-by-fr-hr-ae-tb-te-ft-fy, var(--_ctm-buy-dn-by-fr-hr-ae-tb-te-ft-fy))
89
+ );
90
+ font-size: var(
91
+ --_ctm-mob-buy-dn-by-fr-hr-ae-tb-te-ft-se,
92
+ var(--_ctm-tab-buy-dn-by-fr-hr-ae-tb-te-ft-se, var(--_ctm-buy-dn-by-fr-hr-ae-tb-te-ft-se))
93
+ );
94
+ color: var(
95
+ --_ctm-mob-buy-dn-by-fr-hr-ae-tb-te-cr,
96
+ var(--_ctm-tab-buy-dn-by-fr-hr-ae-tb-te-cr, var(--_ctm-buy-dn-by-fr-hr-ae-tb-te-cr))
97
+ );
98
+ font-weight: var(
99
+ --_ctm-mob-buy-dn-by-fr-hr-ae-tb-te-ft-wt,
100
+ var(--_ctm-tab-buy-dn-by-fr-hr-ae-tb-te-ft-wt, var(--_ctm-buy-dn-by-fr-hr-ae-tb-te-ft-wt))
101
+ );
102
+ text-decoration: var(
103
+ --_ctm-mob-buy-dn-by-fr-hr-ae-tb-te-ue,
104
+ var(--_ctm-tab-buy-dn-by-fr-hr-ae-tb-te-ue, var(--_ctm-buy-dn-by-fr-hr-ae-tb-te-ue))
105
+ );
106
+ letter-spacing: var(
107
+ --_ctm-mob-buy-dn-by-fr-hr-ae-tb-te-lr-sg,
108
+ var(--_ctm-tab-buy-dn-by-fr-hr-ae-tb-te-lr-sg, var(--_ctm-buy-dn-by-fr-hr-ae-tb-te-lr-sg))
109
+ );
110
+ line-height: var(
111
+ --_ctm-mob-buy-dn-by-fr-hr-ae-tb-te-le-ht,
112
+ var(--_ctm-tab-buy-dn-by-fr-hr-ae-tb-te-le-ht, var(--_ctm-buy-dn-by-fr-hr-ae-tb-te-le-ht))
113
+ );
114
+ font-style: var(
115
+ --_ctm-mob-buy-dn-by-fr-hr-ae-tb-te-ft-se-ic,
116
+ var(
117
+ --_ctm-tab-buy-dn-by-fr-hr-ae-tb-te-ft-se-ic,
118
+ var(--_ctm-buy-dn-by-fr-hr-ae-tb-te-ft-se-ic)
119
+ )
120
+ );
121
+ text-align: var(
122
+ --_ctm-mob-buy-dn-by-fr-hr-ae-tb-te-tt-an,
123
+ var(--_ctm-tab-buy-dn-by-fr-hr-ae-tb-te-tt-an, var(--_ctm-buy-dn-by-fr-hr-ae-tb-te-tt-an))
124
+ );
125
+ }
126
+
18
127
  svg path {
19
- stroke: var(--_gray-600);
128
+ stroke: #98a2b3;
20
129
  }
21
130
  }
22
131
 
23
132
  h1 {
24
- font-size: var(--_ctm-buy-dn-pe-te-ss-ft-se);
25
- font-weight: var(--_ctm-buy-dn-pe-te-ss-ft-wt);
26
- display: flex;
27
- align-items: var(--_ctm-buy-dn-pe-te-ss-tt-an);
28
- color: var(--_ctm-buy-dn-pe-te-ss-cr);
29
- font-family: var(--_ctm-buy-dn-pe-te-ss-ft-fy);
30
- font-style: var(--_ctm-buy-dn-pe-te-ss-ft-se-ic);
31
- letter-spacing: var(--_ctm-buy-dn-pe-te-ss-lr-sg);
32
- line-height: var(--_ctm-buy-dn-pe-te-ss-le-ht);
33
- text-decoration: var(--_ctm-buy-dn-pe-te-ss-ue);
133
+ font-family: var(
134
+ --_ctm-mob-buy-dn-by-fr-hr-te-ft-fy,
135
+ var(--_ctm-tab-buy-dn-by-fr-hr-te-ft-fy, var(--_ctm-buy-dn-by-fr-hr-te-ft-fy))
136
+ );
137
+ font-size: var(
138
+ --_ctm-mob-buy-dn-by-fr-hr-te-ft-se,
139
+ var(--_ctm-tab-buy-dn-by-fr-hr-te-ft-se, var(--_ctm-buy-dn-by-fr-hr-te-ft-se))
140
+ );
141
+ color: var(
142
+ --_ctm-mob-buy-dn-by-fr-hr-te-cr,
143
+ var(--_ctm-tab-buy-dn-by-fr-hr-te-cr, var(--_ctm-buy-dn-by-fr-hr-te-cr))
144
+ );
145
+ font-weight: var(
146
+ --_ctm-mob-buy-dn-by-fr-hr-te-ft-wt,
147
+ var(--_ctm-tab-buy-dn-by-fr-hr-te-ft-wt, var(--_ctm-buy-dn-by-fr-hr-te-ft-wt))
148
+ );
149
+ text-decoration: var(
150
+ --_ctm-mob-buy-dn-by-fr-hr-te-ue,
151
+ var(--_ctm-tab-buy-dn-by-fr-hr-te-ue, var(--_ctm-buy-dn-by-fr-hr-te-ue))
152
+ );
153
+ letter-spacing: var(
154
+ --_ctm-mob-buy-dn-by-fr-hr-te-lr-sg,
155
+ var(--_ctm-tab-buy-dn-by-fr-hr-te-lr-sg, var(--_ctm-buy-dn-by-fr-hr-te-lr-sg))
156
+ );
157
+ line-height: var(
158
+ --_ctm-mob-buy-dn-by-fr-hr-te-le-ht,
159
+ var(--_ctm-tab-buy-dn-by-fr-hr-te-le-ht, var(--_ctm-buy-dn-by-fr-hr-te-le-ht))
160
+ );
161
+ font-style: var(
162
+ --_ctm-mob-buy-dn-by-fr-hr-te-ft-se-ic,
163
+ var(--_ctm-tab-buy-dn-by-fr-hr-te-ft-se-ic, var(--_ctm-buy-dn-by-fr-hr-te-ft-se-ic))
164
+ );
165
+ text-align: var(
166
+ --_ctm-mob-buy-dn-by-fr-hr-te-tt-an,
167
+ var(--_ctm-tab-buy-dn-by-fr-hr-te-tt-an, var(--_ctm-buy-dn-by-fr-hr-te-tt-an))
168
+ );
34
169
  display: flex;
170
+ align-items: center;
35
171
  gap: 12px;
36
172
 
37
173
  .separator {
@@ -53,33 +189,155 @@
53
189
  .impersonate-manage {
54
190
  display: flex;
55
191
  align-items: center;
56
- gap: 1rem;
192
+ gap: 24px;
57
193
  text-wrap: nowrap;
58
194
 
59
195
  .impersonate-text {
60
- background: #f3f5f7;
61
- padding: 0.4rem 0.8rem;
62
- border-radius: 5px;
63
- font-size: 0.9rem;
196
+ position: relative;
197
+ border-color: var(
198
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-br-cr,
199
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-br-cr, var(--_ctm-buy-dn-by-fr-hr-ur-io-br-cr))
200
+ );
201
+ border-style: var(
202
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-br-se,
203
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-br-se, var(--_ctm-buy-dn-by-fr-hr-ur-io-br-se))
204
+ );
205
+ border-width: var(
206
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-br-wh,
207
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-br-wh, var(--_ctm-buy-dn-by-fr-hr-ur-io-br-wh))
208
+ );
209
+ border-radius: var(
210
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-br-rs,
211
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-br-rs, var(--_ctm-buy-dn-by-fr-hr-ur-io-br-rs))
212
+ );
213
+ gap: var(
214
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-im-gp,
215
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-im-gp, var(--_ctm-buy-dn-by-fr-hr-ur-io-im-gp))
216
+ );
217
+ padding: var(
218
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-pg,
219
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-pg, var(--_ctm-buy-dn-by-fr-hr-ur-io-pg))
220
+ );
221
+ background-color: var(
222
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-bd-cr,
223
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-bd-cr, var(--_ctm-buy-dn-by-fr-hr-ur-io-bd-cr))
224
+ );
225
+ font-family: var(
226
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-ft-fy,
227
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-ft-fy, var(--_ctm-buy-dn-by-fr-hr-ur-io-ft-fy))
228
+ );
229
+ font-size: var(
230
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-ft-se,
231
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-ft-se, var(--_ctm-buy-dn-by-fr-hr-ur-io-ft-se))
232
+ );
233
+ color: var(
234
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-cr,
235
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-cr, var(--_ctm-buy-dn-by-fr-hr-ur-io-cr))
236
+ );
237
+ font-weight: var(
238
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-ft-wt,
239
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-ft-wt, var(--_ctm-buy-dn-by-fr-hr-ur-io-ft-wt))
240
+ );
241
+ text-decoration: var(
242
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-ue,
243
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-ue, var(--_ctm-buy-dn-by-fr-hr-ur-io-ue))
244
+ );
245
+ letter-spacing: var(
246
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-lr-sg,
247
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-lr-sg, var(--_ctm-buy-dn-by-fr-hr-ur-io-lr-sg))
248
+ );
249
+ line-height: var(
250
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-le-ht,
251
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-le-ht, var(--_ctm-buy-dn-by-fr-hr-ur-io-le-ht))
252
+ );
253
+ font-style: var(
254
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-ft-se-ic,
255
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-ft-se-ic, var(--_ctm-buy-dn-by-fr-hr-ur-io-ft-se-ic))
256
+ );
257
+ text-align: var(
258
+ --_ctm-mob-buy-dn-by-fr-hr-ur-io-tt-an,
259
+ var(--_ctm-tab-buy-dn-by-fr-hr-ur-io-tt-an, var(--_ctm-buy-dn-by-fr-hr-ur-io-tt-an))
260
+ );
261
+ &::after {
262
+ content: "";
263
+ width: 1px;
264
+ height: 24px;
265
+ display: inline-block;
266
+ background: #eaecf0;
267
+ position: absolute;
268
+ right: -13px;
269
+ }
64
270
  }
65
271
 
66
272
  .manage-link {
67
- font-size: var(--_ctm-buy-dn-me-es-ll-ss-ft-se);
68
- font-weight: var(--_ctm-buy-dn-pe-te-ss-ft-wt);
69
- text-align: var(--_ctm-buy-dn-me-es-ll-ss-tt-an);
70
- color: var(--_ctm-buy-dn-me-es-ll-ss-cr);
71
- font-family: var(--_ctm-buy-dn-me-es-ll-ss-ft-wt);
72
- font-style: var(--_ctm-buy-dn-me-es-ll-ss-ft-se-ic);
73
- text-decoration: var(--_ctm-buy-dn-me-es-ll-ss-ue);
74
- letter-spacing: var(--_ctm-buy-dn-me-es-ll-ss-lr-sg);
75
- line-height: var(--_ctm-buy-dn-me-es-ll-ss-le-ht);
76
- cursor: pointer;
77
- padding: 6px 12px;
78
- font-weight: 500;
79
- border-radius: 6px;
80
- &:hover {
81
- background-color: var(--_primary-25);
82
- }
273
+ border-color: var(
274
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-br-cr,
275
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-br-cr, var(--_ctm-buy-dn-by-fr-hr-me-ee-br-cr))
276
+ );
277
+ border-style: var(
278
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-br-se,
279
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-br-se, var(--_ctm-buy-dn-by-fr-hr-me-ee-br-se))
280
+ );
281
+ border-width: var(
282
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-br-wh,
283
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-br-wh, var(--_ctm-buy-dn-by-fr-hr-me-ee-br-wh))
284
+ );
285
+ border-radius: var(
286
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-br-rs,
287
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-br-rs, var(--_ctm-buy-dn-by-fr-hr-me-ee-br-rs))
288
+ );
289
+ gap: var(
290
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-im-gp,
291
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-im-gp, var(--_ctm-buy-dn-by-fr-hr-me-ee-im-gp))
292
+ );
293
+ padding: var(
294
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-pg,
295
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-pg, var(--_ctm-buy-dn-by-fr-hr-me-ee-pg))
296
+ );
297
+ background-color: var(
298
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-bd-cr,
299
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-bd-cr, var(--_ctm-buy-dn-by-fr-hr-me-ee-bd-cr))
300
+ );
301
+ font-family: var(
302
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-ft-fy,
303
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-ft-fy, var(--_ctm-buy-dn-by-fr-hr-me-ee-ft-fy))
304
+ );
305
+ font-size: var(
306
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-ft-se,
307
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-ft-se, var(--_ctm-buy-dn-by-fr-hr-me-ee-ft-se))
308
+ );
309
+ color: var(
310
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-cr,
311
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-cr, var(--_ctm-buy-dn-by-fr-hr-me-ee-cr))
312
+ );
313
+ font-weight: var(
314
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-ft-wt,
315
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-ft-wt, var(--_ctm-buy-dn-by-fr-hr-me-ee-ft-wt))
316
+ );
317
+ text-decoration: var(
318
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-ue,
319
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-ue, var(--_ctm-buy-dn-by-fr-hr-me-ee-ue))
320
+ );
321
+ letter-spacing: var(
322
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-lr-sg,
323
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-lr-sg, var(--_ctm-buy-dn-by-fr-hr-me-ee-lr-sg))
324
+ );
325
+ line-height: var(
326
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-le-ht,
327
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-le-ht, var(--_ctm-buy-dn-by-fr-hr-me-ee-le-ht))
328
+ );
329
+ font-style: var(
330
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-ft-se-ic,
331
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-ft-se-ic, var(--_ctm-buy-dn-by-fr-hr-me-ee-ft-se-ic))
332
+ );
333
+ text-align: var(
334
+ --_ctm-mob-buy-dn-by-fr-hr-me-ee-tt-an,
335
+ var(--_ctm-tab-buy-dn-by-fr-hr-me-ee-tt-an, var(--_ctm-buy-dn-by-fr-hr-me-ee-tt-an))
336
+ );
337
+ // cursor: pointer;
338
+ // &:hover {
339
+ // background-color: var(--_primary-25);
340
+ // }
83
341
  }
84
342
 
85
343
  .employee-switch {
@@ -108,17 +366,99 @@
108
366
  }
109
367
 
110
368
  .employee-info {
111
- border-top: 1px solid #eee;
369
+ // border-top: 1px solid #eee;
370
+ // margin: 24px 0;
371
+ border-color: var(
372
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-cr-br-cr,
373
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-cr-br-cr, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-cr-br-cr))
374
+ );
375
+ border-style: var(
376
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-cr-br-se,
377
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-cr-br-se, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-cr-br-se))
378
+ );
379
+ border-width: var(
380
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-cr-br-wh,
381
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-cr-br-wh, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-cr-br-wh))
382
+ );
383
+ border-radius: var(
384
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-cr-br-rs,
385
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-cr-br-rs, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-cr-br-rs))
386
+ );
387
+ gap: var(
388
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-cr-im-gp,
389
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-cr-im-gp, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-cr-im-gp))
390
+ );
391
+ padding: var(
392
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-cr-pg,
393
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-cr-pg, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-cr-pg))
394
+ );
395
+ background-color: var(
396
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-cr-bd-cr,
397
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-cr-bd-cr, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-cr-bd-cr))
398
+ );
112
399
  .employee-details-section {
113
400
  display: flex;
114
401
  justify-content: space-between;
115
402
  padding-block: 24px;
403
+ border-bottom: 1px solid var(--_ctm-buy-dn-ee-ds-wr-ee-ds-cr-br-cr);
116
404
  .employee-meta-info {
117
405
  display: flex;
118
406
  li {
119
407
  display: flex;
120
408
  align-items: center;
121
409
  gap: 8px;
410
+ font-family: var(
411
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-ft-fy,
412
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-ft-fy, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-ft-fy))
413
+ );
414
+ font-size: var(
415
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-ft-se,
416
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-ft-se, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-ft-se))
417
+ );
418
+ color: var(
419
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-cr,
420
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-cr, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-cr))
421
+ );
422
+ font-weight: var(
423
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-ft-wt,
424
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-ft-wt, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-ft-wt))
425
+ );
426
+ text-decoration: var(
427
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-ue-dc,
428
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-ue-dc, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-ue-dc))
429
+ );
430
+ letter-spacing: var(
431
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-lr-sg-dc,
432
+ var(
433
+ --_ctm-tab-buy-dn-ee-ds-wr-ee-ds-lr-sg-dc,
434
+ var(--_ctm-buy-dn-ee-ds-wr-ee-ds-lr-sg-dc)
435
+ )
436
+ );
437
+ line-height: var(
438
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-le-ht-dc,
439
+ var(
440
+ --_ctm-tab-buy-dn-ee-ds-wr-ee-ds-le-ht-dc,
441
+ var(--_ctm-buy-dn-ee-ds-wr-ee-ds-le-ht-dc)
442
+ )
443
+ );
444
+ font-style: var(
445
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-ft-se-ic-dc,
446
+ var(
447
+ --_ctm-tab-buy-dn-ee-ds-wr-ee-ds-ft-se-ic-dc,
448
+ var(--_ctm-buy-dn-ee-ds-wr-ee-ds-ft-se-ic-dc)
449
+ )
450
+ );
451
+ text-align: var(
452
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-tt-an-dc,
453
+ var(
454
+ --_ctm-tab-buy-dn-ee-ds-wr-ee-ds-tt-an-dc,
455
+ var(--_ctm-buy-dn-ee-ds-wr-ee-ds-tt-an-dc)
456
+ )
457
+ );
458
+ padding: var(
459
+ --_ctm-mob-buy-dn-ee-ds-wr-ee-ds-pg-dc,
460
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ee-ds-pg-dc, var(--_ctm-buy-dn-ee-ds-wr-ee-ds-pg-dc))
461
+ );
122
462
  &:not(:last-child)::after {
123
463
  content: "";
124
464
  width: 6px;
@@ -128,6 +468,11 @@
128
468
  background-color: var(--_gray-200);
129
469
  border-radius: 50%;
130
470
  }
471
+ .svg_icon {
472
+ display: flex;
473
+ justify-content: center;
474
+ align-items: center;
475
+ }
131
476
  }
132
477
  }
133
478
  .employee-details {
@@ -142,18 +487,50 @@
142
487
  background: var(--_success-50);
143
488
  padding: 4px 8px 6px 8px;
144
489
  border-radius: 6px;
490
+ font-weight: 400;
145
491
  }
146
492
 
147
493
  .employee-name {
148
- font-size: var(--_ctm-buy-dn-ee-ne-ss-ft-se);
149
- color: var(--_ctm-buy-dn-ee-ne-ss-cr);
150
- font-family: var(--_ctm-buy-dn-ee-ne-ss-ft-fy);
151
- font-weight: var(--_ctm-buy-dn-ee-ne-ss-ft-wt);
152
- font-style: var(--_ctm-buy-dn-ee-ne-ss-ft-se-ic);
153
- text-decoration: var(--_ctm-buy-dn-ee-ne-ss-ue);
154
- text-align: var(---_ctm-buy-dn-ee-ne-ss-tt-an);
155
- letter-spacing: var(--_ctm-buy-dn-ee-sn-ss-lr-sg);
156
- line-height: var(--_ctm-buy-dn-ee-sn-ss-le-ht);
494
+ font-family: var(
495
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-ft-fy,
496
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-ft-fy, var(--_ctm-buy-dn-ee-ds-wr-ne-ft-fy))
497
+ );
498
+ font-size: var(
499
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-ft-se,
500
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-ft-se, var(--_ctm-buy-dn-ee-ds-wr-ne-ft-se))
501
+ );
502
+ color: var(
503
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-cr,
504
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-cr, var(--_ctm-buy-dn-ee-ds-wr-ne-cr))
505
+ );
506
+ font-weight: var(
507
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-ft-wt,
508
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-ft-wt, var(--_ctm-buy-dn-ee-ds-wr-ne-ft-wt))
509
+ );
510
+ text-decoration: var(
511
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-ue,
512
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-ue, var(--_ctm-buy-dn-ee-ds-wr-ne-ue))
513
+ );
514
+ letter-spacing: var(
515
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-lr-sg,
516
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-lr-sg, var(--_ctm-buy-dn-ee-ds-wr-ne-lr-sg))
517
+ );
518
+ line-height: var(
519
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-le-ht,
520
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-le-ht, var(--_ctm-buy-dn-ee-ds-wr-ne-le-ht))
521
+ );
522
+ font-style: var(
523
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-ft-se-ic,
524
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-ft-se-ic, var(--_ctm-buy-dn-ee-ds-wr-ne-ft-se-ic))
525
+ );
526
+ text-align: var(
527
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-tt-an,
528
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-tt-an, var(--_ctm-buy-dn-ee-ds-wr-ne-tt-an))
529
+ );
530
+ padding: var(
531
+ --_ctm-mob-buy-dn-ee-ds-wr-ne-pg,
532
+ var(--_ctm-tab-buy-dn-ee-ds-wr-ne-pg, var(--_ctm-buy-dn-ee-ds-wr-ne-pg))
533
+ );
157
534
 
158
535
  .external-link-icon {
159
536
  margin-left: 0.5rem;
@@ -316,8 +693,331 @@
316
693
  .buy-for-address-block {
317
694
  display: flex;
318
695
  gap: 24px;
319
- border-block: 1px solid var(--_gray-200);
696
+ // border-block: 1px solid var(--_gray-200);
320
697
  padding-block: 24px;
698
+
699
+ .cart__section {
700
+ display: flex;
701
+ align-items: center;
702
+ cursor: pointer;
703
+ position: relative;
704
+ gap: 8px;
705
+ &::after {
706
+ content: "";
707
+ width: 1px;
708
+ height: 40px;
709
+ background-color: var(--_gray-200);
710
+ display: inline-block;
711
+ position: absolute;
712
+ margin-left: -16px;
713
+ top: 4px;
714
+ }
715
+
716
+ .cart__div {
717
+ position: relative;
718
+
719
+ svg {
720
+ width: var(
721
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-in-in-se,
722
+ var(
723
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-in-in-se,
724
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-in-in-se)
725
+ )
726
+ );
727
+ height: var(
728
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-in-in-se,
729
+ var(
730
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-in-in-se,
731
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-in-in-se)
732
+ )
733
+ );
734
+
735
+ path {
736
+ stroke: var(
737
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-in-in-c1,
738
+ var(
739
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-in-in-c1,
740
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-in-in-c1)
741
+ )
742
+ );
743
+ }
744
+ }
745
+
746
+ .badge {
747
+ color: var(
748
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-cr,
749
+ var(
750
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-cr,
751
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-cr)
752
+ )
753
+ );
754
+ font-family: var(
755
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-fy,
756
+ var(
757
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-fy,
758
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-fy)
759
+ )
760
+ ),
761
+ sans-serif;
762
+ font-size: var(
763
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-se,
764
+ var(
765
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-se,
766
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-se)
767
+ )
768
+ );
769
+ font-weight: var(
770
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-wt,
771
+ var(
772
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-wt,
773
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-wt)
774
+ )
775
+ );
776
+ font-style: var(
777
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-se-ic,
778
+ var(
779
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-se-ic,
780
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ft-se-ic)
781
+ )
782
+ );
783
+ text-align: var(
784
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-tt-an,
785
+ var(
786
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-tt-an,
787
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-tt-an)
788
+ )
789
+ );
790
+ letter-spacing: var(
791
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-lr-sg,
792
+ var(
793
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-lr-sg,
794
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-lr-sg)
795
+ )
796
+ );
797
+ line-height: var(
798
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-le-ht,
799
+ var(
800
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-le-ht,
801
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-le-ht)
802
+ )
803
+ );
804
+ text-decoration: var(
805
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ue,
806
+ var(
807
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ue,
808
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-ue)
809
+ )
810
+ );
811
+ background-color: var(
812
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-bd-cr,
813
+ var(
814
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-bd-cr,
815
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-bd-cr)
816
+ )
817
+ );
818
+ border-color: var(
819
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-cr,
820
+ var(
821
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-cr,
822
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-cr)
823
+ )
824
+ );
825
+ border-style: var(
826
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-se,
827
+ var(
828
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-se,
829
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-se)
830
+ )
831
+ );
832
+ border-width: var(
833
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-wh,
834
+ var(
835
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-wh,
836
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-wh)
837
+ )
838
+ );
839
+ border-radius: var(
840
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-rs,
841
+ var(
842
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-rs,
843
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-br-rs)
844
+ )
845
+ );
846
+ box-shadow: var(
847
+ --_show-text-content-shadow,
848
+ var(
849
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-ae,
850
+ var(
851
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-ae,
852
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-ae, none)
853
+ )
854
+ )
855
+ var(
856
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-br,
857
+ var(
858
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-br,
859
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-br, none)
860
+ )
861
+ )
862
+ var(
863
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-sd,
864
+ var(
865
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-sd,
866
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-sd, none)
867
+ )
868
+ )
869
+ var(
870
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-cr,
871
+ var(
872
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-cr,
873
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-is-ct-sw-cr, none)
874
+ )
875
+ )
876
+ );
877
+ height: 20px;
878
+ width: 20px;
879
+ position: absolute;
880
+ top: -10px;
881
+ right: -10px;
882
+ display: flex;
883
+ align-items: center;
884
+ justify-content: center;
885
+ }
886
+ }
887
+
888
+ .cart__content {
889
+ display: flex;
890
+ flex-direction: column;
891
+ list-style: none;
892
+ white-space: nowrap;
893
+ margin-left: 12px;
894
+
895
+ color: var(
896
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-cr,
897
+ var(
898
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-cr,
899
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-cr)
900
+ )
901
+ );
902
+ font-family: var(
903
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-fy,
904
+ var(
905
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-fy,
906
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-fy)
907
+ )
908
+ ),
909
+ sans-serif;
910
+ font-size: var(
911
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se,
912
+ var(
913
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se,
914
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se)
915
+ )
916
+ );
917
+ font-weight: var(
918
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-wt,
919
+ var(
920
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-wt,
921
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-wt)
922
+ )
923
+ );
924
+ font-style: var(
925
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se-ic,
926
+ var(
927
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se-ic,
928
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se-ic)
929
+ )
930
+ );
931
+ text-align: var(
932
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-tt-an,
933
+ var(
934
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-tt-an,
935
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-tt-an)
936
+ )
937
+ );
938
+ letter-spacing: var(
939
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-lr-sg,
940
+ var(
941
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-lr-sg,
942
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-lr-sg)
943
+ )
944
+ );
945
+ line-height: var(
946
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-le-ht,
947
+ var(
948
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-le-ht,
949
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-le-ht)
950
+ )
951
+ );
952
+ text-decoration: var(
953
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ue,
954
+ var(
955
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ue,
956
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ue)
957
+ )
958
+ );
959
+
960
+ .cart__total {
961
+ color: var(
962
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-cr-dc,
963
+ var(
964
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-cr-dc,
965
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-cr-dc)
966
+ )
967
+ );
968
+ font-family: var(
969
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-fy-dc,
970
+ var(
971
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-fy-dc,
972
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-fy-dc)
973
+ )
974
+ ),
975
+ sans-serif;
976
+ font-size: var(
977
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se-dc,
978
+ var(
979
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se-dc,
980
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se-dc)
981
+ )
982
+ );
983
+ font-weight: var(
984
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-wt-dc,
985
+ var(
986
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-wt-dc,
987
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-wt-dc)
988
+ )
989
+ );
990
+ font-style: var(
991
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se-ic-dc,
992
+ var(
993
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se-ic-dc,
994
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-ft-se-ic-dc)
995
+ )
996
+ );
997
+ text-align: var(
998
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-tt-an-dc,
999
+ var(
1000
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-tt-an-dc,
1001
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-tt-an-dc)
1002
+ )
1003
+ );
1004
+ letter-spacing: var(
1005
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-lr-sg-dc,
1006
+ var(
1007
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-lr-sg-dc,
1008
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-lr-sg-dc)
1009
+ )
1010
+ );
1011
+ line-height: var(
1012
+ --_ctm-mob-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-le-ht-dc,
1013
+ var(
1014
+ --_ctm-tab-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-le-ht-dc,
1015
+ var(--_ctm-buy-dn-ee-ds-wr-my-ct-mi-ct-tt-le-ht-dc)
1016
+ )
1017
+ );
1018
+ }
1019
+ }
1020
+ }
321
1021
  .buy-for-shipping-address {
322
1022
  display: grid;
323
1023
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
@@ -337,21 +1037,93 @@
337
1037
  background-color: var(--_gray-200);
338
1038
  display: inline-block;
339
1039
  position: absolute;
340
- margin-left: -12px;
1040
+ margin-left: -16px;
341
1041
  top: 4px;
342
1042
  }
343
1043
  h6 {
344
- color: var(--_gray-500);
345
- font-weight: 400;
346
- font-size: 14px;
347
- line-height: 20px;
1044
+ font-family: var(
1045
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ft-fy,
1046
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ft-fy, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ft-fy))
1047
+ );
1048
+ font-size: var(
1049
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ft-se,
1050
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ft-se, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ft-se))
1051
+ );
1052
+ color: var(
1053
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-cr,
1054
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-cr, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-cr))
1055
+ );
1056
+ font-weight: var(
1057
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ft-wt,
1058
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ft-wt, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ft-wt))
1059
+ );
1060
+ text-decoration: var(
1061
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ue,
1062
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ue, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ue))
1063
+ );
1064
+ letter-spacing: var(
1065
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-lr-sg,
1066
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-lr-sg, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-lr-sg))
1067
+ );
1068
+ line-height: var(
1069
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-le-ht,
1070
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-le-ht, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-le-ht))
1071
+ );
1072
+ font-style: var(
1073
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ft-se-ic,
1074
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ft-se-ic, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ft-se-ic))
1075
+ );
1076
+ text-align: var(
1077
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-tt-an,
1078
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-tt-an, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-tt-an))
1079
+ );
1080
+ padding: var(
1081
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-pg,
1082
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-pg, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-pg))
1083
+ );
348
1084
  }
349
1085
 
350
1086
  .buy-for-shipping-details {
351
- font-size: 14px;
352
- font-weight: 600;
353
- color: var(--_gray-900);
354
- line-height: 20px;
1087
+ font-family: var(
1088
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ft-fy-dc,
1089
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ft-fy-dc, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ft-fy-dc))
1090
+ );
1091
+ font-size: var(
1092
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ft-se-dc,
1093
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ft-se-dc, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ft-se-dc))
1094
+ );
1095
+ color: var(
1096
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-dc,
1097
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-dc, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-dc))
1098
+ );
1099
+ font-weight: var(
1100
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ft-wt-dc,
1101
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ft-wt-dc, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ft-wt-dc))
1102
+ );
1103
+ text-decoration: var(
1104
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ue-dc,
1105
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ue-dc, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ue-dc))
1106
+ );
1107
+ letter-spacing: var(
1108
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-lr-sg,
1109
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-lr-sg, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-lr-sg))
1110
+ );
1111
+ line-height: var(
1112
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-le-ht,
1113
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-le-ht, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-le-ht))
1114
+ );
1115
+ font-style: var(
1116
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-ft-se-ic,
1117
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-ft-se-ic, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-ft-se-ic))
1118
+ );
1119
+ text-align: var(
1120
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-tt-an,
1121
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-tt-an, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-tt-an))
1122
+ );
1123
+ padding: var(
1124
+ --_ctm-mob-buy-dn-ee-ds-wr-sg-ds-pg,
1125
+ var(--_ctm-tab-buy-dn-ee-ds-wr-sg-ds-pg, var(--_ctm-buy-dn-ee-ds-wr-sg-ds-pg))
1126
+ );
355
1127
  }
356
1128
  }
357
1129
  }
@@ -366,6 +1138,13 @@
366
1138
 
367
1139
  .cart-icon {
368
1140
  position: relative;
1141
+ svg {
1142
+ width: var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-in-in-se);
1143
+ height: var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-in-in-se);
1144
+ path {
1145
+ stroke: var(--_ctm-buy-dn-ee-ds-wr-my-ct-ct-in-in-c1);
1146
+ }
1147
+ }
369
1148
 
370
1149
  .badge {
371
1150
  position: absolute;
@@ -381,6 +1160,51 @@
381
1160
  }
382
1161
 
383
1162
  .buy-for-cart-content {
1163
+ span {
1164
+ font-family: var(
1165
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-ft-fy-dc,
1166
+ var(--_ctm-tab-buy-dn-my-ct-mi-ct-tt-ft-fy-dc, var(--_ctm-buy-dn-my-ct-mi-ct-tt-ft-fy-dc))
1167
+ );
1168
+ font-size: var(
1169
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-ft-se-dc,
1170
+ var(--_ctm-tab-buy-dn-my-ct-mi-ct-tt-ft-se-dc, var(--_ctm-buy-dn-my-ct-mi-ct-tt-ft-se-dc))
1171
+ );
1172
+ color: var(
1173
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-cr-dc,
1174
+ var(--_ctm-tab-buy-dn-my-ct-mi-ct-tt-cr-dc, var(--_ctm-buy-dn-my-ct-mi-ct-tt-cr-dc))
1175
+ );
1176
+ font-weight: var(
1177
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-ft-wt-dc,
1178
+ var(--_ctm-tab-buy-dn-my-ct-mi-ct-tt-ft-wt-dc, var(--_ctm-buy-dn-my-ct-mi-ct-tt-ft-wt-dc))
1179
+ );
1180
+ text-decoration: var(
1181
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-ue-dc,
1182
+ var(--_ctm-tab-buy-dn-my-ct-mi-ct-tt-ue-dc, var(--_ctm-buy-dn-my-ct-mi-ct-tt-ue-dc))
1183
+ );
1184
+ letter-spacing: var(
1185
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-lr-sg-dc,
1186
+ var(--_ctm-tab-buy-dn-my-ct-mi-ct-tt-lr-sg-dc, var(--_ctm-buy-dn-my-ct-mi-ct-tt-lr-sg-dc))
1187
+ );
1188
+ line-height: var(
1189
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-le-ht-dc,
1190
+ var(--_ctm-tab-buy-dn-my-ct-mi-ct-tt-le-ht-dc, var(--_ctm-buy-dn-my-ct-mi-ct-tt-le-ht-dc))
1191
+ );
1192
+ font-style: var(
1193
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-ft-se-ic-dc,
1194
+ var(
1195
+ --_ctm-tab-buy-dn-my-ct-mi-ct-tt-ft-se-ic-dc,
1196
+ var(--_ctm-buy-dn-my-ct-mi-ct-tt-ft-se-ic-dc)
1197
+ )
1198
+ );
1199
+ text-align: var(
1200
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-tt-an-dc,
1201
+ var(--_ctm-tab-buy-dn-my-ct-mi-ct-tt-tt-an-dc, var(--_ctm-buy-dn-my-ct-mi-ct-tt-tt-an-dc))
1202
+ );
1203
+ padding: var(
1204
+ --_ctm-mob-buy-dn-my-ct-mi-ct-tt-pg-dc,
1205
+ var(--_ctm-tab-buy-dn-my-ct-mi-ct-tt-pg-dc, var(--_ctm-buy-dn-my-ct-mi-ct-tt-pg-dc))
1206
+ );
1207
+ }
384
1208
  .cart-amount {
385
1209
  color: var(--_gray-900);
386
1210
  font-size: 14px;