@sc-360-v2/storefront-cms-library 0.5.14 → 0.5.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/cart-summary.scss +97 -1
  3. package/dist/code-temp.scss +1 -0
  4. package/dist/embed-temp.scss +73 -72
  5. package/dist/item-stock.scss +87 -87
  6. package/dist/last-x-orders.scss +1 -1
  7. package/dist/login.scss +1 -1
  8. package/dist/menu.scss +162 -162
  9. package/dist/product-actions.scss +1 -0
  10. package/dist/quota-details.scss +345 -345
  11. package/dist/search-results-heading.scss +279 -279
  12. package/dist/search.scss +1 -1
  13. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +5 -0
  14. package/dist/types/builder/tools/element-edit/icon-list.d.ts +12 -12
  15. package/package.json +1 -1
package/dist/quota-details.scss CHANGED
@@ -1,345 +1,345 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- [data-div-type="element"] {
5
- &[data-element-type="quotaDetails"] {
6
- // width: var(--_lt-wh);
7
- // height: var(--_lt-ht);
8
- // margin: var(--_lt-mn);
9
- // padding: var(--_lt-pg);
10
- // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
- // width: 50%;
12
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
- width: var(
14
- --_sf-el-wh-st-mx,
15
- calc(
16
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
17
- )
18
- );
19
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
20
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
21
-
22
- --_aspect-ratio: calc(
23
- 1 *
24
- (
25
- var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
26
- var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
27
- )
28
- );
29
- // height: clamp(var(--_ctm-lt-ht, 50px), 100px, auto) !important;
30
- // height: var(--_ctm-lt-ht);
31
- // height: ;
32
- // height: auto;
33
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
34
- // --_aspect-ratio: calc(
35
- // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
36
- // );
37
-
38
- // &[data-element-sub-child="true"] {
39
- // // width: max(var(--_sf-nw-wh, var(--_tst-lt-wh)));
40
- // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
41
- // }
42
-
43
- & > .wrapper {
44
- width: 100%;
45
- height: 100%;
46
- }
47
- &[data-show-shadow="false"] {
48
- --_show-shadow: none;
49
- }
50
-
51
- .quota__details__element {
52
- background-color: var(
53
- --_ctm-mob-dn-wt-se-bd-cr,
54
- var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
55
- );
56
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
57
- display: flex;
58
- flex-direction: column;
59
- --_sf-gp: var(
60
- --_ctm-mob-lt-im-sg,
61
- var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
62
- );
63
- --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
64
- row-gap: var(--_sf-gp);
65
- width: 100%;
66
- height: 100%;
67
- border-color: var(
68
- --_ctm-mob-dn-wt-se-br-cr,
69
- var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
70
- );
71
- border-style: var(
72
- --_ctm-mob-dn-wt-se-br-se,
73
- var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
74
- );
75
- border-width: var(
76
- --_ctm-mob-dn-wt-se-br-wh,
77
- var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
78
- );
79
- border-radius: var(
80
- --_ctm-mob-dn-wt-se-br-rs,
81
- var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
82
- );
83
- box-shadow: var(
84
- --_show-shadow,
85
- var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
86
- var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
87
- var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
88
- var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
89
- );
90
-
91
- .product__hilights {
92
- display: flex;
93
- align-items: var(--_ctm-mob-lt-wt-at, var(--_ctm-tab-lt-wt-at, var(--_ctm-lt-wt-at)));
94
- justify-content: var(--_ctm-mob-lt-hl-at, var(--_ctm-tab-lt-hl-at, var(--_ctm-lt-hl-at)));
95
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
96
- width: 100%;
97
-
98
- height: 100%;
99
-
100
- &[data-show-dividers="true"] {
101
- .product__list__item {
102
- position: relative;
103
- &:not(:last-child)::after {
104
- content: "";
105
- width: var(
106
- --_ctm-mob-dn-dr-dr-wh,
107
- var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
108
- );
109
- height: 100%;
110
- position: absolute;
111
- right: calc(
112
- (
113
- -1 * var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) /
114
- 2
115
- ) -
116
- (
117
- var(
118
- --_ctm-mob-dn-dr-dr-wh,
119
- var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
120
- ) /
121
- 2
122
- )
123
- );
124
- background-color: var(
125
- --_ctm-mob-dn-dr-dr-cr,
126
- var(--_ctm-tab-dn-dr-dr-cr, var(--_ctm-dn-dr-dr-cr))
127
- );
128
- }
129
- }
130
- }
131
- .product__list__item {
132
- display: flex;
133
- align-items: center;
134
- gap: 4px;
135
-
136
- .svg_icon {
137
- display: flex;
138
- }
139
- }
140
- .quota__left {
141
- .count {
142
- // padding-inline: var(--_sf-cd-gp);
143
- white-space: nowrap;
144
- color: var(
145
- --_ctm-mob-dn-qa-lt-cr,
146
- var(--_ctm-tab-dn-qa-lt-cr, var(--_ctm-dn-qa-lt-cr))
147
- );
148
- font-family: var(
149
- --_ctm-mob-dn-qa-lt-ft-fy,
150
- var(--_ctm-tab-dn-qa-lt-ft-fy, var(--_ctm-dn-qa-lt-ft-fy))
151
- );
152
- font-size: var(
153
- --_ctm-mob-dn-qa-lt-ft-se,
154
- var(--_ctm-tab-dn-qa-lt-ft-se, var(--_ctm-dn-qa-lt-ft-se))
155
- );
156
- font-weight: var(
157
- --_ctm-mob-dn-qa-lt-ft-wt,
158
- var(--_ctm-tab-dn-qa-lt-ft-wt, var(--_ctm-dn-qa-lt-ft-wt))
159
- );
160
- font-style: var(
161
- --_ctm-mob-dn-qa-lt-ft-se-ic,
162
- var(--_ctm-tab-dn-qa-lt-ft-se-ic, var(--_ctm-dn-qa-lt-ft-se-ic))
163
- );
164
- text-align: var(
165
- --_ctm-mob-dn-qa-lt-tt-an,
166
- var(--_ctm-tab-dn-qa-lt-tt-an, var(--_ctm-dn-qa-lt-tt-an))
167
- );
168
- letter-spacing: var(
169
- --_ctm-mob-dn-qa-lt-lr-sg,
170
- var(--_ctm-tab-dn-qa-lt-lr-sg, var(--_ctm-dn-qa-lt-lr-sg))
171
- );
172
- line-height: var(
173
- --_ctm-mob-dn-qa-lt-le-ht,
174
- var(--_ctm-tab-dn-qa-lt-le-ht, var(--_ctm-dn-qa-lt-le-ht-dc))
175
- );
176
- text-decoration: var(
177
- --_ctm-mob-dn-qa-lt-ue,
178
- var(--_ctm-tab-dn-qa-lt-ue, var(--_ctm-dn-qa-lt-ue))
179
- );
180
- }
181
- .label {
182
- // padding-inline: var(--_sf-cd-gp);
183
- white-space: nowrap;
184
- color: var(
185
- --_ctm-mob-dn-qa-lt-cr-dc-dc,
186
- var(--_ctm-tab-dn-qa-lt-cr-dc, var(--_ctm-dn-qa-lt-cr-dc))
187
- );
188
- font-family: var(
189
- --_ctm-mob-dn-qa-lt-ft-fy-dc,
190
- var(--_ctm-tab-dn-qa-lt-ft-fy-dc, var(--_ctm-dn-qa-lt-ft-fy-dc))
191
- );
192
- font-size: var(
193
- --_ctm-mob-dn-qa-lt-ft-se-dc,
194
- var(--_ctm-tab-dn-qa-lt-ft-se-dc, var(--_ctm-dn-qa-lt-ft-se-dc))
195
- );
196
- font-weight: var(
197
- --_ctm-mob-dn-qa-lt-ft-wt-dc,
198
- var(--_ctm-tab-dn-qa-lt-ft-wt-dc, var(--_ctm-dn-qa-lt-ft-wt-dc))
199
- );
200
- font-style: var(
201
- --_ctm-mob-dn-qa-lt-ft-se-ic-dc,
202
- var(--_ctm-tab-dn-qa-lt-ft-se-ic-dc, var(--_ctm-dn-qa-lt-ft-se-ic-dc))
203
- );
204
- text-align: var(
205
- --_ctm-mob-dn-qa-lt-tt-an-dc,
206
- var(--_ctm-tab-dn-qa-lt-tt-an-dc, var(--_ctm-dn-qa-lt-tt-an-dc))
207
- );
208
- letter-spacing: var(
209
- --_ctm-mob-dn-qa-lt-lr-sg-dc,
210
- var(--_ctm-tab-dn-qa-lt-lr-sg-dc, var(--_ctm-dn-qa-lt-lr-sg-dc))
211
- );
212
- line-height: var(
213
- --_ctm-mob-dn-qa-lt-le-ht-dc,
214
- var(--_ctm-tab-dn-qa-lt-le-ht-dc, var(--_ctm-dn-qa-lt-le-ht-dc-dc))
215
- );
216
- text-decoration: var(
217
- --_ctm-mob-dn-qa-lt-ue-dc,
218
- var(--_ctm-tab-dn-qa-lt-ue-dc, var(--_ctm-dn-qa-lt-ue-dc))
219
- );
220
- }
221
- .icon {
222
- display: var(--_sf-show-icon-ff, flex);
223
- svg {
224
- width: var(
225
- --_ctm-mab-dn-qa-lt-in-se,
226
- var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
227
- );
228
- height: var(
229
- --_ctm-mob-dn-qa-lt-in-se,
230
- var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
231
- );
232
- path {
233
- stroke: var(
234
- --_ctm-mob-dn-qa-lt-in-c1,
235
- var(--_ctm-tab-dn-qa-lt-in-c1, var(--_ctm-dn-qa-lt-in-c1))
236
- );
237
- }
238
- }
239
- }
240
- }
241
- .days__left {
242
- .count {
243
- // padding-inline: var(--_sf-cd-gp);
244
- white-space: nowrap;
245
- color: var(
246
- --_ctm-mob-dn-ds-lt-cr,
247
- var(--_ctm-tab-dn-ds-lt-cr, var(--_ctm-dn-ds-lt-cr))
248
- );
249
- font-family: var(
250
- --_ctm-mob-dn-ds-lt-ft-fy,
251
- var(--_ctm-tab-dn-ds-lt-ft-fy, var(--_ctm-dn-ds-lt-ft-fy))
252
- );
253
- font-size: var(
254
- --_ctm-mob-dn-ds-lt-ft-se,
255
- var(--_ctm-tab-dn-ds-lt-ft-se, var(--_ctm-dn-ds-lt-ft-se))
256
- );
257
- font-weight: var(
258
- --_ctm-mob-dn-ds-lt-ft-wt,
259
- var(--_ctm-tab-dn-ds-lt-ft-wt, var(--_ctm-dn-ds-lt-ft-wt))
260
- );
261
- font-style: var(
262
- --_ctm-mob-dn-ds-lt-ft-se-ic,
263
- var(--_ctm-tab-dn-ds-lt-ft-se-ic, var(--_ctm-dn-ds-lt-ft-se-ic))
264
- );
265
- text-align: var(
266
- --_ctm-mob-dn-ds-lt-tt-an,
267
- var(--_ctm-tab-dn-ds-lt-tt-an, var(--_ctm-dn-ds-lt-tt-an))
268
- );
269
- letter-spacing: var(
270
- --_ctm-mob-dn-ds-lt-lr-sg,
271
- var(--_ctm-tab-dn-ds-lt-lr-sg, var(--_ctm-dn-ds-lt-lr-sg))
272
- );
273
- line-height: var(
274
- --_ctm-mob-dn-ds-lt-le-ht,
275
- var(--_ctm-tab-dn-ds-lt-le-ht, var(--_ctm-dn-ds-lt-le-ht-dc))
276
- );
277
- text-decoration: var(
278
- --_ctm-mob-dn-ds-lt-ue,
279
- var(--_ctm-tab-dn-ds-lt-ue, var(--_ctm-dn-ds-lt-ue))
280
- );
281
- }
282
- .label {
283
- // padding-inline: var(--_sf-cd-gp);
284
- white-space: nowrap;
285
- color: var(
286
- --_ctm-mob-dn-ds-lt-cr-dc-dc,
287
- var(--_ctm-tab-dn-ds-lt-cr-dc, var(--_ctm-dn-ds-lt-cr-dc))
288
- );
289
- font-family: var(
290
- --_ctm-mob-dn-ds-lt-ft-fy-dc,
291
- var(--_ctm-tab-dn-ds-lt-ft-fy-dc, var(--_ctm-dn-ds-lt-ft-fy-dc))
292
- );
293
- font-size: var(
294
- --_ctm-mob-dn-ds-lt-ft-se-dc,
295
- var(--_ctm-tab-dn-ds-lt-ft-se-dc, var(--_ctm-dn-ds-lt-ft-se-dc))
296
- );
297
- font-weight: var(
298
- --_ctm-mob-dn-ds-lt-ft-wt-dc,
299
- var(--_ctm-tab-dn-ds-lt-ft-wt-dc, var(--_ctm-dn-ds-lt-ft-wt-dc))
300
- );
301
- font-style: var(
302
- --_ctm-mob-dn-ds-lt-ft-se-ic-dc,
303
- var(--_ctm-tab-dn-ds-lt-ft-se-ic-dc, var(--_ctm-dn-ds-lt-ft-se-ic-dc))
304
- );
305
- text-align: var(
306
- --_ctm-mob-dn-ds-lt-tt-an-dc,
307
- var(--_ctm-tab-dn-ds-lt-tt-an-dc, var(--_ctm-dn-ds-lt-tt-an-dc))
308
- );
309
- letter-spacing: var(
310
- --_ctm-mob-dn-ds-lt-lr-sg-dc,
311
- var(--_ctm-tab-dn-ds-lt-lr-sg-dc, var(--_ctm-dn-ds-lt-lr-sg-dc))
312
- );
313
- line-height: var(
314
- --_ctm-mob-dn-ds-lt-le-ht-dc,
315
- var(--_ctm-tab-dn-ds-lt-le-ht-dc, var(--_ctm-dn-ds-lt-le-ht-dc-dc))
316
- );
317
- text-decoration: var(
318
- --_ctm-mob-dn-ds-lt-ue-dc,
319
- var(--_ctm-tab-dn-ds-lt-ue-dc, var(--_ctm-dn-ds-lt-ue-dc))
320
- );
321
- }
322
- .icon {
323
- display: var(--_sf-show-icon-ff, flex);
324
- svg {
325
- width: var(
326
- --_ctm-mab-dn-ds-lt-in-se,
327
- var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
328
- );
329
- height: var(
330
- --_ctm-mob-dn-ds-lt-in-se,
331
- var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
332
- );
333
- path {
334
- stroke: var(
335
- --_ctm-mob-dn-ds-lt-in-c1,
336
- var(--_ctm-tab-dn-ds-lt-in-c1, var(--_ctm-dn-ds-lt-in-c1))
337
- );
338
- }
339
- }
340
- }
341
- }
342
- }
343
- }
344
- }
345
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ [data-div-type="element"] {
5
+ &[data-element-type="quotaDetails"] {
6
+ // width: var(--_lt-wh);
7
+ // height: var(--_lt-ht);
8
+ // margin: var(--_lt-mn);
9
+ // padding: var(--_lt-pg);
10
+ // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
+ // width: 50%;
12
+ // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
+ width: var(
14
+ --_sf-el-wh-st-mx,
15
+ calc(
16
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
17
+ )
18
+ );
19
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
20
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
21
+
22
+ --_aspect-ratio: calc(
23
+ 1 *
24
+ (
25
+ var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
26
+ var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
27
+ )
28
+ );
29
+ // height: clamp(var(--_ctm-lt-ht, 50px), 100px, auto) !important;
30
+ // height: var(--_ctm-lt-ht);
31
+ // height: ;
32
+ // height: auto;
33
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
34
+ // --_aspect-ratio: calc(
35
+ // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
36
+ // );
37
+
38
+ // &[data-element-sub-child="true"] {
39
+ // // width: max(var(--_sf-nw-wh, var(--_tst-lt-wh)));
40
+ // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
41
+ // }
42
+
43
+ & > .wrapper {
44
+ width: 100%;
45
+ height: 100%;
46
+ }
47
+ &[data-show-shadow="false"] {
48
+ --_show-shadow: none;
49
+ }
50
+
51
+ .quota__details__element {
52
+ background-color: var(
53
+ --_ctm-mob-dn-wt-se-bd-cr,
54
+ var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
55
+ );
56
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
57
+ display: flex;
58
+ flex-direction: column;
59
+ --_sf-gp: var(
60
+ --_ctm-mob-lt-im-sg,
61
+ var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
62
+ );
63
+ --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
64
+ row-gap: var(--_sf-gp);
65
+ width: 100%;
66
+ height: 100%;
67
+ border-color: var(
68
+ --_ctm-mob-dn-wt-se-br-cr,
69
+ var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
70
+ );
71
+ border-style: var(
72
+ --_ctm-mob-dn-wt-se-br-se,
73
+ var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
74
+ );
75
+ border-width: var(
76
+ --_ctm-mob-dn-wt-se-br-wh,
77
+ var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
78
+ );
79
+ border-radius: var(
80
+ --_ctm-mob-dn-wt-se-br-rs,
81
+ var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
82
+ );
83
+ box-shadow: var(
84
+ --_show-shadow,
85
+ var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
86
+ var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
87
+ var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
88
+ var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
89
+ );
90
+
91
+ .product__hilights {
92
+ display: flex;
93
+ align-items: var(--_ctm-mob-lt-wt-at, var(--_ctm-tab-lt-wt-at, var(--_ctm-lt-wt-at)));
94
+ justify-content: var(--_ctm-mob-lt-hl-at, var(--_ctm-tab-lt-hl-at, var(--_ctm-lt-hl-at)));
95
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
96
+ width: 100%;
97
+
98
+ height: 100%;
99
+
100
+ &[data-show-dividers="true"] {
101
+ .product__list__item {
102
+ position: relative;
103
+ &:not(:last-child)::after {
104
+ content: "";
105
+ width: var(
106
+ --_ctm-mob-dn-dr-dr-wh,
107
+ var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
108
+ );
109
+ height: 100%;
110
+ position: absolute;
111
+ right: calc(
112
+ (
113
+ -1 * var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) /
114
+ 2
115
+ ) -
116
+ (
117
+ var(
118
+ --_ctm-mob-dn-dr-dr-wh,
119
+ var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
120
+ ) /
121
+ 2
122
+ )
123
+ );
124
+ background-color: var(
125
+ --_ctm-mob-dn-dr-dr-cr,
126
+ var(--_ctm-tab-dn-dr-dr-cr, var(--_ctm-dn-dr-dr-cr))
127
+ );
128
+ }
129
+ }
130
+ }
131
+ .product__list__item {
132
+ display: flex;
133
+ align-items: center;
134
+ gap: 4px;
135
+
136
+ .svg_icon {
137
+ display: flex;
138
+ }
139
+ }
140
+ .quota__left {
141
+ .count {
142
+ // padding-inline: var(--_sf-cd-gp);
143
+ white-space: nowrap;
144
+ color: var(
145
+ --_ctm-mob-dn-qa-lt-cr,
146
+ var(--_ctm-tab-dn-qa-lt-cr, var(--_ctm-dn-qa-lt-cr))
147
+ );
148
+ font-family: var(
149
+ --_ctm-mob-dn-qa-lt-ft-fy,
150
+ var(--_ctm-tab-dn-qa-lt-ft-fy, var(--_ctm-dn-qa-lt-ft-fy))
151
+ );
152
+ font-size: var(
153
+ --_ctm-mob-dn-qa-lt-ft-se,
154
+ var(--_ctm-tab-dn-qa-lt-ft-se, var(--_ctm-dn-qa-lt-ft-se))
155
+ );
156
+ font-weight: var(
157
+ --_ctm-mob-dn-qa-lt-ft-wt,
158
+ var(--_ctm-tab-dn-qa-lt-ft-wt, var(--_ctm-dn-qa-lt-ft-wt))
159
+ );
160
+ font-style: var(
161
+ --_ctm-mob-dn-qa-lt-ft-se-ic,
162
+ var(--_ctm-tab-dn-qa-lt-ft-se-ic, var(--_ctm-dn-qa-lt-ft-se-ic))
163
+ );
164
+ text-align: var(
165
+ --_ctm-mob-dn-qa-lt-tt-an,
166
+ var(--_ctm-tab-dn-qa-lt-tt-an, var(--_ctm-dn-qa-lt-tt-an))
167
+ );
168
+ letter-spacing: var(
169
+ --_ctm-mob-dn-qa-lt-lr-sg,
170
+ var(--_ctm-tab-dn-qa-lt-lr-sg, var(--_ctm-dn-qa-lt-lr-sg))
171
+ );
172
+ line-height: var(
173
+ --_ctm-mob-dn-qa-lt-le-ht,
174
+ var(--_ctm-tab-dn-qa-lt-le-ht, var(--_ctm-dn-qa-lt-le-ht-dc))
175
+ );
176
+ text-decoration: var(
177
+ --_ctm-mob-dn-qa-lt-ue,
178
+ var(--_ctm-tab-dn-qa-lt-ue, var(--_ctm-dn-qa-lt-ue))
179
+ );
180
+ }
181
+ .label {
182
+ // padding-inline: var(--_sf-cd-gp);
183
+ white-space: nowrap;
184
+ color: var(
185
+ --_ctm-mob-dn-qa-lt-cr-dc-dc,
186
+ var(--_ctm-tab-dn-qa-lt-cr-dc, var(--_ctm-dn-qa-lt-cr-dc))
187
+ );
188
+ font-family: var(
189
+ --_ctm-mob-dn-qa-lt-ft-fy-dc,
190
+ var(--_ctm-tab-dn-qa-lt-ft-fy-dc, var(--_ctm-dn-qa-lt-ft-fy-dc))
191
+ );
192
+ font-size: var(
193
+ --_ctm-mob-dn-qa-lt-ft-se-dc,
194
+ var(--_ctm-tab-dn-qa-lt-ft-se-dc, var(--_ctm-dn-qa-lt-ft-se-dc))
195
+ );
196
+ font-weight: var(
197
+ --_ctm-mob-dn-qa-lt-ft-wt-dc,
198
+ var(--_ctm-tab-dn-qa-lt-ft-wt-dc, var(--_ctm-dn-qa-lt-ft-wt-dc))
199
+ );
200
+ font-style: var(
201
+ --_ctm-mob-dn-qa-lt-ft-se-ic-dc,
202
+ var(--_ctm-tab-dn-qa-lt-ft-se-ic-dc, var(--_ctm-dn-qa-lt-ft-se-ic-dc))
203
+ );
204
+ text-align: var(
205
+ --_ctm-mob-dn-qa-lt-tt-an-dc,
206
+ var(--_ctm-tab-dn-qa-lt-tt-an-dc, var(--_ctm-dn-qa-lt-tt-an-dc))
207
+ );
208
+ letter-spacing: var(
209
+ --_ctm-mob-dn-qa-lt-lr-sg-dc,
210
+ var(--_ctm-tab-dn-qa-lt-lr-sg-dc, var(--_ctm-dn-qa-lt-lr-sg-dc))
211
+ );
212
+ line-height: var(
213
+ --_ctm-mob-dn-qa-lt-le-ht-dc,
214
+ var(--_ctm-tab-dn-qa-lt-le-ht-dc, var(--_ctm-dn-qa-lt-le-ht-dc-dc))
215
+ );
216
+ text-decoration: var(
217
+ --_ctm-mob-dn-qa-lt-ue-dc,
218
+ var(--_ctm-tab-dn-qa-lt-ue-dc, var(--_ctm-dn-qa-lt-ue-dc))
219
+ );
220
+ }
221
+ .icon {
222
+ display: var(--_sf-show-icon-ff, flex);
223
+ svg {
224
+ width: var(
225
+ --_ctm-mab-dn-qa-lt-in-se,
226
+ var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
227
+ );
228
+ height: var(
229
+ --_ctm-mob-dn-qa-lt-in-se,
230
+ var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
231
+ );
232
+ path {
233
+ stroke: var(
234
+ --_ctm-mob-dn-qa-lt-in-c1,
235
+ var(--_ctm-tab-dn-qa-lt-in-c1, var(--_ctm-dn-qa-lt-in-c1))
236
+ );
237
+ }
238
+ }
239
+ }
240
+ }
241
+ .days__left {
242
+ .count {
243
+ // padding-inline: var(--_sf-cd-gp);
244
+ white-space: nowrap;
245
+ color: var(
246
+ --_ctm-mob-dn-ds-lt-cr,
247
+ var(--_ctm-tab-dn-ds-lt-cr, var(--_ctm-dn-ds-lt-cr))
248
+ );
249
+ font-family: var(
250
+ --_ctm-mob-dn-ds-lt-ft-fy,
251
+ var(--_ctm-tab-dn-ds-lt-ft-fy, var(--_ctm-dn-ds-lt-ft-fy))
252
+ );
253
+ font-size: var(
254
+ --_ctm-mob-dn-ds-lt-ft-se,
255
+ var(--_ctm-tab-dn-ds-lt-ft-se, var(--_ctm-dn-ds-lt-ft-se))
256
+ );
257
+ font-weight: var(
258
+ --_ctm-mob-dn-ds-lt-ft-wt,
259
+ var(--_ctm-tab-dn-ds-lt-ft-wt, var(--_ctm-dn-ds-lt-ft-wt))
260
+ );
261
+ font-style: var(
262
+ --_ctm-mob-dn-ds-lt-ft-se-ic,
263
+ var(--_ctm-tab-dn-ds-lt-ft-se-ic, var(--_ctm-dn-ds-lt-ft-se-ic))
264
+ );
265
+ text-align: var(
266
+ --_ctm-mob-dn-ds-lt-tt-an,
267
+ var(--_ctm-tab-dn-ds-lt-tt-an, var(--_ctm-dn-ds-lt-tt-an))
268
+ );
269
+ letter-spacing: var(
270
+ --_ctm-mob-dn-ds-lt-lr-sg,
271
+ var(--_ctm-tab-dn-ds-lt-lr-sg, var(--_ctm-dn-ds-lt-lr-sg))
272
+ );
273
+ line-height: var(
274
+ --_ctm-mob-dn-ds-lt-le-ht,
275
+ var(--_ctm-tab-dn-ds-lt-le-ht, var(--_ctm-dn-ds-lt-le-ht-dc))
276
+ );
277
+ text-decoration: var(
278
+ --_ctm-mob-dn-ds-lt-ue,
279
+ var(--_ctm-tab-dn-ds-lt-ue, var(--_ctm-dn-ds-lt-ue))
280
+ );
281
+ }
282
+ .label {
283
+ // padding-inline: var(--_sf-cd-gp);
284
+ white-space: nowrap;
285
+ color: var(
286
+ --_ctm-mob-dn-ds-lt-cr-dc-dc,
287
+ var(--_ctm-tab-dn-ds-lt-cr-dc, var(--_ctm-dn-ds-lt-cr-dc))
288
+ );
289
+ font-family: var(
290
+ --_ctm-mob-dn-ds-lt-ft-fy-dc,
291
+ var(--_ctm-tab-dn-ds-lt-ft-fy-dc, var(--_ctm-dn-ds-lt-ft-fy-dc))
292
+ );
293
+ font-size: var(
294
+ --_ctm-mob-dn-ds-lt-ft-se-dc,
295
+ var(--_ctm-tab-dn-ds-lt-ft-se-dc, var(--_ctm-dn-ds-lt-ft-se-dc))
296
+ );
297
+ font-weight: var(
298
+ --_ctm-mob-dn-ds-lt-ft-wt-dc,
299
+ var(--_ctm-tab-dn-ds-lt-ft-wt-dc, var(--_ctm-dn-ds-lt-ft-wt-dc))
300
+ );
301
+ font-style: var(
302
+ --_ctm-mob-dn-ds-lt-ft-se-ic-dc,
303
+ var(--_ctm-tab-dn-ds-lt-ft-se-ic-dc, var(--_ctm-dn-ds-lt-ft-se-ic-dc))
304
+ );
305
+ text-align: var(
306
+ --_ctm-mob-dn-ds-lt-tt-an-dc,
307
+ var(--_ctm-tab-dn-ds-lt-tt-an-dc, var(--_ctm-dn-ds-lt-tt-an-dc))
308
+ );
309
+ letter-spacing: var(
310
+ --_ctm-mob-dn-ds-lt-lr-sg-dc,
311
+ var(--_ctm-tab-dn-ds-lt-lr-sg-dc, var(--_ctm-dn-ds-lt-lr-sg-dc))
312
+ );
313
+ line-height: var(
314
+ --_ctm-mob-dn-ds-lt-le-ht-dc,
315
+ var(--_ctm-tab-dn-ds-lt-le-ht-dc, var(--_ctm-dn-ds-lt-le-ht-dc-dc))
316
+ );
317
+ text-decoration: var(
318
+ --_ctm-mob-dn-ds-lt-ue-dc,
319
+ var(--_ctm-tab-dn-ds-lt-ue-dc, var(--_ctm-dn-ds-lt-ue-dc))
320
+ );
321
+ }
322
+ .icon {
323
+ display: var(--_sf-show-icon-ff, flex);
324
+ svg {
325
+ width: var(
326
+ --_ctm-mab-dn-ds-lt-in-se,
327
+ var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
328
+ );
329
+ height: var(
330
+ --_ctm-mob-dn-ds-lt-in-se,
331
+ var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
332
+ );
333
+ path {
334
+ stroke: var(
335
+ --_ctm-mob-dn-ds-lt-in-c1,
336
+ var(--_ctm-tab-dn-ds-lt-in-c1, var(--_ctm-dn-ds-lt-in-c1))
337
+ );
338
+ }
339
+ }
340
+ }
341
+ }
342
+ }
343
+ }
344
+ }
345
+ }