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

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/video.scss CHANGED
@@ -1,11 +1,24 @@
1
1
  [data-div-type="element"] {
2
2
  &[data-element-type="video"] {
3
3
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
4
- width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
5
- margin: var(--_ctm-lt-mn, --_tst-lt-mn);
4
+ width: var(
5
+ --_sf-el-wh-st-mx,
6
+ calc(
7
+ 1% *
8
+ var(
9
+ --_ctm-mob-ele-nw-wh-vl,
10
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
11
+ )
12
+ )
13
+ );
14
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
6
15
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
7
16
  --_aspect-ratio: calc(
8
- 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
17
+ 1 *
18
+ (
19
+ var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
20
+ var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
21
+ )
9
22
  );
10
23
 
11
24
  & > .wrapper {
@@ -67,9 +80,18 @@
67
80
 
68
81
  &[data-widget-border="true"] {
69
82
  .video__container {
70
- border-color: var(--_ctm-dn-vo-wt-dn-br-cr, var(--_tst-dn-vo-wt-dn-br-cr));
71
- border-style: var(--_ctm-dn-vo-wt-dn-br-se, var(--_tst-dn-vo-wt-dn-br-se));
72
- border-width: var(--_ctm-dn-vo-wt-dn-br-wh, var(--_tst-dn-vo-wt-dn-br-wh));
83
+ border-color: var(
84
+ --_ctm-mob-dn-vo-wt-dn-br-cr,
85
+ var(--_ctm-tab-dn-vo-wt-dn-br-cr, var(--_ctm-dn-vo-wt-dn-br-cr))
86
+ );
87
+ border-style: var(
88
+ --_ctm-mob-dn-vo-wt-dn-br-se,
89
+ var(--_ctm-tab-dn-vo-wt-dn-br-se, var(--_ctm-dn-vo-wt-dn-br-se))
90
+ );
91
+ border-width: var(
92
+ --_ctm-mob-dn-vo-wt-dn-br-wh,
93
+ var(--_ctm-tab-dn-vo-wt-dn-br-wh, var(--_ctm-dn-vo-wt-dn-br-wh))
94
+ );
73
95
  }
74
96
  }
75
97
 
@@ -79,9 +101,20 @@
79
101
 
80
102
  &[data-content-border="true"] {
81
103
  .video__content {
82
- border-color: var(--_ctm-dn-vo-tt-cr-dn-br-cr, var(--_tst-dn-vo-tt-cr-dn-br-cr));
83
- border-style: var(--_ctm-dn-vo-tt-cr-dn-br-se, var(--_tst-dn-vo-tt-cr-dn-br-se));
84
- border-width: var(--_ctm-dn-vo-tt-cr-dn-br-wh, var(--_tst-dn-vo-tt-cr-dn-br-wh));
104
+ border-color: var(
105
+ --_ctm-mob-dn-vo-tt-cr-dn-br-cr,
106
+ var(--_ctm-tab-dn-vo-tt-cr-dn-br-cr, var(--_ctm-dn-vo-tt-cr-dn-br-cr))
107
+ );
108
+
109
+ border-style: var(
110
+ --_ctm-mob-dn-vo-tt-cr-dn-br-se,
111
+ var(--_ctm-tab-dn-vo-tt-cr-dn-br-se, var(--_ctm-dn-vo-tt-cr-dn-br-se))
112
+ );
113
+
114
+ border-width: var(
115
+ --_ctm-mob-dn-vo-tt-cr-dn-br-wh,
116
+ var(--_ctm-tab-dn-vo-tt-cr-dn-br-wh, var(--_ctm-dn-vo-tt-cr-dn-br-wh))
117
+ );
85
118
  }
86
119
  }
87
120
 
@@ -101,62 +134,170 @@
101
134
 
102
135
  .video__container {
103
136
  display: flex;
104
- gap: var(--_ctm-dn-vo-wt-lt-wt-tt-ad-im-sg, var(--_tst-dn-vo-wt-lt-wt-tt-ad-im-sg));
105
- padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
106
- background-color: var(--_ctm-dn-vo-wt-dn-bd-cr, var(--_tst-dn-vo-wt-dn-bd-cr));
107
- padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
137
+ gap: var(
138
+ --_ctm-mob-dn-vo-wt-lt-wt-tt-ad-im-sg,
139
+ var(--_ctm-tab-dn-vo-wt-lt-wt-tt-ad-im-sg, var(--_ctm-dn-vo-wt-lt-wt-tt-ad-im-sg))
140
+ );
141
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
142
+ background-color: var(
143
+ --_ctm-mob-dn-vo-wt-dn-bd-cr,
144
+ var(--_ctm-tab-dn-vo-wt-dn-bd-cr, var(--_ctm-dn-vo-wt-dn-bd-cr))
145
+ );
108
146
  flex-direction: var(--_sf-fd-bn);
109
147
  align-items: center;
110
148
  justify-content: var(--_sf-jc, center);
111
149
  box-shadow: var(
112
150
  --_show-shadow,
113
- var(--_ctm-dn-vo-wt-dn-sw-ae, var(--_tst-dn-vo-tt-cr-dn-sw-ae))
114
- var(--_ctm-dn-vo-wt-dn-sw-br, var(--_tst-vo-se-sw-br))
115
- var(--_ctm-dn-vo-wt-dn-sw-sd, var(--_tst-vo-se-sw-sd))
116
- var(--_ctm-dn-vo-wt-dn-sw-cr, var(--_tst-dn-vo-tt-cr-dn-sw-cr))
151
+ var(
152
+ --_ctm-mob-dn-vo-wt-dn-sw-ae,
153
+ var(--_ctm-tab-dn-vo-wt-dn-sw-ae, var(--_ctm-dn-vo-wt-dn-sw-ae))
154
+ )
155
+ var(
156
+ --_ctm-mob-dn-vo-wt-dn-sw-br,
157
+ var(--_ctm-tab-dn-vo-wt-dn-sw-br, var(--_ctm-dn-vo-wt-dn-sw-br))
158
+ )
159
+ var(
160
+ --_ctm-mob-dn-vo-wt-dn-sw-sd,
161
+ var(--_ctm-tab-dn-vo-wt-dn-sw-sd, var(--_ctm-dn-vo-wt-dn-sw-sd))
162
+ )
163
+ var(
164
+ --_ctm-mob-dn-vo-wt-dn-sw-cr,
165
+ var(--_ctm-tab-dn-vo-wt-dn-sw-cr, var(--_ctm-dn-vo-wt-dn-sw-cr))
166
+ )
117
167
  );
118
168
  width: 100%;
119
169
  height: auto;
120
-
121
- border-radius: var(--_ctm-dn-vo-wt-dn-br-rs, var(--_tst-dn-vo-wt-dn-br-rs));
170
+ border-radius: var(
171
+ --_ctm-mob-dn-vo-wt-dn-br-rs,
172
+ var(--_ctm-tab-dn-vo-wt-dn-br-rs, var(--_ctm-dn-vo-wt-dn-br-rs))
173
+ );
122
174
 
123
175
  .video__content {
124
176
  display: flex;
125
177
  flex-direction: column;
126
- padding: var(--_ctm-dn-vo-tt-lt-tt-vl-pg, var(--_ctm-dn-vo-tt-lt-tt-vl-pg))
127
- var(--_ctm-dn-vo-tt-lt-tt-hl-pg, var(--_tst-dn-vo-tt-lt-tt-hl-pg));
128
- gap: var(--_ctm-dn-vo-tt-lt-te-ad-dn-sg, var(--_tst-dn-vo-tt-lt-te-ad-dn-sg));
178
+ padding: var(
179
+ --_ctm-mob-dn-vo-tt-lt-tt-vl-pg,
180
+ var(--_ctm-tab-dn-vo-tt-lt-tt-vl-pg, var(--_ctm-dn-vo-tt-lt-tt-vl-pg))
181
+ )
182
+ var(
183
+ --_ctm-mob-dn-vo-tt-lt-tt-hl-pg,
184
+ var(--_ctm-tab-dn-vo-tt-lt-tt-hl-pg, var(--_ctm-dn-vo-tt-lt-tt-hl-pg))
185
+ );
186
+ gap: var(
187
+ --_ctm-mob-dn-vo-tt-lt-te-ad-dn-sg,
188
+ var(--_ctm-tab-dn-vo-tt-lt-te-ad-dn-sg, var(--_ctm-dn-vo-tt-lt-te-ad-dn-sg))
189
+ );
190
+
129
191
  background-color: var(--_ctm-dn-vo-tt-cr-dn-bd-cr, var(--_tst-dn-vo-tt-cr-dn-bd-cr));
130
- border-radius: var(--_ctm-dn-vo-tt-cr-dn-br-rs, var(--_tst-dn-vo-tt-cr-dn-br-rs));
192
+ background-color: var(
193
+ --_ctm-mob-dn-vo-tt-cr-dn-bd-cr,
194
+ var(--_ctm-tab-dn-vo-tt-cr-dn-bd-cr, var(--_ctm-dn-vo-tt-cr-dn-bd-cr))
195
+ );
196
+ border-radius: var(
197
+ --_ctm-mob-dn-vo-tt-cr-dn-br-rs,
198
+ var(--_ctm-tab-dn-vo-tt-cr-dn-br-rs, var(--_ctm-dn-vo-tt-cr-dn-br-rs))
199
+ );
131
200
  box-shadow: var(
132
201
  --_show-text-content-shadow,
133
- var(--_ctm-dn-vo-tt-cr-dn-sw-ae, var(--_tst-dn-vo-tt-cr-dn-sw-ae))
134
- var(--_ctm-dn-vo-tt-cr-dn-sw-br, var(--_tst-vo-se-sw-br))
135
- var(--_ctm-dn-vo-tt-cr-dn-sw-sd, var(--_tst-vo-se-sw-sd))
136
- var(--_ctm-dn-vo-tt-cr-dn-sw-cr, var(--_tst-dn-vo-tt-cr-dn-sw-cr))
202
+ var(
203
+ --_ctm-mob-dn-vo-tt-cr-dn-sw-ae,
204
+ var(--_ctm-tab-dn-vo-tt-cr-dn-sw-ae, var(--_ctm-dn-vo-tt-cr-dn-sw-ae))
205
+ )
206
+ var(
207
+ --_ctm-mob-dn-vo-tt-cr-dn-sw-br,
208
+ var(--_ctm-tab-dn-vo-tt-cr-dn-sw-br, var(--_ctm-dn-vo-tt-cr-dn-sw-br))
209
+ )
210
+ var(
211
+ --_ctm-mob-dn-vo-tt-cr-dn-sw-sd,
212
+ var(--_ctm-tab-dn-vo-tt-cr-dn-sw-sd, var(--_ctm-dn-vo-tt-cr-dn-sw-sd))
213
+ )
214
+ var(
215
+ --_ctm-mob-dn-vo-tt-cr-dn-sw-cr,
216
+ var(--_ctm-tab-dn-vo-tt-cr-dn-sw-cr, var(--_ctm-dn-vo-tt-cr-dn-sw-cr))
217
+ )
137
218
  );
138
219
  h3 {
139
- color: var(--_ctm-dn-vo-wt-dn-cr, var(--_tst-dn-vo-wt-dn-cr));
140
- font-family: var(--_ctm-dn-vo-wt-dn-ft-fy, var(--_tst-dn-vo-wt-dn-ft-fy)), sans-serif;
141
- font-size: var(--_ctm-dn-vo-wt-dn-ft-se, var(--_tst-dn-vo-wt-dn-ft-se));
142
- font-weight: var(--_ctm-dn-vo-wt-dn-ft-wt, var(--_tst-dn-vo-wt-dn-ft-wt));
143
- font-style: var(--_ctm-dn-vo-wt-dn-ft-se-ic, var(--_tst-dn-vo-wt-dn-ft-se-ic));
144
- text-align: var(--_ctm-dn-vo-wt-dn-tt-an, var(--_tst-dn-vo-wt-dn-tt-an));
145
- letter-spacing: var(--_ctm-dn-vo-wt-dn-lr-sg, var(--_tst-dn-vo-wt-dn-lr-sg));
146
- line-height: var(--_ctm-dn-vo-wt-dn-le-ht, var(--_tst-dn-vo-wt-dn-le-ht));
147
- text-decoration: var(--_ctm-dn-vo-wt-dn-ue);
220
+ color: var(
221
+ --_ctm-mob-dn-vo-wt-dn-cr,
222
+ var(--_ctm-tab-dn-vo-wt-dn-cr, var(--_ctm-dn-vo-wt-dn-cr))
223
+ );
224
+ font-family: var(
225
+ --_sf-hr-ff,
226
+ var(
227
+ --_ctm-mob-dn-vo-wt-dn-ft-fy,
228
+ var(--_ctm-tab-dn-vo-wt-dn-ft-fy, var(--_ctm-dn-vo-wt-dn-ft-fy))
229
+ )
230
+ );
231
+ font-size: var(
232
+ --_ctm-mob-dn-vo-wt-dn-ft-se,
233
+ var(--_ctm-tab-dn-vo-wt-dn-ft-se, var(--_ctm-dn-vo-wt-dn-ft-se))
234
+ );
235
+ font-weight: var(
236
+ --_ctm-mob-dn-vo-wt-dn-ft-wt,
237
+ var(--_ctm-tab-dn-vo-wt-dn-ft-wt, var(--_ctm-dn-vo-wt-dn-ft-wt))
238
+ );
239
+ font-style: var(
240
+ --_ctm-mob-dn-vo-wt-dn-ft-se-ic,
241
+ var(--_ctm-tab-dn-vo-wt-dn-ft-se-ic, var(--_ctm-dn-vo-wt-dn-ft-se-ic))
242
+ );
243
+ text-align: var(
244
+ --_ctm-mob-dn-vo-wt-dn-tt-an,
245
+ var(--_ctm-tab-dn-vo-wt-dn-tt-an, var(--_ctm-dn-vo-wt-dn-tt-an))
246
+ );
247
+ letter-spacing: var(
248
+ --_ctm-mob-dn-vo-wt-dn-lr-sg,
249
+ var(--_ctm-tab-dn-vo-wt-dn-lr-sg, var(--_ctm-dn-vo-wt-dn-lr-sg))
250
+ );
251
+ line-height: var(
252
+ --_ctm-mob-dn-vo-wt-dn-le-ht,
253
+ var(--_ctm-tab-dn-vo-wt-dn-le-ht, var(--_ctm-dn-vo-wt-dn-le-ht))
254
+ );
255
+ text-decoration: var(
256
+ --_ctm-mob-dn-vo-wt-dn-ue,
257
+ var(--_ctm-tab-dn-vo-wt-dn-ue, var(--_ctm-dn-vo-wt-dn-ue))
258
+ );
148
259
  }
260
+
149
261
  p {
150
- color: var(--_ctm-dn-vo-wt-dn-cr-dc, var(--_tst-dn-vo-wt-dn-cr-dc));
151
- font-family: var(--_ctm-dn-vo-wt-dn-ft-fy-dc, var(--_tst-dn-vo-wt-dn-ft-fy-dc)),
152
- sans-serif;
153
- font-size: var(--_ctm-dn-vo-wt-dn-ft-se-dc, var(--_tst-dn-vo-wt-dn-ft-se-dc));
154
- font-weight: var(--_ctm-dn-vo-wt-dn-ft-wt-dc, var(--_tst-dn-vo-wt-dn-ft-wt-dc));
155
- font-style: var(--_ctm-dn-vo-wt-dn-ft-se-ic-dc, var(--_tst-dn-vo-wt-dn-ft-se-ic-dc));
156
- text-align: var(--_ctm-dn-vo-wt-dn-tt-an-dc, var(--_tst-dn-vo-wt-dn-tt-an-dc));
157
- letter-spacing: var(--_ctm-dn-vo-wt-dn-lr-sg-dc, var(--_tst-dn-vo-wt-dn-lr-sg-dc));
158
- line-height: var(--_ctm-dn-vo-wt-dn-le-ht-dc, var(--_tst-dn-vo-wt-dn-le-ht-dc));
159
- text-decoration: var(--_ctm-dn-vo-wt-dn-ue-dc);
262
+ color: var(
263
+ --_ctm-mob-dn-vo-wt-dn-cr-dc,
264
+ var(--_ctm-tab-dn-vo-wt-dn-cr-dc, var(--_ctm-dn-vo-wt-dn-cr-dc))
265
+ );
266
+ font-family: var(
267
+ --_sf-hr-ff,
268
+ var(
269
+ --_ctm-mob-dn-vo-wt-dn-ft-fy-dc,
270
+ var(--_ctm-tab-dn-vo-wt-dn-ft-fy-dc, var(--_ctm-dn-vo-wt-dn-ft-fy-dc))
271
+ )
272
+ );
273
+ font-size: var(
274
+ --_ctm-mob-dn-vo-wt-dn-ft-se-dc,
275
+ var(--_ctm-tab-dn-vo-wt-dn-ft-se-dc, var(--_ctm-dn-vo-wt-dn-ft-se-dc))
276
+ );
277
+ font-weight: var(
278
+ --_ctm-mob-dn-vo-wt-dn-ft-wt-dc,
279
+ var(--_ctm-tab-dn-vo-wt-dn-ft-wt-dc, var(--_ctm-dn-vo-wt-dn-ft-wt-dc))
280
+ );
281
+ font-style: var(
282
+ --_ctm-mob-dn-vo-wt-dn-ft-se-ic-dc,
283
+ var(--_ctm-tab-dn-vo-wt-dn-ft-se-ic-dc, var(--_ctm-dn-vo-wt-dn-ft-se-ic-dc))
284
+ );
285
+ text-align: var(
286
+ --_ctm-mob-dn-vo-wt-dn-tt-an-dc,
287
+ var(--_ctm-tab-dn-vo-wt-dn-tt-an-dc, var(--_ctm-dn-vo-wt-dn-tt-an-dc))
288
+ );
289
+ letter-spacing: var(
290
+ --_ctm-mob-dn-vo-wt-dn-lr-sg-dc,
291
+ var(--_ctm-tab-dn-vo-wt-dn-lr-sg-dc, var(--_ctm-dn-vo-wt-dn-lr-sg-dc))
292
+ );
293
+ line-height: var(
294
+ --_ctm-mob-dn-vo-wt-dn-le-ht-dc,
295
+ var(--_ctm-tab-dn-vo-wt-dn-le-ht-dc, var(--_ctm-dn-vo-wt-dn-le-ht-dc))
296
+ );
297
+ text-decoration: var(
298
+ --_ctm-mob-dn-vo-wt-dn-ue-dc,
299
+ var(--_ctm-tab-dn-vo-wt-dn-ue-dc, var(--_ctm-dn-vo-wt-dn-ue-dc))
300
+ );
160
301
  }
161
302
  }
162
303
 
@@ -182,16 +323,34 @@
182
323
  top: 50%;
183
324
  left: 50%;
184
325
  transform: translate(-50%, -50%);
185
- background-color: var(--_ctm-dn-py-pe-bd-cr, var(--_tst-dn-py-pe-bd-cr));
186
- padding: 5%;
187
- width: var(--_ctm-dn-py-pe-se + 40);
188
- height: var(--_ctm-dn-py-pe-se + 40);
326
+ background-color: var(
327
+ --_ctm-mob-dn-py-pe-bd-cr,
328
+ var(--_ctm-tab-dn-py-pe-bd-cr, var(--_ctm-dn-py-pe-bd-cr))
329
+ );
330
+ padding: var(--_ctm-mob-dn-py-pe-pd, var(--_ctm-tab-dn-py-pe-pd, 6%));
331
+
332
+ width: calc(
333
+ var(--_ctm-mob-dn-py-pe-se, var(--_ctm-tab-dn-py-pe-se, var(--_ctm-dn-py-pe-se))) + 40px
334
+ );
335
+ height: calc(
336
+ var(--_ctm-mob-dn-py-pe-se, var(--_ctm-tab-dn-py-pe-se, var(--_ctm-dn-py-pe-se))) + 40px
337
+ );
189
338
 
190
339
  svg {
191
- width: var(--_ctm-dn-py-pe-se, var(--_tst-dn-py-pe-se));
192
- height: var(--_ctm-dn-py-pe-se, var(--_tst-dn-py-pe-se));
340
+ width: var(
341
+ --_ctm-mob-dn-py-pe-se,
342
+ var(--_ctm-tab-dn-py-pe-se, var(--_ctm-dn-py-pe-se))
343
+ );
344
+ height: var(
345
+ --_ctm-mob-dn-py-pe-se,
346
+ var(--_ctm-tab-dn-py-pe-se, var(--_ctm-dn-py-pe-se))
347
+ );
348
+
193
349
  path {
194
- stroke: var(--_ctm-dn-py-pe-in-c1, var(--_tst-dn-py-pe-in-c1));
350
+ stroke: var(
351
+ --_ctm-mob-dn-py-pe-in-c1,
352
+ var(--_ctm-tab-dn-py-pe-in-c1, var(--_ctm-dn-py-pe-in-c1))
353
+ );
195
354
  }
196
355
  }
197
356
  }