@sc-360-v2/storefront-cms-library 0.2.75 → 0.2.77

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 (104) hide show
  1. package/dist/add-order.scss +69 -0
  2. package/dist/allocationDetails.scss +335 -0
  3. package/dist/allocations.scss +546 -2
  4. package/dist/amount-estimator.scss +733 -187
  5. package/dist/brand-basic-elements.scss +142 -61
  6. package/dist/brand.scss +66 -16
  7. package/dist/breadcrumbs.scss +379 -88
  8. package/dist/builder.js +1 -1
  9. package/dist/bulk-variant-picker.scss +525 -121
  10. package/dist/bundle-basic-elements.scss +283 -121
  11. package/dist/bundle.scss +74 -15
  12. package/dist/buyFor.scss +153 -0
  13. package/dist/cart-details.scss +387 -0
  14. package/dist/cart-summary.scss +175 -0
  15. package/dist/cart.scss +178 -44
  16. package/dist/cartDropdownOverlay.scss +118 -0
  17. package/dist/cartGrouping.scss +89 -0
  18. package/dist/category.scss +38 -7
  19. package/dist/categoryDetails.scss +24 -6
  20. package/dist/categoryWidget.scss +11 -6
  21. package/dist/code-temp.scss +6 -4
  22. package/dist/contact-us.scss +19 -147
  23. package/dist/container.scss +22 -1
  24. package/dist/countdown.scss +372 -112
  25. package/dist/editCartItem.scss +111 -0
  26. package/dist/embed-temp.scss +29 -14
  27. package/dist/faq.scss +3 -6
  28. package/dist/filters.scss +11 -2
  29. package/dist/form-preview.scss +128 -93
  30. package/dist/gallery-slider-temp.scss +548 -135
  31. package/dist/grid.scss +24 -0
  32. package/dist/hotspot.scss +27 -25
  33. package/dist/icon-library.scss +26 -15
  34. package/dist/icons.js +1 -1
  35. package/dist/image-temp.scss +45 -17
  36. package/dist/index.js +1 -1
  37. package/dist/item-stock.scss +125 -0
  38. package/dist/layouter-item.scss +26 -2
  39. package/dist/layouter.scss +26 -1
  40. package/dist/light-box-v2.scss +29 -3
  41. package/dist/lightbox.scss +18 -2
  42. package/dist/line.scss +165 -0
  43. package/dist/login.scss +15 -23
  44. package/dist/map.scss +495 -119
  45. package/dist/marchandiserSets.scss +35 -18
  46. package/dist/menu.scss +121 -33
  47. package/dist/modal.scss +4 -0
  48. package/dist/past-orders.scss +11 -2
  49. package/dist/payment-methods.scss +29 -13
  50. package/dist/pickup-locations.scss +884 -244
  51. package/dist/product-actions.scss +2223 -418
  52. package/dist/product-basic-elements.scss +273 -122
  53. package/dist/product-highlights.scss +22 -14
  54. package/dist/product-image.scss +535 -136
  55. package/dist/product-inventory.scss +1105 -283
  56. package/dist/product-options.scss +378 -94
  57. package/dist/product-price.scss +1386 -316
  58. package/dist/product-promotions.scss +2252 -601
  59. package/dist/product.scss +68 -14
  60. package/dist/productDetails.scss +29 -2
  61. package/dist/profile.scss +19 -4
  62. package/dist/quantity-selector.scss +5 -4
  63. package/dist/quick-links.scss +277 -0
  64. package/dist/quotes.scss +11 -2
  65. package/dist/repeater-item.scss +26 -2
  66. package/dist/repeater.scss +60 -7
  67. package/dist/rfqs.scss +11 -2
  68. package/dist/scroll.scss +112 -47
  69. package/dist/search-results-heading.scss +282 -0
  70. package/dist/search.scss +84 -23
  71. package/dist/section.scss +25 -1
  72. package/dist/shareCartSideBar.scss +230 -0
  73. package/dist/shipping-estimator.scss +7 -3
  74. package/dist/social.scss +148 -38
  75. package/dist/sort.scss +11 -2
  76. package/dist/stack.scss +23 -3
  77. package/dist/static-text.scss +0 -1
  78. package/dist/store-locations.scss +887 -244
  79. package/dist/sub-category.scss +50 -19
  80. package/dist/tab-container-item.scss +80 -0
  81. package/dist/tab-container.scss +89 -0
  82. package/dist/tab-v2.scss +579 -0
  83. package/dist/table.scss +370 -91
  84. package/dist/tabs.scss +334 -74
  85. package/dist/text-temp-v2.scss +21 -9
  86. package/dist/types/builder/elements/add-order/index.d.ts +27 -0
  87. package/dist/types/builder/elements/create-form/index.d.ts +27 -0
  88. package/dist/types/builder/elements/form-builder/index.d.ts +2 -2
  89. package/dist/types/builder/elements/image/index.d.ts +13 -0
  90. package/dist/types/builder/enums/index.d.ts +5 -1
  91. package/dist/types/builder/index.d.ts +3 -1
  92. package/dist/types/builder/interfaces/global.d.ts +5 -0
  93. package/dist/types/builder/tools/element-edit/addOrder.d.ts +28 -0
  94. package/dist/types/builder/tools/element-edit/createForm.d.ts +15 -0
  95. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  96. package/dist/uom-selector.scss +1569 -383
  97. package/dist/variant-picker.scss +1593 -481
  98. package/dist/video.scss +212 -53
  99. package/dist/volume-pricing.scss +775 -196
  100. package/dist/widget.scss +14 -0
  101. package/package.json +1 -1
  102. package/dist/editor-core.scss +0 -537
  103. package/dist/tab-panel.scss +0 -93
  104. package/dist/text-editor.scss +0 -331
package/dist/map.scss CHANGED
@@ -8,18 +8,22 @@
8
8
  // margin: var(--_lt-mn);
9
9
  // padding: var(--_lt-pg);
10
10
  // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
- width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
12
- // width: 50%;
13
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
14
- margin: var(--_ctm-lt-mn, --_tst-lt-mn);
15
- // height: clamp(var(--_ctm-lt-ht, 50px), 100px, auto) !important;
16
- // height: var(--_ctm-lt-ht);
17
- // height: ;
18
- // height: auto;
19
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
11
+ width: var(
12
+ --_sf-el-wh-st-mx,
13
+ calc(
14
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
15
+ )
16
+ );
17
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, --_ctm-lt-mn));
18
+
20
19
  --_aspect-ratio: calc(
21
- 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
20
+ 1 *
21
+ (
22
+ var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
23
+ var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
24
+ )
22
25
  );
26
+
23
27
  & > .wrapper {
24
28
  width: 100%;
25
29
  // height: 100%;
@@ -34,83 +38,236 @@
34
38
  --text-body: rgb(54, 49, 61);
35
39
 
36
40
  position: relative;
37
- background-color: var(--_ctm-dn-mp-wt-bd-cr, var(--_tst-dn-mp-wt-bd-cr));
38
- padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
41
+ background-color: var(
42
+ --_ctm-mob-dn-mp-wt-bd-cr,
43
+ var(--_ctm-tab-dn-mp-wt-bd-cr, var(--_ctm-dn-mp-wt-bd-cr))
44
+ );
45
+
46
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
47
+
39
48
  display: flex;
40
49
  flex-direction: column;
41
50
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
42
51
 
43
- gap: var(--_ctm-dn-mp-wt-lt-mp-ad-tt-cr-sg);
44
- align-content: var(--_ctm-dn-mp-wt-lt-mp-ad-tt-cr-sg, center);
52
+ gap: var(
53
+ --_ctm-mob-dn-mp-wt-lt-mp-ad-tt-cr-sg,
54
+ var(--_ctm-tab-dn-mp-wt-lt-mp-ad-tt-cr-sg, var(--_ctm-dn-mp-wt-lt-mp-ad-tt-cr-sg))
55
+ );
56
+ align-content: var(
57
+ --_ctm-mob-dn-mp-wt-lt-mp-ad-tt-cr-sg,
58
+ var(--_ctm-tab-dn-mp-wt-lt-mp-ad-tt-cr-sg, center)
59
+ );
45
60
 
46
61
  width: 100%;
47
- height: var(--_ctm-lt-ht, var(--_tst-lt-wh));
62
+ height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, --_ctm-lt-ht));
63
+
64
+ border-color: var(
65
+ --_ctm-mob-dn-mp-wt-br-cr,
66
+ var(--_ctm-tab-dn-mp-wt-br-cr, var(--_ctm-dn-mp-wt-br-cr))
67
+ );
68
+
69
+ border-style: var(
70
+ --_ctm-mob-dn-mp-wt-br-se,
71
+ var(--_ctm-tab-dn-mp-wt-br-se, var(--_ctm-dn-mp-wt-br-se))
72
+ );
73
+
74
+ border-width: var(
75
+ --_ctm-mob-dn-mp-wt-br-wh,
76
+ var(--_ctm-tab-dn-mp-wt-br-wh, var(--_ctm-dn-mp-wt-br-wh))
77
+ );
78
+
79
+ border-radius: var(
80
+ --_ctm-mob-dn-mp-wt-br-rs,
81
+ var(--_ctm-tab-dn-mp-wt-br-rs, var(--_ctm-dn-mp-wt-br-rs))
82
+ );
48
83
 
49
- border-color: var(--_ctm-dn-mp-wt-br-cr, var(--_tst-dn-mp-wt-br-cr));
50
- border-style: var(--_ctm-dn-mp-wt-br-se, var(--_tst-dn-mp-wt-br-se));
51
- border-width: var(--_ctm-dn-mp-wt-br-wh, var(--_tst-dn-mp-wt-br-wh));
52
- border-radius: var(--_ctm-dn-mp-wt-br-rs, var(--_tst-dn-mp-wt-br-rs));
53
84
  box-shadow: var(
54
85
  --_show-shadow,
55
- var(--_ctm-dn-mp-wt-sw-ae, var(--_tst-dn-mp-wt-sw-ae))
56
- var(--_ctm-dn-mp-wt-sw-br, var(--_tst-dn-mp-wt-sw-br))
57
- var(--_ctm-dn-mp-wt-sw-sd, var(--_tst-dn-mp-wt-sw-sd))
58
- var(--_ctm-dn-mp-wt-sw-cr, var(--_tst-dn-mp-wt-sw-cr))
86
+ var(--_ctm-mob-dn-mp-wt-sw-ae, var(--_ctm-tab-dn-mp-wt-sw-ae, var(--_ctm-dn-mp-wt-sw-ae)))
87
+ var(--_ctm-mob-dn-mp-wt-sw-br, var(--_ctm-tab-dn-mp-wt-sw-br, var(--_ctm-dn-mp-wt-sw-br)))
88
+ var(--_ctm-mob-dn-mp-wt-sw-sd, var(--_ctm-tab-dn-mp-wt-sw-sd, var(--_ctm-dn-mp-wt-sw-sd)))
89
+ var(--_ctm-mob-dn-mp-wt-sw-cr, var(--_ctm-tab-dn-mp-wt-sw-cr, var(--_ctm-dn-mp-wt-sw-cr)))
59
90
  );
60
91
 
61
92
  .gallery-header {
62
- text-align: var(--_ctm-dn-gy-lt-an, var(--_tst-dn-gy-lt-an));
93
+ text-align: var(
94
+ --_ctm-mob-dn-gy-lt-an,
95
+ var(--_ctm-tab-dn-gy-lt-an, var(--_ctm-dn-gy-lt-an))
96
+ );
97
+
63
98
  // line-height: var(--_ctm-dn-gy-lt-tt-ad-dn-sg, var(--_tst-dn-gy-lt-tt-ad-dn-sg));
64
99
  display: flex;
65
100
  flex-direction: column;
66
101
 
67
- gap: var(--_ctm-dn-mp-wt-tt-cr-lt-te-ad-dn-sg);
68
- padding-block: var(--_ctm-dn-mp-wt-tt-cr-lt-tt-vl-pg);
69
- padding-inline: var(--_ctm-dn-mp-wt-tt-cr-lt-tt-hl-pg);
70
- background-color: var(--_ctm-dn-mp-wt-tt-cr-dn-bd-cr, var(--_tst-dn-mp-wt-tt-cr-dn-bd-cr));
102
+ gap: var(
103
+ --_ctm-mob-dn-mp-wt-tt-cr-lt-te-ad-dn-sg,
104
+ var(--_ctm-tab-dn-mp-wt-tt-cr-lt-te-ad-dn-sg, var(--_ctm-dn-mp-wt-tt-cr-lt-te-ad-dn-sg))
105
+ );
106
+ padding-block: var(
107
+ --_ctm-mob-dn-mp-wt-tt-cr-lt-tt-vl-pg,
108
+ var(--_ctm-tab-dn-mp-wt-tt-cr-lt-tt-vl-pg, var(--_ctm-dn-mp-wt-tt-cr-lt-tt-vl-pg))
109
+ );
110
+ padding-inline: var(
111
+ --_ctm-mob-dn-mp-wt-tt-cr-lt-tt-hl-pg,
112
+ var(--_ctm-tab-dn-mp-wt-tt-cr-lt-tt-hl-pg, var(--_ctm-dn-mp-wt-tt-cr-lt-tt-hl-pg))
113
+ );
114
+ background-color: var(
115
+ --_ctm-mob-dn-mp-wt-tt-cr-lt-tt-cr-bd-cr,
116
+ var(--_ctm-tab-dn-mp-wt-tt-cr-lt-tt-cr-bd-cr, var(--_ctm-dn-mp-wt-tt-cr-lt-tt-cr-bd-cr))
117
+ );
118
+
71
119
  width: 100%;
72
- border-color: var(--_ctm-dn-mp-wt-tt-cr-dn-br-cr, var(--_tst-dn-mp-wt-tt-cr-dn-br-cr));
73
- border-style: var(--_ctm-dn-mp-wt-tt-cr-dn-br-se, var(--_tst-dn-mp-wt-tt-cr-dn-br-se));
74
- border-width: var(--_ctm-dn-mp-wt-tt-cr-dn-br-wh, var(--_tst-dn-mp-wt-tt-cr-dn-br-wh));
75
- border-radius: var(--_ctm-dn-mp-wt-tt-cr-dn-br-rs, var(--_tst-dn-mp-wt-tt-cr-dn-br-rs));
120
+ border-color: var(
121
+ --_ctm-mob-dn-mp-wt-tt-cr-dn-br-cr,
122
+ var(--_ctm-tab-dn-mp-wt-tt-cr-dn-br-cr, var(--_ctm-dn-mp-wt-tt-cr-dn-br-cr))
123
+ );
124
+ border-style: var(
125
+ --_ctm-mob-dn-mp-wt-tt-cr-dn-br-se,
126
+ var(--_ctm-tab-dn-mp-wt-tt-cr-dn-br-se, var(--_ctm-dn-mp-wt-tt-cr-dn-br-se))
127
+ );
128
+ border-width: var(
129
+ --_ctm-mob-dn-mp-wt-tt-cr-dn-br-wh,
130
+ var(--_ctm-tab-dn-mp-wt-tt-cr-dn-br-wh, var(--_ctm-dn-mp-wt-tt-cr-dn-br-wh))
131
+ );
132
+ border-radius: var(
133
+ --_ctm-mob-dn-mp-wt-tt-cr-dn-br-rs,
134
+ var(--_ctm-tab-dn-mp-wt-tt-cr-dn-br-rs, var(--_ctm-dn-mp-wt-tt-cr-dn-br-rs))
135
+ );
76
136
  box-shadow: var(
77
137
  --_show-shadow,
78
- var(--_ctm-dn-mp-wt-tt-cr-dn-sw-ae, var(--_tst-dn-mp-wt-tt-cr-dn-sw-ae))
79
- var(--_ctm-dn-mp-wt-tt-cr-dn-sw-br, var(--_tst-dn-mp-wt-tt-cr-dn-sw-br))
80
- var(--_ctm-dn-mp-wt-tt-cr-dn-sw-sd, var(--_tst-dn-mp-wt-tt-cr-dn-sw-sd))
81
- var(--_ctm-dn-mp-wt-tt-cr-dn-sw-cr, var(--_tst-dn-mp-wt-sw-cr))
138
+ var(
139
+ --_ctm-mob-dn-mp-wt-tt-cr-dn-sw-ae,
140
+ var(--_ctm-tab-dn-mp-wt-tt-cr-dn-sw-ae, var(--_ctm-dn-mp-wt-tt-cr-dn-sw-ae))
141
+ )
142
+ var(
143
+ --_ctm-mob-dn-mp-wt-tt-cr-dn-sw-br,
144
+ var(--_ctm-tab-dn-mp-wt-tt-cr-dn-sw-br, var(--_ctm-dn-mp-wt-tt-cr-dn-sw-br))
145
+ )
146
+ var(
147
+ --_ctm-mob-dn-mp-wt-tt-cr-dn-sw-sd,
148
+ var(--_ctm-tab-dn-mp-wt-tt-cr-dn-sw-sd, var(--_ctm-dn-mp-wt-tt-cr-dn-sw-sd))
149
+ )
150
+ var(
151
+ --_ctm-mob-dn-mp-wt-tt-cr-dn-sw-cr,
152
+ var(--_ctm-tab-dn-mp-wt-tt-cr-dn-sw-cr, var(--_ctm-dn-mp-wt-tt-cr-dn-sw-cr))
153
+ )
82
154
  );
83
155
 
84
156
  & h3 {
85
- color: var(--_ctm-dn-mp-wt-cr, var(--_tst-dn-mp-wt-cr));
86
- font-family: var(--_ctm-dn-mp-wt-ft-fy, var(--_tst-dn-mp-wt-ft-fy)), sans-serif;
87
- font-size: var(--_ctm-dn-mp-wt-ft-se, var(--_tst-dn-mp-wt-ft-se));
88
- font-weight: var(--_ctm-dn-mp-wt-ft-wt, var(--_tst-dn-mp-wt-ft-wt));
89
- font-style: var(--_ctm-dn-mp-wt-ft-se-ic, var(--_tst-dn-mp-wt-ft-se-ic));
90
- text-align: var(--_ctm-dn-mp-wt-tt-an, var(--_tst-dn-mp-wt-tt-an));
91
- letter-spacing: var(--_ctm-dn-mp-wt-lr-sg, var(--_tst-dn-mp-wt-lr-sg));
92
- line-height: var(--_ctm-dn-mp-wt-le-ht, var(--_tst-dn-mp-wt-le-ht));
93
- text-decoration: var(--_ctm-dn-mp-wt-ue);
157
+ color: var(
158
+ --_ctm-mob-dn-mp-wt-cr,
159
+ var(--_ctm-tab-dn-mp-wt-cr, var(--_ctm-dn-mp-wt-cr, var(--_tst-dn-mp-wt-cr)))
160
+ );
161
+ font-family: var(
162
+ --_ctm-mob-dn-mp-wt-ft-fy,
163
+ var(--_ctm-tab-dn-mp-wt-ft-fy, var(--_ctm-dn-mp-wt-ft-fy, var(--_tst-dn-mp-wt-ft-fy)))
164
+ ),
165
+ sans-serif;
166
+ font-size: var(
167
+ --_ctm-mob-dn-mp-wt-ft-se,
168
+ var(--_ctm-tab-dn-mp-wt-ft-se, var(--_ctm-dn-mp-wt-ft-se, var(--_tst-dn-mp-wt-ft-se)))
169
+ );
170
+ font-weight: var(
171
+ --_ctm-mob-dn-mp-wt-ft-wt,
172
+ var(--_ctm-tab-dn-mp-wt-ft-wt, var(--_ctm-dn-mp-wt-ft-wt, var(--_tst-dn-mp-wt-ft-wt)))
173
+ );
174
+ font-style: var(
175
+ --_ctm-mob-dn-mp-wt-ft-se-ic,
176
+ var(
177
+ --_ctm-tab-dn-mp-wt-ft-se-ic,
178
+ var(--_ctm-dn-mp-wt-ft-se-ic, var(--_tst-dn-mp-wt-ft-se-ic))
179
+ )
180
+ );
181
+ text-align: var(
182
+ --_ctm-mob-dn-mp-wt-tt-an,
183
+ var(--_ctm-tab-dn-mp-wt-tt-an, var(--_ctm-dn-mp-wt-tt-an, var(--_tst-dn-mp-wt-tt-an)))
184
+ );
185
+ letter-spacing: var(
186
+ --_ctm-mob-dn-mp-wt-lr-sg,
187
+ var(--_ctm-tab-dn-mp-wt-lr-sg, var(--_ctm-dn-mp-wt-lr-sg, var(--_tst-dn-mp-wt-lr-sg)))
188
+ );
189
+ line-height: var(
190
+ --_ctm-mob-dn-mp-wt-le-ht,
191
+ var(--_ctm-tab-dn-mp-wt-le-ht, var(--_ctm-dn-mp-wt-le-ht, var(--_tst-dn-mp-wt-le-ht)))
192
+ );
193
+ text-decoration: var(
194
+ --_ctm-mob-dn-mp-wt-ue,
195
+ var(--_ctm-tab-dn-mp-wt-ue, var(--_ctm-dn-mp-wt-ue, var(--_tst-dn-mp-wt-ue)))
196
+ );
94
197
  }
198
+
95
199
  & p {
96
- color: var(--_ctm-dn-mp-wt-cr-dc, var(--_tst-dn-mp-wt-cr-dc));
97
- font-family: var(--_ctm-dn-mp-wt-ft-fy-dc, var(--_tst-dn-mp-wt-ft-fy-dc)), sans-serif;
98
- font-size: var(--_ctm-dn-mp-wt-ft-se-dc, var(--_tst-dn-mp-wt-ft-se-dc));
99
- font-weight: var(--_ctm-dn-mp-wt-ft-wt-dc, var(--_tst-dn-mp-wt-ft-wt-dc));
100
- font-style: var(--_ctm-dn-mp-wt-ft-se-ic-dc, var(--_tst-dn-mp-wt-ft-se-ic-dc));
101
- text-align: var(--_ctm-dn-mp-wt-tt-an-dc, var(--_tst-dn-mp-wt-tt-an-dc));
102
- letter-spacing: var(--_ctm-dn-mp-wt-lr-sg-dc, var(--_tst-dn-mp-wt-lr-sg-dc));
103
- line-height: var(--_ctm-dn-mp-wt-le-ht-dc, var(--_tst-dn-mp-wt-le-ht-dc));
104
-
105
- text-decoration: var(--_ctm-dn-mp-wt-ue-dc);
200
+ color: var(
201
+ --_ctm-mob-dn-mp-wt-cr-dc,
202
+ var(--_ctm-tab-dn-mp-wt-cr-dc, var(--_ctm-dn-mp-wt-cr-dc, var(--_tst-dn-mp-wt-cr-dc)))
203
+ );
204
+ font-family: var(
205
+ --_ctm-mob-dn-mp-wt-ft-fy-dc,
206
+ var(
207
+ --_ctm-tab-dn-mp-wt-ft-fy-dc,
208
+ var(--_ctm-dn-mp-wt-ft-fy-dc, var(--_tst-dn-mp-wt-ft-fy-dc))
209
+ )
210
+ ),
211
+ sans-serif;
212
+ font-size: var(
213
+ --_ctm-mob-dn-mp-wt-ft-se-dc,
214
+ var(
215
+ --_ctm-tab-dn-mp-wt-ft-se-dc,
216
+ var(--_ctm-dn-mp-wt-ft-se-dc, var(--_tst-dn-mp-wt-ft-se-dc))
217
+ )
218
+ );
219
+ font-weight: var(
220
+ --_ctm-mob-dn-mp-wt-ft-wt-dc,
221
+ var(
222
+ --_ctm-tab-dn-mp-wt-ft-wt-dc,
223
+ var(--_ctm-dn-mp-wt-ft-wt-dc, var(--_tst-dn-mp-wt-ft-wt-dc))
224
+ )
225
+ );
226
+ font-style: var(
227
+ --_ctm-mob-dn-mp-wt-ft-se-ic-dc,
228
+ var(
229
+ --_ctm-tab-dn-mp-wt-ft-se-ic-dc,
230
+ var(--_ctm-dn-mp-wt-ft-se-ic-dc, var(--_tst-dn-mp-wt-ft-se-ic-dc))
231
+ )
232
+ );
233
+ text-align: var(
234
+ --_ctm-mob-dn-mp-wt-tt-an-dc,
235
+ var(
236
+ --_ctm-tab-dn-mp-wt-tt-an-dc,
237
+ var(--_ctm-dn-mp-wt-tt-an-dc, var(--_tst-dn-mp-wt-tt-an-dc))
238
+ )
239
+ );
240
+ letter-spacing: var(
241
+ --_ctm-mob-dn-mp-wt-lr-sg-dc,
242
+ var(
243
+ --_ctm-tab-dn-mp-wt-lr-sg-dc,
244
+ var(--_ctm-dn-mp-wt-lr-sg-dc, var(--_tst-dn-mp-wt-lr-sg-dc))
245
+ )
246
+ );
247
+ line-height: var(
248
+ --_ctm-mob-dn-mp-wt-le-ht-dc,
249
+ var(
250
+ --_ctm-tab-dn-mp-wt-le-ht-dc,
251
+ var(--_ctm-dn-mp-wt-le-ht-dc, var(--_tst-dn-mp-wt-le-ht-dc))
252
+ )
253
+ );
254
+ text-decoration: var(
255
+ --_ctm-mob-dn-mp-wt-ue-dc,
256
+ var(--_ctm-tab-dn-mp-wt-ue-dc, var(--_ctm-dn-mp-wt-ue-dc, var(--_tst-dn-mp-wt-ue-dc)))
257
+ );
106
258
  }
259
+
107
260
  // h3 {
108
261
  // margin-bottom: var(--_mb-4);
109
262
  // }
110
263
  }
111
264
 
112
265
  .img__overlay {
113
- background: var(--_ctm-dn-ie-se-oy-cr);
266
+ background: var(
267
+ --_ctm-mob-dn-ie-se-oy-cr,
268
+ var(--_ctm-tab-dn-ie-se-oy-cr, var(--_ctm-dn-ie-se-oy-cr, var(--_tst-dn-ie-se-oy-cr)))
269
+ );
270
+
114
271
  height: 100%;
115
272
  width: 100%;
116
273
  position: absolute;
@@ -130,67 +287,169 @@
130
287
  .hotspot__main {
131
288
  position: relative;
132
289
  .hotspot {
133
- background: var(--_ctm-dn-pn-se-bd-cr);
134
- // height: var(--_ctm-dn-tp-tt-dn-ft-se);
135
- // width: var(--_ctm-dn-tp-tt-dn-ft-se);
136
- border-style: var(--_ctm-dn-pn-se-br-se);
137
- border-color: var(--_ctm-dn-pn-se-br-cr);
138
- border-width: var(--_ctm-dn-pn-se-br-wh);
139
- border-radius: var(--_ctm-dn-pn-se-br-rs);
290
+ background: var(
291
+ --_ctm-mob-dn-pn-se-bd-cr,
292
+ var(--_ctm-tab-dn-pn-se-bd-cr, var(--_ctm-dn-pn-se-bd-cr))
293
+ );
294
+ border-style: var(
295
+ --_ctm-mob-dn-pn-se-br-se,
296
+ var(--_ctm-tab-dn-pn-se-br-se, var(--_ctm-dn-pn-se-br-se))
297
+ );
298
+ border-color: var(
299
+ --_ctm-mob-dn-pn-se-br-cr,
300
+ var(--_ctm-tab-dn-pn-se-br-cr, var(--_ctm-dn-pn-se-br-cr))
301
+ );
302
+ border-width: var(
303
+ --_ctm-mob-dn-pn-se-br-wh,
304
+ var(--_ctm-tab-dn-pn-se-br-wh, var(--_ctm-dn-pn-se-br-wh))
305
+ );
306
+ border-radius: var(
307
+ --_ctm-mob-dn-pn-se-br-rs,
308
+ var(--_ctm-tab-dn-pn-se-br-rs, var(--_ctm-dn-pn-se-br-rs))
309
+ );
140
310
  box-shadow: var(
141
311
  --_show-shadow,
142
- var(--_ctm-dn-pn-se-sw-ae) var(--_ctm-dn-pn-se-sw-br) var(--_ctm-dn-pn-se-sw-sd)
143
- var(--_ctm-dn-pn-se-sw-cr)
312
+ var(
313
+ --_ctm-mob-dn-pn-se-sw-ae,
314
+ var(--_ctm-tab-dn-pn-se-sw-ae, var(--_ctm-dn-pn-se-sw-ae))
315
+ )
316
+ var(
317
+ --_ctm-mob-dn-pn-se-sw-br,
318
+ var(--_ctm-tab-dn-pn-se-sw-br, var(--_ctm-dn-pn-se-sw-br))
319
+ )
320
+ var(
321
+ --_ctm-mob-dn-pn-se-sw-sd,
322
+ var(--_ctm-tab-dn-pn-se-sw-sd, var(--_ctm-dn-pn-se-sw-sd))
323
+ )
324
+ var(
325
+ --_ctm-mob-dn-pn-se-sw-cr,
326
+ var(--_ctm-tab-dn-pn-se-sw-cr, var(--_ctm-dn-pn-se-sw-cr))
327
+ )
144
328
  );
329
+
145
330
  position: absolute;
146
331
  cursor: pointer;
147
- width: var(--_ctm-dn-pn-se-ht-se);
148
- height: var(--_ctm-dn-pn-se-ht-se);
149
- background-color: var(--_ctm-dn-pn-se-bd-cr);
332
+ width: var(
333
+ --_ctm-mob-dn-pn-se-ht-se,
334
+ var(--_ctm-tab-dn-pn-se-ht-se, --_ctm-dn-pn-se-ht-se)
335
+ );
336
+ height: var(
337
+ --_ctm-mob-dn-pn-se-ht-se,
338
+ var(--_ctm-tab-dn-pn-se-ht-se, --_ctm-dn-pn-se-ht-se)
339
+ );
340
+ background-color: var(
341
+ --_ctm-mob-dn-pn-se-bd-cr,
342
+ var(--_ctm-tab-dn-pn-se-bd-cr, --_ctm-dn-pn-se-bd-cr)
343
+ );
344
+
150
345
  display: flex;
151
346
  align-items: center;
152
347
  top: 50%;
153
348
  left: 50%;
154
349
  transform: translate(-50%, -50%);
155
350
  justify-content: center;
156
- animation: scaleInOut var(--_ctm-dn-pn-se-an-fy) infinite;
351
+ animation: scaleInOut
352
+ var(
353
+ --_ctm-mob-dn-pn-se-an-fy,
354
+ var(--_ctm-tab-dn-pn-se-an-fy, var(--_ctm-dn-pn-se-an-fy))
355
+ )
356
+ infinite;
357
+
157
358
  .icon {
158
359
  display: var(--_sf-show-icon-ff, flex);
360
+
159
361
  svg {
160
- width: var(--_ctm-dn-pn-se-in-se, var(--_tst-dn-pn-se-in-se));
161
- height: var(--_ctm-dn-pn-se-in-se, var(--_tst-dn-pn-se-in-se));
362
+ width: var(
363
+ --_ctm-mob-dn-pn-se-in-se,
364
+ var(--_ctm-tab-dn-pn-se-in-se, var(--_ctm-dn-pn-se-in-se))
365
+ );
366
+ height: var(
367
+ --_ctm-mob-dn-pn-se-in-se,
368
+ var(--_ctm-tab-dn-pn-se-in-se, var(--_ctm-dn-pn-se-in-se))
369
+ );
370
+
162
371
  path {
163
- stroke: var(--_ctm-dn-pn-se-in-c1, var(--_tst-dn-pn-se-in-c1));
164
- fill: var(--_ctm-dn-pn-se-in-c1, var(--_tst-dn-pn-se-in-c1));
372
+ stroke: var(
373
+ --_ctm-mob-dn-pn-se-in-c1,
374
+ var(--_ctm-tab-dn-pn-se-in-c1, var(--_ctm-dn-pn-se-in-c1))
375
+ );
376
+ fill: var(
377
+ --_ctm-mob-dn-pn-se-in-c1,
378
+ var(--_ctm-tab-dn-pn-se-in-c1, var(--_ctm-dn-pn-se-in-c1))
379
+ );
165
380
  }
166
381
  }
167
382
  }
168
383
  }
169
384
  .hotspot__tooltip {
170
385
  position: absolute;
171
- background: var(--_ctm-dn-tp-dn-bd-cr);
172
- border-style: var(--_ctm-dn-tp-dn-br-se);
173
- border-color: var(--_ctm-dn-tp-dn-br-cr);
174
- border-width: var(--_ctm-dn-tp-dn-br-wh);
175
- border-radius: var(--_ctm-dn-tp-dn-br-rs);
386
+ background: var(
387
+ --_ctm-mob-dn-tp-dn-bd-cr,
388
+ var(--_ctm-tab-dn-tp-dn-bd-cr, var(--_ctm-dn-tp-dn-bd-cr))
389
+ );
390
+ border-style: var(
391
+ --_ctm-mob-dn-tp-dn-br-se,
392
+ var(--_ctm-tab-dn-tp-dn-br-se, var(--_ctm-dn-tp-dn-br-se))
393
+ );
394
+ border-color: var(
395
+ --_ctm-mob-dn-tp-dn-br-cr,
396
+ var(--_ctm-tab-dn-tp-dn-br-cr, var(--_ctm-dn-tp-dn-br-cr))
397
+ );
398
+ border-width: var(
399
+ --_ctm-mob-dn-tp-dn-br-wh,
400
+ var(--_ctm-tab-dn-tp-dn-br-wh, var(--_ctm-dn-tp-dn-br-wh))
401
+ );
402
+ border-radius: var(
403
+ --_ctm-mob-dn-tp-dn-br-rs,
404
+ var(--_ctm-tab-dn-tp-dn-br-rs, var(--_ctm-dn-tp-dn-br-rs))
405
+ );
406
+
176
407
  box-shadow: var(
177
408
  --_show-shadow,
178
- var(--_ctm-dn-tp-dn-sw-ae) var(--_ctm-dn-tp-dn-sw-br) var(--_ctm-dn-tp-dn-sw-sd)
179
- var(--_ctm-dn-tp-dn-sw-cr)
409
+ var(
410
+ --_ctm-mob-dn-tp-dn-sw-ae,
411
+ var(--_ctm-tab-dn-tp-dn-sw-ae, var(--_ctm-dn-tp-dn-sw-ae))
412
+ )
413
+ var(
414
+ --_ctm-mob-dn-tp-dn-sw-br,
415
+ var(--_ctm-tab-dn-tp-dn-sw-br, var(--_ctm-dn-tp-dn-sw-br))
416
+ )
417
+ var(
418
+ --_ctm-mob-dn-tp-dn-sw-sd,
419
+ var(--_ctm-tab-dn-tp-dn-sw-sd, var(--_ctm-dn-tp-dn-sw-sd))
420
+ )
421
+ var(
422
+ --_ctm-mob-dn-tp-dn-sw-cr,
423
+ var(--_ctm-tab-dn-tp-dn-sw-cr, var(--_ctm-dn-tp-dn-sw-cr))
424
+ )
180
425
  );
426
+
181
427
  z-index: 1000;
182
428
  min-width: 100px;
183
- width: var(--_ctm-dn-tp-dn-tp-wh);
429
+ width: var(
430
+ --_ctm-mob-dn-tp-dn-tp-wh,
431
+ var(--_ctm-tab-dn-tp-dn-tp-wh, var(--_ctm-dn-tp-dn-tp-wh))
432
+ );
184
433
  min-height: 100px;
185
- height: var(--_ctm-dn-tp-dn-tp-ht);
434
+ height: var(
435
+ --_ctm-mob-dn-tp-dn-tp-ht,
436
+ var(--_ctm-tab-dn-tp-dn-tp-ht, var(--_ctm-dn-tp-dn-tp-ht))
437
+ );
438
+
186
439
  // border-radius: 4px;
187
440
  // transform: translate(-10%, -130%);
188
441
  left: -10px;
189
442
  bottom: 7px;
190
443
  padding: 4px 8px;
191
444
  display: flex;
192
- justify-content: var(--_ctm-dn-tp-dn-hl-at);
193
- align-items: var(--_ctm-dn-tp-dn-vl-at);
445
+ justify-content: var(
446
+ --_ctm-mob-dn-tp-dn-hl-at,
447
+ var(--_ctm-tab-dn-tp-dn-hl-at, var(--_ctm-dn-tp-dn-hl-at))
448
+ );
449
+ align-items: var(
450
+ --_ctm-mob-dn-tp-dn-vl-at,
451
+ var(--_ctm-tab-dn-tp-dn-vl-at, var(--_ctm-dn-tp-dn-vl-at))
452
+ );
194
453
 
195
454
  &::after {
196
455
  content: "";
@@ -200,62 +459,179 @@
200
459
  margin-left: -5px;
201
460
  border-width: 5px;
202
461
  border-style: solid;
203
- border-color: var(--_ctm-dn-tp-dn-bd-cr) transparent transparent transparent;
462
+ border-color: var(
463
+ --_ctm-mob-dn-tp-dn-bd-cr,
464
+ var(--_ctm-tab-dn-tp-dn-bd-cr, var(--_ctm-dn-tp-dn-bd-cr))
465
+ )
466
+ transparent transparent transparent;
204
467
  }
205
468
  span {
206
469
  svg {
207
- width: var(--_ctm-dn-pn-se-in-se);
208
- height: var(--_ctm-dn-pn-se-in-se);
470
+ width: var(
471
+ --_ctm-mob-dn-pn-se-in-se,
472
+ var(--_ctm-tab-dn-pn-se-in-se, var(--_ctm-dn-pn-se-in-se))
473
+ );
474
+ height: var(
475
+ --_ctm-mob-dn-pn-se-in-se,
476
+ var(--_ctm-tab-dn-pn-se-in-se, var(--_ctm-dn-pn-se-in-se))
477
+ );
209
478
  path {
210
- stroke: var(--_ctm-dn-pn-se-in-c1);
479
+ stroke: var(
480
+ --_ctm-mob-dn-pn-se-in-c1,
481
+ var(--_ctm-tab-dn-pn-se-in-c1, var(--_ctm-dn-pn-se-in-c1))
482
+ );
211
483
  }
212
484
  }
213
485
  }
486
+
214
487
  .text_box {
215
488
  h6 {
216
- font-size: var(--_ctm-dn-tp-tt-dn-ft-se);
217
- font-family: var(--_ctm-dn-tp-tt-dn-ft-fy);
218
- color: var(--_ctm-dn-tp-tt-dn-cr);
219
-
220
- font-weight: var(--_ctm-dn-tp-tt-dn-ft-wt);
221
- font-style: var(--_ctm-dn-tp-tt-dn-ft-se-ic);
222
- text-align: var(--_ctm-dn-tp-tt-dn-tt-an);
223
- letter-spacing: var(--_ctm-dn-tp-tt-dn-lr-sg);
224
- line-height: var(--_ctm-dn-tp-tt-dn-le-ht);
225
- text-decoration: var(--_ctm-dn-tp-tt-dn-ue);
489
+ font-size: var(
490
+ --_ctm-mob-dn-tp-tt-dn-ft-se,
491
+ var(--_ctm-tab-dn-tp-tt-dn-ft-se, var(--_ctm-dn-tp-tt-dn-ft-se))
492
+ );
493
+ font-family: var(
494
+ --_ctm-mob-dn-tp-tt-dn-ft-fy,
495
+ var(--_ctm-tab-dn-tp-tt-dn-ft-fy, var(--_ctm-dn-tp-tt-dn-ft-fy))
496
+ );
497
+ color: var(
498
+ --_ctm-mob-dn-tp-tt-dn-cr,
499
+ var(--_ctm-tab-dn-tp-tt-dn-cr, var(--_ctm-dn-tp-tt-dn-cr))
500
+ );
501
+
502
+ font-weight: var(
503
+ --_ctm-mob-dn-tp-tt-dn-ft-wt,
504
+ var(--_ctm-tab-dn-tp-tt-dn-ft-wt, var(--_ctm-dn-tp-tt-dn-ft-wt))
505
+ );
506
+ font-style: var(
507
+ --_ctm-mob-dn-tp-tt-dn-ft-se-ic,
508
+ var(--_ctm-tab-dn-tp-tt-dn-ft-se-ic, var(--_ctm-dn-tp-tt-dn-ft-se-ic))
509
+ );
510
+ text-align: var(
511
+ --_ctm-mob-dn-tp-tt-dn-tt-an,
512
+ var(--_ctm-tab-dn-tp-tt-dn-tt-an, var(--_ctm-dn-tp-tt-dn-tt-an))
513
+ );
514
+ letter-spacing: var(
515
+ --_ctm-mob-dn-tp-tt-dn-lr-sg,
516
+ var(--_ctm-tab-dn-tp-tt-dn-lr-sg, var(--_ctm-dn-tp-tt-dn-lr-sg))
517
+ );
518
+ line-height: var(
519
+ --_ctm-mob-dn-tp-tt-dn-le-ht,
520
+ var(--_ctm-tab-dn-tp-tt-dn-le-ht, var(--_ctm-dn-tp-tt-dn-le-ht))
521
+ );
522
+ text-decoration: var(
523
+ --_ctm-mob-dn-tp-tt-dn-ue,
524
+ var(--_ctm-tab-dn-tp-tt-dn-ue, var(--_ctm-dn-tp-tt-dn-ue))
525
+ );
226
526
  }
527
+
227
528
  p {
228
- font-size: var(--_ctm-dn-tp-tt-dn-ft-se-dc);
229
- color: var(--_ctm-dn-tp-tt-dn-cr-dc);
230
- font-family: var(--_ctm-dn-tp-tt-dn-ft-fy-dc);
231
- font-weight: var(--_ctm-dn-tp-tt-dn-ft-wt-dc);
232
- font-style: var(--_ctm-dn-tp-tt-dn-ft-se-ic-dc);
233
- text-align: var(--_ctm-dn-tp-tt-dn-tt-an-dc);
234
- letter-spacing: var(--_ctm-dn-tp-tt-dn-lr-sg-dc);
235
- line-height: var(--_ctm-dn-tp-tt-dn-le-ht-dc);
236
- text-decoration: var(--_ctm-dn-tp-tt-dn-ue-dc);
529
+ font-size: var(
530
+ --_ctm-mob-dn-tp-tt-dn-ft-se-dc,
531
+ var(--_ctm-tab-dn-tp-tt-dn-ft-se-dc, var(--_ctm-dn-tp-tt-dn-ft-se-dc))
532
+ );
533
+ color: var(
534
+ --_ctm-mob-dn-tp-tt-dn-cr-dc,
535
+ var(--_ctm-tab-dn-tp-tt-dn-cr-dc, var(--_ctm-dn-tp-tt-dn-cr-dc))
536
+ );
537
+ font-family: var(
538
+ --_ctm-mob-dn-tp-tt-dn-ft-fy-dc,
539
+ var(--_ctm-tab-dn-tp-tt-dn-ft-fy-dc, var(--_ctm-dn-tp-tt-dn-ft-fy-dc))
540
+ );
541
+ font-weight: var(
542
+ --_ctm-mob-dn-tp-tt-dn-ft-wt-dc,
543
+ var(--_ctm-tab-dn-tp-tt-dn-ft-wt-dc, var(--_ctm-dn-tp-tt-dn-ft-wt-dc))
544
+ );
545
+ font-style: var(
546
+ --_ctm-mob-dn-tp-tt-dn-ft-se-ic-dc,
547
+ var(--_ctm-tab-dn-tp-tt-dn-ft-se-ic-dc, var(--_ctm-dn-tp-tt-dn-ft-se-ic-dc))
548
+ );
549
+ text-align: var(
550
+ --_ctm-mob-dn-tp-tt-dn-tt-an-dc,
551
+ var(--_ctm-tab-dn-tp-tt-dn-tt-an-dc, var(--_ctm-dn-tp-tt-dn-tt-an-dc))
552
+ );
553
+ letter-spacing: var(
554
+ --_ctm-mob-dn-tp-tt-dn-lr-sg-dc,
555
+ var(--_ctm-tab-dn-tp-tt-dn-lr-sg-dc, var(--_ctm-dn-tp-tt-dn-lr-sg-dc))
556
+ );
557
+ line-height: var(
558
+ --_ctm-mob-dn-tp-tt-dn-le-ht-dc,
559
+ var(--_ctm-tab-dn-tp-tt-dn-le-ht-dc, var(--_ctm-dn-tp-tt-dn-le-ht-dc))
560
+ );
561
+ text-decoration: var(
562
+ --_ctm-mob-dn-tp-tt-dn-ue-dc,
563
+ var(--_ctm-tab-dn-tp-tt-dn-ue-dc, var(--_ctm-dn-tp-tt-dn-ue-dc))
564
+ );
237
565
  }
238
566
  }
239
567
  .tooltip__image {
240
- background-color: var(--_ctm-dn-tp-ie-dn-bd-cr);
568
+ background-color: var(
569
+ --_ctm-mob-dn-tp-ie-dn-bd-cr,
570
+ var(--_ctm-tab-dn-tp-ie-dn-bd-cr, var(--_ctm-dn-tp-ie-dn-bd-cr))
571
+ );
241
572
  transition: transform 0.3s ease-in-out;
242
- border-style: var(--_ctm-dn-tp-ie-dn-br-se);
243
- border-color: var(--_ctm-dn-tp-ie-dn-br-cr);
244
- border-width: var(--_ctm-dn-tp-ie-dn-br-wh);
245
- border-radius: var(--_ctm-dn-tp-ie-dn-br-rs);
573
+ border-style: var(
574
+ --_ctm-mob-dn-tp-ie-dn-br-se,
575
+ var(--_ctm-tab-dn-tp-ie-dn-br-se, var(--_ctm-dn-tp-ie-dn-br-se))
576
+ );
577
+ border-color: var(
578
+ --_ctm-mob-dn-tp-ie-dn-br-cr,
579
+ var(--_ctm-tab-dn-tp-ie-dn-br-cr, var(--_ctm-dn-tp-ie-dn-br-cr))
580
+ );
581
+ border-width: var(
582
+ --_ctm-mob-dn-tp-ie-dn-br-wh,
583
+ var(--_ctm-tab-dn-tp-ie-dn-br-wh, var(--_ctm-dn-tp-ie-dn-br-wh))
584
+ );
585
+ border-radius: var(
586
+ --_ctm-mob-dn-tp-ie-dn-br-rs,
587
+ var(--_ctm-tab-dn-tp-ie-dn-br-rs, var(--_ctm-dn-tp-ie-dn-br-rs))
588
+ );
246
589
  box-shadow: var(
247
590
  --_show-shadow,
248
- var(--_ctm-dn-tp-ie-dn-sw-ae) var(--_ctm-dn-tp-ie-dn-sw-br)
249
- var(--_ctm-dn-tp-ie-dn-sw-sd) var(--_ctm-dn-tp-ie-dn-sw-cr)
591
+ var(
592
+ --_ctm-mob-dn-tp-ie-dn-sw-ae,
593
+ var(--_ctm-tab-dn-tp-ie-dn-sw-ae, var(--_ctm-dn-tp-ie-dn-sw-ae))
594
+ )
595
+ var(
596
+ --_ctm-mob-dn-tp-ie-dn-sw-br,
597
+ var(--_ctm-tab-dn-tp-ie-dn-sw-br, var(--_ctm-dn-tp-ie-dn-sw-br))
598
+ )
599
+ var(
600
+ --_ctm-mob-dn-tp-ie-dn-sw-sd,
601
+ var(--_ctm-tab-dn-tp-ie-dn-sw-sd, var(--_ctm-dn-tp-ie-dn-sw-sd))
602
+ )
603
+ var(
604
+ --_ctm-mob-dn-tp-ie-dn-sw-cr,
605
+ var(--_ctm-tab-dn-tp-ie-dn-sw-cr, var(--_ctm-dn-tp-ie-dn-sw-cr))
606
+ )
250
607
  );
251
608
  display: flex;
252
- justify-content: var(--_ctm-dn-tp-ie-dn-hl-at);
253
- align-items: var(--_ctm-dn-tp-ie-dn-vl-at);
609
+ justify-content: var(
610
+ --_ctm-mob-dn-tp-ie-dn-hl-at,
611
+ var(--_ctm-tab-dn-tp-ie-dn-hl-at, var(--_ctm-dn-tp-ie-dn-hl-at))
612
+ );
613
+ align-items: var(
614
+ --_ctm-mob-dn-tp-ie-dn-vl-at,
615
+ var(--_ctm-tab-dn-tp-ie-dn-vl-at, var(--_ctm-dn-tp-ie-dn-vl-at))
616
+ );
617
+
254
618
  img {
255
- object-fit: var(--_ctm-dn-tp-ie-dn-ft-os);
619
+ object-fit: var(
620
+ --_ctm-mob-dn-tp-ie-dn-ft-os,
621
+ var(--_ctm-tab-dn-tp-ie-dn-ft-os, var(--_ctm-dn-tp-ie-dn-ft-os))
622
+ );
256
623
  max-width: 100%;
257
- rotate: calc(var(--_ctm-dn-tp-ie-dn-ud) * 1deg);
258
- scale: var(--_ctm-dn-tp-ie-dn-zm-ie);
624
+ rotate: calc(
625
+ var(
626
+ --_ctm-mob-dn-tp-ie-dn-ud,
627
+ var(--_ctm-tab-dn-tp-ie-dn-ud, var(--_ctm-dn-tp-ie-dn-ud))
628
+ ) *
629
+ 1deg
630
+ );
631
+ scale: var(
632
+ --_ctm-mob-dn-tp-ie-dn-zm-ie,
633
+ var(--_ctm-tab-dn-tp-ie-dn-zm-ie, var(--_ctm-dn-tp-ie-dn-zm-ie))
634
+ );
259
635
  }
260
636
  }
261
637
  }