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