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

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