@sc-360-v2/storefront-cms-library 0.5.49 → 0.5.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.
@@ -1,2765 +0,0 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- [data-div-type="element"] {
5
- &[data-element-type="productActions"] {
6
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
7
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
8
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
9
-
10
- // & > .wrapper {
11
- // // width: 100%;
12
- // // height: 100%;
13
- // }
14
- .text-element {
15
- background: #6d96e4;
16
- padding: 10px;
17
- font-weight: 600;
18
- color: rgba(75, 69, 70, 1);
19
- }
20
- .action__buttons__wrapper {
21
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
22
-
23
- display: flex;
24
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
25
- &[data-actions-overflow-item-wrap="true"] {
26
- flex-wrap: wrap;
27
- }
28
- &[data-actions-display-style="true"] {
29
- flex-direction: column;
30
- }
31
- &[data-actions-display-style="false"] {
32
- flex-direction: row;
33
- row-gap: var(--_ctm-mob-lt-im-vl-sg, var(--_ctm-tab-lt-im-vl-sg, var(--_ctm-lt-im-vl-sg)));
34
- }
35
- .action__button {
36
- display: flex;
37
- align-items: center;
38
- height: 40px;
39
- cursor: pointer;
40
- .btn__container {
41
- display: flex;
42
- align-items: center;
43
- justify-content: center;
44
- gap: 10px;
45
- height: 100%;
46
- width: 100%;
47
- padding: 16px;
48
- .btn__with__text {
49
- height: 2.5rem;
50
- }
51
- }
52
- &.addToCart {
53
- background-color: var(
54
- --_sf-at-hr-bd-cr,
55
- var(
56
- --_ctm-mob-dn-ad-to-ct-dt-se-bd-cr,
57
- var(--_ctm-tab-dn-ad-to-ct-dt-se-bd-cr, var(--_ctm-dn-ad-to-ct-dt-se-bd-cr))
58
- )
59
- );
60
- border-color: var(
61
- --_sf-at-hr-br-cr,
62
- var(
63
- --_ctm-mob-dn-ad-to-ct-dt-se-br-cr,
64
- var(--_ctm-tab-dn-ad-to-ct-dt-se-br-cr, var(--_ctm-dn-ad-to-ct-dt-se-br-cr))
65
- )
66
- );
67
- border-style: var(
68
- --_sf-at-hr-br-se,
69
- var(
70
- --_ctm-mob-dn-ad-to-ct-dt-se-br-se,
71
- var(--_ctm-tab-dn-ad-to-ct-dt-se-br-se, var(--_ctm-dn-ad-to-ct-dt-se-br-se))
72
- )
73
- );
74
- border-width: var(
75
- --_sf-at-hr-br-wt,
76
- var(
77
- --_ctm-mob-dn-ad-to-ct-dt-se-br-wh,
78
- var(--_ctm-tab-dn-ad-to-ct-dt-se-br-wh, var(--_ctm-dn-ad-to-ct-dt-se-br-wh))
79
- )
80
- );
81
- border-radius: var(
82
- --_sf-at-hr-br-br,
83
- var(
84
- --_ctm-mob-dn-ad-to-ct-dt-se-br-rs,
85
- var(--_ctm-tab-dn-ad-to-ct-dt-se-br-rs, var(--_ctm-dn-ad-to-ct-dt-se-br-rs))
86
- )
87
- );
88
-
89
- box-shadow: var(
90
- --_hover-show-shadow,
91
- var(
92
- --_sf-at-hr-bx-sw,
93
- var(
94
- --_show-shadow,
95
- var(
96
- --_ctm-mob-dn-ad-to-ct-dt-se-sw-ae,
97
- var(--_ctm-tab-dn-ad-to-ct-dt-se-sw-ae, var(--_ctm-dn-ad-to-ct-dt-se-sw-ae))
98
- )
99
- var(
100
- --_ctm-mob-dn-ad-to-ct-dt-se-sw-br,
101
- var(--_ctm-tab-dn-ad-to-ct-dt-se-sw-br, var(--_ctm-dn-ad-to-ct-dt-se-sw-br))
102
- )
103
- var(
104
- --_ctm-mob-dn-ad-to-ct-dt-se-sw-sd,
105
- var(--_ctm-tab-dn-ad-to-ct-dt-se-sw-sd, var(--_ctm-dn-ad-to-ct-dt-se-sw-sd))
106
- )
107
- var(
108
- --_ctm-mob-dn-ad-to-ct-dt-se-sw-cr,
109
- var(--_ctm-tab-dn-ad-to-ct-dt-se-sw-cr, var(--_ctm-dn-ad-to-ct-dt-se-sw-cr))
110
- )
111
- )
112
- )
113
- );
114
-
115
- .btn__container {
116
- gap: var(
117
- --_ctm-mob-dn-ad-to-ct-dt-se-in-ad-tt-sg,
118
- var(
119
- --_ctm-tab-dn-ad-to-ct-dt-se-in-ad-tt-sg,
120
- var(--_ctm-dn-ad-to-ct-dt-se-in-ad-tt-sg)
121
- )
122
- );
123
- justify-content: var(
124
- --_ctm-mob-dn-ad-to-ct-dt-se-at,
125
- var(--_ctm-tab-dn-ad-to-ct-dt-se-at, var(--_ctm-dn-ad-to-ct-dt-se-at))
126
- );
127
-
128
- &[data-actions-icon-position="left"],
129
- &[data-actions-icon-position="center"] {
130
- flex-direction: row;
131
- }
132
- &[data-actions-icon-position="right"] {
133
- flex-direction: row-reverse;
134
- }
135
- span {
136
- svg {
137
- width: var(
138
- --_ctm-mob-dn-ad-to-ct-dt-se-in-se,
139
- var(--_ctm-tab-dn-ad-to-ct-dt-se-in-se, var(--_ctm-dn-ad-to-ct-dt-se-in-se))
140
- );
141
- height: var(
142
- --_ctm-mob-dn-ad-to-ct-dt-se-in-se,
143
- var(--_ctm-tab-dn-ad-to-ct-dt-se-in-se, var(--_ctm-dn-ad-to-ct-dt-se-in-se))
144
- );
145
-
146
- path {
147
- stroke: var(
148
- --_ctm-mob-dn-ad-to-ct-dt-se-in-c1,
149
- var(--_ctm-tab-dn-ad-to-ct-dt-se-in-c1, var(--_ctm-dn-ad-to-ct-dt-se-in-c1))
150
- );
151
- }
152
- }
153
- }
154
- .btn__with__text {
155
- border: none;
156
- background-color: transparent;
157
- color: var(
158
- --_ctm-mob-dn-ad-to-ct-dt-se-cr,
159
- var(--_ctm-tab-dn-ad-to-ct-dt-se-cr, var(--_ctm-dn-ad-to-ct-dt-se-cr))
160
- );
161
- font-family: var(
162
- --_ctm-mob-dn-ad-to-ct-dt-se-ft-fy,
163
- var(--_ctm-tab-dn-ad-to-ct-dt-se-ft-fy, var(--_ctm-dn-ad-to-ct-dt-se-ft-fy))
164
- );
165
- font-size: var(
166
- --_ctm-mob-dn-ad-to-ct-dt-se-ft-se,
167
- var(--_ctm-tab-dn-ad-to-ct-dt-se-ft-se, var(--_ctm-dn-ad-to-ct-dt-se-ft-se))
168
- );
169
- font-weight: var(
170
- --_ctm-mob-dn-ad-to-ct-dt-se-ft-wt,
171
- var(--_ctm-tab-dn-ad-to-ct-dt-se-ft-wt, var(--_ctm-dn-ad-to-ct-dt-se-ft-wt))
172
- );
173
- font-style: var(
174
- --_ctm-mob-dn-ad-to-ct-dt-se-ft-se-ic,
175
- var(--_ctm-tab-dn-ad-to-ct-dt-se-ft-se-ic, var(--_ctm-dn-ad-to-ct-dt-se-ft-se-ic))
176
- );
177
- text-align: var(
178
- --_ctm-mob-dn-ad-to-ct-dt-se-tt-an,
179
- var(--_ctm-tab-dn-ad-to-ct-dt-se-tt-an, var(--_ctm-dn-ad-to-ct-dt-se-tt-an))
180
- );
181
- letter-spacing: var(
182
- --_ctm-mob-dn-ad-to-ct-dt-se-lr-sg,
183
- var(--_ctm-tab-dn-ad-to-ct-dt-se-lr-sg, var(--_ctm-dn-ad-to-ct-dt-se-lr-sg))
184
- );
185
- line-height: var(
186
- --_ctm-mob-dn-ad-to-ct-dt-se-le-ht,
187
- var(--_ctm-tab-dn-ad-to-ct-dt-se-le-ht, var(--_ctm-dn-ad-to-ct-dt-se-le-ht))
188
- );
189
- text-decoration: var(
190
- --_ctm-mob-dn-ad-to-ct-dt-se-ue,
191
- var(--_ctm-tab-dn-ad-to-ct-dt-se-ue, var(--_ctm-dn-ad-to-ct-dt-se-ue))
192
- );
193
- }
194
-
195
- &:hover {
196
- background-color: var(
197
- --_sf-at-hr-bd-cr,
198
- var(
199
- --_ctm-mob-dn-ad-to-ct-hr-se-bd-cr,
200
- var(--_ctm-tab-dn-ad-to-ct-hr-se-bd-cr, var(--_ctm-dn-ad-to-ct-hr-se-bd-cr))
201
- )
202
- );
203
- border-color: var(
204
- --_sf-at-hr-br-cr,
205
- var(
206
- --_ctm-mob-dn-ad-to-ct-hr-se-br-cr,
207
- var(--_ctm-tab-dn-ad-to-ct-hr-se-br-cr, var(--_ctm-dn-ad-to-ct-hr-se-br-cr))
208
- )
209
- );
210
- border-style: var(
211
- --_sf-at-hr-br-se,
212
- var(
213
- --_ctm-mob-dn-ad-to-ct-hr-se-br-se,
214
- var(--_ctm-tab-dn-ad-to-ct-hr-se-br-se, var(--_ctm-dn-ad-to-ct-hr-se-br-se))
215
- )
216
- );
217
- border-width: var(
218
- --_sf-at-hr-br-wt,
219
- var(
220
- --_ctm-mob-dn-ad-to-ct-hr-se-br-wh,
221
- var(--_ctm-tab-dn-ad-to-ct-hr-se-br-wh, var(--_ctm-dn-ad-to-ct-hr-se-br-wh))
222
- )
223
- );
224
- border-radius: var(
225
- --_sf-at-hr-br-br,
226
- var(
227
- --_ctm-mob-dn-ad-to-ct-hr-se-br-rs,
228
- var(--_ctm-tab-dn-ad-to-ct-hr-se-br-rs, var(--_ctm-dn-ad-to-ct-hr-se-br-rs))
229
- )
230
- );
231
- box-shadow: var(
232
- --_hover-show-shadow,
233
- var(
234
- --_sf-at-hr-bx-sw,
235
- var(
236
- --_show-shadow,
237
- var(
238
- --_ctm-mob-dn-ad-to-ct-hr-se-sw-ae,
239
- var(--_ctm-tab-dn-ad-to-ct-hr-se-sw-ae, var(--_ctm-dn-ad-to-ct-hr-se-sw-ae))
240
- )
241
- var(
242
- --_ctm-mob-dn-ad-to-ct-hr-se-sw-br,
243
- var(--_ctm-tab-dn-ad-to-ct-hr-se-sw-br, var(--_ctm-dn-ad-to-ct-hr-se-sw-br))
244
- )
245
- var(
246
- --_ctm-mob-dn-ad-to-ct-hr-se-sw-sd,
247
- var(--_ctm-tab-dn-ad-to-ct-hr-se-sw-sd, var(--_ctm-dn-ad-to-ct-hr-se-sw-sd))
248
- )
249
- var(
250
- --_ctm-mob-dn-ad-to-ct-hr-se-sw-cr,
251
- var(--_ctm-tab-dn-ad-to-ct-hr-se-sw-cr, var(--_ctm-dn-ad-to-ct-hr-se-sw-cr))
252
- )
253
- )
254
- )
255
- );
256
-
257
- .btn__container {
258
- gap: var(
259
- --_ctm-mob-dn-ad-to-ct-hr-se-in-ad-tt-sg,
260
- var(
261
- --_ctm-tab-dn-ad-to-ct-hr-se-in-ad-tt-sg,
262
- var(--_ctm-dn-ad-to-ct-hr-se-in-ad-tt-sg)
263
- )
264
- );
265
- justify-content: var(
266
- --_ctm-mob-dn-ad-to-ct-hr-se-at,
267
- var(--_ctm-tab-dn-ad-to-ct-hr-se-at, var(--_ctm-dn-ad-to-ct-hr-se-at))
268
- );
269
-
270
- &[data-actions-icon-position-hover="left"],
271
- &[data-actions-icon-position-hover="center"] {
272
- flex-direction: row;
273
- }
274
- &[data-actions-icon-position-hover="right"] {
275
- flex-direction: row-reverse;
276
- }
277
- span {
278
- svg {
279
- width: var(
280
- --_ctm-mob-dn-ad-to-ct-hr-se-in-se,
281
- var(--_ctm-tab-dn-ad-to-ct-hr-se-in-se, var(--_ctm-dn-ad-to-ct-hr-se-in-se))
282
- );
283
- height: var(
284
- --_ctm-mob-dn-ad-to-ct-hr-se-in-se,
285
- var(--_ctm-tab-dn-ad-to-ct-hr-se-in-se, var(--_ctm-dn-ad-to-ct-hr-se-in-se))
286
- );
287
-
288
- path {
289
- stroke: var(
290
- --_ctm-mob-dn-ad-to-ct-hr-se-in-c1,
291
- var(--_ctm-tab-dn-ad-to-ct-hr-se-in-c1, var(--_ctm-dn-ad-to-ct-hr-se-in-c1))
292
- );
293
- }
294
- }
295
- }
296
- .btn__with__text {
297
- border: none;
298
- background-color: transparent;
299
- color: var(
300
- --_ctm-mob-dn-ad-to-ct-hr-se-cr,
301
- var(--_ctm-tab-dn-ad-to-ct-hr-se-cr, var(--_ctm-dn-ad-to-ct-hr-se-cr))
302
- );
303
- font-family: var(
304
- --_ctm-mob-dn-ad-to-ct-hr-se-ft-fy,
305
- var(--_ctm-tab-dn-ad-to-ct-hr-se-ft-fy, var(--_ctm-dn-ad-to-ct-hr-se-ft-fy))
306
- );
307
- font-size: var(
308
- --_ctm-mob-dn-ad-to-ct-hr-se-ft-se,
309
- var(--_ctm-tab-dn-ad-to-ct-hr-se-ft-se, var(--_ctm-dn-ad-to-ct-hr-se-ft-se))
310
- );
311
- font-weight: var(
312
- --_ctm-mob-dn-ad-to-ct-hr-se-ft-wt,
313
- var(--_ctm-tab-dn-ad-to-ct-hr-se-ft-wt, var(--_ctm-dn-ad-to-ct-hr-se-ft-wt))
314
- );
315
- font-style: var(
316
- --_ctm-mob-dn-ad-to-ct-hr-se-ft-se-ic,
317
- var(
318
- --_ctm-tab-dn-ad-to-ct-hr-se-ft-se-ic,
319
- var(--_ctm-dn-ad-to-ct-hr-se-ft-se-ic)
320
- )
321
- );
322
- text-align: var(
323
- --_ctm-mob-dn-ad-to-ct-hr-se-tt-an,
324
- var(--_ctm-tab-dn-ad-to-ct-hr-se-tt-an, var(--_ctm-dn-ad-to-ct-hr-se-tt-an))
325
- );
326
- letter-spacing: var(
327
- --_ctm-mob-dn-ad-to-ct-hr-se-lr-sg,
328
- var(--_ctm-tab-dn-ad-to-ct-hr-se-lr-sg, var(--_ctm-dn-ad-to-ct-hr-se-lr-sg))
329
- );
330
- line-height: var(
331
- --_ctm-mob-dn-ad-to-ct-hr-se-le-ht,
332
- var(--_ctm-tab-dn-ad-to-ct-hr-se-le-ht, var(--_ctm-dn-ad-to-ct-hr-se-le-ht))
333
- );
334
- text-decoration: var(
335
- --_ctm-mob-dn-ad-to-ct-hr-se-ue,
336
- var(--_ctm-tab-dn-ad-to-ct-hr-se-ue, var(--_ctm-dn-ad-to-ct-hr-se-ue))
337
- );
338
- }
339
- }
340
- }
341
- }
342
- }
343
- &.buyNow {
344
- background-color: var(
345
- --_sf-at-hr-bd-cr,
346
- var(
347
- --_ctm-mob-dn-by-nw-dt-se-bd-cr,
348
- var(--_ctm-tab-dn-by-nw-dt-se-bd-cr, var(--_ctm-dn-by-nw-dt-se-bd-cr))
349
- )
350
- );
351
- border-color: var(
352
- --_sf-at-hr-br-cr,
353
- var(
354
- --_ctm-mob-dn-by-nw-dt-se-br-cr,
355
- var(--_ctm-tab-dn-by-nw-dt-se-br-cr, var(--_ctm-dn-by-nw-dt-se-br-cr))
356
- )
357
- );
358
- border-style: var(
359
- --_sf-at-hr-br-se,
360
- var(
361
- --_ctm-mob-dn-by-nw-dt-se-br-se,
362
- var(--_ctm-tab-dn-by-nw-dt-se-br-se, var(--_ctm-dn-by-nw-dt-se-br-se))
363
- )
364
- );
365
- border-width: var(
366
- --_sf-at-hr-br-wt,
367
- var(
368
- --_ctm-mob-dn-by-nw-dt-se-br-wh,
369
- var(--_ctm-tab-dn-by-nw-dt-se-br-wh, var(--_ctm-dn-by-nw-dt-se-br-wh))
370
- )
371
- );
372
- border-radius: var(
373
- --_sf-at-hr-br-br,
374
- var(
375
- --_ctm-mob-dn-by-nw-dt-se-br-rs,
376
- var(--_ctm-tab-dn-by-nw-dt-se-br-rs, var(--_ctm-dn-by-nw-dt-se-br-rs))
377
- )
378
- );
379
- box-shadow: var(
380
- --_hover-show-shadow,
381
- var(
382
- --_sf-at-hr-bx-sw,
383
- var(
384
- --_show-shadow,
385
- var(
386
- --_ctm-mob-dn-by-nw-dt-se-sw-ae,
387
- var(--_ctm-tab-dn-by-nw-dt-se-sw-ae, var(--_ctm-dn-by-nw-dt-se-sw-ae))
388
- )
389
- var(
390
- --_ctm-mob-dn-by-nw-dt-se-sw-br,
391
- var(--_ctm-tab-dn-by-nw-dt-se-sw-br, var(--_ctm-dn-by-nw-dt-se-sw-br))
392
- )
393
- var(
394
- --_ctm-mob-dn-by-nw-dt-se-sw-sd,
395
- var(--_ctm-tab-dn-by-nw-dt-se-sw-sd, var(--_ctm-dn-by-nw-dt-se-sw-sd))
396
- )
397
- var(
398
- --_ctm-mob-dn-by-nw-dt-se-sw-cr,
399
- var(--_ctm-tab-dn-by-nw-dt-se-sw-cr, var(--_ctm-dn-by-nw-dt-se-sw-cr))
400
- )
401
- )
402
- )
403
- );
404
-
405
- .btn__container {
406
- gap: var(
407
- --_ctm-mob-dn-by-nw-dt-se-in-ad-tt-sg,
408
- var(--_ctm-tab-dn-by-nw-dt-se-in-ad-tt-sg, var(--_ctm-dn-by-nw-dt-se-in-ad-tt-sg))
409
- );
410
- justify-content: var(
411
- --_ctm-mob-dn-by-nw-dt-se-at,
412
- var(--_ctm-tab-dn-by-nw-dt-se-at, var(--_ctm-dn-by-nw-dt-se-at))
413
- );
414
-
415
- &[data-actions-icon-position="left"],
416
- &[data-actions-icon-position="center"] {
417
- flex-direction: row;
418
- }
419
- &[data-actions-icon-position="right"] {
420
- flex-direction: row-reverse;
421
- }
422
- span {
423
- svg {
424
- width: var(
425
- --_ctm-mob-dn-by-nw-dt-se-in-se,
426
- var(--_ctm-tab-dn-by-nw-dt-se-in-se, var(--_ctm-dn-by-nw-dt-se-in-se))
427
- );
428
- height: var(
429
- --_ctm-mob-dn-by-nw-dt-se-in-se,
430
- var(--_ctm-tab-dn-by-nw-dt-se-in-se, var(--_ctm-dn-by-nw-dt-se-in-se))
431
- );
432
-
433
- path {
434
- stroke: var(
435
- --_ctm-mob-dn-by-nw-dt-se-in-c1,
436
- var(--_ctm-tab-dn-by-nw-dt-se-in-c1, var(--_ctm-dn-by-nw-dt-se-in-c1))
437
- );
438
- }
439
- }
440
- }
441
- .btn__with__text {
442
- border: none;
443
- background-color: transparent;
444
- color: var(
445
- --_ctm-mob-dn-by-nw-dt-se-cr,
446
- var(--_ctm-tab-dn-by-nw-dt-se-cr, var(--_ctm-dn-by-nw-dt-se-cr))
447
- );
448
- font-family: var(
449
- --_ctm-mob-dn-by-nw-dt-se-ft-fy,
450
- var(--_ctm-tab-dn-by-nw-dt-se-ft-fy, var(--_ctm-dn-by-nw-dt-se-ft-fy))
451
- );
452
- font-size: var(
453
- --_ctm-mob-dn-by-nw-dt-se-ft-se,
454
- var(--_ctm-tab-dn-by-nw-dt-se-ft-se, var(--_ctm-dn-by-nw-dt-se-ft-se))
455
- );
456
- font-weight: var(
457
- --_ctm-mob-dn-by-nw-dt-se-ft-wt,
458
- var(--_ctm-tab-dn-by-nw-dt-se-ft-wt, var(--_ctm-dn-by-nw-dt-se-ft-wt))
459
- );
460
- font-style: var(
461
- --_ctm-mob-dn-by-nw-dt-se-ft-se-ic,
462
- var(--_ctm-tab-dn-by-nw-dt-se-ft-se-ic, var(--_ctm-dn-by-nw-dt-se-ft-se-ic))
463
- );
464
- text-align: var(
465
- --_ctm-mob-dn-by-nw-dt-se-tt-an,
466
- var(--_ctm-tab-dn-by-nw-dt-se-tt-an, var(--_ctm-dn-by-nw-dt-se-tt-an))
467
- );
468
- letter-spacing: var(
469
- --_ctm-mob-dn-by-nw-dt-se-lr-sg,
470
- var(--_ctm-tab-dn-by-nw-dt-se-lr-sg, var(--_ctm-dn-by-nw-dt-se-lr-sg))
471
- );
472
- line-height: var(
473
- --_ctm-mob-dn-by-nw-dt-se-le-ht,
474
- var(--_ctm-tab-dn-by-nw-dt-se-le-ht, var(--_ctm-dn-by-nw-dt-se-le-ht))
475
- );
476
- text-decoration: var(
477
- --_ctm-mob-dn-by-nw-dt-se-ue,
478
- var(--_ctm-tab-dn-by-nw-dt-se-ue, var(--_ctm-dn-by-nw-dt-se-ue))
479
- );
480
- }
481
-
482
- &:hover {
483
- background-color: var(
484
- --_sf-at-hr-bd-cr,
485
- var(
486
- --_ctm-mob-dn-by-nw-hr-se-bd-cr,
487
- var(--_ctm-tab-dn-by-nw-hr-se-bd-cr, var(--_ctm-dn-by-nw-hr-se-bd-cr))
488
- )
489
- );
490
- border-color: var(
491
- --_sf-at-hr-br-cr,
492
- var(
493
- --_ctm-mob-dn-by-nw-hr-se-br-cr,
494
- var(--_ctm-tab-dn-by-nw-hr-se-br-cr, var(--_ctm-dn-by-nw-hr-se-br-cr))
495
- )
496
- );
497
- border-style: var(
498
- --_sf-at-hr-br-se,
499
- var(
500
- --_ctm-mob-dn-by-nw-hr-se-br-se,
501
- var(--_ctm-tab-dn-by-nw-hr-se-br-se, var(--_ctm-dn-by-nw-hr-se-br-se))
502
- )
503
- );
504
- border-width: var(
505
- --_sf-at-hr-br-wt,
506
- var(
507
- --_ctm-mob-dn-by-nw-hr-se-br-wh,
508
- var(--_ctm-tab-dn-by-nw-hr-se-br-wh, var(--_ctm-dn-by-nw-hr-se-br-wh))
509
- )
510
- );
511
- border-radius: var(
512
- --_sf-at-hr-br-br,
513
- var(
514
- --_ctm-mob-dn-by-nw-hr-se-br-rs,
515
- var(--_ctm-tab-dn-by-nw-hr-se-br-rs, var(--_ctm-dn-by-nw-hr-se-br-rs))
516
- )
517
- );
518
- box-shadow: var(
519
- --_hover-show-shadow,
520
- var(
521
- --_sf-at-hr-bx-sw,
522
- var(
523
- --_show-shadow,
524
- var(
525
- --_ctm-mob-dn-by-nw-hr-se-sw-ae,
526
- var(--_ctm-tab-dn-by-nw-hr-se-sw-ae, var(--_ctm-dn-by-nw-hr-se-sw-ae))
527
- )
528
- var(
529
- --_ctm-mob-dn-by-nw-hr-se-sw-br,
530
- var(--_ctm-tab-dn-by-nw-hr-se-sw-br, var(--_ctm-dn-by-nw-hr-se-sw-br))
531
- )
532
- var(
533
- --_ctm-mob-dn-by-nw-hr-se-sw-sd,
534
- var(--_ctm-tab-dn-by-nw-hr-se-sw-sd, var(--_ctm-dn-by-nw-hr-se-sw-sd))
535
- )
536
- var(
537
- --_ctm-mob-dn-by-nw-hr-se-sw-cr,
538
- var(--_ctm-tab-dn-by-nw-hr-se-sw-cr, var(--_ctm-dn-by-nw-hr-se-sw-cr))
539
- )
540
- )
541
- )
542
- );
543
-
544
- .btn__container {
545
- gap: var(
546
- --_ctm-mob-dn-by-nw-hr-se-in-ad-tt-sg,
547
- var(--_ctm-tab-dn-by-nw-hr-se-in-ad-tt-sg, var(--_ctm-dn-by-nw-hr-se-in-ad-tt-sg))
548
- );
549
- justify-content: var(
550
- --_ctm-mob-dn-by-nw-hr-se-at,
551
- var(--_ctm-tab-dn-by-nw-hr-se-at, var(--_ctm-dn-by-nw-hr-se-at))
552
- );
553
-
554
- &[data-actions-icon-position-hover="left"],
555
- &[data-actions-icon-position-hover="center"] {
556
- flex-direction: row;
557
- }
558
- &[data-actions-icon-position-hover="right"] {
559
- flex-direction: row-reverse;
560
- }
561
- span {
562
- svg {
563
- width: var(
564
- --_ctm-mob-dn-by-nw-hr-se-in-se,
565
- var(--_ctm-tab-dn-by-nw-hr-se-in-se, var(--_ctm-dn-by-nw-hr-se-in-se))
566
- );
567
- height: var(
568
- --_ctm-mob-dn-by-nw-hr-se-in-se,
569
- var(--_ctm-tab-dn-by-nw-hr-se-in-se, var(--_ctm-dn-by-nw-hr-se-in-se))
570
- );
571
-
572
- path {
573
- stroke: var(
574
- --_ctm-mob-dn-by-nw-hr-se-in-c1,
575
- var(--_ctm-tab-dn-by-nw-hr-se-in-c1, var(--_ctm-dn-by-nw-hr-se-in-c1))
576
- );
577
- }
578
- }
579
- }
580
- .btn__with__text {
581
- border: none;
582
- background-color: transparent;
583
- color: var(
584
- --_ctm-mob-dn-by-nw-hr-se-cr,
585
- var(--_ctm-tab-dn-by-nw-hr-se-cr, var(--_ctm-dn-by-nw-hr-se-cr))
586
- );
587
- font-family: var(
588
- --_ctm-mob-dn-by-nw-hr-se-ft-fy,
589
- var(--_ctm-tab-dn-by-nw-hr-se-ft-fy, var(--_ctm-dn-by-nw-hr-se-ft-fy))
590
- );
591
- font-size: var(
592
- --_ctm-mob-dn-by-nw-hr-se-ft-se,
593
- var(--_ctm-tab-dn-by-nw-hr-se-ft-se, var(--_ctm-dn-by-nw-hr-se-ft-se))
594
- );
595
- font-weight: var(
596
- --_ctm-mob-dn-by-nw-hr-se-ft-wt,
597
- var(--_ctm-tab-dn-by-nw-hr-se-ft-wt, var(--_ctm-dn-by-nw-hr-se-ft-wt))
598
- );
599
- font-style: var(
600
- --_ctm-mob-dn-by-nw-hr-se-ft-se-ic,
601
- var(--_ctm-tab-dn-by-nw-hr-se-ft-se-ic, var(--_ctm-dn-by-nw-hr-se-ft-se-ic))
602
- );
603
- text-align: var(
604
- --_ctm-mob-dn-by-nw-hr-se-tt-an,
605
- var(--_ctm-tab-dn-by-nw-hr-se-tt-an, var(--_ctm-dn-by-nw-hr-se-tt-an))
606
- );
607
- letter-spacing: var(
608
- --_ctm-mob-dn-by-nw-hr-se-lr-sg,
609
- var(--_ctm-tab-dn-by-nw-hr-se-lr-sg, var(--_ctm-dn-by-nw-hr-se-lr-sg))
610
- );
611
- line-height: var(
612
- --_ctm-mob-dn-by-nw-hr-se-le-ht,
613
- var(--_ctm-tab-dn-by-nw-hr-se-le-ht, var(--_ctm-dn-by-nw-hr-se-le-ht))
614
- );
615
- text-decoration: var(
616
- --_ctm-mob-dn-by-nw-hr-se-ue,
617
- var(--_ctm-tab-dn-by-nw-hr-se-ue, var(--_ctm-dn-by-nw-hr-se-ue))
618
- );
619
- }
620
- }
621
- }
622
- }
623
- }
624
- &.wishlist {
625
- background-color: var(
626
- --_sf-at-hr-bd-cr,
627
- var(
628
- --_ctm-mob-dn-wt-dt-se-bd-cr,
629
- var(--_ctm-tab-dn-wt-dt-se-bd-cr, var(--_ctm-dn-wt-dt-se-bd-cr))
630
- )
631
- );
632
- border-color: var(
633
- --_sf-at-hr-br-cr,
634
- var(
635
- --_ctm-mob-dn-wt-dt-se-br-cr,
636
- var(--_ctm-tab-dn-wt-dt-se-br-cr, var(--_ctm-dn-wt-dt-se-br-cr))
637
- )
638
- );
639
- border-style: var(
640
- --_sf-at-hr-br-se,
641
- var(
642
- --_ctm-mob-dn-wt-dt-se-br-se,
643
- var(--_ctm-tab-dn-wt-dt-se-br-se, var(--_ctm-dn-wt-dt-se-br-se))
644
- )
645
- );
646
- border-width: var(
647
- --_sf-at-hr-br-wt,
648
- var(
649
- --_ctm-mob-dn-wt-dt-se-br-wh,
650
- var(--_ctm-tab-dn-wt-dt-se-br-wh, var(--_ctm-dn-wt-dt-se-br-wh))
651
- )
652
- );
653
- border-radius: var(
654
- --_sf-at-hr-br-br,
655
- var(
656
- --_ctm-mob-dn-wt-dt-se-br-rs,
657
- var(--_ctm-tab-dn-wt-dt-se-br-rs, var(--_ctm-dn-wt-dt-se-br-rs))
658
- )
659
- );
660
-
661
- box-shadow: var(
662
- --_hover-show-shadow,
663
- var(
664
- --_sf-at-hr-bx-sw,
665
- var(
666
- --_show-shadow,
667
- var(
668
- --_ctm-mob-dn-wt-dt-se-sw-ae,
669
- var(--_ctm-tab-dn-wt-dt-se-sw-ae, var(--_ctm-dn-wt-dt-se-sw-ae))
670
- )
671
- var(
672
- --_ctm-mob-dn-wt-dt-se-sw-br,
673
- var(--_ctm-tab-dn-wt-dt-se-sw-br, var(--_ctm-dn-wt-dt-se-sw-br))
674
- )
675
- var(
676
- --_ctm-mob-dn-wt-dt-se-sw-sd,
677
- var(--_ctm-tab-dn-wt-dt-se-sw-sd, var(--_ctm-dn-wt-dt-se-sw-sd))
678
- )
679
- var(
680
- --_ctm-mob-dn-wt-dt-se-sw-cr,
681
- var(--_ctm-tab-dn-wt-dt-se-sw-cr, var(--_ctm-dn-wt-dt-se-sw-cr))
682
- )
683
- )
684
- )
685
- );
686
-
687
- .btn__container {
688
- gap: var(
689
- --_ctm-mob-dn-wt-dt-se-in-ad-tt-sg,
690
- var(--_ctm-tab-dn-wt-dt-se-in-ad-tt-sg, var(--_ctm-dn-wt-dt-se-in-ad-tt-sg))
691
- );
692
- justify-content: var(
693
- --_ctm-mob-dn-wt-dt-se-at,
694
- var(--_ctm-tab-dn-wt-dt-se-at, var(--_ctm-dn-wt-dt-se-at))
695
- );
696
-
697
- &[data-actions-icon-position="left"],
698
- &[data-actions-icon-position="center"] {
699
- flex-direction: row;
700
- }
701
- &[data-actions-icon-position="right"] {
702
- flex-direction: row-reverse;
703
- }
704
- span {
705
- svg {
706
- width: var(
707
- --_ctm-mob-dn-wt-dt-se-in-se,
708
- var(--_ctm-tab-dn-wt-dt-se-in-se, var(--_ctm-dn-wt-dt-se-in-se))
709
- );
710
- height: var(
711
- --_ctm-mob-dn-wt-dt-se-in-se,
712
- var(--_ctm-tab-dn-wt-dt-se-in-se, var(--_ctm-dn-wt-dt-se-in-se))
713
- );
714
-
715
- path {
716
- stroke: var(
717
- --_ctm-mob-dn-wt-dt-se-in-c1,
718
- var(--_ctm-tab-dn-wt-dt-se-in-c1, var(--_ctm-dn-wt-dt-se-in-c1))
719
- );
720
- }
721
- }
722
- }
723
- .btn__with__text {
724
- border: none;
725
- background-color: transparent;
726
- color: var(
727
- --_ctm-mob-dn-wt-dt-se-cr,
728
- var(--_ctm-tab-dn-wt-dt-se-cr, var(--_ctm-dn-wt-dt-se-cr))
729
- );
730
- font-family: var(
731
- --_ctm-mob-dn-wt-dt-se-ft-fy,
732
- var(--_ctm-tab-dn-wt-dt-se-ft-fy, var(--_ctm-dn-wt-dt-se-ft-fy))
733
- );
734
- font-size: var(
735
- --_ctm-mob-dn-wt-dt-se-ft-se,
736
- var(--_ctm-tab-dn-wt-dt-se-ft-se, var(--_ctm-dn-wt-dt-se-ft-se))
737
- );
738
- font-weight: var(
739
- --_ctm-mob-dn-wt-dt-se-ft-wt,
740
- var(--_ctm-tab-dn-wt-dt-se-ft-wt, var(--_ctm-dn-wt-dt-se-ft-wt))
741
- );
742
- font-style: var(
743
- --_ctm-mob-dn-wt-dt-se-ft-se-ic,
744
- var(--_ctm-tab-dn-wt-dt-se-ft-se-ic, var(--_ctm-dn-wt-dt-se-ft-se-ic))
745
- );
746
- text-align: var(
747
- --_ctm-mob-dn-wt-dt-se-tt-an,
748
- var(--_ctm-tab-dn-wt-dt-se-tt-an, var(--_ctm-dn-wt-dt-se-tt-an))
749
- );
750
- letter-spacing: var(
751
- --_ctm-mob-dn-wt-dt-se-lr-sg,
752
- var(--_ctm-tab-dn-wt-dt-se-lr-sg, var(--_ctm-dn-wt-dt-se-lr-sg))
753
- );
754
- line-height: var(
755
- --_ctm-mob-dn-wt-dt-se-le-ht,
756
- var(--_ctm-tab-dn-wt-dt-se-le-ht, var(--_ctm-dn-wt-dt-se-le-ht))
757
- );
758
- text-decoration: var(
759
- --_ctm-mob-dn-wt-dt-se-ue,
760
- var(--_ctm-tab-dn-wt-dt-se-ue, var(--_ctm-dn-wt-dt-se-ue))
761
- );
762
- }
763
-
764
- &:hover {
765
- background-color: var(
766
- --_sf-at-hr-bd-cr,
767
- var(
768
- --_ctm-mob-dn-wt-hr-se-bd-cr,
769
- var(--_ctm-tab-dn-wt-hr-se-bd-cr, var(--_ctm-dn-wt-hr-se-bd-cr))
770
- )
771
- );
772
- border-color: var(
773
- --_sf-at-hr-br-cr,
774
- var(
775
- --_ctm-mob-dn-wt-hr-se-br-cr,
776
- var(--_ctm-tab-dn-wt-hr-se-br-cr, var(--_ctm-dn-wt-hr-se-br-cr))
777
- )
778
- );
779
- border-style: var(
780
- --_sf-at-hr-br-se,
781
- var(
782
- --_ctm-mob-dn-wt-hr-se-br-se,
783
- var(--_ctm-tab-dn-wt-hr-se-br-se, var(--_ctm-dn-wt-hr-se-br-se))
784
- )
785
- );
786
- border-width: var(
787
- --_sf-at-hr-br-wt,
788
- var(
789
- --_ctm-mob-dn-wt-hr-se-br-wh,
790
- var(--_ctm-tab-dn-wt-hr-se-br-wh, var(--_ctm-dn-wt-hr-se-br-wh))
791
- )
792
- );
793
- border-radius: var(
794
- --_sf-at-hr-br-br,
795
- var(
796
- --_ctm-mob-dn-wt-hr-se-br-rs,
797
- var(--_ctm-tab-dn-wt-hr-se-br-rs, var(--_ctm-dn-wt-hr-se-br-rs))
798
- )
799
- );
800
- box-shadow: var(
801
- --_hover-show-shadow,
802
- var(
803
- --_sf-at-hr-bx-sw,
804
- var(
805
- --_show-shadow,
806
- var(
807
- --_ctm-mob-dn-wt-hr-se-sw-ae,
808
- var(--_ctm-tab-dn-wt-hr-se-sw-ae, var(--_ctm-dn-wt-hr-se-sw-ae))
809
- )
810
- var(
811
- --_ctm-mob-dn-wt-hr-se-sw-br,
812
- var(--_ctm-tab-dn-wt-hr-se-sw-br, var(--_ctm-dn-wt-hr-se-sw-br))
813
- )
814
- var(
815
- --_ctm-mob-dn-wt-hr-se-sw-sd,
816
- var(--_ctm-tab-dn-wt-hr-se-sw-sd, var(--_ctm-dn-wt-hr-se-sw-sd))
817
- )
818
- var(
819
- --_ctm-mob-dn-wt-hr-se-sw-cr,
820
- var(--_ctm-tab-dn-wt-hr-se-sw-cr, var(--_ctm-dn-wt-hr-se-sw-cr))
821
- )
822
- )
823
- )
824
- );
825
-
826
- .btn__container {
827
- gap: var(
828
- --_ctm-mob-dn-wt-hr-se-in-ad-tt-sg,
829
- var(--_ctm-tab-dn-wt-hr-se-in-ad-tt-sg, var(--_ctm-dn-wt-hr-se-in-ad-tt-sg))
830
- );
831
- justify-content: var(
832
- --_ctm-mob-dn-wt-hr-se-at,
833
- var(--_ctm-tab-dn-wt-hr-se-at, var(--_ctm-dn-wt-hr-se-at))
834
- );
835
-
836
- &[data-actions-icon-position-hover="left"],
837
- &[data-actions-icon-position-hover="center"] {
838
- flex-direction: row;
839
- }
840
- &[data-actions-icon-position-hover="right"] {
841
- flex-direction: row-reverse;
842
- }
843
- span {
844
- svg {
845
- width: var(
846
- --_ctm-mob-dn-wt-hr-se-in-se,
847
- var(--_ctm-tab-dn-wt-hr-se-in-se, var(--_ctm-dn-wt-hr-se-in-se))
848
- );
849
- height: var(
850
- --_ctm-mob-dn-wt-hr-se-in-se,
851
- var(--_ctm-tab-dn-wt-hr-se-in-se, var(--_ctm-dn-wt-hr-se-in-se))
852
- );
853
- path {
854
- stroke: var(
855
- --_ctm-mob-dn-wt-hr-se-in-c1,
856
- var(--_ctm-tab-dn-wt-hr-se-in-c1, var(--_ctm-dn-wt-hr-se-in-c1))
857
- );
858
- }
859
- }
860
- }
861
- .btn__with__text {
862
- border: none;
863
- background-color: transparent;
864
- color: var(
865
- --_ctm-mob-dn-wt-hr-se-cr,
866
- var(--_ctm-tab-dn-wt-hr-se-cr, var(--_ctm-dn-wt-hr-se-cr))
867
- );
868
- font-family: var(
869
- --_ctm-mob-dn-wt-hr-se-ft-fy,
870
- var(--_ctm-tab-dn-wt-hr-se-ft-fy, var(--_ctm-dn-wt-hr-se-ft-fy))
871
- );
872
- font-size: var(
873
- --_ctm-mob-dn-wt-hr-se-ft-se,
874
- var(--_ctm-tab-dn-wt-hr-se-ft-se, var(--_ctm-dn-wt-hr-se-ft-se))
875
- );
876
- font-weight: var(
877
- --_ctm-mob-dn-wt-hr-se-ft-wt,
878
- var(--_ctm-tab-dn-wt-hr-se-ft-wt, var(--_ctm-dn-wt-hr-se-ft-wt))
879
- );
880
- font-style: var(
881
- --_ctm-mob-dn-wt-hr-se-ft-se-ic,
882
- var(--_ctm-tab-dn-wt-hr-se-ft-se-ic, var(--_ctm-dn-wt-hr-se-ft-se-ic))
883
- );
884
- text-align: var(
885
- --_ctm-mob-dn-wt-hr-se-tt-an,
886
- var(--_ctm-tab-dn-wt-hr-se-tt-an, var(--_ctm-dn-wt-hr-se-tt-an))
887
- );
888
- letter-spacing: var(
889
- --_ctm-mob-dn-wt-hr-se-lr-sg,
890
- var(--_ctm-tab-dn-wt-hr-se-lr-sg, var(--_ctm-dn-wt-hr-se-lr-sg))
891
- );
892
- line-height: var(
893
- --_ctm-mob-dn-wt-hr-se-le-ht,
894
- var(--_ctm-tab-dn-wt-hr-se-le-ht, var(--_ctm-dn-wt-hr-se-le-ht))
895
- );
896
- text-decoration: var(
897
- --_ctm-mob-dn-wt-hr-se-ue,
898
- var(--_ctm-tab-dn-wt-hr-se-ue, var(--_ctm-dn-wt-hr-se-ue))
899
- );
900
- }
901
- }
902
- }
903
- }
904
- }
905
- &.compareProduct {
906
- background-color: var(
907
- --_sf-at-hr-bd-cr,
908
- var(
909
- --_ctm-mob-dn-ce-dt-se-bd-cr,
910
- var(--_ctm-tab-dn-ce-dt-se-bd-cr, var(--_ctm-dn-ce-dt-se-bd-cr))
911
- )
912
- );
913
- border-color: var(
914
- --_sf-at-hr-br-cr,
915
- var(
916
- --_ctm-mob-dn-ce-dt-se-br-cr,
917
- var(--_ctm-tab-dn-ce-dt-se-br-cr, var(--_ctm-dn-ce-dt-se-br-cr))
918
- )
919
- );
920
- border-style: var(
921
- --_sf-at-hr-br-se,
922
- var(
923
- --_ctm-mob-dn-ce-dt-se-br-se,
924
- var(--_ctm-tab-dn-ce-dt-se-br-se, var(--_ctm-dn-ce-dt-se-br-se))
925
- )
926
- );
927
- border-width: var(
928
- --_sf-at-hr-br-wt,
929
- var(
930
- --_ctm-mob-dn-ce-dt-se-br-wh,
931
- var(--_ctm-tab-dn-ce-dt-se-br-wh, var(--_ctm-dn-ce-dt-se-br-wh))
932
- )
933
- );
934
- border-radius: var(
935
- --_sf-at-hr-br-br,
936
- var(
937
- --_ctm-mob-dn-ce-dt-se-br-rs,
938
- var(--_ctm-tab-dn-ce-dt-se-br-rs, var(--_ctm-dn-ce-dt-se-br-rs))
939
- )
940
- );
941
- box-shadow: var(
942
- --_hover-show-shadow,
943
- var(
944
- --_sf-at-hr-bx-sw,
945
- var(
946
- --_show-shadow,
947
- var(
948
- --_ctm-mob-dn-ce-dt-se-sw-ae,
949
- var(--_ctm-tab-dn-ce-dt-se-sw-ae, var(--_ctm-dn-ce-dt-se-sw-ae))
950
- )
951
- var(
952
- --_ctm-mob-dn-ce-dt-se-sw-br,
953
- var(--_ctm-tab-dn-ce-dt-se-sw-br, var(--_ctm-dn-ce-dt-se-sw-br))
954
- )
955
- var(
956
- --_ctm-mob-dn-ce-dt-se-sw-sd,
957
- var(--_ctm-tab-dn-ce-dt-se-sw-sd, var(--_ctm-dn-ce-dt-se-sw-sd))
958
- )
959
- var(
960
- --_ctm-mob-dn-ce-dt-se-sw-cr,
961
- var(--_ctm-tab-dn-ce-dt-se-sw-cr, var(--_ctm-dn-ce-dt-se-sw-cr))
962
- )
963
- )
964
- )
965
- );
966
-
967
- .btn__container {
968
- gap: var(
969
- --_ctm-mob-dn-ce-dt-se-in-ad-tt-sg,
970
- var(--_ctm-tab-dn-ce-dt-se-in-ad-tt-sg, var(--_ctm-dn-ce-dt-se-in-ad-tt-sg))
971
- );
972
- justify-content: var(
973
- --_ctm-mob-dn-ce-dt-se-at,
974
- var(--_ctm-tab-dn-ce-dt-se-at, var(--_ctm-dn-ce-dt-se-at))
975
- );
976
-
977
- &[data-actions-icon-position="left"],
978
- &[data-actions-icon-position="center"] {
979
- flex-direction: row;
980
- }
981
- &[data-actions-icon-position="right"] {
982
- flex-direction: row-reverse;
983
- }
984
- span {
985
- svg {
986
- width: var(
987
- --_ctm-mob-dn-ce-dt-se-in-se,
988
- var(--_ctm-tab-dn-ce-dt-se-in-se, var(--_ctm-dn-ce-dt-se-in-se))
989
- );
990
- height: var(
991
- --_ctm-mob-dn-ce-dt-se-in-se,
992
- var(--_ctm-tab-dn-ce-dt-se-in-se, var(--_ctm-dn-ce-dt-se-in-se))
993
- );
994
-
995
- path {
996
- stroke: var(
997
- --_ctm-mob-dn-ce-dt-se-in-c1,
998
- var(--_ctm-tab-dn-ce-dt-se-in-c1, var(--_ctm-dn-ce-dt-se-in-c1))
999
- );
1000
- }
1001
- }
1002
- }
1003
- .btn__with__text {
1004
- border: none;
1005
- background-color: transparent;
1006
- color: var(
1007
- --_ctm-mob-dn-ce-dt-se-cr,
1008
- var(--_ctm-tab-dn-ce-dt-se-cr, var(--_ctm-dn-ce-dt-se-cr))
1009
- );
1010
- font-family: var(
1011
- --_ctm-mob-dn-ce-dt-se-ft-fy,
1012
- var(--_ctm-tab-dn-ce-dt-se-ft-fy, var(--_ctm-dn-ce-dt-se-ft-fy))
1013
- );
1014
- font-size: var(
1015
- --_ctm-mob-dn-ce-dt-se-ft-se,
1016
- var(--_ctm-tab-dn-ce-dt-se-ft-se, var(--_ctm-dn-ce-dt-se-ft-se))
1017
- );
1018
- font-weight: var(
1019
- --_ctm-mob-dn-ce-dt-se-ft-wt,
1020
- var(--_ctm-tab-dn-ce-dt-se-ft-wt, var(--_ctm-dn-ce-dt-se-ft-wt))
1021
- );
1022
- font-style: var(
1023
- --_ctm-mob-dn-ce-dt-se-ft-se-ic,
1024
- var(--_ctm-tab-dn-ce-dt-se-ft-se-ic, var(--_ctm-dn-ce-dt-se-ft-se-ic))
1025
- );
1026
- text-align: var(
1027
- --_ctm-mob-dn-ce-dt-se-tt-an,
1028
- var(--_ctm-tab-dn-ce-dt-se-tt-an, var(--_ctm-dn-ce-dt-se-tt-an))
1029
- );
1030
- letter-spacing: var(
1031
- --_ctm-mob-dn-ce-dt-se-lr-sg,
1032
- var(--_ctm-tab-dn-ce-dt-se-lr-sg, var(--_ctm-dn-ce-dt-se-lr-sg))
1033
- );
1034
- line-height: var(
1035
- --_ctm-mob-dn-ce-dt-se-le-ht,
1036
- var(--_ctm-tab-dn-ce-dt-se-le-ht, var(--_ctm-dn-ce-dt-se-le-ht))
1037
- );
1038
- text-decoration: var(
1039
- --_ctm-mob-dn-ce-dt-se-ue,
1040
- var(--_ctm-tab-dn-ce-dt-se-ue, var(--_ctm-dn-ce-dt-se-ue))
1041
- );
1042
- }
1043
- &:hover {
1044
- background-color: var(
1045
- --_sf-at-hr-bd-cr,
1046
- var(
1047
- --_ctm-mob-dn-ce-hr-se-bd-cr,
1048
- var(--_ctm-tab-dn-ce-hr-se-bd-cr, var(--_ctm-dn-ce-hr-se-bd-cr))
1049
- )
1050
- );
1051
- border-color: var(
1052
- --_sf-at-hr-br-cr,
1053
- var(
1054
- --_ctm-mob-dn-ce-hr-se-br-cr,
1055
- var(--_ctm-tab-dn-ce-hr-se-br-cr, var(--_ctm-dn-ce-hr-se-br-cr))
1056
- )
1057
- );
1058
- border-style: var(
1059
- --_sf-at-hr-br-se,
1060
- var(
1061
- --_ctm-mob-dn-ce-hr-se-br-se,
1062
- var(--_ctm-tab-dn-ce-hr-se-br-se, var(--_ctm-dn-ce-hr-se-br-se))
1063
- )
1064
- );
1065
- border-width: var(
1066
- --_sf-at-hr-br-wt,
1067
- var(
1068
- --_ctm-mob-dn-ce-hr-se-br-wh,
1069
- var(--_ctm-tab-dn-ce-hr-se-br-wh, var(--_ctm-dn-ce-hr-se-br-wh))
1070
- )
1071
- );
1072
- border-radius: var(
1073
- --_sf-at-hr-br-br,
1074
- var(
1075
- --_ctm-mob-dn-ce-hr-se-br-rs,
1076
- var(--_ctm-tab-dn-ce-hr-se-br-rs, var(--_ctm-dn-ce-hr-se-br-rs))
1077
- )
1078
- );
1079
- box-shadow: var(
1080
- --_hover-show-shadow,
1081
- var(
1082
- --_sf-at-hr-bx-sw,
1083
- var(
1084
- --_show-shadow,
1085
- var(
1086
- --_ctm-mob-dn-ce-hr-se-sw-ae,
1087
- var(--_ctm-tab-dn-ce-hr-se-sw-ae, var(--_ctm-dn-ce-hr-se-sw-ae))
1088
- )
1089
- var(
1090
- --_ctm-mob-dn-ce-hr-se-sw-br,
1091
- var(--_ctm-tab-dn-ce-hr-se-sw-br, var(--_ctm-dn-ce-hr-se-sw-br))
1092
- )
1093
- var(
1094
- --_ctm-mob-dn-ce-hr-se-sw-sd,
1095
- var(--_ctm-tab-dn-ce-hr-se-sw-sd, var(--_ctm-dn-ce-hr-se-sw-sd))
1096
- )
1097
- var(
1098
- --_ctm-mob-dn-ce-hr-se-sw-cr,
1099
- var(--_ctm-tab-dn-ce-hr-se-sw-cr, var(--_ctm-dn-ce-hr-se-sw-cr))
1100
- )
1101
- )
1102
- )
1103
- );
1104
-
1105
- .btn__container {
1106
- gap: var(
1107
- --_ctm-mob-dn-ce-hr-se-in-ad-tt-sg,
1108
- var(--_ctm-tab-dn-ce-hr-se-in-ad-tt-sg, var(--_ctm-dn-ce-hr-se-in-ad-tt-sg))
1109
- );
1110
- justify-content: var(
1111
- --_ctm-mob-dn-hr-dt-se-at,
1112
- var(--_ctm-tab-dn-hr-dt-se-at, var(--_ctm-dn-hr-dt-se-at))
1113
- );
1114
-
1115
- &[data-actions-icon-position-hover="left"],
1116
- &[data-actions-icon-position-hover="center"] {
1117
- flex-direction: row;
1118
- }
1119
- &[data-actions-icon-position-hover="right"] {
1120
- flex-direction: row-reverse;
1121
- }
1122
- span {
1123
- svg {
1124
- width: var(
1125
- --_ctm-mob-dn-ce-hr-se-in-se,
1126
- var(--_ctm-tab-dn-ce-hr-se-in-se, var(--_ctm-dn-ce-hr-se-in-se))
1127
- );
1128
- height: var(
1129
- --_ctm-mob-dn-ce-hr-se-in-se,
1130
- var(--_ctm-tab-dn-ce-hr-se-in-se, var(--_ctm-dn-ce-hr-se-in-se))
1131
- );
1132
-
1133
- path {
1134
- stroke: var(
1135
- --_ctm-mob-dn-ce-hr-se-in-c1,
1136
- var(--_ctm-tab-dn-ce-hr-se-in-c1, var(--_ctm-dn-ce-hr-se-in-c1))
1137
- );
1138
- }
1139
- }
1140
- }
1141
- .btn__with__text {
1142
- border: none;
1143
- background-color: transparent;
1144
- color: var(
1145
- --_ctm-mob-dn-ce-hr-se-cr,
1146
- var(--_ctm-tab-dn-ce-hr-se-cr, var(--_ctm-dn-ce-hr-se-cr))
1147
- );
1148
- font-family: var(
1149
- --_ctm-mob-dn-ce-hr-se-ft-fy,
1150
- var(--_ctm-tab-dn-ce-hr-se-ft-fy, var(--_ctm-dn-ce-hr-se-ft-fy))
1151
- );
1152
- font-size: var(
1153
- --_ctm-mob-dn-ce-hr-se-ft-se,
1154
- var(--_ctm-tab-dn-ce-hr-se-ft-se, var(--_ctm-dn-ce-hr-se-ft-se))
1155
- );
1156
- font-weight: var(
1157
- --_ctm-mob-dn-ce-hr-se-ft-wt,
1158
- var(--_ctm-tab-dn-ce-hr-se-ft-wt, var(--_ctm-dn-ce-hr-se-ft-wt))
1159
- );
1160
- font-style: var(
1161
- --_ctm-mob-dn-ce-hr-se-ft-se-ic,
1162
- var(--_ctm-tab-dn-ce-hr-se-ft-se-ic, var(--_ctm-dn-ce-hr-se-ft-se-ic))
1163
- );
1164
- text-align: var(
1165
- --_ctm-mob-dn-ce-hr-se-tt-an,
1166
- var(--_ctm-tab-dn-ce-hr-se-tt-an, var(--_ctm-dn-ce-hr-se-tt-an))
1167
- );
1168
- letter-spacing: var(
1169
- --_ctm-mob-dn-ce-hr-se-lr-sg,
1170
- var(--_ctm-tab-dn-ce-hr-se-lr-sg, var(--_ctm-dn-ce-hr-se-lr-sg))
1171
- );
1172
- line-height: var(
1173
- --_ctm-mob-dn-ce-hr-se-le-ht,
1174
- var(--_ctm-tab-dn-ce-hr-se-le-ht, var(--_ctm-dn-ce-hr-se-le-ht))
1175
- );
1176
- text-decoration: var(
1177
- --_ctm-mob-dn-ce-hr-se-ue,
1178
- var(--_ctm-tab-dn-ce-hr-se-ue, var(--_ctm-dn-ce-hr-se-ue))
1179
- );
1180
- }
1181
- }
1182
- }
1183
- }
1184
- }
1185
- &.addToQuote {
1186
- background-color: var(
1187
- --_sf-at-hr-bd-cr,
1188
- var(
1189
- --_ctm-mob-dn-ad-to-qe-dt-se-bd-cr,
1190
- var(--_ctm-tab-dn-ad-to-qe-dt-se-bd-cr, var(--_ctm-dn-ad-to-qe-dt-se-bd-cr))
1191
- )
1192
- );
1193
- border-color: var(
1194
- --_sf-at-hr-br-cr,
1195
- var(
1196
- --_ctm-mob-dn-ad-to-qe-dt-se-br-cr,
1197
- var(--_ctm-tab-dn-ad-to-qe-dt-se-br-cr, var(--_ctm-dn-ad-to-qe-dt-se-br-cr))
1198
- )
1199
- );
1200
- border-style: var(
1201
- --_sf-at-hr-br-se,
1202
- var(
1203
- --_ctm-mob-dn-ad-to-qe-dt-se-br-se,
1204
- var(--_ctm-tab-dn-ad-to-qe-dt-se-br-se, var(--_ctm-dn-ad-to-qe-dt-se-br-se))
1205
- )
1206
- );
1207
- border-width: var(
1208
- --_sf-at-hr-br-wt,
1209
- var(
1210
- --_ctm-mob-dn-ad-to-qe-dt-se-br-wh,
1211
- var(--_ctm-tab-dn-ad-to-qe-dt-se-br-wh, var(--_ctm-dn-ad-to-qe-dt-se-br-wh))
1212
- )
1213
- );
1214
- border-radius: var(
1215
- --_sf-at-hr-br-br,
1216
- var(
1217
- --_ctm-mob-dn-ad-to-qe-dt-se-br-rs,
1218
- var(--_ctm-tab-dn-ad-to-qe-dt-se-br-rs, var(--_ctm-dn-ad-to-qe-dt-se-br-rs))
1219
- )
1220
- );
1221
- box-shadow: var(
1222
- --_hover-show-shadow,
1223
- var(
1224
- --_sf-at-hr-bx-sw,
1225
- var(
1226
- --_show-shadow,
1227
- var(
1228
- --_ctm-mob-dn-ad-to-qe-dt-se-sw-ae,
1229
- var(
1230
- --_ctm-tab-dn-ad-to-qe-dt-se-sw-ae,
1231
- var(--_ctm-dn-ad-to-qe-dt-se-sw-ae, var(--_tst-dn-dt-se-sw-ae))
1232
- )
1233
- )
1234
- var(
1235
- --_ctm-mob-dn-ad-to-qe-dt-se-sw-br,
1236
- var(
1237
- --_ctm-tab-dn-ad-to-qe-dt-se-sw-br,
1238
- var(--_ctm-dn-ad-to-qe-dt-se-sw-br, var(--_tst-dn-dt-se-sw-br))
1239
- )
1240
- )
1241
- var(
1242
- --_ctm-mob-dn-ad-to-qe-dt-se-sw-sd,
1243
- var(
1244
- --_ctm-tab-dn-ad-to-qe-dt-se-sw-sd,
1245
- var(--_ctm-dn-ad-to-qe-dt-se-sw-sd, var(--_tst-dn-dt-se-sw-sd))
1246
- )
1247
- )
1248
- var(
1249
- --_ctm-mob-dn-ad-to-qe-dt-se-sw-cr,
1250
- var(
1251
- --_ctm-tab-dn-ad-to-qe-dt-se-sw-cr,
1252
- var(--_ctm-dn-ad-to-qe-dt-se-sw-cr, var(--_tst-dn-dt-se-sw-cr))
1253
- )
1254
- )
1255
- )
1256
- )
1257
- );
1258
-
1259
- .btn__container {
1260
- gap: var(
1261
- --_ctm-mob-dn-ad-to-qe-dt-se-in-ad-tt-sg,
1262
- var(
1263
- --_ctm-tab-dn-ad-to-qe-dt-se-in-ad-tt-sg,
1264
- var(--_ctm-dn-ad-to-qe-dt-se-in-ad-tt-sg)
1265
- )
1266
- );
1267
-
1268
- justify-content: var(
1269
- --_ctm-mob-dn-ad-to-qe-dt-se-at,
1270
- var(--_ctm-tab-dn-ad-to-qe-dt-se-at, var(--_ctm-dn-ad-to-qe-dt-se-at))
1271
- );
1272
-
1273
- &[data-actions-icon-position="left"],
1274
- &[data-actions-icon-position="center"] {
1275
- flex-direction: row;
1276
- }
1277
- &[data-actions-icon-position="right"] {
1278
- flex-direction: row-reverse;
1279
- }
1280
- span {
1281
- svg {
1282
- width: var(
1283
- --_ctm-mob-dn-ad-to-qe-dt-se-in-se,
1284
- var(--_ctm-tab-dn-ad-to-qe-dt-se-in-se, var(--_ctm-dn-ad-to-qe-dt-se-in-se))
1285
- );
1286
- height: var(
1287
- --_ctm-mob-dn-ad-to-qe-dt-se-in-se,
1288
- var(--_ctm-tab-dn-ad-to-qe-dt-se-in-se, var(--_ctm-dn-ad-to-qe-dt-se-in-se))
1289
- );
1290
-
1291
- path {
1292
- stroke: var(
1293
- --_ctm-mob-dn-ad-to-qe-dt-se-in-c1,
1294
- var(--_ctm-tab-dn-ad-to-qe-dt-se-in-c1, var(--_ctm-dn-ad-to-qe-dt-se-in-c1))
1295
- );
1296
- }
1297
- }
1298
- }
1299
- .btn__with__text {
1300
- border: none;
1301
- background-color: transparent;
1302
- color: var(
1303
- --_ctm-mob-dn-ad-to-qe-dt-se-cr,
1304
- var(--_ctm-tab-dn-ad-to-qe-dt-se-cr, var(--_ctm-dn-ad-to-qe-dt-se-cr))
1305
- );
1306
- font-family: var(
1307
- --_ctm-mob-dn-ad-to-qe-dt-se-ft-fy,
1308
- var(--_ctm-tab-dn-ad-to-qe-dt-se-ft-fy, var(--_ctm-dn-ad-to-qe-dt-se-ft-fy))
1309
- );
1310
- font-size: var(
1311
- --_ctm-mob-dn-ad-to-qe-dt-se-ft-se,
1312
- var(--_ctm-tab-dn-ad-to-qe-dt-se-ft-se, var(--_ctm-dn-ad-to-qe-dt-se-ft-se))
1313
- );
1314
- font-weight: var(
1315
- --_ctm-mob-dn-ad-to-qe-dt-se-ft-wt,
1316
- var(--_ctm-tab-dn-ad-to-qe-dt-se-ft-wt, var(--_ctm-dn-ad-to-qe-dt-se-ft-wt))
1317
- );
1318
- font-style: var(
1319
- --_ctm-mob-dn-ad-to-qe-dt-se-ft-se-ic,
1320
- var(--_ctm-tab-dn-ad-to-qe-dt-se-ft-se-ic, var(--_ctm-dn-ad-to-qe-dt-se-ft-se-ic))
1321
- );
1322
- text-align: var(
1323
- --_ctm-mob-dn-ad-to-qe-dt-se-tt-an,
1324
- var(--_ctm-tab-dn-ad-to-qe-dt-se-tt-an, var(--_ctm-dn-ad-to-qe-dt-se-tt-an))
1325
- );
1326
- letter-spacing: var(
1327
- --_ctm-mob-dn-ad-to-qe-dt-se-lr-sg,
1328
- var(--_ctm-tab-dn-ad-to-qe-dt-se-lr-sg, var(--_ctm-dn-ad-to-qe-dt-se-lr-sg))
1329
- );
1330
- line-height: var(
1331
- --_ctm-mob-dn-ad-to-qe-dt-se-le-ht,
1332
- var(--_ctm-tab-dn-ad-to-qe-dt-se-le-ht, var(--_ctm-dn-ad-to-qe-dt-se-le-ht))
1333
- );
1334
- text-decoration: var(
1335
- --_ctm-mob-dn-ad-to-qe-dt-se-ue,
1336
- var(--_ctm-tab-dn-ad-to-qe-dt-se-ue, var(--_ctm-dn-ad-to-qe-dt-se-ue))
1337
- );
1338
- }
1339
- &:hover {
1340
- background-color: var(
1341
- --_sf-at-hr-bd-cr,
1342
- var(
1343
- --_ctm-mob-dn-ad-to-qe-hr-se-bd-cr,
1344
- var(--_ctm-tab-dn-ad-to-qe-hr-se-bd-cr, var(--_ctm-dn-ad-to-qe-hr-se-bd-cr))
1345
- )
1346
- );
1347
- border-color: var(
1348
- --_sf-at-hr-br-cr,
1349
- var(
1350
- --_ctm-mob-dn-ad-to-qe-hr-se-br-cr,
1351
- var(--_ctm-tab-dn-ad-to-qe-hr-se-br-cr, var(--_ctm-dn-ad-to-qe-hr-se-br-cr))
1352
- )
1353
- );
1354
- border-style: var(
1355
- --_sf-at-hr-br-se,
1356
- var(
1357
- --_ctm-mob-dn-ad-to-qe-hr-se-br-se,
1358
- var(--_ctm-tab-dn-ad-to-qe-hr-se-br-se, var(--_ctm-dn-ad-to-qe-hr-se-br-se))
1359
- )
1360
- );
1361
- border-width: var(
1362
- --_sf-at-hr-br-wt,
1363
- var(
1364
- --_ctm-mob-dn-ad-to-qe-hr-se-br-wh,
1365
- var(--_ctm-tab-dn-ad-to-qe-hr-se-br-wh, var(--_ctm-dn-ad-to-qe-hr-se-br-wh))
1366
- )
1367
- );
1368
- border-radius: var(
1369
- --_sf-at-hr-br-br,
1370
- var(
1371
- --_ctm-mob-dn-ad-to-qe-hr-se-br-rs,
1372
- var(--_ctm-tab-dn-ad-to-qe-hr-se-br-rs, var(--_ctm-dn-ad-to-qe-hr-se-br-rs))
1373
- )
1374
- );
1375
-
1376
- box-shadow: var(
1377
- --_hover-show-shadow,
1378
- var(
1379
- --_sf-at-hr-bx-sw,
1380
- var(
1381
- --_show-shadow,
1382
- var(
1383
- --_ctm-mob-dn-ad-to-qe-hr-se-sw-ae,
1384
- var(
1385
- --_ctm-tab-dn-ad-to-qe-hr-se-sw-ae,
1386
- var(--_ctm-dn-ad-to-qe-hr-se-sw-ae, var(--_tst-dn-hr-se-sw-ae))
1387
- )
1388
- )
1389
- var(
1390
- --_ctm-mob-dn-ad-to-qe-hr-se-sw-br,
1391
- var(
1392
- --_ctm-tab-dn-ad-to-qe-hr-se-sw-br,
1393
- var(--_ctm-dn-ad-to-qe-hr-se-sw-br, var(--_tst-dn-hr-se-sw-br))
1394
- )
1395
- )
1396
- var(
1397
- --_ctm-mob-dn-ad-to-qe-hr-se-sw-sd,
1398
- var(
1399
- --_ctm-tab-dn-ad-to-qe-hr-se-sw-sd,
1400
- var(--_ctm-dn-ad-to-qe-hr-se-sw-sd, var(--_tst-dn-hr-se-sw-sd))
1401
- )
1402
- )
1403
- var(
1404
- --_ctm-mob-dn-ad-to-qe-hr-se-sw-cr,
1405
- var(
1406
- --_ctm-tab-dn-ad-to-qe-hr-se-sw-cr,
1407
- var(--_ctm-dn-ad-to-qe-hr-se-sw-cr, var(--_tst-dn-hr-se-sw-cr))
1408
- )
1409
- )
1410
- )
1411
- )
1412
- );
1413
-
1414
- .btn__container {
1415
- gap: var(
1416
- --_ctm-mob-dn-ad-to-qe-hr-se-in-ad-tt-sg,
1417
- var(
1418
- --_ctm-tab-dn-ad-to-qe-hr-se-in-ad-tt-sg,
1419
- var(--_ctm-dn-ad-to-qe-hr-se-in-ad-tt-sg)
1420
- )
1421
- );
1422
-
1423
- justify-content: var(
1424
- --_ctm-mob-dn-ad-to-qe-hr-se-at,
1425
- var(--_ctm-tab-dn-ad-to-qe-hr-se-at, var(--_ctm-dn-ad-to-qe-hr-se-at))
1426
- );
1427
-
1428
- &[data-actions-icon-position-hover="left"],
1429
- &[data-actions-icon-position-hover="center"] {
1430
- flex-direction: row;
1431
- }
1432
- &[data-actions-icon-position-hover="right"] {
1433
- flex-direction: row-reverse;
1434
- }
1435
- span {
1436
- svg {
1437
- width: var(
1438
- --_ctm-mob-dn-ad-to-qe-hr-se-in-se,
1439
- var(--_ctm-tab-dn-ad-to-qe-hr-se-in-se, var(--_ctm-dn-ad-to-qe-hr-se-in-se))
1440
- );
1441
- height: var(
1442
- --_ctm-mob-dn-ad-to-qe-hr-se-in-se,
1443
- var(--_ctm-tab-dn-ad-to-qe-hr-se-in-se, var(--_ctm-dn-ad-to-qe-hr-se-in-se))
1444
- );
1445
- path {
1446
- stroke: var(
1447
- --_ctm-mob-dn-ad-to-qe-hr-se-in-c1,
1448
- var(--_ctm-tab-dn-ad-to-qe-hr-se-in-c1, var(--_ctm-dn-ad-to-qe-hr-se-in-c1))
1449
- );
1450
- }
1451
- }
1452
- }
1453
- .btn__with__text {
1454
- border: none;
1455
- background-color: transparent;
1456
- color: var(
1457
- --_ctm-mob-dn-ad-to-qe-hr-se-cr,
1458
- var(--_ctm-tab-dn-ad-to-qe-hr-se-cr, var(--_ctm-dn-ad-to-qe-hr-se-cr))
1459
- );
1460
- font-family: var(
1461
- --_ctm-mob-dn-ad-to-qe-hr-se-ft-fy,
1462
- var(--_ctm-tab-dn-ad-to-qe-hr-se-ft-fy, var(--_ctm-dn-ad-to-qe-hr-se-ft-fy))
1463
- );
1464
- font-size: var(
1465
- --_ctm-mob-dn-ad-to-qe-hr-se-ft-se,
1466
- var(--_ctm-tab-dn-ad-to-qe-hr-se-ft-se, var(--_ctm-dn-ad-to-qe-hr-se-ft-se))
1467
- );
1468
- font-weight: var(
1469
- --_ctm-mob-dn-ad-to-qe-hr-se-ft-wt,
1470
- var(--_ctm-tab-dn-ad-to-qe-hr-se-ft-wt, var(--_ctm-dn-ad-to-qe-hr-se-ft-wt))
1471
- );
1472
- font-style: var(
1473
- --_ctm-mob-dn-ad-to-qe-hr-se-ft-se-ic,
1474
- var(
1475
- --_ctm-tab-dn-ad-to-qe-hr-se-ft-se-ic,
1476
- var(--_ctm-dn-ad-to-qe-hr-se-ft-se-ic)
1477
- )
1478
- );
1479
- text-align: var(
1480
- --_ctm-mob-dn-ad-to-qe-hr-se-tt-an,
1481
- var(--_ctm-tab-dn-ad-to-qe-hr-se-tt-an, var(--_ctm-dn-ad-to-qe-hr-se-tt-an))
1482
- );
1483
- letter-spacing: var(
1484
- --_ctm-mob-dn-ad-to-qe-hr-se-lr-sg,
1485
- var(--_ctm-tab-dn-ad-to-qe-hr-se-lr-sg, var(--_ctm-dn-ad-to-qe-hr-se-lr-sg))
1486
- );
1487
- line-height: var(
1488
- --_ctm-mob-dn-ad-to-qe-hr-se-le-ht,
1489
- var(--_ctm-tab-dn-ad-to-qe-hr-se-le-ht, var(--_ctm-dn-ad-to-qe-hr-se-le-ht))
1490
- );
1491
- text-decoration: var(
1492
- --_ctm-mob-dn-ad-to-qe-hr-se-ue,
1493
- var(--_ctm-tab-dn-ad-to-qe-hr-se-ue, var(--_ctm-dn-ad-to-qe-hr-se-ue))
1494
- );
1495
- }
1496
- }
1497
- }
1498
- }
1499
- }
1500
- &.addToOrderTemplate {
1501
- background-color: var(
1502
- --_sf-at-hr-bd-cr,
1503
- var(
1504
- --_ctm-mob-dn-ad-to-or-te-dt-se-bd-cr,
1505
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-bd-cr, var(--_ctm-dn-ad-to-or-te-dt-se-bd-cr))
1506
- )
1507
- );
1508
- border-color: var(
1509
- --_sf-at-hr-br-cr,
1510
- var(
1511
- --_ctm-mob-dn-ad-to-or-te-dt-se-br-cr,
1512
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-br-cr, var(--_ctm-dn-ad-to-or-te-dt-se-br-cr))
1513
- )
1514
- );
1515
- border-style: var(
1516
- --_sf-at-hr-br-se,
1517
- var(
1518
- --_ctm-mob-dn-ad-to-or-te-dt-se-br-se,
1519
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-br-se, var(--_ctm-dn-ad-to-or-te-dt-se-br-se))
1520
- )
1521
- );
1522
- border-width: var(
1523
- --_sf-at-hr-br-wt,
1524
- var(
1525
- --_ctm-mob-dn-ad-to-or-te-dt-se-br-wh,
1526
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-br-wh, var(--_ctm-dn-ad-to-or-te-dt-se-br-wh))
1527
- )
1528
- );
1529
- border-radius: var(
1530
- --_sf-at-hr-br-br,
1531
- var(
1532
- --_ctm-mob-dn-ad-to-or-te-dt-se-br-rs,
1533
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-br-rs, var(--_ctm-dn-ad-to-or-te-dt-se-br-rs))
1534
- )
1535
- );
1536
- box-shadow: var(
1537
- --_hover-show-shadow,
1538
- var(
1539
- --_sf-at-hr-bx-sw,
1540
- var(
1541
- --_show-shadow,
1542
- var(
1543
- --_ctm-mob-dn-ad-to-or-te-dt-se-sw-ae,
1544
- var(
1545
- --_ctm-tab-dn-ad-to-or-te-dt-se-sw-ae,
1546
- var(--_ctm-dn-ad-to-or-te-dt-se-sw-ae, var(--_tst-dn-dt-se-sw-ae))
1547
- )
1548
- )
1549
- var(
1550
- --_ctm-mob-dn-ad-to-or-te-dt-se-sw-br,
1551
- var(
1552
- --_ctm-tab-dn-ad-to-or-te-dt-se-sw-br,
1553
- var(--_ctm-dn-ad-to-or-te-dt-se-sw-br, var(--_tst-dn-dt-se-sw-br))
1554
- )
1555
- )
1556
- var(
1557
- --_ctm-mob-dn-ad-to-or-te-dt-se-sw-sd,
1558
- var(
1559
- --_ctm-tab-dn-ad-to-or-te-dt-se-sw-sd,
1560
- var(--_ctm-dn-ad-to-or-te-dt-se-sw-sd, var(--_tst-dn-dt-se-sw-sd))
1561
- )
1562
- )
1563
- var(
1564
- --_ctm-mob-dn-ad-to-or-te-dt-se-sw-cr,
1565
- var(
1566
- --_ctm-tab-dn-ad-to-or-te-dt-se-sw-cr,
1567
- var(--_ctm-dn-ad-to-or-te-dt-se-sw-cr, var(--_tst-dn-dt-se-sw-cr))
1568
- )
1569
- )
1570
- )
1571
- )
1572
- );
1573
-
1574
- .btn__container {
1575
- gap: var(
1576
- --_ctm-mob-dn-ad-to-or-te-dt-se-in-ad-tt-sg,
1577
- var(
1578
- --_ctm-tab-dn-ad-to-or-te-dt-se-in-ad-tt-sg,
1579
- var(--_ctm-dn-ad-to-or-te-dt-se-in-ad-tt-sg)
1580
- )
1581
- );
1582
- justify-content: var(
1583
- --_ctm-mob-dn-ad-to-or-te-dt-se-at,
1584
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-at, var(--_ctm-dn-ad-to-or-te-dt-se-at))
1585
- );
1586
-
1587
- &[data-actions-icon-position="left"],
1588
- &[data-actions-icon-position="center"] {
1589
- flex-direction: row;
1590
- }
1591
- &[data-actions-icon-position="right"] {
1592
- flex-direction: row-reverse;
1593
- }
1594
- span {
1595
- svg {
1596
- width: var(
1597
- --_ctm-mob-dn-ad-to-or-te-dt-se-in-se,
1598
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-in-se, var(--_ctm-dn-ad-to-or-te-dt-se-in-se))
1599
- );
1600
- height: var(
1601
- --_ctm-mob-dn-ad-to-or-te-dt-se-in-se,
1602
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-in-se, var(--_ctm-dn-ad-to-or-te-dt-se-in-se))
1603
- );
1604
- path {
1605
- stroke: var(
1606
- --_ctm-mob-dn-ad-to-or-te-dt-se-in-c1,
1607
- var(
1608
- --_ctm-tab-dn-ad-to-or-te-dt-se-in-c1,
1609
- var(--_ctm-dn-ad-to-or-te-dt-se-in-c1)
1610
- )
1611
- );
1612
- }
1613
- }
1614
- }
1615
- .btn__with__text {
1616
- border: none;
1617
- background-color: transparent;
1618
- color: var(
1619
- --_ctm-mob-dn-ad-to-or-te-dt-se-cr,
1620
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-cr, var(--_ctm-dn-ad-to-or-te-dt-se-cr))
1621
- );
1622
- font-family: var(
1623
- --_ctm-mob-dn-ad-to-or-te-dt-se-ft-fy,
1624
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-ft-fy, var(--_ctm-dn-ad-to-or-te-dt-se-ft-fy))
1625
- );
1626
- font-size: var(
1627
- --_ctm-mob-dn-ad-to-or-te-dt-se-ft-se,
1628
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-ft-se, var(--_ctm-dn-ad-to-or-te-dt-se-ft-se))
1629
- );
1630
- font-weight: var(
1631
- --_ctm-mob-dn-ad-to-or-te-dt-se-ft-wt,
1632
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-ft-wt, var(--_ctm-dn-ad-to-or-te-dt-se-ft-wt))
1633
- );
1634
- font-style: var(
1635
- --_ctm-mob-dn-ad-to-or-te-dt-se-ft-se-ic,
1636
- var(
1637
- --_ctm-tab-dn-ad-to-or-te-dt-se-ft-se-ic,
1638
- var(--_ctm-dn-ad-to-or-te-dt-se-ft-se-ic)
1639
- )
1640
- );
1641
- text-align: var(
1642
- --_ctm-mob-dn-ad-to-or-te-dt-se-tt-an,
1643
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-tt-an, var(--_ctm-dn-ad-to-or-te-dt-se-tt-an))
1644
- );
1645
- letter-spacing: var(
1646
- --_ctm-mob-dn-ad-to-or-te-dt-se-lr-sg,
1647
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-lr-sg, var(--_ctm-dn-ad-to-or-te-dt-se-lr-sg))
1648
- );
1649
- line-height: var(
1650
- --_ctm-mob-dn-ad-to-or-te-dt-se-le-ht,
1651
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-le-ht, var(--_ctm-dn-ad-to-or-te-dt-se-le-ht))
1652
- );
1653
- text-decoration: var(
1654
- --_ctm-mob-dn-ad-to-or-te-dt-se-ue,
1655
- var(--_ctm-tab-dn-ad-to-or-te-dt-se-ue, var(--_ctm-dn-ad-to-or-te-dt-se-ue))
1656
- );
1657
- }
1658
-
1659
- &:hover {
1660
- background-color: var(
1661
- --_sf-at-hr-bd-cr,
1662
- var(
1663
- --_ctm-mob-dn-ad-to-or-te-hr-se-bd-cr,
1664
- var(--_ctm-tab-dn-ad-to-or-te-hr-se-bd-cr, var(--_ctm-dn-ad-to-or-te-hr-se-bd-cr))
1665
- )
1666
- );
1667
- border-color: var(
1668
- --_sf-at-hr-br-cr,
1669
- var(
1670
- --_ctm-mob-dn-ad-to-or-te-hr-se-br-cr,
1671
- var(--_ctm-tab-dn-ad-to-or-te-hr-se-br-cr, var(--_ctm-dn-ad-to-or-te-hr-se-br-cr))
1672
- )
1673
- );
1674
- border-style: var(
1675
- --_sf-at-hr-br-se,
1676
- var(
1677
- --_ctm-mob-dn-ad-to-or-te-hr-se-br-se,
1678
- var(--_ctm-tab-dn-ad-to-or-te-hr-se-br-se, var(--_ctm-dn-ad-to-or-te-hr-se-br-se))
1679
- )
1680
- );
1681
- border-width: var(
1682
- --_sf-at-hr-br-wt,
1683
- var(
1684
- --_ctm-mob-dn-ad-to-or-te-hr-se-br-wh,
1685
- var(--_ctm-tab-dn-ad-to-or-te-hr-se-br-wh, var(--_ctm-dn-ad-to-or-te-hr-se-br-wh))
1686
- )
1687
- );
1688
- border-radius: var(
1689
- --_sf-at-hr-br-br,
1690
- var(
1691
- --_ctm-mob-dn-ad-to-or-te-hr-se-br-rs,
1692
- var(--_ctm-tab-dn-ad-to-or-te-hr-se-br-rs, var(--_ctm-dn-ad-to-or-te-hr-se-br-rs))
1693
- )
1694
- );
1695
- box-shadow: var(
1696
- --_hover-show-shadow,
1697
- var(
1698
- --_sf-at-hr-bx-sw,
1699
- var(
1700
- --_show-shadow,
1701
- var(
1702
- --_ctm-mob-dn-ad-to-or-te-hr-se-sw-ae,
1703
- var(
1704
- --_ctm-tab-dn-ad-to-or-te-hr-se-sw-ae,
1705
- var(--_ctm-dn-ad-to-or-te-hr-se-sw-ae, var(--_tst-dn-hr-se-sw-ae))
1706
- )
1707
- )
1708
- var(
1709
- --_ctm-mob-dn-ad-to-or-te-hr-se-sw-br,
1710
- var(
1711
- --_ctm-tab-dn-ad-to-or-te-hr-se-sw-br,
1712
- var(--_ctm-dn-ad-to-or-te-hr-se-sw-br, var(--_tst-dn-hr-se-sw-br))
1713
- )
1714
- )
1715
- var(
1716
- --_ctm-mob-dn-ad-to-or-te-hr-se-sw-sd,
1717
- var(
1718
- --_ctm-tab-dn-ad-to-or-te-hr-se-sw-sd,
1719
- var(--_ctm-dn-ad-to-or-te-hr-se-sw-sd, var(--_tst-dn-hr-se-sw-sd))
1720
- )
1721
- )
1722
- var(
1723
- --_ctm-mob-dn-ad-to-or-te-hr-se-sw-cr,
1724
- var(
1725
- --_ctm-tab-dn-ad-to-or-te-hr-se-sw-cr,
1726
- var(--_ctm-dn-ad-to-or-te-hr-se-sw-cr, var(--_tst-dn-hr-se-sw-cr))
1727
- )
1728
- )
1729
- )
1730
- )
1731
- );
1732
-
1733
- .btn__container {
1734
- gap: var(
1735
- --_ctm-mob-dn-ad-to-or-te-hr-se-in-ad-tt-sg,
1736
- var(
1737
- --_ctm-tab-dn-ad-to-or-te-hr-se-in-ad-tt-sg,
1738
- var(--_ctm-dn-ad-to-or-te-hr-se-in-ad-tt-sg)
1739
- )
1740
- );
1741
- justify-content: var(
1742
- --_ctm-mob-dn-ad-to-or-te-hr-se-at,
1743
- var(--_ctm-tab-dn-ad-to-or-te-hr-se-at, var(--_ctm-dn-ad-to-or-te-hr-se-at))
1744
- );
1745
-
1746
- &[data-actions-icon-position-hover="left"],
1747
- &[data-actions-icon-position-hover="center"] {
1748
- flex-direction: row;
1749
- }
1750
- &[data-actions-icon-position-hover="right"] {
1751
- flex-direction: row-reverse;
1752
- }
1753
- span {
1754
- svg {
1755
- width: var(
1756
- --_ctm-mob-dn-ad-to-or-te-hr-se-in-se,
1757
- var(
1758
- --_ctm-tab-dn-ad-to-or-te-hr-se-in-se,
1759
- var(--_ctm-dn-ad-to-or-te-hr-se-in-se)
1760
- )
1761
- );
1762
- height: var(
1763
- --_ctm-mob-dn-ad-to-or-te-hr-se-in-se,
1764
- var(
1765
- --_ctm-tab-dn-ad-to-or-te-hr-se-in-se,
1766
- var(--_ctm-dn-ad-to-or-te-hr-se-in-se)
1767
- )
1768
- );
1769
-
1770
- path {
1771
- stroke: var(
1772
- --_ctm-mob-dn-ad-to-or-te-hr-se-in-c1,
1773
- var(
1774
- --_ctm-tab-dn-ad-to-or-te-hr-se-in-c1,
1775
- var(--_ctm-dn-ad-to-or-te-hr-se-in-c1)
1776
- )
1777
- );
1778
- }
1779
- }
1780
- }
1781
- .btn__with__text {
1782
- border: none;
1783
- background-color: transparent;
1784
- color: var(
1785
- --_ctm-mob-dn-ad-to-or-te-hr-se-cr,
1786
- var(--_ctm-tab-dn-ad-to-or-te-hr-se-cr, var(--_ctm-dn-ad-to-or-te-hr-se-cr))
1787
- );
1788
- font-family: var(
1789
- --_ctm-mob-dn-ad-to-or-te-hr-se-ft-fy,
1790
- var(
1791
- --_ctm-tab-dn-ad-to-or-te-hr-se-ft-fy,
1792
- var(--_ctm-dn-ad-to-or-te-hr-se-ft-fy)
1793
- )
1794
- );
1795
- font-size: var(
1796
- --_ctm-mob-dn-ad-to-or-te-hr-se-ft-se,
1797
- var(
1798
- --_ctm-tab-dn-ad-to-or-te-hr-se-ft-se,
1799
- var(--_ctm-dn-ad-to-or-te-hr-se-ft-se)
1800
- )
1801
- );
1802
- font-weight: var(
1803
- --_ctm-mob-dn-ad-to-or-te-hr-se-ft-wt,
1804
- var(
1805
- --_ctm-tab-dn-ad-to-or-te-hr-se-ft-wt,
1806
- var(--_ctm-dn-ad-to-or-te-hr-se-ft-wt)
1807
- )
1808
- );
1809
- font-style: var(
1810
- --_ctm-mob-dn-ad-to-or-te-hr-se-ft-se-ic,
1811
- var(
1812
- --_ctm-tab-dn-ad-to-or-te-hr-se-ft-se-ic,
1813
- var(--_ctm-dn-ad-to-or-te-hr-se-ft-se-ic)
1814
- )
1815
- );
1816
- text-align: var(
1817
- --_ctm-mob-dn-ad-to-or-te-hr-se-tt-an,
1818
- var(
1819
- --_ctm-tab-dn-ad-to-or-te-hr-se-tt-an,
1820
- var(--_ctm-dn-ad-to-or-te-hr-se-tt-an)
1821
- )
1822
- );
1823
- letter-spacing: var(
1824
- --_ctm-mob-dn-ad-to-or-te-hr-se-lr-sg,
1825
- var(
1826
- --_ctm-tab-dn-ad-to-or-te-hr-se-lr-sg,
1827
- var(--_ctm-dn-ad-to-or-te-hr-se-lr-sg)
1828
- )
1829
- );
1830
- line-height: var(
1831
- --_ctm-mob-dn-ad-to-or-te-hr-se-le-ht,
1832
- var(
1833
- --_ctm-tab-dn-ad-to-or-te-hr-se-le-ht,
1834
- var(--_ctm-dn-ad-to-or-te-hr-se-le-ht)
1835
- )
1836
- );
1837
- text-decoration: var(
1838
- --_ctm-mob-dn-ad-to-or-te-hr-se-ue,
1839
- var(--_ctm-tab-dn-ad-to-or-te-hr-se-ue, var(--_ctm-dn-ad-to-or-te-hr-se-ue))
1840
- );
1841
- }
1842
- }
1843
- }
1844
- }
1845
- }
1846
- &.notifyMeInventoryNotifications {
1847
- background-color: var(
1848
- --_sf-at-hr-bd-cr,
1849
- var(
1850
- --_ctm-mob-dn-ny-me-dt-se-bd-cr,
1851
- var(--_ctm-tab-dn-ny-me-dt-se-bd-cr, var(--_ctm-dn-ny-me-dt-se-bd-cr))
1852
- )
1853
- );
1854
-
1855
- border-color: var(
1856
- --_sf-at-hr-br-cr,
1857
- var(
1858
- --_ctm-mob-dn-ny-me-dt-se-br-cr,
1859
- var(--_ctm-tab-dn-ny-me-dt-se-br-cr, var(--_ctm-dn-ny-me-dt-se-br-cr))
1860
- )
1861
- );
1862
-
1863
- border-style: var(
1864
- --_sf-at-hr-br-se,
1865
- var(
1866
- --_ctm-mob-dn-ny-me-dt-se-br-se,
1867
- var(--_ctm-tab-dn-ny-me-dt-se-br-se, var(--_ctm-dn-ny-me-dt-se-br-se))
1868
- )
1869
- );
1870
-
1871
- border-width: var(
1872
- --_sf-at-hr-br-wt,
1873
- var(
1874
- --_ctm-mob-dn-ny-me-dt-se-br-wh,
1875
- var(--_ctm-tab-dn-ny-me-dt-se-br-wh, var(--_ctm-dn-ny-me-dt-se-br-wh))
1876
- )
1877
- );
1878
-
1879
- border-radius: var(
1880
- --_sf-at-hr-br-br,
1881
- var(
1882
- --_ctm-mob-dn-ny-me-dt-se-br-rs,
1883
- var(--_ctm-tab-dn-ny-me-dt-se-br-rs, var(--_ctm-dn-ny-me-dt-se-br-rs))
1884
- )
1885
- );
1886
-
1887
- box-shadow: var(
1888
- --_hover-show-shadow,
1889
- var(
1890
- --_sf-at-hr-bx-sw,
1891
- var(
1892
- --_show-shadow,
1893
- var(
1894
- --_ctm-mob-dn-ny-me-dt-se-sw-ae,
1895
- var(
1896
- --_ctm-tab-dn-ny-me-dt-se-sw-ae,
1897
- var(--_ctm-dn-ny-me-dt-se-sw-ae, var(--_tst-dn-dt-se-sw-ae))
1898
- )
1899
- )
1900
- var(
1901
- --_ctm-mob-dn-ny-me-dt-se-sw-br,
1902
- var(
1903
- --_ctm-tab-dn-ny-me-dt-se-sw-br,
1904
- var(--_ctm-dn-ny-me-dt-se-sw-br, var(--_tst-dn-dt-se-sw-br))
1905
- )
1906
- )
1907
- var(
1908
- --_ctm-mob-dn-ny-me-dt-se-sw-sd,
1909
- var(
1910
- --_ctm-tab-dn-ny-me-dt-se-sw-sd,
1911
- var(--_ctm-dn-ny-me-dt-se-sw-sd, var(--_tst-dn-dt-se-sw-sd))
1912
- )
1913
- )
1914
- var(
1915
- --_ctm-mob-dn-ny-me-dt-se-sw-cr,
1916
- var(
1917
- --_ctm-tab-dn-ny-me-dt-se-sw-cr,
1918
- var(--_ctm-dn-ny-me-dt-se-sw-cr, var(--_tst-dn-dt-se-sw-cr))
1919
- )
1920
- )
1921
- )
1922
- )
1923
- );
1924
-
1925
- .btn__container {
1926
- gap: var(
1927
- --_ctm-mob-dn-ny-me-dt-se-in-ad-tt-sg,
1928
- var(--_ctm-tab-dn-ny-me-dt-se-in-ad-tt-sg, var(--_ctm-dn-ny-me-dt-se-in-ad-tt-sg))
1929
- );
1930
-
1931
- justify-content: var(
1932
- --_ctm-mob-dn-ny-me-dt-se-at,
1933
- var(--_ctm-tab-dn-ny-me-dt-se-at, var(--_ctm-dn-ny-me-dt-se-at))
1934
- );
1935
-
1936
- &[data-actions-icon-position="left"],
1937
- &[data-actions-icon-position="center"] {
1938
- flex-direction: row;
1939
- }
1940
- &[data-actions-icon-position="right"] {
1941
- flex-direction: row-reverse;
1942
- }
1943
- span {
1944
- svg {
1945
- width: var(
1946
- --_ctm-mob-dn-ny-me-dt-se-in-se,
1947
- var(--_ctm-tab-dn-ny-me-dt-se-in-se, var(--_ctm-dn-ny-me-dt-se-in-se))
1948
- );
1949
- height: var(
1950
- --_ctm-mob-dn-ny-me-dt-se-in-se,
1951
- var(--_ctm-tab-dn-ny-me-dt-se-in-se, var(--_ctm-dn-ny-me-dt-se-in-se))
1952
- );
1953
-
1954
- path {
1955
- stroke: var(
1956
- --_ctm-mob-dn-ny-me-dt-se-in-c1,
1957
- var(--_ctm-tab-dn-ny-me-dt-se-in-c1, var(--_ctm-dn-ny-me-dt-se-in-c1))
1958
- );
1959
- }
1960
- }
1961
- }
1962
- .btn__with__text {
1963
- border: none;
1964
- background-color: transparent;
1965
- color: var(
1966
- --_ctm-mob-dn-ny-me-dt-se-cr,
1967
- var(--_ctm-tab-dn-ny-me-dt-se-cr, var(--_ctm-dn-ny-me-dt-se-cr))
1968
- );
1969
- font-family: var(
1970
- --_ctm-mob-dn-ny-me-dt-se-ft-fy,
1971
- var(--_ctm-tab-dn-ny-me-dt-se-ft-fy, var(--_ctm-dn-ny-me-dt-se-ft-fy))
1972
- );
1973
- font-size: var(
1974
- --_ctm-mob-dn-ny-me-dt-se-ft-se,
1975
- var(--_ctm-tab-dn-ny-me-dt-se-ft-se, var(--_ctm-dn-ny-me-dt-se-ft-se))
1976
- );
1977
- font-weight: var(
1978
- --_ctm-mob-dn-ny-me-dt-se-ft-wt,
1979
- var(--_ctm-tab-dn-ny-me-dt-se-ft-wt, var(--_ctm-dn-ny-me-dt-se-ft-wt))
1980
- );
1981
- font-style: var(
1982
- --_ctm-mob-dn-ny-me-dt-se-ft-se-ic,
1983
- var(--_ctm-tab-dn-ny-me-dt-se-ft-se-ic, var(--_ctm-dn-ny-me-dt-se-ft-se-ic))
1984
- );
1985
- text-align: var(
1986
- --_ctm-mob-dn-ny-me-dt-se-tt-an,
1987
- var(--_ctm-tab-dn-ny-me-dt-se-tt-an, var(--_ctm-dn-ny-me-dt-se-tt-an))
1988
- );
1989
- letter-spacing: var(
1990
- --_ctm-mob-dn-ny-me-dt-se-lr-sg,
1991
- var(--_ctm-tab-dn-ny-me-dt-se-lr-sg, var(--_ctm-dn-ny-me-dt-se-lr-sg))
1992
- );
1993
- line-height: var(
1994
- --_ctm-mob-dn-ny-me-dt-se-le-ht,
1995
- var(--_ctm-tab-dn-ny-me-dt-se-le-ht, var(--_ctm-dn-ny-me-dt-se-le-ht))
1996
- );
1997
- text-decoration: var(
1998
- --_ctm-mob-dn-ny-me-dt-se-ue,
1999
- var(--_ctm-tab-dn-ny-me-dt-se-ue, var(--_ctm-dn-ny-me-dt-se-ue))
2000
- );
2001
- }
2002
- &:hover {
2003
- background-color: var(
2004
- --_sf-at-hr-bd-cr,
2005
- var(
2006
- --_ctm-mob-dn-ny-me-hr-se-bd-cr,
2007
- var(--_ctm-tab-dn-ny-me-hr-se-bd-cr, var(--_ctm-dn-ny-me-hr-se-bd-cr))
2008
- )
2009
- );
2010
- border-color: var(
2011
- --_sf-at-hr-br-cr,
2012
- var(
2013
- --_ctm-mob-dn-ny-me-hr-se-br-cr,
2014
- var(--_ctm-tab-dn-ny-me-hr-se-br-cr, var(--_ctm-dn-ny-me-hr-se-br-cr))
2015
- )
2016
- );
2017
- border-style: var(
2018
- --_sf-at-hr-br-se,
2019
- var(
2020
- --_ctm-mob-dn-ny-me-hr-se-br-se,
2021
- var(--_ctm-tab-dn-ny-me-hr-se-br-se, var(--_ctm-dn-ny-me-hr-se-br-se))
2022
- )
2023
- );
2024
- border-width: var(
2025
- --_sf-at-hr-br-wt,
2026
- var(
2027
- --_ctm-mob-dn-ny-me-hr-se-br-wh,
2028
- var(--_ctm-tab-dn-ny-me-hr-se-br-wh, var(--_ctm-dn-ny-me-hr-se-br-wh))
2029
- )
2030
- );
2031
- border-radius: var(
2032
- --_sf-at-hr-br-br,
2033
- var(
2034
- --_ctm-mob-dn-ny-me-hr-se-br-rs,
2035
- var(--_ctm-tab-dn-ny-me-hr-se-br-rs, var(--_ctm-dn-ny-me-hr-se-br-rs))
2036
- )
2037
- );
2038
- box-shadow: var(
2039
- --_hover-show-shadow,
2040
- var(
2041
- --_sf-at-hr-bx-sw,
2042
- var(
2043
- --_show-shadow,
2044
- var(
2045
- --_ctm-mob-dn-ny-me-hr-se-sw-ae,
2046
- var(
2047
- --_ctm-tab-dn-ny-me-hr-se-sw-ae,
2048
- var(--_ctm-dn-ny-me-hr-se-sw-ae, var(--_tst-dn-hr-se-sw-ae))
2049
- )
2050
- )
2051
- var(
2052
- --_ctm-mob-dn-ny-me-hr-se-sw-br,
2053
- var(
2054
- --_ctm-tab-dn-ny-me-hr-se-sw-br,
2055
- var(--_ctm-dn-ny-me-hr-se-sw-br, var(--_tst-dn-hr-se-sw-br))
2056
- )
2057
- )
2058
- var(
2059
- --_ctm-mob-dn-ny-me-hr-se-sw-sd,
2060
- var(
2061
- --_ctm-tab-dn-ny-me-hr-se-sw-sd,
2062
- var(--_ctm-dn-ny-me-hr-se-sw-sd, var(--_tst-dn-hr-se-sw-sd))
2063
- )
2064
- )
2065
- var(
2066
- --_ctm-mob-dn-ny-me-hr-se-sw-cr,
2067
- var(
2068
- --_ctm-tab-dn-ny-me-hr-se-sw-cr,
2069
- var(--_ctm-dn-ny-me-hr-se-sw-cr, var(--_tst-dn-hr-se-sw-cr))
2070
- )
2071
- )
2072
- )
2073
- )
2074
- );
2075
-
2076
- .btn__container {
2077
- gap: var(
2078
- --_ctm-mob-dn-ny-me-hr-se-in-ad-tt-sg,
2079
- var(--_ctm-tab-dn-ny-me-hr-se-in-ad-tt-sg, var(--_ctm-dn-ny-me-hr-se-in-ad-tt-sg))
2080
- );
2081
- justify-content: var(
2082
- --_ctm-mob-dn-ny-me-hr-se-at,
2083
- var(--_ctm-tab-dn-ny-me-hr-se-at, var(--_ctm-dn-ny-me-hr-se-at))
2084
- );
2085
-
2086
- &[data-actions-icon-position-hover="left"],
2087
- &[data-actions-icon-position-hover="center"] {
2088
- flex-direction: row;
2089
- }
2090
-
2091
- &[data-actions-icon-position-hover="right"] {
2092
- flex-direction: row-reverse;
2093
- }
2094
-
2095
- span {
2096
- svg {
2097
- width: var(
2098
- --_ctm-mob-dn-ny-me-hr-se-in-se,
2099
- var(--_ctm-tab-dn-ny-me-hr-se-in-se, var(--_ctm-dn-ny-me-hr-se-in-se))
2100
- );
2101
- height: var(
2102
- --_ctm-mob-dn-ny-me-hr-se-in-se,
2103
- var(--_ctm-tab-dn-ny-me-hr-se-in-se, var(--_ctm-dn-ny-me-hr-se-in-se))
2104
- );
2105
-
2106
- path {
2107
- stroke: var(
2108
- --_ctm-mob-dn-ny-me-hr-se-in-c1,
2109
- var(--_ctm-tab-dn-ny-me-hr-se-in-c1, var(--_ctm-dn-ny-me-hr-se-in-c1))
2110
- );
2111
- }
2112
- }
2113
- }
2114
-
2115
- .btn__with__text {
2116
- border: none;
2117
- background-color: transparent;
2118
- color: var(
2119
- --_ctm-mob-dn-ny-me-hr-se-cr,
2120
- var(--_ctm-tab-dn-ny-me-hr-se-cr, var(--_ctm-dn-ny-me-hr-se-cr))
2121
- );
2122
- font-family: var(
2123
- --_ctm-mob-dn-ny-me-hr-se-ft-fy,
2124
- var(--_ctm-tab-dn-ny-me-hr-se-ft-fy, var(--_ctm-dn-ny-me-hr-se-ft-fy))
2125
- );
2126
- font-size: var(
2127
- --_ctm-mob-dn-ny-me-hr-se-ft-se,
2128
- var(--_ctm-tab-dn-ny-me-hr-se-ft-se, var(--_ctm-dn-ny-me-hr-se-ft-se))
2129
- );
2130
- font-weight: var(
2131
- --_ctm-mob-dn-ny-me-hr-se-ft-wt,
2132
- var(--_ctm-tab-dn-ny-me-hr-se-ft-wt, var(--_ctm-dn-ny-me-hr-se-ft-wt))
2133
- );
2134
- font-style: var(
2135
- --_ctm-mob-dn-ny-me-hr-se-ft-se-ic,
2136
- var(--_ctm-tab-dn-ny-me-hr-se-ft-se-ic, var(--_ctm-dn-ny-me-hr-se-ft-se-ic))
2137
- );
2138
- text-align: var(
2139
- --_ctm-mob-dn-ny-me-hr-se-tt-an,
2140
- var(--_ctm-tab-dn-ny-me-hr-se-tt-an, var(--_ctm-dn-ny-me-hr-se-tt-an))
2141
- );
2142
- letter-spacing: var(
2143
- --_ctm-mob-dn-ny-me-hr-se-lr-sg,
2144
- var(--_ctm-tab-dn-ny-me-hr-se-lr-sg, var(--_ctm-dn-ny-me-hr-se-lr-sg))
2145
- );
2146
- line-height: var(
2147
- --_ctm-mob-dn-ny-me-hr-se-le-ht,
2148
- var(--_ctm-tab-dn-ny-me-hr-se-le-ht, var(--_ctm-dn-ny-me-hr-se-le-ht))
2149
- );
2150
- text-decoration: var(
2151
- --_ctm-mob-dn-ny-me-hr-se-ue,
2152
- var(--_ctm-tab-dn-ny-me-hr-se-ue, var(--_ctm-dn-ny-me-hr-se-ue))
2153
- );
2154
- }
2155
- }
2156
- }
2157
- }
2158
- }
2159
- &.downloadProductInformation {
2160
- background-color: var(
2161
- --_sf-at-hr-bd-cr,
2162
- var(
2163
- --_ctm-mob-dn-dd-dt-se-bd-cr,
2164
- var(--_ctm-tab-dn-dd-dt-se-bd-cr, var(--_ctm-dn-dd-dt-se-bd-cr))
2165
- )
2166
- );
2167
- border-color: var(
2168
- --_sf-at-hr-br-cr,
2169
- var(
2170
- --_ctm-mob-dn-dd-dt-se-br-cr,
2171
- var(--_ctm-tab-dn-dd-dt-se-br-cr, var(--_ctm-dn-dd-dt-se-br-cr))
2172
- )
2173
- );
2174
- border-style: var(
2175
- --_sf-at-hr-br-se,
2176
- var(
2177
- --_ctm-mob-dn-dd-dt-se-br-se,
2178
- var(--_ctm-tab-dn-dd-dt-se-br-se, var(--_ctm-dn-dd-dt-se-br-se))
2179
- )
2180
- );
2181
- border-width: var(
2182
- --_sf-at-hr-br-wt,
2183
- var(
2184
- --_ctm-mob-dn-dd-dt-se-br-wh,
2185
- var(--_ctm-tab-dn-dd-dt-se-br-wh, var(--_ctm-dn-dd-dt-se-br-wh))
2186
- )
2187
- );
2188
- border-radius: var(
2189
- --_sf-at-hr-br-br,
2190
- var(
2191
- --_ctm-mob-dn-dd-dt-se-br-rs,
2192
- var(--_ctm-tab-dn-dd-dt-se-br-rs, var(--_ctm-dn-dd-dt-se-br-rs))
2193
- )
2194
- );
2195
- box-shadow: var(
2196
- --_hover-show-shadow,
2197
- var(
2198
- --_sf-at-hr-bx-sw,
2199
- var(
2200
- --_show-shadow,
2201
- var(
2202
- --_ctm-mob-dn-dd-dt-se-sw-ae,
2203
- var(
2204
- --_ctm-tab-dn-dd-dt-se-sw-ae,
2205
- var(--_ctm-dn-dd-dt-se-sw-ae, var(--_tst-dn-dt-se-sw-ae))
2206
- )
2207
- )
2208
- var(
2209
- --_ctm-mob-dn-dd-dt-se-sw-br,
2210
- var(
2211
- --_ctm-tab-dn-dd-dt-se-sw-br,
2212
- var(--_ctm-dn-dd-dt-se-sw-br, var(--_tst-dn-dt-se-sw-br))
2213
- )
2214
- )
2215
- var(
2216
- --_ctm-mob-dn-dd-dt-se-sw-sd,
2217
- var(
2218
- --_ctm-tab-dn-dd-dt-se-sw-sd,
2219
- var(--_ctm-dn-dd-dt-se-sw-sd, var(--_tst-dn-dt-se-sw-sd))
2220
- )
2221
- )
2222
- var(
2223
- --_ctm-mob-dn-dd-dt-se-sw-cr,
2224
- var(
2225
- --_ctm-tab-dn-dd-dt-se-sw-cr,
2226
- var(--_ctm-dn-dd-dt-se-sw-cr, var(--_tst-dn-dt-se-sw-cr))
2227
- )
2228
- )
2229
- )
2230
- )
2231
- );
2232
- .btn__container {
2233
- gap: var(
2234
- --_ctm-mob-dn-dd-dt-se-in-ad-tt-sg,
2235
- var(--_ctm-tab-dn-dd-dt-se-in-ad-tt-sg, var(--_ctm-dn-dd-dt-se-in-ad-tt-sg))
2236
- );
2237
- justify-content: var(
2238
- --_ctm-mob-dn-dd-dt-se-at,
2239
- var(--_ctm-tab-dn-dd-dt-se-at, var(--_ctm-dn-dd-dt-se-at))
2240
- );
2241
-
2242
- &[data-actions-icon-position="left"],
2243
- &[data-actions-icon-position="center"] {
2244
- flex-direction: row;
2245
- }
2246
- &[data-actions-icon-position="right"] {
2247
- flex-direction: row-reverse;
2248
- }
2249
-
2250
- span {
2251
- svg {
2252
- width: var(
2253
- --_ctm-mob-dn-dd-dt-se-in-se,
2254
- var(--_ctm-tab-dn-dd-dt-se-in-se, var(--_ctm-dn-dd-dt-se-in-se))
2255
- );
2256
- height: var(
2257
- --_ctm-mob-dn-dd-dt-se-in-se,
2258
- var(--_ctm-tab-dn-dd-dt-se-in-se, var(--_ctm-dn-dd-dt-se-in-se))
2259
- );
2260
- path {
2261
- stroke: var(
2262
- --_ctm-mob-dn-dd-dt-se-in-c1,
2263
- var(--_ctm-tab-dn-dd-dt-se-in-c1, var(--_ctm-dn-dd-dt-se-in-c1))
2264
- );
2265
- }
2266
- }
2267
- }
2268
-
2269
- .btn__with__text {
2270
- border: none;
2271
- background-color: transparent;
2272
- color: var(
2273
- --_ctm-mob-dn-dd-dt-se-cr,
2274
- var(--_ctm-tab-dn-dd-dt-se-cr, var(--_ctm-dn-dd-dt-se-cr))
2275
- );
2276
- font-family: var(
2277
- --_ctm-mob-dn-dd-dt-se-ft-fy,
2278
- var(--_ctm-tab-dn-dd-dt-se-ft-fy, var(--_ctm-dn-dd-dt-se-ft-fy))
2279
- );
2280
- font-size: var(
2281
- --_ctm-mob-dn-dd-dt-se-ft-se,
2282
- var(--_ctm-tab-dn-dd-dt-se-ft-se, var(--_ctm-dn-dd-dt-se-ft-se))
2283
- );
2284
- font-weight: var(
2285
- --_ctm-mob-dn-dd-dt-se-ft-wt,
2286
- var(--_ctm-tab-dn-dd-dt-se-ft-wt, var(--_ctm-dn-dd-dt-se-ft-wt))
2287
- );
2288
- font-style: var(
2289
- --_ctm-mob-dn-dd-dt-se-ft-se-ic,
2290
- var(--_ctm-tab-dn-dd-dt-se-ft-se-ic, var(--_ctm-dn-dd-dt-se-ft-se-ic))
2291
- );
2292
- text-align: var(
2293
- --_ctm-mob-dn-dd-dt-se-tt-an,
2294
- var(--_ctm-tab-dn-dd-dt-se-tt-an, var(--_ctm-dn-dd-dt-se-tt-an))
2295
- );
2296
- letter-spacing: var(
2297
- --_ctm-mob-dn-dd-dt-se-lr-sg,
2298
- var(--_ctm-tab-dn-dd-dt-se-lr-sg, var(--_ctm-dn-dd-dt-se-lr-sg))
2299
- );
2300
- line-height: var(
2301
- --_ctm-mob-dn-dd-dt-se-le-ht,
2302
- var(--_ctm-tab-dn-dd-dt-se-le-ht, var(--_ctm-dn-dd-dt-se-le-ht))
2303
- );
2304
- text-decoration: var(
2305
- --_ctm-mob-dn-dd-dt-se-ue,
2306
- var(--_ctm-tab-dn-dd-dt-se-ue, var(--_ctm-dn-dd-dt-se-ue))
2307
- );
2308
- }
2309
-
2310
- &:hover {
2311
- background-color: var(
2312
- --_sf-at-hr-bd-cr,
2313
- var(
2314
- --_ctm-mob-dn-dd-hr-se-bd-cr,
2315
- var(--_ctm-tab-dn-dd-hr-se-bd-cr, var(--_ctm-dn-dd-hr-se-bd-cr))
2316
- )
2317
- );
2318
- border-color: var(
2319
- --_sf-at-hr-br-cr,
2320
- var(
2321
- --_ctm-mob-dn-dd-hr-se-br-cr,
2322
- var(--_ctm-tab-dn-dd-hr-se-br-cr, var(--_ctm-dn-dd-hr-se-br-cr))
2323
- )
2324
- );
2325
- border-style: var(
2326
- --_sf-at-hr-br-se,
2327
- var(
2328
- --_ctm-mob-dn-dd-hr-se-br-se,
2329
- var(--_ctm-tab-dn-dd-hr-se-br-se, var(--_ctm-dn-dd-hr-se-br-se))
2330
- )
2331
- );
2332
- border-width: var(
2333
- --_sf-at-hr-br-wt,
2334
- var(
2335
- --_ctm-mob-dn-dd-hr-se-br-wh,
2336
- var(--_ctm-tab-dn-dd-hr-se-br-wh, var(--_ctm-dn-dd-hr-se-br-wh))
2337
- )
2338
- );
2339
- border-radius: var(
2340
- --_sf-at-hr-br-br,
2341
- var(
2342
- --_ctm-mob-dn-dd-hr-se-br-rs,
2343
- var(--_ctm-tab-dn-dd-hr-se-br-rs, var(--_ctm-dn-dd-hr-se-br-rs))
2344
- )
2345
- );
2346
- box-shadow: var(
2347
- --_hover-show-shadow,
2348
- var(
2349
- --_sf-at-hr-bx-sw,
2350
- var(
2351
- --_show-shadow,
2352
- var(
2353
- --_ctm-mob-dn-dd-hr-se-sw-ae,
2354
- var(
2355
- --_ctm-tab-dn-dd-hr-se-sw-ae,
2356
- var(--_ctm-dn-dd-hr-se-sw-ae, var(--_tst-dn-hr-se-sw-ae))
2357
- )
2358
- )
2359
- var(
2360
- --_ctm-mob-dn-dd-hr-se-sw-br,
2361
- var(
2362
- --_ctm-tab-dn-dd-hr-se-sw-br,
2363
- var(--_ctm-dn-dd-hr-se-sw-br, var(--_tst-dn-hr-se-sw-br))
2364
- )
2365
- )
2366
- var(
2367
- --_ctm-mob-dn-dd-hr-se-sw-sd,
2368
- var(
2369
- --_ctm-tab-dn-dd-hr-se-sw-sd,
2370
- var(--_ctm-dn-dd-hr-se-sw-sd, var(--_tst-dn-hr-se-sw-sd))
2371
- )
2372
- )
2373
- var(
2374
- --_ctm-mob-dn-dd-hr-se-sw-cr,
2375
- var(
2376
- --_ctm-tab-dn-dd-hr-se-sw-cr,
2377
- var(--_ctm-dn-dd-hr-se-sw-cr, var(--_tst-dn-hr-se-sw-cr))
2378
- )
2379
- )
2380
- )
2381
- )
2382
- );
2383
-
2384
- .btn__container {
2385
- gap: var(
2386
- --_ctm-mob-dn-dd-hr-se-in-ad-tt-sg,
2387
- var(--_ctm-tab-dn-dd-hr-se-in-ad-tt-sg, var(--_ctm-dn-dd-hr-se-in-ad-tt-sg))
2388
- );
2389
- justify-content: var(
2390
- --_ctm-mob-dn-dd-hr-se-at,
2391
- var(--_ctm-tab-dn-dd-hr-se-at, var(--_ctm-dn-dd-hr-se-at))
2392
- );
2393
-
2394
- &[data-actions-icon-position-hover="left"],
2395
- &[data-actions-icon-position-hover="center"] {
2396
- flex-direction: row;
2397
- }
2398
- &[data-actions-icon-position-hover="right"] {
2399
- flex-direction: row-reverse;
2400
- }
2401
-
2402
- span {
2403
- svg {
2404
- width: var(
2405
- --_ctm-mob-dn-dd-hr-se-in-se,
2406
- var(--_ctm-tab-dn-dd-hr-se-in-se, var(--_ctm-dn-dd-hr-se-in-se))
2407
- );
2408
- height: var(
2409
- --_ctm-mob-dn-dd-hr-se-in-se,
2410
- var(--_ctm-tab-dn-dd-hr-se-in-se, var(--_ctm-dn-dd-hr-se-in-se))
2411
- );
2412
- path {
2413
- stroke: var(
2414
- --_ctm-mob-dn-dd-hr-se-in-c1,
2415
- var(--_ctm-tab-dn-dd-hr-se-in-c1, var(--_ctm-dn-dd-hr-se-in-c1))
2416
- );
2417
- }
2418
- }
2419
- }
2420
-
2421
- .btn__with__text {
2422
- border: none;
2423
- background-color: transparent;
2424
- color: var(
2425
- --_ctm-mob-dn-dd-hr-se-cr,
2426
- var(--_ctm-tab-dn-dd-hr-se-cr, var(--_ctm-dn-dd-hr-se-cr))
2427
- );
2428
- font-family: var(
2429
- --_ctm-mob-dn-dd-hr-se-ft-fy,
2430
- var(--_ctm-tab-dn-dd-hr-se-ft-fy, var(--_ctm-dn-dd-hr-se-ft-fy))
2431
- );
2432
- font-size: var(
2433
- --_ctm-mob-dn-dd-hr-se-ft-se,
2434
- var(--_ctm-tab-dn-dd-hr-se-ft-se, var(--_ctm-dn-dd-hr-se-ft-se))
2435
- );
2436
- font-weight: var(
2437
- --_ctm-mob-dn-dd-hr-se-ft-wt,
2438
- var(--_ctm-tab-dn-dd-hr-se-ft-wt, var(--_ctm-dn-dd-hr-se-ft-wt))
2439
- );
2440
- font-style: var(
2441
- --_ctm-mob-dn-dd-hr-se-ft-se-ic,
2442
- var(--_ctm-tab-dn-dd-hr-se-ft-se-ic, var(--_ctm-dn-dd-hr-se-ft-se-ic))
2443
- );
2444
- text-align: var(
2445
- --_ctm-mob-dn-dd-hr-se-tt-an,
2446
- var(--_ctm-tab-dn-dd-hr-se-tt-an, var(--_ctm-dn-dd-hr-se-tt-an))
2447
- );
2448
- letter-spacing: var(
2449
- --_ctm-mob-dn-dd-hr-se-lr-sg,
2450
- var(--_ctm-tab-dn-dd-hr-se-lr-sg, var(--_ctm-dn-dd-hr-se-lr-sg))
2451
- );
2452
- line-height: var(
2453
- --_ctm-mob-dn-dd-hr-se-le-ht,
2454
- var(--_ctm-tab-dn-dd-hr-se-le-ht, var(--_ctm-dn-dd-hr-se-le-ht))
2455
- );
2456
- text-decoration: var(
2457
- --_ctm-mob-dn-dd-hr-se-ue,
2458
- var(--_ctm-tab-dn-dd-hr-se-ue, var(--_ctm-dn-dd-hr-se-ue))
2459
- );
2460
- }
2461
- }
2462
- }
2463
- }
2464
- }
2465
- }
2466
- .button_options {
2467
- position: relative;
2468
- .more__button {
2469
- padding: 0.45rem;
2470
- min-width: 50px;
2471
- cursor: pointer;
2472
- display: flex;
2473
- align-items: center;
2474
- justify-content: var(
2475
- --_ctm-mob-dn-me-dt-se-at,
2476
- var(--_ctm-tab-dn-me-dt-se-at, var(--_ctm-dn-me-dt-se-at))
2477
- );
2478
- gap: var(
2479
- --_ctm-mob-dn-me-dt-se-in-ad-tt-sg,
2480
- var(--_ctm-tab-dn-me-dt-se-in-ad-tt-sg, var(--_ctm-dn-me-dt-se-in-ad-tt-sg))
2481
- );
2482
- background-color: var(
2483
- --_sf-at-hr-bd-cr,
2484
- var(
2485
- --_ctm-mob-dn-me-dt-se-bd-cr,
2486
- var(--_ctm-tab-dn-me-dt-se-bd-cr, var(--_ctm-dn-me-dt-se-bd-cr))
2487
- )
2488
- );
2489
- border-color: var(
2490
- --_sf-at-hr-br-cr,
2491
- var(
2492
- --_ctm-mob-dn-me-dt-se-br-cr,
2493
- var(--_ctm-tab-dn-me-dt-se-br-cr, var(--_ctm-dn-me-dt-se-br-cr))
2494
- )
2495
- );
2496
- border-style: var(
2497
- --_sf-at-hr-br-se,
2498
- var(
2499
- --_ctm-mob-dn-me-dt-se-br-se,
2500
- var(--_ctm-tab-dn-me-dt-se-br-se, var(--_ctm-dn-me-dt-se-br-se))
2501
- )
2502
- );
2503
- border-width: var(
2504
- --_sf-at-hr-br-wt,
2505
- var(
2506
- --_ctm-mob-dn-me-dt-se-br-wh,
2507
- var(--_ctm-tab-dn-me-dt-se-br-wh, var(--_ctm-dn-me-dt-se-br-wh))
2508
- )
2509
- );
2510
- border-radius: var(
2511
- --_sf-at-hr-br-br,
2512
- var(
2513
- --_ctm-mob-dn-me-dt-se-br-rs,
2514
- var(--_ctm-tab-dn-me-dt-se-br-rs, var(--_ctm-dn-me-dt-se-br-rs))
2515
- )
2516
- );
2517
- box-shadow: var(
2518
- --_hover-show-shadow,
2519
- var(
2520
- --_sf-at-hr-bx-sw,
2521
- var(
2522
- --_show-shadow,
2523
- var(
2524
- --_ctm-mob-dn-me-dt-se-sw-ae,
2525
- var(--_ctm-tab-dn-me-dt-se-sw-ae, var(--_ctm-dn-me-dt-se-sw-ae))
2526
- )
2527
- var(
2528
- --_ctm-mob-dn-me-dt-se-sw-br,
2529
- var(--_ctm-tab-dn-me-dt-se-sw-br, var(--_ctm-dn-me-dt-se-sw-br))
2530
- )
2531
- var(
2532
- --_ctm-mob-dn-me-dt-se-sw-sd,
2533
- var(--_ctm-tab-dn-me-dt-se-sw-sd, var(--_ctm-dn-me-dt-se-sw-sd))
2534
- )
2535
- var(
2536
- --_ctm-mob-dn-me-dt-se-sw-cr,
2537
- var(--_ctm-tab-dn-me-dt-se-sw-cr, var(--_ctm-dn-me-dt-se-sw-cr))
2538
- )
2539
- )
2540
- )
2541
- );
2542
- .btn__with__text {
2543
- border: none;
2544
- background-color: transparent;
2545
- color: var(
2546
- --_ctm-mob-dn-me-dt-se-cr,
2547
- var(--_ctm-tab-dn-me-dt-se-cr, var(--_ctm-dn-me-dt-se-cr))
2548
- );
2549
- font-family: var(
2550
- --_ctm-mob-dn-me-dt-se-ft-fy,
2551
- var(--_ctm-tab-dn-me-dt-se-ft-fy, var(--_ctm-dn-me-dt-se-ft-fy))
2552
- );
2553
- font-size: var(
2554
- --_ctm-mob-dn-me-dt-se-ft-se,
2555
- var(--_ctm-tab-dn-me-dt-se-ft-se, var(--_ctm-dn-me-dt-se-ft-se))
2556
- );
2557
- font-weight: var(
2558
- --_ctm-mob-dn-me-dt-se-ft-wt,
2559
- var(--_ctm-tab-dn-me-dt-se-ft-wt, var(--_ctm-dn-me-dt-se-ft-wt))
2560
- );
2561
- font-style: var(
2562
- --_ctm-mob-dn-me-dt-se-ft-se-ic,
2563
- var(--_ctm-tab-dn-me-dt-se-ft-se-ic, var(--_ctm-dn-me-dt-se-ft-se-ic))
2564
- );
2565
- text-align: var(
2566
- --_ctm-mob-dn-me-dt-se-tt-an,
2567
- var(--_ctm-tab-dn-me-dt-se-tt-an, var(--_ctm-dn-me-dt-se-tt-an))
2568
- );
2569
- letter-spacing: var(
2570
- --_ctm-mob-dn-me-dt-se-lr-sg,
2571
- var(--_ctm-tab-dn-me-dt-se-lr-sg, var(--_ctm-dn-me-dt-se-lr-sg))
2572
- );
2573
- line-height: var(
2574
- --_ctm-mob-dn-me-dt-se-le-ht,
2575
- var(--_ctm-tab-dn-me-dt-se-le-ht, var(--_ctm-dn-me-dt-se-le-ht))
2576
- );
2577
- text-decoration: var(
2578
- --_ctm-mob-dn-me-dt-se-ue,
2579
- var(--_ctm-tab-dn-me-dt-se-ue, var(--_ctm-dn-me-dt-se-ue))
2580
- );
2581
- }
2582
- span {
2583
- svg {
2584
- width: var(
2585
- --_ctm-mob-dn-me-dt-se-in-se,
2586
- var(--_ctm-tab-dn-me-dt-se-in-se, var(--_ctm-dn-me-dt-se-in-se))
2587
- );
2588
- height: var(
2589
- --_ctm-mob-dn-me-dt-se-in-se,
2590
- var(--_ctm-tab-dn-me-dt-se-in-se, var(--_ctm-dn-me-dt-se-in-se))
2591
- );
2592
- path {
2593
- stroke: var(
2594
- --_ctm-mob-dn-me-dt-se-in-c1,
2595
- var(--_ctm-tab-dn-me-dt-se-in-c1, var(--_ctm-dn-me-dt-se-in-c1))
2596
- );
2597
- }
2598
- }
2599
- }
2600
- &:hover {
2601
- justify-content: var(
2602
- --_ctm-mob-dn-me-hr-se-at,
2603
- var(--_ctm-tab-dn-me-hr-se-at, var(--_ctm-dn-me-hr-se-at))
2604
- );
2605
-
2606
- background-color: var(
2607
- --_sf-at-hr-bd-cr,
2608
- var(
2609
- --_ctm-mob-dn-me-hr-se-bd-cr,
2610
- var(--_ctm-tab-dn-me-hr-se-bd-cr, var(--_ctm-dn-me-hr-se-bd-cr))
2611
- )
2612
- );
2613
-
2614
- border-color: var(
2615
- --_sf-at-hr-br-cr,
2616
- var(
2617
- --_ctm-mob-dn-me-hr-se-br-cr,
2618
- var(--_ctm-tab-dn-me-hr-se-br-cr, var(--_ctm-dn-me-hr-se-br-cr))
2619
- )
2620
- );
2621
-
2622
- border-style: var(
2623
- --_sf-at-hr-br-se,
2624
- var(
2625
- --_ctm-mob-dn-me-hr-se-br-se,
2626
- var(--_ctm-tab-dn-me-hr-se-br-se, var(--_ctm-dn-me-hr-se-br-se))
2627
- )
2628
- );
2629
-
2630
- border-width: var(
2631
- --_sf-at-hr-br-wt,
2632
- var(
2633
- --_ctm-mob-dn-me-hr-se-br-wh,
2634
- var(--_ctm-tab-dn-me-hr-se-br-wh, var(--_ctm-dn-me-hr-se-br-wh))
2635
- )
2636
- );
2637
-
2638
- border-radius: var(
2639
- --_sf-at-hr-br-br,
2640
- var(
2641
- --_ctm-mob-dn-me-hr-se-br-rs,
2642
- var(--_ctm-tab-dn-me-hr-se-br-rs, var(--_ctm-dn-me-hr-se-br-rs))
2643
- )
2644
- );
2645
-
2646
- box-shadow: var(
2647
- --_hover-show-shadow,
2648
- var(
2649
- --_sf-at-hr-bx-sw,
2650
- var(
2651
- --_show-shadow,
2652
- var(
2653
- --_ctm-mob-dn-me-hr-se-sw-ae,
2654
- var(--_ctm-tab-dn-me-hr-se-sw-ae, var(--_ctm-dn-me-hr-se-sw-ae))
2655
- )
2656
- var(
2657
- --_ctm-mob-dn-me-hr-se-sw-br,
2658
- var(--_ctm-tab-dn-me-hr-se-sw-br, var(--_ctm-dn-me-hr-se-sw-br))
2659
- )
2660
- var(
2661
- --_ctm-mob-dn-me-hr-se-sw-sd,
2662
- var(--_ctm-tab-dn-me-hr-se-sw-sd, var(--_ctm-dn-me-hr-se-sw-sd))
2663
- )
2664
- var(
2665
- --_ctm-mob-dn-me-hr-se-sw-cr,
2666
- var(--_ctm-tab-dn-me-hr-se-sw-cr, var(--_ctm-dn-me-hr-se-sw-cr))
2667
- )
2668
- )
2669
- )
2670
- );
2671
-
2672
- .btn__with__text {
2673
- border: none;
2674
- background-color: transparent;
2675
- color: var(
2676
- --_ctm-mob-dn-me-hr-se-cr,
2677
- var(--_ctm-tab-dn-me-hr-se-cr, var(--_ctm-dn-me-hr-se-cr))
2678
- );
2679
- font-family: var(
2680
- --_ctm-mob-dn-me-hr-se-ft-fy,
2681
- var(--_ctm-tab-dn-me-hr-se-ft-fy, var(--_ctm-dn-me-hr-se-ft-fy))
2682
- );
2683
- font-size: var(
2684
- --_ctm-mob-dn-me-hr-se-ft-se,
2685
- var(--_ctm-tab-dn-me-hr-se-ft-se, var(--_ctm-dn-me-hr-se-ft-se))
2686
- );
2687
- font-weight: var(
2688
- --_ctm-mob-dn-me-hr-se-ft-wt,
2689
- var(--_ctm-tab-dn-me-hr-se-ft-wt, var(--_ctm-dn-me-hr-se-ft-wt))
2690
- );
2691
- font-style: var(
2692
- --_ctm-mob-dn-me-hr-se-ft-se-ic,
2693
- var(--_ctm-tab-dn-me-hr-se-ft-se-ic, var(--_ctm-dn-me-hr-se-ft-se-ic))
2694
- );
2695
- text-align: var(
2696
- --_ctm-mob-dn-me-hr-se-tt-an,
2697
- var(--_ctm-tab-dn-me-hr-se-tt-an, var(--_ctm-dn-me-hr-se-tt-an))
2698
- );
2699
- letter-spacing: var(
2700
- --_ctm-mob-dn-me-hr-se-lr-sg,
2701
- var(--_ctm-tab-dn-me-hr-se-lr-sg, var(--_ctm-dn-me-hr-se-lr-sg))
2702
- );
2703
- line-height: var(
2704
- --_ctm-mob-dn-me-hr-se-le-ht,
2705
- var(--_ctm-tab-dn-me-hr-se-le-ht, var(--_ctm-dn-me-hr-se-le-ht))
2706
- );
2707
- text-decoration: var(
2708
- --_ctm-mob-dn-me-hr-se-ue,
2709
- var(--_ctm-tab-dn-me-hr-se-ue, var(--_ctm-dn-me-hr-se-ue))
2710
- );
2711
- }
2712
-
2713
- span {
2714
- svg {
2715
- width: var(
2716
- --_ctm-mob-dn-me-hr-se-in-se,
2717
- var(--_ctm-tab-dn-me-hr-se-in-se, var(--_ctm-dn-me-hr-se-in-se))
2718
- );
2719
- height: var(
2720
- --_ctm-mob-dn-me-hr-se-in-se,
2721
- var(--_ctm-tab-dn-me-hr-se-in-se, var(--_ctm-dn-me-hr-se-in-se))
2722
- );
2723
- path {
2724
- stroke: var(
2725
- --_ctm-mob-dn-me-hr-se-in-c1,
2726
- var(--_ctm-tab-dn-me-hr-se-in-c1, var(--_ctm-dn-me-hr-se-in-c1))
2727
- );
2728
- }
2729
- }
2730
- }
2731
- }
2732
- }
2733
- .dropdown_buttons {
2734
- position: absolute;
2735
- min-width: 150px;
2736
- width: 80%;
2737
- top: 100%;
2738
- right: 0px;
2739
- border: 1px solid var(--_gray-200);
2740
- border-radius: 8px;
2741
- overflow: hidden;
2742
- margin-top: 2px;
2743
- ul {
2744
- list-style: none;
2745
- max-height: 200px;
2746
- overflow-y: auto;
2747
- li {
2748
- background-color: var(--_base-white);
2749
- padding: 5px;
2750
- color: var(--_gray-700);
2751
- font-size: 14px;
2752
- font-weight: 500;
2753
- cursor: pointer;
2754
- &:hover {
2755
- background-color: var(--_primary-25);
2756
- color: var(--_primary-400);
2757
- cursor: pointer;
2758
- }
2759
- }
2760
- }
2761
- }
2762
- }
2763
- }
2764
- }
2765
- }