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

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 (30) hide show
  1. package/dist/add-products-tab copy.scss +1131 -0
  2. package/dist/allocationDetails.scss +2020 -479
  3. package/dist/allocations.scss +984 -166
  4. package/dist/builder.js +1 -1
  5. package/dist/button.scss +2 -8
  6. package/dist/buy-for-tab.scss +3 -1
  7. package/dist/cartAttributes.scss +705 -344
  8. package/dist/cartDropdownOverlay.scss +0 -1
  9. package/dist/checkout.scss +131 -6
  10. package/dist/confirmationModal.scss +1 -0
  11. package/dist/customization-tree.scss +42 -26
  12. package/dist/gallery-slider-temp.scss +85 -83
  13. package/dist/image-temp.scss +2 -1
  14. package/dist/language-selector.scss +3 -1
  15. package/dist/modal.scss +2 -1
  16. package/dist/prefix-list.scss +1 -1
  17. package/dist/product-image.scss +93 -84
  18. package/dist/profile.scss +84 -21
  19. package/dist/quota-details.scss +265 -0
  20. package/dist/shipping-payments.scss +1733 -0
  21. package/dist/theme-classes.scss +296 -0
  22. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +32 -1
  23. package/dist/types/builder/tools/element-edit/allocationDetails.d.ts +2 -1
  24. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +4 -0
  25. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +79 -0
  26. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +0 -8
  27. package/dist/types/builder/tools/element-edit/profile.d.ts +17 -1
  28. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +1012 -14
  29. package/dist/widget.scss +2 -2
  30. package/package.json +1 -1
package/dist/product-image.scss CHANGED
@@ -464,6 +464,7 @@
464
464
  }
465
465
  }
466
466
  }
467
+
467
468
  .embla {
468
469
  width: 100%;
469
470
  height: 100%;
@@ -687,26 +688,16 @@
687
688
  justify-content: space-between;
688
689
  transform: translate(-50%, -50%);
689
690
  // padding-left: 20px;
690
- &[data-control-type="Side"] {
691
- .left-button,
692
- .right-button {
693
- background-color: transparent;
694
- }
695
- }
696
- &[data-background-shape="Round"] {
697
- .left-button,
698
- .right-button {
699
- background-color: #f2f5f5;
700
- box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
701
- }
702
- }
691
+
703
692
  &[data-control-type="Bottom-Overflow"] {
704
693
  transform: translateX(-50%);
705
694
  width: 100%;
706
695
  justify-content: center;
707
696
  gap: 12px;
697
+ // top: unset;
698
+ // bottom: 6px;
699
+ bottom: 10px;
708
700
  top: unset;
709
- bottom: 6px;
710
701
  }
711
702
  &[data-control-type="Bottom"] {
712
703
  transform: unset;
@@ -716,88 +707,102 @@
716
707
  gap: 12px;
717
708
  margin-top: 10px;
718
709
  }
719
- .left-button {
720
- padding: 10px;
721
- border-radius: 50%;
722
- border: none;
723
- width: var(
724
- --_ctm-mob-dn-pn-as-aw-se,
725
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
726
- );
727
- height: var(
728
- --_ctm-mob-dn-pn-as-aw-se,
729
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
730
- );
731
-
732
- display: flex;
733
- align-items: center;
734
- justify-content: center;
735
- cursor: pointer;
736
- outline: none;
737
- margin-left: 12px;
738
- &:disabled {
739
- & svg {
740
- path {
741
- stroke: rgb(192, 192, 192);
742
- }
743
- }
744
- }
710
+ }
711
+ &[data-control-type="Side"] {
712
+ .left-button,
713
+ .right-button {
714
+ background-color: transparent;
745
715
  }
716
+ }
717
+ &[data-background-shape="Round"] {
718
+ .left-button,
746
719
  .right-button {
747
- border-radius: 50%;
748
- border: none;
749
- width: var(
750
- --_ctm-mob-dn-pn-as-aw-se,
751
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
752
- );
753
- height: var(
754
- --_ctm-mob-dn-pn-as-aw-se,
755
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
756
- );
720
+ background-color: #f2f5f5;
721
+ box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
722
+ }
723
+ }
757
724
 
758
- display: flex;
759
- align-items: center;
760
- justify-content: center;
761
- cursor: pointer;
762
- outline: none;
763
- margin-right: 12px;
764
- padding: 10px;
765
-
766
- &:disabled {
767
- & svg {
768
- path {
769
- stroke: rgb(192, 192, 192);
770
- }
725
+ .left-button {
726
+ padding: 10px;
727
+ border-radius: 50%;
728
+ border: none;
729
+ width: var(
730
+ --_ctm-mob-dn-pn-as-aw-se,
731
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
732
+ );
733
+ height: var(
734
+ --_ctm-mob-dn-pn-as-aw-se,
735
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
736
+ );
737
+
738
+ display: flex;
739
+ align-items: center;
740
+ justify-content: center;
741
+ cursor: pointer;
742
+ outline: none;
743
+ margin-left: 12px;
744
+ &:disabled {
745
+ & svg {
746
+ path {
747
+ stroke: rgb(192, 192, 192);
771
748
  }
772
749
  }
773
750
  }
774
- .icon {
775
- display: flex;
776
- svg {
777
- width: calc(
778
- var(
779
- --_ctm-mob-dn-pn-as-aw-se,
780
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
781
- ) *
782
- 0.5
783
- );
784
- height: calc(
785
- var(
786
- --_ctm-mob-dn-pn-as-aw-se,
787
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
788
- ) *
789
- 0.5
790
- );
751
+ }
752
+ .right-button {
753
+ border-radius: 50%;
754
+ border: none;
755
+ width: var(
756
+ --_ctm-mob-dn-pn-as-aw-se,
757
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
758
+ );
759
+ height: var(
760
+ --_ctm-mob-dn-pn-as-aw-se,
761
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
762
+ );
763
+
764
+ display: flex;
765
+ align-items: center;
766
+ justify-content: center;
767
+ cursor: pointer;
768
+ outline: none;
769
+ margin-right: 12px;
770
+ padding: 10px;
791
771
 
772
+ &:disabled {
773
+ & svg {
792
774
  path {
793
- stroke: var(
794
- --_ctm-mob-dn-pn-as-aw-cr,
795
- var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr))
796
- );
775
+ stroke: rgb(192, 192, 192);
797
776
  }
798
777
  }
799
778
  }
800
779
  }
780
+ .icon {
781
+ display: flex;
782
+ svg {
783
+ width: calc(
784
+ var(
785
+ --_ctm-mob-dn-pn-as-aw-se,
786
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
787
+ ) *
788
+ 0.5
789
+ );
790
+ height: calc(
791
+ var(
792
+ --_ctm-mob-dn-pn-as-aw-se,
793
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
794
+ ) *
795
+ 0.5
796
+ );
797
+
798
+ path {
799
+ stroke: var(
800
+ --_ctm-mob-dn-pn-as-aw-cr,
801
+ var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr))
802
+ );
803
+ }
804
+ }
805
+ }
801
806
 
802
807
  &[data-control-type="Side"] {
803
808
  .embla__viewport {
@@ -839,6 +844,10 @@
839
844
  }
840
845
  }
841
846
  }
847
+ &[data-control-type="Side"] {
848
+ flex-direction: row;
849
+ align-items: center;
850
+ }
842
851
  .embla__dots {
843
852
  display: flex;
844
853
  flex-wrap: wrap;
package/dist/profile.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./functions.scss" as *;
3
4
 
4
5
  [data-div-type="element"] {
5
6
  &[data-element-type="profile"] {
@@ -27,6 +28,14 @@
27
28
  // justify-content: center;
28
29
  }
29
30
 
31
+ &[data-show-text-avatar-border="true"] {
32
+ .profile__avatar__initials {
33
+ border-color: prepareMediaVariable(--_ctm-dn-tt-ar-br-cr);
34
+ border-style: prepareMediaVariable(--_ctm-dn-tt-ar-br-se);
35
+ border-width: prepareMediaVariable(--_ctm-dn-tt-ar-br-wh);
36
+ }
37
+ }
38
+
30
39
  &[data-widget-border="true"] {
31
40
  .profile__section {
32
41
  border-color: var(
@@ -74,6 +83,41 @@
74
83
  var(--_ctm-mob-dn-pe-wt-sw-cr, var(--_ctm-tab-dn-pe-wt-sw-cr, var(--_ctm-dn-pe-wt-sw-cr)))
75
84
  );
76
85
 
86
+ .collapse__icon {
87
+ svg {
88
+ width: var(
89
+ --_ctm-dn-ar-ln-ar-in-se,
90
+ var(--_ctm-dn-ce-in-in-se, var(--_ctm-dn-ce-in-in-se))
91
+ );
92
+ height: var(
93
+ --_ctm-dn-ce-in-in-se,
94
+ var(--_ctm-dn-ce-in-in-se, var(--_ctm-dn-ce-in-in-se))
95
+ );
96
+ path {
97
+ stroke: var(
98
+ --_ctm-mob-dn-ce-in-in-c1,
99
+ var(--_ctm-tab-dn-ce-in-cr, var(--_ctm-dn-ce-in-in-c1))
100
+ );
101
+ }
102
+ }
103
+ }
104
+ .expand__icon {
105
+ width: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
106
+ height: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
107
+
108
+ svg {
109
+ width: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
110
+ height: prepareMediaVariable(--_ctm-dn-ed-in-in-se);
111
+
112
+ path {
113
+ stroke: var(
114
+ --_ctm-mob-dn-ed-in-in-c1,
115
+ var(--_ctm-tab-dn-ed-in-cr, var(--_ctm-dn-ed-in-in-c1))
116
+ );
117
+ }
118
+ }
119
+ }
120
+
77
121
  .profile__avatar__before__login {
78
122
  svg {
79
123
  width: var(
@@ -93,6 +137,7 @@
93
137
  }
94
138
  }
95
139
  }
140
+
96
141
  .profile__avatar__after__login {
97
142
  svg {
98
143
  width: var(
@@ -112,6 +157,34 @@
112
157
  }
113
158
  }
114
159
  }
160
+ .profile__avatar__initials {
161
+ // width: prepareMediaVariable(--_ctm-lt-tt-ar-se);
162
+ // height: prepareMediaVariable(--_ctm-lt-tt-ar-se);
163
+ width: var(--_ctm-mob-lt-tt-ar-se, var(--_ctm-tab-lt-tt-ar-se, var(--_ctm-lt-tt-ar-se)));
164
+ height: var(--_ctm-mob-lt-tt-ar-se, var(--_ctm-tab-lt-tt-ar-se, var(--_ctm-lt-tt-ar-se)));
165
+ background-color: prepareMediaVariable(--_ctm-dn-tt-ar-bd-cr);
166
+
167
+ font-family: prepareMediaVariable(--_ctm-dn-tt-ar-ft-fy), sans-serif;
168
+ font-size: prepareMediaVariable(--_ctm-dn-tt-ar-ft-se);
169
+ color: prepareMediaVariable(--_ctm-dn-tt-ar-cr);
170
+ font-weight: prepareMediaVariable(--_ctm-dn-tt-ar-ft-wt);
171
+ text-decoration: prepareMediaVariable(--_ctm-dn-tt-ar-ue);
172
+ font-style: prepareMediaVariable(--_ctm-dn-tt-ar-ft-se-ic);
173
+ text-align: #{prepareMediaVariable(--_ctm-dn-tt-ar-tt-an)};
174
+ letter-spacing: #{prepareMediaVariable(--_ctm-dn-tt-ar-lr-sg)};
175
+ line-height: #{prepareMediaVariable(--_ctm-dn-tt-ar-le-ht)};
176
+ border-radius: 50%;
177
+ // color: white;
178
+ // font-weight: 600;
179
+ // font-size: 18px;
180
+ display: flex;
181
+ justify-content: center;
182
+ text-transform: uppercase;
183
+ align-items: center;
184
+ // user-select: none;
185
+ // font-family: "Arial", sans-serif;
186
+ // letter-spacing: 1px;
187
+ }
115
188
 
116
189
  .icon {
117
190
  display: flex;
@@ -221,32 +294,22 @@
221
294
  }
222
295
  .add_order_menu {
223
296
  position: absolute;
224
- top: 83%;
225
- left: 0;
226
- width: 240px;
227
- background: #fff;
297
+ top: calc(100% + var(--_ctm-dn-pe-wt-cr-ot-y, 0px));
298
+ left: 50%;
299
+ transform: translateX(calc(-50% + var(--_ctm-dn-pe-wt-cr-ot-x, 0px)));
300
+ width: prepareMediaVariable(--_ctm-lt-dn-wh);
301
+ background-color: var(
302
+ --_ctm-mob-dn-dn-is-dt-se-bd-cr,
303
+ var(--_ctm-tab-dn-dn-is-dt-se-bd-cr, var(--_ctm-dn-dn-is-dt-se-bd-cr))
304
+ );
228
305
  border-radius: 10px;
229
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
230
- padding: 8px 0;
306
+ // padding: 8px 0;
231
307
  z-index: 10;
232
- // background-color: var(
233
- // --_sf-hr-bd-cr,
234
- // var(
235
- // --_ctm-mob-dn-pe-wt-bd-cr,
236
- // var(--_ctm-tab-dn-pe-wt-bd-cr, var(--_ctm-dn-pe-wt-bd-cr))
237
- // )
238
- // );
239
- // border-radius: var(
240
- // --_sf-hr-br-br,
241
- // var(
242
- // --_ctm-mob-dn-pe-wt-br-rs,
243
- // var(--_ctm-tab-dn-pe-wt-br-rs, var(--_ctm-dn-pe-wt-br-rs))
244
- // )
245
- // );
246
308
  }
247
309
 
248
310
  .add_order_item {
249
- padding: 12px 20px;
311
+ padding: prepareMediaVariable(--_ctm-dn-pe-wt-pg);
312
+
250
313
  // font-size: 15px;
251
314
  // font-weight: 500;
252
315
  // color: #1f2937;
package/dist/quota-details.scss ADDED
@@ -0,0 +1,265 @@
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
+ color: var(
144
+ --_ctm-mob-dn-qa-lt-cr,
145
+ var(--_ctm-tab-dn-qa-lt-cr, var(--_ctm-dn-qa-lt-cr))
146
+ );
147
+ font-family: var(
148
+ --_ctm-mob-dn-qa-lt-ft-fy,
149
+ var(--_ctm-tab-dn-qa-lt-ft-fy, var(--_ctm-dn-qa-lt-ft-fy))
150
+ ),
151
+ sans-serif;
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
+ .icon {
182
+ display: var(--_sf-show-icon-ff, flex);
183
+ svg {
184
+ width: var(
185
+ --_ctm-mab-dn-qa-lt-in-se,
186
+ var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
187
+ );
188
+ height: var(
189
+ --_ctm-mob-dn-qa-lt-in-se,
190
+ var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
191
+ );
192
+ path {
193
+ stroke: var(
194
+ --_ctm-mob-dn-qa-lt-in-c1,
195
+ var(--_ctm-tab-dn-qa-lt-in-c1, var(--_ctm-dn-qa-lt-in-c1))
196
+ );
197
+ }
198
+ }
199
+ }
200
+ }
201
+ .days__left {
202
+ .count {
203
+ // padding-inline: var(--_sf-cd-gp);
204
+ color: var(
205
+ --_ctm-mob-dn-ds-lt-cr,
206
+ var(--_ctm-tab-dn-ds-lt-cr, var(--_ctm-dn-ds-lt-cr))
207
+ );
208
+ font-family: var(
209
+ --_ctm-mob-dn-ds-lt-ft-fy,
210
+ var(--_ctm-tab-dn-ds-lt-ft-fy, var(--_ctm-dn-ds-lt-ft-fy))
211
+ ),
212
+ sans-serif;
213
+ font-size: var(
214
+ --_ctm-mob-dn-ds-lt-ft-se,
215
+ var(--_ctm-tab-dn-ds-lt-ft-se, var(--_ctm-dn-ds-lt-ft-se))
216
+ );
217
+ font-weight: var(
218
+ --_ctm-mob-dn-ds-lt-ft-wt,
219
+ var(--_ctm-tab-dn-ds-lt-ft-wt, var(--_ctm-dn-ds-lt-ft-wt))
220
+ );
221
+ font-style: var(
222
+ --_ctm-mob-dn-ds-lt-ft-se-ic,
223
+ var(--_ctm-tab-dn-ds-lt-ft-se-ic, var(--_ctm-dn-ds-lt-ft-se-ic))
224
+ );
225
+ text-align: var(
226
+ --_ctm-mob-dn-ds-lt-tt-an,
227
+ var(--_ctm-tab-dn-ds-lt-tt-an, var(--_ctm-dn-ds-lt-tt-an))
228
+ );
229
+ letter-spacing: var(
230
+ --_ctm-mob-dn-ds-lt-lr-sg,
231
+ var(--_ctm-tab-dn-ds-lt-lr-sg, var(--_ctm-dn-ds-lt-lr-sg))
232
+ );
233
+ line-height: var(
234
+ --_ctm-mob-dn-ds-lt-le-ht,
235
+ var(--_ctm-tab-dn-ds-lt-le-ht, var(--_ctm-dn-ds-lt-le-ht-dc))
236
+ );
237
+ text-decoration: var(
238
+ --_ctm-mob-dn-ds-lt-ue,
239
+ var(--_ctm-tab-dn-ds-lt-ue, var(--_ctm-dn-ds-lt-ue))
240
+ );
241
+ }
242
+ .icon {
243
+ display: var(--_sf-show-icon-ff, flex);
244
+ svg {
245
+ width: var(
246
+ --_ctm-mab-dn-ds-lt-in-se,
247
+ var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
248
+ );
249
+ height: var(
250
+ --_ctm-mob-dn-ds-lt-in-se,
251
+ var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
252
+ );
253
+ path {
254
+ stroke: var(
255
+ --_ctm-mob-dn-ds-lt-in-c1,
256
+ var(--_ctm-tab-dn-ds-lt-in-c1, var(--_ctm-dn-ds-lt-in-c1))
257
+ );
258
+ }
259
+ }
260
+ }
261
+ }
262
+ }
263
+ }
264
+ }
265
+ }