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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/dist/add-order.scss +69 -0
  2. package/dist/allocationDetails.scss +335 -0
  3. package/dist/allocations.scss +546 -2
  4. package/dist/amount-estimator.scss +733 -187
  5. package/dist/brand-basic-elements.scss +142 -61
  6. package/dist/brand.scss +66 -16
  7. package/dist/breadcrumbs.scss +379 -88
  8. package/dist/builder.js +1 -1
  9. package/dist/bulk-variant-picker.scss +525 -121
  10. package/dist/bundle-basic-elements.scss +283 -121
  11. package/dist/bundle.scss +74 -15
  12. package/dist/buyFor.scss +153 -0
  13. package/dist/cart-details.scss +387 -0
  14. package/dist/cart-summary.scss +175 -0
  15. package/dist/cart.scss +178 -44
  16. package/dist/cartDropdownOverlay.scss +118 -0
  17. package/dist/cartGrouping.scss +89 -0
  18. package/dist/category.scss +38 -7
  19. package/dist/categoryDetails.scss +24 -6
  20. package/dist/categoryWidget.scss +11 -6
  21. package/dist/code-temp.scss +6 -4
  22. package/dist/contact-us.scss +19 -147
  23. package/dist/container.scss +22 -1
  24. package/dist/countdown.scss +372 -112
  25. package/dist/editCartItem.scss +111 -0
  26. package/dist/embed-temp.scss +29 -14
  27. package/dist/faq.scss +3 -6
  28. package/dist/filters.scss +11 -2
  29. package/dist/form-preview.scss +128 -93
  30. package/dist/gallery-slider-temp.scss +548 -135
  31. package/dist/grid.scss +24 -0
  32. package/dist/hotspot.scss +27 -25
  33. package/dist/icon-library.scss +26 -15
  34. package/dist/icons.js +1 -1
  35. package/dist/image-temp.scss +45 -17
  36. package/dist/index.js +1 -1
  37. package/dist/item-stock.scss +125 -0
  38. package/dist/layouter-item.scss +26 -2
  39. package/dist/layouter.scss +26 -1
  40. package/dist/light-box-v2.scss +29 -3
  41. package/dist/lightbox.scss +18 -2
  42. package/dist/line.scss +165 -0
  43. package/dist/login.scss +15 -23
  44. package/dist/map.scss +495 -119
  45. package/dist/marchandiserSets.scss +35 -18
  46. package/dist/menu.scss +121 -33
  47. package/dist/modal.scss +4 -0
  48. package/dist/past-orders.scss +11 -2
  49. package/dist/payment-methods.scss +29 -13
  50. package/dist/pickup-locations.scss +884 -244
  51. package/dist/product-actions.scss +2223 -418
  52. package/dist/product-basic-elements.scss +273 -122
  53. package/dist/product-highlights.scss +22 -14
  54. package/dist/product-image.scss +535 -136
  55. package/dist/product-inventory.scss +1105 -283
  56. package/dist/product-options.scss +378 -94
  57. package/dist/product-price.scss +1386 -316
  58. package/dist/product-promotions.scss +2252 -601
  59. package/dist/product.scss +68 -14
  60. package/dist/productDetails.scss +29 -2
  61. package/dist/profile.scss +19 -4
  62. package/dist/quantity-selector.scss +5 -4
  63. package/dist/quick-links.scss +277 -0
  64. package/dist/quotes.scss +11 -2
  65. package/dist/repeater-item.scss +26 -2
  66. package/dist/repeater.scss +60 -7
  67. package/dist/rfqs.scss +11 -2
  68. package/dist/scroll.scss +112 -47
  69. package/dist/search-results-heading.scss +282 -0
  70. package/dist/search.scss +84 -23
  71. package/dist/section.scss +25 -1
  72. package/dist/shareCartSideBar.scss +230 -0
  73. package/dist/shipping-estimator.scss +7 -3
  74. package/dist/social.scss +148 -38
  75. package/dist/sort.scss +11 -2
  76. package/dist/stack.scss +23 -3
  77. package/dist/static-text.scss +0 -1
  78. package/dist/store-locations.scss +887 -244
  79. package/dist/sub-category.scss +50 -19
  80. package/dist/tab-container-item.scss +80 -0
  81. package/dist/tab-container.scss +89 -0
  82. package/dist/tab-v2.scss +579 -0
  83. package/dist/table.scss +370 -91
  84. package/dist/tabs.scss +334 -74
  85. package/dist/text-temp-v2.scss +21 -9
  86. package/dist/types/builder/elements/add-order/index.d.ts +27 -0
  87. package/dist/types/builder/elements/create-form/index.d.ts +27 -0
  88. package/dist/types/builder/elements/form-builder/index.d.ts +2 -2
  89. package/dist/types/builder/elements/image/index.d.ts +13 -0
  90. package/dist/types/builder/enums/index.d.ts +5 -1
  91. package/dist/types/builder/index.d.ts +3 -1
  92. package/dist/types/builder/interfaces/global.d.ts +5 -0
  93. package/dist/types/builder/tools/element-edit/addOrder.d.ts +28 -0
  94. package/dist/types/builder/tools/element-edit/createForm.d.ts +15 -0
  95. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  96. package/dist/uom-selector.scss +1569 -383
  97. package/dist/variant-picker.scss +1593 -481
  98. package/dist/video.scss +212 -53
  99. package/dist/volume-pricing.scss +775 -196
  100. package/dist/widget.scss +14 -0
  101. package/package.json +1 -1
  102. package/dist/editor-core.scss +0 -537
  103. package/dist/tab-panel.scss +0 -93
  104. package/dist/text-editor.scss +0 -331
package/dist/store-locations.scss CHANGED
@@ -4,7 +4,8 @@
4
4
  [data-div-type="element"] {
5
5
  &[data-element-type="storeLocations"] {
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
9
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
9
10
 
10
11
  & > .wrapper {
@@ -45,11 +46,13 @@
45
46
  display: flex;
46
47
  flex-direction: column;
47
48
  align-items: center;
48
- padding: var(--_ctm-lt-pg);
49
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
50
+
49
51
  width: 100%;
50
52
  .search__with__btn {
51
53
  display: flex;
52
- gap: var(--_ctm-lt-im-sg);
54
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
55
+
53
56
  .search__section {
54
57
  height: auto;
55
58
  display: flex;
@@ -57,89 +60,212 @@
57
60
  min-width: 100px;
58
61
  min-height: 50px;
59
62
  border-color: var(
60
- --_show-border-im-se,
61
- var(--_ctm-dn-it-se-dt-se-br-cr, var(--_tst-dn-br-cr))
63
+ --_ctm-mob-dn-it-se-dt-se-br-cr,
64
+ var(--_ctm-tab-dn-it-se-dt-se-br-cr, var(--_ctm-dn-it-se-dt-se-br-cr))
62
65
  );
66
+
63
67
  border-style: var(
64
- --_show-border-im-se,
65
- var(--_ctm-dn-it-se-dt-se-br-se, var(--_tst-dn-br-se))
68
+ --_ctm-mob-dn-it-se-dt-se-br-se,
69
+ var(--_ctm-tab-dn-it-se-dt-se-br-se, var(--_ctm-dn-it-se-dt-se-br-se))
66
70
  );
71
+
67
72
  border-width: var(
68
- --_show-border-im-se,
69
- var(--_ctm-dn-it-se-dt-se-br-wh, var(--_tst-dn-br-wh))
73
+ --_ctm-mob-dn-it-se-dt-se-br-wh,
74
+ var(--_ctm-tab-dn-it-se-dt-se-br-wh, var(--_ctm-dn-it-se-dt-se-br-wh))
70
75
  );
71
- border-radius: var(--_ctm-dn-it-se-dt-se-br-rs, var(--_tst-dn-br-rs));
76
+
77
+ border-radius: var(
78
+ --_ctm-mob-dn-it-se-dt-se-br-rs,
79
+ var(--_ctm-tab-dn-it-se-dt-se-br-rs, var(--_ctm-dn-it-se-dt-se-br-rs))
80
+ );
81
+
72
82
  box-shadow: var(
73
- --_show-shadow-im-se,
74
- var(--_ctm-dn-it-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
75
- var(--_ctm-dn-it-se-dt-se-sw-br, var(--_tst-dn-sw-br))
76
- var(--_ctm-dn-it-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
77
- var(--_ctm-dn-it-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
83
+ --_ctm-mob-dn-it-se-dt-se-sw-ae,
84
+ var(--_ctm-tab-dn-it-se-dt-se-sw-ae, var(--_ctm-dn-it-se-dt-se-sw-ae))
85
+ )
86
+ var(
87
+ --_ctm-mob-dn-it-se-dt-se-sw-br,
88
+ var(--_ctm-tab-dn-it-se-dt-se-sw-br, var(--_ctm-dn-it-se-dt-se-sw-br))
89
+ )
90
+ var(
91
+ --_ctm-mob-dn-it-se-dt-se-sw-sd,
92
+ var(--_ctm-tab-dn-it-se-dt-se-sw-sd, var(--_ctm-dn-it-se-dt-se-sw-sd))
93
+ )
94
+ var(
95
+ --_ctm-mob-dn-it-se-dt-se-sw-cr,
96
+ var(--_ctm-tab-dn-it-se-dt-se-sw-cr, var(--_ctm-dn-it-se-dt-se-sw-cr))
97
+ );
98
+
99
+ background-color: var(
100
+ --_ctm-mob-dn-it-se-dt-se-bd-cr,
101
+ var(--_ctm-tab-dn-it-se-dt-se-bd-cr, var(--_ctm-dn-it-se-dt-se-bd-cr))
102
+ );
103
+
104
+ gap: var(
105
+ --_ctm-mob-dn-it-se-dt-se-in-ad-tt-sg,
106
+ var(--_ctm-tab-dn-it-se-dt-se-in-ad-tt-sg, var(--_ctm-dn-it-se-dt-se-in-ad-tt-sg))
78
107
  );
79
- background-color: var(--_ctm-dn-it-se-dt-se-bd-cr);
80
- gap: var(--_ctm-dn-it-se-dt-se-in-ad-tt-sg);
108
+
81
109
  & > span {
82
110
  padding-inline: 5px;
83
- width: var(--_ctm-dn-it-se-dt-se-in-se);
84
- height: var(--_ctm-dn-it-se-dt-se-in-se);
111
+ width: var(
112
+ --_ctm-mob-dn-it-se-dt-se-in-se,
113
+ var(--_ctm-tab-dn-it-se-dt-se-in-se, var(--_ctm-dn-it-se-dt-se-in-se))
114
+ );
115
+ height: var(
116
+ --_ctm-mob-dn-it-se-dt-se-in-se,
117
+ var(--_ctm-tab-dn-it-se-dt-se-in-se, var(--_ctm-dn-it-se-dt-se-in-se))
118
+ );
119
+
85
120
  path {
86
- stroke: var(--_ctm-dn-it-se-dt-se-in-c1);
121
+ stroke: var(
122
+ --_ctm-mob-dn-it-se-dt-se-in-c1,
123
+ var(--_ctm-tab-dn-it-se-dt-se-in-c1, var(--_ctm-dn-it-se-dt-se-in-c1))
124
+ );
87
125
  }
88
126
  }
127
+
89
128
  input[type="text"] {
90
129
  height: 100%;
91
- color: var(--_ctm-dn-it-se-dt-se-cr);
92
- font-family: var(--_ctm-dn-it-se-dt-se-ft-fy), sans-serif;
93
- font-size: var(--_ctm-dn-it-se-dt-se-ft-se);
94
- font-weight: var(--_ctm-dn-it-se-dt-se-ft-wt);
95
- font-style: var(--_ctm-dn-it-se-dt-se-ft-se-ic);
96
- text-align: var(--_ctm-dn-it-se-dt-se-tt-an);
97
- letter-spacing: var(--_ctm-dn-it-se-dt-se-lr-sg);
98
- line-height: var(--_ctm-dn-it-se-dt-se-le-ht);
99
- text-decoration: var(--_ctm-dn-it-se-dt-se-ue);
130
+ color: var(
131
+ --_ctm-mob-dn-it-se-dt-se-cr,
132
+ var(--_ctm-tab-dn-it-se-dt-se-cr, var(--_ctm-dn-it-se-dt-se-cr))
133
+ );
134
+ font-family: var(
135
+ --_ctm-mob-dn-it-se-dt-se-ft-fy,
136
+ var(--_ctm-tab-dn-it-se-dt-se-ft-fy, var(--_ctm-dn-it-se-dt-se-ft-fy))
137
+ ),
138
+ sans-serif;
139
+ font-size: var(
140
+ --_ctm-mob-dn-it-se-dt-se-ft-se,
141
+ var(--_ctm-tab-dn-it-se-dt-se-ft-se, var(--_ctm-dn-it-se-dt-se-ft-se))
142
+ );
143
+ font-weight: var(
144
+ --_ctm-mob-dn-it-se-dt-se-ft-wt,
145
+ var(--_ctm-tab-dn-it-se-dt-se-ft-wt, var(--_ctm-dn-it-se-dt-se-ft-wt))
146
+ );
147
+ font-style: var(
148
+ --_ctm-mob-dn-it-se-dt-se-ft-se-ic,
149
+ var(--_ctm-tab-dn-it-se-dt-se-ft-se-ic, var(--_ctm-dn-it-se-dt-se-ft-se-ic))
150
+ );
151
+ text-align: var(
152
+ --_ctm-mob-dn-it-se-dt-se-tt-an,
153
+ var(--_ctm-tab-dn-it-se-dt-se-tt-an, var(--_ctm-dn-it-se-dt-se-tt-an))
154
+ );
155
+ letter-spacing: var(
156
+ --_ctm-mob-dn-it-se-dt-se-lr-sg,
157
+ var(--_ctm-tab-dn-it-se-dt-se-lr-sg, var(--_ctm-dn-it-se-dt-se-lr-sg))
158
+ );
159
+ line-height: var(
160
+ --_ctm-mob-dn-it-se-dt-se-le-ht,
161
+ var(--_ctm-tab-dn-it-se-dt-se-le-ht, var(--_ctm-dn-it-se-dt-se-le-ht))
162
+ );
163
+ text-decoration: var(
164
+ --_ctm-mob-dn-it-se-dt-se-ue,
165
+ var(--_ctm-tab-dn-it-se-dt-se-ue, var(--_ctm-dn-it-se-dt-se-ue))
166
+ );
100
167
  }
168
+
101
169
  &:hover {
102
170
  border-color: var(
103
- --_show-border-im-se,
104
- var(--_ctm-dn-it-se-dt-se-br-cr, var(--_tst-dn-br-cr))
171
+ --_ctm-mob-dn-it-se-dt-se-br-cr,
172
+ var(--_ctm-tab-dn-it-se-dt-se-br-cr, var(--_ctm-dn-it-se-dt-se-br-cr))
105
173
  );
106
174
  border-style: var(
107
- --_show-border-im-se,
108
- var(--_ctm-dn-it-se-dt-se-br-se, var(--_tst-dn-br-se))
175
+ --_ctm-mob-dn-it-se-dt-se-br-se,
176
+ var(--_ctm-tab-dn-it-se-dt-se-br-se, var(--_ctm-dn-it-se-dt-se-br-se))
109
177
  );
110
178
  border-width: var(
111
- --_show-border-im-se,
112
- var(--_ctm-dn-it-se-dt-se-br-wh, var(--_tst-dn-br-wh))
179
+ --_ctm-mob-dn-it-se-dt-se-br-wh,
180
+ var(--_ctm-tab-dn-it-se-dt-se-br-wh, var(--_ctm-dn-it-se-dt-se-br-wh))
181
+ );
182
+ border-radius: var(
183
+ --_ctm-mob-dn-it-se-dt-se-br-rs,
184
+ var(--_ctm-tab-dn-it-se-dt-se-br-rs, var(--_ctm-dn-it-se-dt-se-br-rs))
113
185
  );
114
- border-radius: var(--_ctm-dn-it-se-dt-se-br-rs, var(--_tst-dn-br-rs));
115
186
  box-shadow: var(
116
- --_show-shadow-im-se,
117
- var(--_ctm-dn-it-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
118
- var(--_ctm-dn-it-se-dt-se-sw-br, var(--_tst-dn-sw-br))
119
- var(--_ctm-dn-it-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
120
- var(--_ctm-dn-it-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
187
+ --_ctm-mob-dn-it-se-dt-se-sw-ae,
188
+ var(--_ctm-tab-dn-it-se-dt-se-sw-ae, var(--_ctm-dn-it-se-dt-se-sw-ae))
189
+ )
190
+ var(
191
+ --_ctm-mob-dn-it-se-dt-se-sw-br,
192
+ var(--_ctm-tab-dn-it-se-dt-se-sw-br, var(--_ctm-dn-it-se-dt-se-sw-br))
193
+ )
194
+ var(
195
+ --_ctm-mob-dn-it-se-dt-se-sw-sd,
196
+ var(--_ctm-tab-dn-it-se-dt-se-sw-sd, var(--_ctm-dn-it-se-dt-se-sw-sd))
197
+ )
198
+ var(
199
+ --_ctm-mob-dn-it-se-dt-se-sw-cr,
200
+ var(--_ctm-tab-dn-it-se-dt-se-sw-cr, var(--_ctm-dn-it-se-dt-se-sw-cr))
201
+ );
202
+ background-color: var(
203
+ --_ctm-mob-dn-it-se-dt-se-bd-cr,
204
+ var(--_ctm-tab-dn-it-se-dt-se-bd-cr, var(--_ctm-dn-it-se-dt-se-bd-cr))
205
+ );
206
+ gap: var(
207
+ --_ctm-mob-dn-it-se-dt-se-in-ad-tt-sg,
208
+ var(--_ctm-tab-dn-it-se-dt-se-in-ad-tt-sg, var(--_ctm-dn-it-se-dt-se-in-ad-tt-sg))
121
209
  );
122
- background-color: var(--_ctm-dn-it-se-dt-se-bd-cr);
123
- gap: var(--_ctm-dn-it-se-dt-se-in-ad-tt-sg);
210
+
124
211
  & > span {
125
212
  padding-inline: 5px;
126
- width: var(--_ctm-dn-it-se-dt-se-in-se);
127
- height: var(--_ctm-dn-it-se-dt-se-in-se);
213
+ width: var(
214
+ --_ctm-mob-dn-it-se-dt-se-in-se,
215
+ var(--_ctm-tab-dn-it-se-dt-se-in-se, var(--_ctm-dn-it-se-dt-se-in-se))
216
+ );
217
+ height: var(
218
+ --_ctm-mob-dn-it-se-dt-se-in-se,
219
+ var(--_ctm-tab-dn-it-se-dt-se-in-se, var(--_ctm-dn-it-se-dt-se-in-se))
220
+ );
221
+
128
222
  path {
129
- stroke: var(--_ctm-dn-it-se-dt-se-in-c1);
223
+ stroke: var(
224
+ --_ctm-mob-dn-it-se-dt-se-in-c1,
225
+ var(--_ctm-tab-dn-it-se-dt-se-in-c1, var(--_ctm-dn-it-se-dt-se-in-c1))
226
+ );
130
227
  }
131
228
  }
229
+
132
230
  input[type="text"] {
133
231
  height: 100%;
134
- color: var(--_ctm-dn-it-se-dt-se-cr);
135
- font-family: var(--_ctm-dn-it-se-dt-se-ft-fy), sans-serif;
136
- font-size: var(--_ctm-dn-it-se-dt-se-ft-se);
137
- font-weight: var(--_ctm-dn-it-se-dt-se-ft-wt);
138
- font-style: var(--_ctm-dn-it-se-dt-se-ft-se-ic);
139
- text-align: var(--_ctm-dn-it-se-dt-se-tt-an);
140
- letter-spacing: var(--_ctm-dn-it-se-dt-se-lr-sg);
141
- line-height: var(--_ctm-dn-it-se-dt-se-le-ht);
142
- text-decoration: var(--_ctm-dn-it-se-dt-se-ue);
232
+ color: var(
233
+ --_ctm-mob-dn-it-se-dt-se-cr,
234
+ var(--_ctm-tab-dn-it-se-dt-se-cr, var(--_ctm-dn-it-se-dt-se-cr))
235
+ );
236
+ font-family: var(
237
+ --_ctm-mob-dn-it-se-dt-se-ft-fy,
238
+ var(--_ctm-tab-dn-it-se-dt-se-ft-fy, var(--_ctm-dn-it-se-dt-se-ft-fy))
239
+ ),
240
+ sans-serif;
241
+ font-size: var(
242
+ --_ctm-mob-dn-it-se-dt-se-ft-se,
243
+ var(--_ctm-tab-dn-it-se-dt-se-ft-se, var(--_ctm-dn-it-se-dt-se-ft-se))
244
+ );
245
+ font-weight: var(
246
+ --_ctm-mob-dn-it-se-dt-se-ft-wt,
247
+ var(--_ctm-tab-dn-it-se-dt-se-ft-wt, var(--_ctm-dn-it-se-dt-se-ft-wt))
248
+ );
249
+ font-style: var(
250
+ --_ctm-mob-dn-it-se-dt-se-ft-se-ic,
251
+ var(--_ctm-tab-dn-it-se-dt-se-ft-se-ic, var(--_ctm-dn-it-se-dt-se-ft-se-ic))
252
+ );
253
+ text-align: var(
254
+ --_ctm-mob-dn-it-se-dt-se-tt-an,
255
+ var(--_ctm-tab-dn-it-se-dt-se-tt-an, var(--_ctm-dn-it-se-dt-se-tt-an))
256
+ );
257
+ letter-spacing: var(
258
+ --_ctm-mob-dn-it-se-dt-se-lr-sg,
259
+ var(--_ctm-tab-dn-it-se-dt-se-lr-sg, var(--_ctm-dn-it-se-dt-se-lr-sg))
260
+ );
261
+ line-height: var(
262
+ --_ctm-mob-dn-it-se-dt-se-le-ht,
263
+ var(--_ctm-tab-dn-it-se-dt-se-le-ht, var(--_ctm-dn-it-se-dt-se-le-ht))
264
+ );
265
+ text-decoration: var(
266
+ --_ctm-mob-dn-it-se-dt-se-ue,
267
+ var(--_ctm-tab-dn-it-se-dt-se-ue, var(--_ctm-dn-it-se-dt-se-ue))
268
+ );
143
269
  }
144
270
  }
145
271
  }
@@ -152,81 +278,202 @@
152
278
  cursor: pointer;
153
279
  min-width: 100px;
154
280
  min-height: 50px;
281
+
155
282
  border-color: var(
156
- --_show-border-im-se,
157
- var(--_ctm-dn-se-ls-bn-dt-se-br-cr, var(--_tst-dn-br-cr))
283
+ --_ctm-mob-dn-se-ls-bn-dt-se-br-cr,
284
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-br-cr, var(--_ctm-dn-se-ls-bn-dt-se-br-cr))
158
285
  );
159
286
  border-style: var(
160
- --_show-border-im-se,
161
- var(--_ctm-dn-se-ls-bn-dt-se-br-se, var(--_tst-dn-br-se))
287
+ --_ctm-mob-dn-se-ls-bn-dt-se-br-se,
288
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-br-se, var(--_ctm-dn-se-ls-bn-dt-se-br-se))
162
289
  );
163
290
  border-width: var(
164
- --_show-border-im-se,
165
- var(--_ctm-dn-se-ls-bn-dt-se-br-wh, var(--_tst-dn-br-wh))
291
+ --_ctm-mob-dn-se-ls-bn-dt-se-br-wh,
292
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-br-wh, var(--_ctm-dn-se-ls-bn-dt-se-br-wh))
293
+ );
294
+ border-radius: var(
295
+ --_ctm-mob-dn-se-ls-bn-dt-se-br-rs,
296
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-br-rs, var(--_ctm-dn-se-ls-bn-dt-se-br-rs))
166
297
  );
167
- border-radius: var(--_ctm-dn-se-ls-bn-dt-se-br-rs, var(--_tst-dn-br-rs));
168
298
  box-shadow: var(
169
299
  --_show-shadow-im-se,
170
- var(--_ctm-dn-se-ls-bn-dt-se-sw-ae, var(--_tst-dn-sw-ae))
171
- var(--_ctm-dn-se-ls-bn-dt-se-sw-br, var(--_tst-dn-sw-br))
172
- var(--_ctm-dn-se-ls-bn-dt-se-sw-sd, var(--_tst-dn-sw-sd))
173
- var(--_ctm-dn-se-ls-bn-dt-se-sw-cr, var(--_tst-dn-sw-cr))
174
- );
175
- background-color: var(--_ctm-dn-se-ls-bn-dt-se-bd-cr);
176
- gap: var(--_ctm-dn-se-ls-bn-dt-se-in-ad-tt-sg);
177
- color: var(--_ctm-dn-se-ls-bn-dt-se-cr);
178
- font-family: var(--_ctm-dn-se-ls-bn-dt-se-ft-fy), sans-serif;
179
- font-size: var(--_ctm-dn-se-ls-bn-dt-se-ft-se);
180
- font-weight: var(--_ctm-dn-se-ls-bn-dt-se-ft-wt);
181
- font-style: var(--_ctm-dn-se-ls-bn-dt-se-ft-se-ic);
182
- text-align: var(--_ctm-dn-se-ls-bn-dt-se-tt-an);
183
- letter-spacing: var(--_ctm-dn-se-ls-bn-dt-se-lr-sg);
184
- line-height: var(--_ctm-dn-se-ls-bn-dt-se-le-ht);
185
- text-decoration: var(--_ctm-dn-se-ls-bn-dt-se-ue);
300
+ var(
301
+ --_ctm-mob-dn-se-ls-bn-dt-se-sw-ae,
302
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-sw-ae, var(--_ctm-dn-se-ls-bn-dt-se-sw-ae))
303
+ )
304
+ var(
305
+ --_ctm-mob-dn-se-ls-bn-dt-se-sw-br,
306
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-sw-br, var(--_ctm-dn-se-ls-bn-dt-se-sw-br))
307
+ )
308
+ var(
309
+ --_ctm-mob-dn-se-ls-bn-dt-se-sw-sd,
310
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-sw-sd, var(--_ctm-dn-se-ls-bn-dt-se-sw-sd))
311
+ )
312
+ var(
313
+ --_ctm-mob-dn-se-ls-bn-dt-se-sw-cr,
314
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-sw-cr, var(--_ctm-dn-se-ls-bn-dt-se-sw-cr))
315
+ )
316
+ );
317
+ background-color: var(
318
+ --_ctm-mob-dn-se-ls-bn-dt-se-bd-cr,
319
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-bd-cr, var(--_ctm-dn-se-ls-bn-dt-se-bd-cr))
320
+ );
321
+ gap: var(
322
+ --_ctm-mob-dn-se-ls-bn-dt-se-in-ad-tt-sg,
323
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-in-ad-tt-sg, var(--_ctm-dn-se-ls-bn-dt-se-in-ad-tt-sg))
324
+ );
325
+ color: var(
326
+ --_ctm-mob-dn-se-ls-bn-dt-se-cr,
327
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-cr, var(--_ctm-dn-se-ls-bn-dt-se-cr))
328
+ );
329
+ font-family: var(
330
+ --_ctm-mob-dn-se-ls-bn-dt-se-ft-fy,
331
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-ft-fy, var(--_ctm-dn-se-ls-bn-dt-se-ft-fy))
332
+ ),
333
+ sans-serif;
334
+ font-size: var(
335
+ --_ctm-mob-dn-se-ls-bn-dt-se-ft-se,
336
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-ft-se, var(--_ctm-dn-se-ls-bn-dt-se-ft-se))
337
+ );
338
+ font-weight: var(
339
+ --_ctm-mob-dn-se-ls-bn-dt-se-ft-wt,
340
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-ft-wt, var(--_ctm-dn-se-ls-bn-dt-se-ft-wt))
341
+ );
342
+ font-style: var(
343
+ --_ctm-mob-dn-se-ls-bn-dt-se-ft-se-ic,
344
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-ft-se-ic, var(--_ctm-dn-se-ls-bn-dt-se-ft-se-ic))
345
+ );
346
+ text-align: var(
347
+ --_ctm-mob-dn-se-ls-bn-dt-se-tt-an,
348
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-tt-an, var(--_ctm-dn-se-ls-bn-dt-se-tt-an))
349
+ );
350
+ letter-spacing: var(
351
+ --_ctm-mob-dn-se-ls-bn-dt-se-lr-sg,
352
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-lr-sg, var(--_ctm-dn-se-ls-bn-dt-se-lr-sg))
353
+ );
354
+ line-height: var(
355
+ --_ctm-mob-dn-se-ls-bn-dt-se-le-ht,
356
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-le-ht, var(--_ctm-dn-se-ls-bn-dt-se-le-ht))
357
+ );
358
+ text-decoration: var(
359
+ --_ctm-mob-dn-se-ls-bn-dt-se-ue,
360
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-ue, var(--_ctm-dn-se-ls-bn-dt-se-ue))
361
+ );
186
362
  svg {
187
- width: var(--_ctm-dn-se-ls-bn-dt-se-in-se);
188
- height: var(--_ctm-dn-se-ls-bn-dt-se-in-se);
363
+ width: var(
364
+ --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
365
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
366
+ );
367
+ height: var(
368
+ --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
369
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
370
+ );
189
371
  path {
190
- stroke: var(--_ctm-dn-se-ls-bn-dt-se-in-c1);
372
+ stroke: var(
373
+ --_ctm-mob-dn-se-ls-bn-dt-se-in-c1,
374
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-in-c1, var(--_ctm-dn-se-ls-bn-dt-se-in-c1))
375
+ );
191
376
  }
192
377
  }
193
378
  &:hover {
194
379
  border-color: var(
195
- --_show-border-im-se,
196
- var(--_ctm-dn-se-ls-bn-hr-se-br-cr, var(--_tst-dn-br-cr))
380
+ --_ctm-mob-dn-se-ls-bn-hr-se-br-cr,
381
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-br-cr, var(--_ctm-dn-se-ls-bn-hr-se-br-cr))
197
382
  );
198
383
  border-style: var(
199
- --_show-border-im-se,
200
- var(--_ctm-dn-se-ls-bn-hr-se-br-se, var(--_tst-dn-br-se))
384
+ --_ctm-mob-dn-se-ls-bn-hr-se-br-se,
385
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-br-se, var(--_ctm-dn-se-ls-bn-hr-se-br-se))
201
386
  );
202
387
  border-width: var(
203
- --_show-border-im-se,
204
- var(--_ctm-dn-se-ls-bn-hr-se-br-wh, var(--_tst-dn-br-wh))
388
+ --_ctm-mob-dn-se-ls-bn-hr-se-br-wh,
389
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-br-wh, var(--_ctm-dn-se-ls-bn-hr-se-br-wh))
390
+ );
391
+ border-radius: var(
392
+ --_ctm-mob-dn-se-ls-bn-hr-se-br-rs,
393
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-br-rs, var(--_ctm-dn-se-ls-bn-hr-se-br-rs))
205
394
  );
206
- border-radius: var(--_ctm-dn-se-ls-bn-hr-se-br-rs, var(--_tst-dn-br-rs));
207
395
  box-shadow: var(
208
396
  --_show-shadow-im-se,
209
- var(--_ctm-dn-se-ls-bn-hr-se-sw-ae, var(--_tst-dn-sw-ae))
210
- var(--_ctm-dn-se-ls-bn-hr-se-sw-br, var(--_tst-dn-sw-br))
211
- var(--_ctm-dn-se-ls-bn-hr-se-sw-sd, var(--_tst-dn-sw-sd))
212
- var(--_ctm-dn-se-ls-bn-hr-se-sw-cr, var(--_tst-dn-sw-cr))
213
- );
214
- background-color: var(--_ctm-dn-se-ls-bn-hr-se-bd-cr);
215
- gap: var(--_ctm-dn-se-ls-bn-hr-se-in-ad-tt-sg);
216
- color: var(--_ctm-dn-se-ls-bn-hr-se-cr);
217
- font-family: var(--_ctm-dn-se-ls-bn-hr-se-ft-fy), sans-serif;
218
- font-size: var(--_ctm-dn-se-ls-bn-hr-se-ft-se);
219
- font-weight: var(--_ctm-dn-se-ls-bn-hr-se-ft-wt);
220
- font-style: var(--_ctm-dn-se-ls-bn-hr-se-ft-se-ic);
221
- text-align: var(--_ctm-dn-se-ls-bn-hr-se-tt-an);
222
- letter-spacing: var(--_ctm-dn-se-ls-bn-hr-se-lr-sg);
223
- line-height: var(--_ctm-dn-se-ls-bn-hr-se-le-ht);
224
- text-decoration: var(--_ctm-dn-se-ls-bn-hr-se-ue);
397
+ var(
398
+ --_ctm-mob-dn-se-ls-bn-hr-se-sw-ae,
399
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-sw-ae, var(--_ctm-dn-se-ls-bn-hr-se-sw-ae))
400
+ )
401
+ var(
402
+ --_ctm-mob-dn-se-ls-bn-hr-se-sw-br,
403
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-sw-br, var(--_ctm-dn-se-ls-bn-hr-se-sw-br))
404
+ )
405
+ var(
406
+ --_ctm-mob-dn-se-ls-bn-hr-se-sw-sd,
407
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-sw-sd, var(--_ctm-dn-se-ls-bn-hr-se-sw-sd))
408
+ )
409
+ var(
410
+ --_ctm-mob-dn-se-ls-bn-hr-se-sw-cr,
411
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-sw-cr, var(--_ctm-dn-se-ls-bn-hr-se-sw-cr))
412
+ )
413
+ );
414
+ background-color: var(
415
+ --_ctm-mob-dn-se-ls-bn-hr-se-bd-cr,
416
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-bd-cr, var(--_ctm-dn-se-ls-bn-hr-se-bd-cr))
417
+ );
418
+ gap: var(
419
+ --_ctm-mob-dn-se-ls-bn-hr-se-in-ad-tt-sg,
420
+ var(
421
+ --_ctm-tab-dn-se-ls-bn-hr-se-in-ad-tt-sg,
422
+ var(--_ctm-dn-se-ls-bn-hr-se-in-ad-tt-sg)
423
+ )
424
+ );
425
+ color: var(
426
+ --_ctm-mob-dn-se-ls-bn-hr-se-cr,
427
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-cr, var(--_ctm-dn-se-ls-bn-hr-se-cr))
428
+ );
429
+ font-family: var(
430
+ --_ctm-mob-dn-se-ls-bn-hr-se-ft-fy,
431
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-ft-fy, var(--_ctm-dn-se-ls-bn-hr-se-ft-fy))
432
+ ),
433
+ sans-serif;
434
+ font-size: var(
435
+ --_ctm-mob-dn-se-ls-bn-hr-se-ft-se,
436
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-ft-se, var(--_ctm-dn-se-ls-bn-hr-se-ft-se))
437
+ );
438
+ font-weight: var(
439
+ --_ctm-mob-dn-se-ls-bn-hr-se-ft-wt,
440
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-ft-wt, var(--_ctm-dn-se-ls-bn-hr-se-ft-wt))
441
+ );
442
+ font-style: var(
443
+ --_ctm-mob-dn-se-ls-bn-hr-se-ft-se-ic,
444
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-ft-se-ic, var(--_ctm-dn-se-ls-bn-hr-se-ft-se-ic))
445
+ );
446
+ text-align: var(
447
+ --_ctm-mob-dn-se-ls-bn-hr-se-tt-an,
448
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-tt-an, var(--_ctm-dn-se-ls-bn-hr-se-tt-an))
449
+ );
450
+ letter-spacing: var(
451
+ --_ctm-mob-dn-se-ls-bn-hr-se-lr-sg,
452
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-lr-sg, var(--_ctm-dn-se-ls-bn-hr-se-lr-sg))
453
+ );
454
+ line-height: var(
455
+ --_ctm-mob-dn-se-ls-bn-hr-se-le-ht,
456
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-le-ht, var(--_ctm-dn-se-ls-bn-hr-se-le-ht))
457
+ );
458
+ text-decoration: var(
459
+ --_ctm-mob-dn-se-ls-bn-hr-se-ue,
460
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-ue, var(--_ctm-dn-se-ls-bn-hr-se-ue))
461
+ );
462
+
225
463
  svg {
226
- width: var(--_ctm-dn-se-ls-bn-hr-se-in-se);
227
- height: var(--_ctm-dn-se-ls-bn-hr-se-in-se);
464
+ width: var(
465
+ --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
466
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
467
+ );
468
+ height: var(
469
+ --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
470
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
471
+ );
228
472
  path {
229
- stroke: var(--_ctm-dn-se-ls-bn-hr-se-in-c1);
473
+ stroke: var(
474
+ --_ctm-mob-dn-se-ls-bn-hr-se-in-c1,
475
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-in-c1, var(--_ctm-dn-se-ls-bn-hr-se-in-c1))
476
+ );
230
477
  }
231
478
  }
232
479
  }
@@ -234,101 +481,307 @@
234
481
  }
235
482
  .stack {
236
483
  .static {
237
- color: var(--_ctm-dn-iy-tt-se-cr-dc);
238
- font-family: var(--_ctm-dn-iy-tt-se-ft-fy-dc), sans-serif;
239
- font-size: var(--_ctm-dn-iy-tt-se-ft-se-dc);
240
- font-weight: var(--_ctm-dn-iy-tt-se-ft-wt-dc);
241
- font-style: var(--_ctm-dn-iy-tt-se-ft-se-ic-dc);
242
- text-align: var(--_ctm-dn-iy-tt-se-tt-an-dc);
243
- letter-spacing: var(--_ctm-dn-iy-tt-se-lr-sg-dc);
244
- line-height: var(--_ctm-dn-iy-tt-se-le-ht-dc);
245
- text-decoration: var(--_ctm-dn-iy-tt-se-ue-dc);
484
+ color: var(
485
+ --_ctm-mob-dn-iy-tt-se-cr-dc,
486
+ var(--_ctm-tab-dn-iy-tt-se-cr-dc, var(--_ctm-dn-iy-tt-se-cr-dc))
487
+ );
488
+ font-family: var(
489
+ --_ctm-mob-dn-iy-tt-se-ft-fy-dc,
490
+ var(--_ctm-tab-dn-iy-tt-se-ft-fy-dc, var(--_ctm-dn-iy-tt-se-ft-fy-dc))
491
+ ),
492
+ sans-serif;
493
+ font-size: var(
494
+ --_ctm-mob-dn-iy-tt-se-ft-se-dc,
495
+ var(--_ctm-tab-dn-iy-tt-se-ft-se-dc, var(--_ctm-dn-iy-tt-se-ft-se-dc))
496
+ );
497
+ font-weight: var(
498
+ --_ctm-mob-dn-iy-tt-se-ft-wt-dc,
499
+ var(--_ctm-tab-dn-iy-tt-se-ft-wt-dc, var(--_ctm-dn-iy-tt-se-ft-wt-dc))
500
+ );
501
+ font-style: var(
502
+ --_ctm-mob-dn-iy-tt-se-ft-se-ic-dc,
503
+ var(--_ctm-tab-dn-iy-tt-se-ft-se-ic-dc, var(--_ctm-dn-iy-tt-se-ft-se-ic-dc))
504
+ );
505
+ text-align: var(
506
+ --_ctm-mob-dn-iy-tt-se-tt-an-dc,
507
+ var(--_ctm-tab-dn-iy-tt-se-tt-an-dc, var(--_ctm-dn-iy-tt-se-tt-an-dc))
508
+ );
509
+ letter-spacing: var(
510
+ --_ctm-mob-dn-iy-tt-se-lr-sg-dc,
511
+ var(--_ctm-tab-dn-iy-tt-se-lr-sg-dc, var(--_ctm-dn-iy-tt-se-lr-sg-dc))
512
+ );
513
+ line-height: var(
514
+ --_ctm-mob-dn-iy-tt-se-le-ht-dc,
515
+ var(--_ctm-tab-dn-iy-tt-se-le-ht-dc, var(--_ctm-dn-iy-tt-se-le-ht-dc))
516
+ );
517
+ text-decoration: var(
518
+ --_ctm-mob-dn-iy-tt-se-ue-dc,
519
+ var(--_ctm-tab-dn-iy-tt-se-ue-dc, var(--_ctm-dn-iy-tt-se-ue-dc))
520
+ );
246
521
  }
522
+
247
523
  .dynamic {
248
- color: var(--_ctm-dn-iy-tt-se-cr);
249
- font-family: var(--_ctm-dn-iy-tt-se-ft-fy), sans-serif;
250
- font-size: var(--_ctm-dn-iy-tt-se-ft-se);
251
- font-weight: var(--_ctm-dn-iy-tt-se-ft-wt);
252
- font-style: var(--_ctm-dn-iy-tt-se-ft-se-ic);
253
- text-align: var(--_ctm-dn-iy-tt-se-tt-an);
254
- letter-spacing: var(--_ctm-dn-iy-tt-se-lr-sg);
255
- line-height: var(--_ctm-dn-iy-tt-se-le-ht);
256
- text-decoration: var(--_ctm-dn-iy-tt-se-ue);
524
+ color: var(
525
+ --_ctm-mob-dn-iy-tt-se-cr,
526
+ var(--_ctm-tab-dn-iy-tt-se-cr, var(--_ctm-dn-iy-tt-se-cr))
527
+ );
528
+ font-family: var(
529
+ --_ctm-mob-dn-iy-tt-se-ft-fy,
530
+ var(--_ctm-tab-dn-iy-tt-se-ft-fy, var(--_ctm-dn-iy-tt-se-ft-fy))
531
+ ),
532
+ sans-serif;
533
+ font-size: var(
534
+ --_ctm-mob-dn-iy-tt-se-ft-se,
535
+ var(--_ctm-tab-dn-iy-tt-se-ft-se, var(--_ctm-dn-iy-tt-se-ft-se))
536
+ );
537
+ font-weight: var(
538
+ --_ctm-mob-dn-iy-tt-se-ft-wt,
539
+ var(--_ctm-tab-dn-iy-tt-se-ft-wt, var(--_ctm-dn-iy-tt-se-ft-wt))
540
+ );
541
+ font-style: var(
542
+ --_ctm-mob-dn-iy-tt-se-ft-se-ic,
543
+ var(--_ctm-tab-dn-iy-tt-se-ft-se-ic, var(--_ctm-dn-iy-tt-se-ft-se-ic))
544
+ );
545
+ text-align: var(
546
+ --_ctm-mob-dn-iy-tt-se-tt-an,
547
+ var(--_ctm-tab-dn-iy-tt-se-tt-an, var(--_ctm-dn-iy-tt-se-tt-an))
548
+ );
549
+ letter-spacing: var(
550
+ --_ctm-mob-dn-iy-tt-se-lr-sg,
551
+ var(--_ctm-tab-dn-iy-tt-se-lr-sg, var(--_ctm-dn-iy-tt-se-lr-sg))
552
+ );
553
+ line-height: var(
554
+ --_ctm-mob-dn-iy-tt-se-le-ht,
555
+ var(--_ctm-tab-dn-iy-tt-se-le-ht, var(--_ctm-dn-iy-tt-se-le-ht))
556
+ );
557
+ text-decoration: var(
558
+ --_ctm-mob-dn-iy-tt-se-ue,
559
+ var(--_ctm-tab-dn-iy-tt-se-ue, var(--_ctm-dn-iy-tt-se-ue))
560
+ );
257
561
  }
258
562
  .horizontal {
259
563
  display: flex;
260
564
  flex-direction: row;
261
565
  align-items: center;
262
566
  margin-top: 10px;
263
- gap: var(--_ctm-lt-im-sg);
567
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
264
568
  .item {
265
- padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
569
+ padding: var(
570
+ --_ctm-mob-dn-im-se-vl-pg,
571
+ var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
572
+ )
573
+ var(
574
+ --_ctm-mob-dn-im-se-hl-pg,
575
+ var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
576
+ );
266
577
  display: flex;
267
578
  flex-direction: column;
268
- background-color: var(--_ctm-dn-im-se-bd-cr);
579
+ background-color: var(
580
+ --_ctm-mob-dn-im-se-bd-cr,
581
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
582
+ );
269
583
  border-color: var(
270
584
  --_show-border-im-se,
271
- var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
585
+ var(
586
+ --_ctm-mob-dn-im-se-br-cr,
587
+ var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
588
+ )
272
589
  );
273
590
  border-style: var(
274
591
  --_show-border-im-se,
275
- var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
592
+ var(
593
+ --_ctm-mob-dn-im-se-br-se,
594
+ var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
595
+ )
276
596
  );
277
597
  border-width: var(
278
598
  --_show-border-im-se,
279
- var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
599
+ var(
600
+ --_ctm-mob-dn-im-se-br-wh,
601
+ var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
602
+ )
603
+ );
604
+ border-radius: var(
605
+ --_ctm-mob-dn-im-se-br-rs,
606
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
280
607
  );
281
- border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
282
608
  box-shadow: var(
283
609
  --_show-shadow-im-se,
284
- var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
285
- var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
286
- var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
287
- var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
610
+ var(
611
+ --_ctm-mob-dn-im-se-sw-ae,
612
+ var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
613
+ )
614
+ var(
615
+ --_ctm-mob-dn-im-se-sw-br,
616
+ var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
617
+ )
618
+ var(
619
+ --_ctm-mob-dn-im-se-sw-sd,
620
+ var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
621
+ )
622
+ var(
623
+ --_ctm-mob-dn-im-se-sw-cr,
624
+ var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
625
+ )
288
626
  );
627
+
289
628
  .name {
290
- color: var(--_ctm-dn-ln-ne-cr);
291
- font-family: var(--_ctm-dn-ln-ne-ft-fy), sans-serif;
292
- font-size: var(--_ctm-dn-ln-ne-ft-se);
293
- font-weight: var(--_ctm-dn-ln-ne-ft-wt);
294
- font-style: var(--_ctm-dn-ln-ne-ft-se-ic);
295
- text-align: var(--_ctm-dn-ln-ne-tt-an);
296
- letter-spacing: var(--_ctm-dn-ln-ne-lr-sg);
297
- line-height: var(--_ctm-dn-ln-ne-le-ht);
298
- text-decoration: var(--_ctm-dn-ln-ne-ue);
629
+ color: var(
630
+ --_ctm-mob-dn-ln-ne-cr,
631
+ var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
632
+ );
633
+ font-family: var(
634
+ --_ctm-mob-dn-ln-ne-ft-fy,
635
+ var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
636
+ ),
637
+ sans-serif;
638
+ font-size: var(
639
+ --_ctm-mob-dn-ln-ne-ft-se,
640
+ var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
641
+ );
642
+ font-weight: var(
643
+ --_ctm-mob-dn-ln-ne-ft-wt,
644
+ var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
645
+ );
646
+ font-style: var(
647
+ --_ctm-mob-dn-ln-ne-ft-se-ic,
648
+ var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
649
+ );
650
+ text-align: var(
651
+ --_ctm-mob-dn-ln-ne-tt-an,
652
+ var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
653
+ );
654
+ letter-spacing: var(
655
+ --_ctm-mob-dn-ln-ne-lr-sg,
656
+ var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
657
+ );
658
+ line-height: var(
659
+ --_ctm-mob-dn-ln-ne-le-ht,
660
+ var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
661
+ );
662
+ text-decoration: var(
663
+ --_ctm-mob-dn-ln-ne-ue,
664
+ var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
665
+ );
299
666
  }
667
+
300
668
  .address {
301
- color: var(--_ctm-dn-ln-as-cr);
302
- font-family: var(--_ctm-dn-ln-as-ft-fy), sans-serif;
303
- font-size: var(--_ctm-dn-ln-as-ft-se);
304
- font-weight: var(--_ctm-dn-ln-as-ft-wt);
305
- font-style: var(--_ctm-dn-ln-as-ft-se-ic);
306
- text-align: var(--_ctm-dn-ln-as-tt-an);
307
- letter-spacing: var(--_ctm-dn-ln-as-lr-sg);
308
- line-height: var(--_ctm-dn-ln-as-le-ht);
309
- text-decoration: var(--_ctm-dn-ln-as-ue);
669
+ color: var(
670
+ --_ctm-mob-dn-ln-as-cr,
671
+ var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
672
+ );
673
+ font-family: var(
674
+ --_ctm-mob-dn-ln-as-ft-fy,
675
+ var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
676
+ ),
677
+ sans-serif;
678
+ font-size: var(
679
+ --_ctm-mob-dn-ln-as-ft-se,
680
+ var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
681
+ );
682
+ font-weight: var(
683
+ --_ctm-mob-dn-ln-as-ft-wt,
684
+ var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
685
+ );
686
+ font-style: var(
687
+ --_ctm-mob-dn-ln-as-ft-se-ic,
688
+ var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
689
+ );
690
+ text-align: var(
691
+ --_ctm-mob-dn-ln-as-tt-an,
692
+ var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
693
+ );
694
+ letter-spacing: var(
695
+ --_ctm-mob-dn-ln-as-lr-sg,
696
+ var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
697
+ );
698
+ line-height: var(
699
+ --_ctm-mob-dn-ln-as-le-ht,
700
+ var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
701
+ );
702
+ text-decoration: var(
703
+ --_ctm-mob-dn-ln-as-ue,
704
+ var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
705
+ );
310
706
  }
707
+
311
708
  .inventory {
312
- color: var(--_ctm-dn-ln-iy-cr);
313
- font-family: var(--_ctm-dn-ln-iy-ft-fy), sans-serif;
314
- font-size: var(--_ctm-dn-ln-iy-ft-se);
315
- font-weight: var(--_ctm-dn-ln-iy-ft-wt);
316
- font-style: var(--_ctm-dn-ln-iy-ft-se-ic);
317
- text-align: var(--_ctm-dn-ln-iy-tt-an);
318
- letter-spacing: var(--_ctm-dn-ln-iy-lr-sg);
319
- line-height: var(--_ctm-dn-ln-iy-le-ht);
320
- text-decoration: var(--_ctm-dn-ln-iy-ue);
709
+ color: var(
710
+ --_ctm-mob-dn-ln-iy-cr,
711
+ var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
712
+ );
713
+ font-family: var(
714
+ --_ctm-mob-dn-ln-iy-ft-fy,
715
+ var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
716
+ ),
717
+ sans-serif;
718
+ font-size: var(
719
+ --_ctm-mob-dn-ln-iy-ft-se,
720
+ var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
721
+ );
722
+ font-weight: var(
723
+ --_ctm-mob-dn-ln-iy-ft-wt,
724
+ var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
725
+ );
726
+ font-style: var(
727
+ --_ctm-mob-dn-ln-iy-ft-se-ic,
728
+ var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
729
+ );
730
+ text-align: var(
731
+ --_ctm-mob-dn-ln-iy-tt-an,
732
+ var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
733
+ );
734
+ letter-spacing: var(
735
+ --_ctm-mob-dn-ln-iy-lr-sg,
736
+ var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
737
+ );
738
+ line-height: var(
739
+ --_ctm-mob-dn-ln-iy-le-ht,
740
+ var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
741
+ );
742
+ text-decoration: var(
743
+ --_ctm-mob-dn-ln-iy-ue,
744
+ var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
745
+ );
321
746
  }
322
747
  .status {
323
- color: var(--_ctm-dn-ln-ts-cr);
324
- font-family: var(--_ctm-dn-ln-ts-ft-fy), sans-serif;
325
- font-size: var(--_ctm-dn-ln-ts-ft-se);
326
- font-weight: var(--_ctm-dn-ln-ts-ft-wt);
327
- font-style: var(--_ctm-dn-ln-ts-ft-se-ic);
328
- text-align: var(--_ctm-dn-ln-ts-tt-an);
329
- letter-spacing: var(--_ctm-dn-ln-ts-lr-sg);
330
- line-height: var(--_ctm-dn-ln-ts-le-ht);
331
- text-decoration: var(--_ctm-dn-ln-ts-ue);
748
+ color: var(
749
+ --_ctm-mob-dn-ln-ts-cr,
750
+ var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
751
+ );
752
+ font-family: var(
753
+ --_ctm-mob-dn-ln-ts-ft-fy,
754
+ var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
755
+ ),
756
+ sans-serif;
757
+ font-size: var(
758
+ --_ctm-mob-dn-ln-ts-ft-se,
759
+ var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
760
+ );
761
+ font-weight: var(
762
+ --_ctm-mob-dn-ln-ts-ft-wt,
763
+ var(--_ctm-tab-dn-ln-ts-ft-wt, var(--_ctm-dn-ln-ts-ft-wt))
764
+ );
765
+ font-style: var(
766
+ --_ctm-mob-dn-ln-ts-ft-se-ic,
767
+ var(--_ctm-tab-dn-ln-ts-ft-se-ic, var(--_ctm-dn-ln-ts-ft-se-ic))
768
+ );
769
+ text-align: var(
770
+ --_ctm-mob-dn-ln-ts-tt-an,
771
+ var(--_ctm-tab-dn-ln-ts-tt-an, var(--_ctm-dn-ln-ts-tt-an))
772
+ );
773
+ letter-spacing: var(
774
+ --_ctm-mob-dn-ln-ts-lr-sg,
775
+ var(--_ctm-tab-dn-ln-ts-lr-sg, var(--_ctm-dn-ln-ts-lr-sg))
776
+ );
777
+ line-height: var(
778
+ --_ctm-mob-dn-ln-ts-le-ht,
779
+ var(--_ctm-tab-dn-ln-ts-le-ht, var(--_ctm-dn-ln-ts-le-ht))
780
+ );
781
+ text-decoration: var(
782
+ --_ctm-mob-dn-ln-ts-ue,
783
+ var(--_ctm-tab-dn-ln-ts-ue, var(--_ctm-dn-ln-ts-ue))
784
+ );
332
785
  }
333
786
  }
334
787
  }
@@ -336,79 +789,214 @@
336
789
  display: flex;
337
790
  flex-direction: column;
338
791
  align-items: flex-start;
339
- gap: var(--_ctm-lt-im-sg);
792
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
340
793
 
341
794
  .item {
342
795
  display: flex;
343
796
  flex-direction: column;
344
797
  width: 100%;
345
- padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
346
- display: flex;
347
- flex-direction: column;
348
- background-color: var(--_ctm-dn-im-se-bd-cr);
798
+ padding: var(
799
+ --_ctm-mob-dn-im-se-vl-pg,
800
+ var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
801
+ )
802
+ var(
803
+ --_ctm-mob-dn-im-se-hl-pg,
804
+ var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
805
+ );
806
+ background-color: var(
807
+ --_ctm-mob-dn-im-se-bd-cr,
808
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
809
+ );
810
+
349
811
  border-color: var(
350
- --_show-border-im-se,
351
- var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
812
+ --_ctm-mob-dn-im-se-br-cr,
813
+ var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
352
814
  );
353
815
  border-style: var(
354
- --_show-border-im-se,
355
- var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
816
+ --_ctm-mob-dn-im-se-br-se,
817
+ var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
356
818
  );
357
819
  border-width: var(
358
- --_show-border-im-se,
359
- var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
820
+ --_ctm-mob-dn-im-se-br-wh,
821
+ var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
360
822
  );
361
- border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
362
- box-shadow: var(
363
- --_show-shadow-im-se,
364
- var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
365
- var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
366
- var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
367
- var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
823
+ border-radius: var(
824
+ --_ctm-mob-dn-im-se-br-rs,
825
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
368
826
  );
827
+
828
+ box-shadow: var(
829
+ --_ctm-mob-dn-im-se-sw-ae,
830
+ var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
831
+ )
832
+ var(
833
+ --_ctm-mob-dn-im-se-sw-br,
834
+ var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
835
+ )
836
+ var(
837
+ --_ctm-mob-dn-im-se-sw-sd,
838
+ var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
839
+ )
840
+ var(
841
+ --_ctm-mob-dn-im-se-sw-cr,
842
+ var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
843
+ );
369
844
  .name {
370
- color: var(--_ctm-dn-ln-ne-cr);
371
- font-family: var(--_ctm-dn-ln-ne-ft-fy), sans-serif;
372
- font-size: var(--_ctm-dn-ln-ne-ft-se);
373
- font-weight: var(--_ctm-dn-ln-ne-ft-wt);
374
- font-style: var(--_ctm-dn-ln-ne-ft-se-ic);
375
- text-align: var(--_ctm-dn-ln-ne-tt-an);
376
- letter-spacing: var(--_ctm-dn-ln-ne-lr-sg);
377
- line-height: var(--_ctm-dn-ln-ne-le-ht);
378
- text-decoration: var(--_ctm-dn-ln-ne-ue);
845
+ color: var(
846
+ --_ctm-mob-dn-ln-ne-cr,
847
+ var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
848
+ );
849
+ font-family: var(
850
+ --_ctm-mob-dn-ln-ne-ft-fy,
851
+ var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
852
+ ),
853
+ sans-serif;
854
+ font-size: var(
855
+ --_ctm-mob-dn-ln-ne-ft-se,
856
+ var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
857
+ );
858
+ font-weight: var(
859
+ --_ctm-mob-dn-ln-ne-ft-wt,
860
+ var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
861
+ );
862
+ font-style: var(
863
+ --_ctm-mob-dn-ln-ne-ft-se-ic,
864
+ var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
865
+ );
866
+ text-align: var(
867
+ --_ctm-mob-dn-ln-ne-tt-an,
868
+ var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
869
+ );
870
+ letter-spacing: var(
871
+ --_ctm-mob-dn-ln-ne-lr-sg,
872
+ var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
873
+ );
874
+ line-height: var(
875
+ --_ctm-mob-dn-ln-ne-le-ht,
876
+ var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
877
+ );
878
+ text-decoration: var(
879
+ --_ctm-mob-dn-ln-ne-ue,
880
+ var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
881
+ );
379
882
  }
380
883
  .address {
381
- color: var(--_ctm-dn-ln-as-cr);
382
- font-family: var(--_ctm-dn-ln-as-ft-fy), sans-serif;
383
- font-size: var(--_ctm-dn-ln-as-ft-se);
384
- font-weight: var(--_ctm-dn-ln-as-ft-wt);
385
- font-style: var(--_ctm-dn-ln-as-ft-se-ic);
386
- text-align: var(--_ctm-dn-ln-as-tt-an);
387
- letter-spacing: var(--_ctm-dn-ln-as-lr-sg);
388
- line-height: var(--_ctm-dn-ln-as-le-ht);
389
- text-decoration: var(--_ctm-dn-ln-as-ue);
884
+ color: var(
885
+ --_ctm-mob-dn-ln-as-cr,
886
+ var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
887
+ );
888
+ font-family: var(
889
+ --_ctm-mob-dn-ln-as-ft-fy,
890
+ var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
891
+ ),
892
+ sans-serif;
893
+ font-size: var(
894
+ --_ctm-mob-dn-ln-as-ft-se,
895
+ var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
896
+ );
897
+ font-weight: var(
898
+ --_ctm-mob-dn-ln-as-ft-wt,
899
+ var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
900
+ );
901
+ font-style: var(
902
+ --_ctm-mob-dn-ln-as-ft-se-ic,
903
+ var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
904
+ );
905
+ text-align: var(
906
+ --_ctm-mob-dn-ln-as-tt-an,
907
+ var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
908
+ );
909
+ letter-spacing: var(
910
+ --_ctm-mob-dn-ln-as-lr-sg,
911
+ var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
912
+ );
913
+ line-height: var(
914
+ --_ctm-mob-dn-ln-as-le-ht,
915
+ var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
916
+ );
917
+ text-decoration: var(
918
+ --_ctm-mob-dn-ln-as-ue,
919
+ var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
920
+ );
390
921
  }
922
+
391
923
  .inventory {
392
- color: var(--_ctm-dn-ln-iy-cr);
393
- font-family: var(--_ctm-dn-ln-iy-ft-fy), sans-serif;
394
- font-size: var(--_ctm-dn-ln-iy-ft-se);
395
- font-weight: var(--_ctm-dn-ln-iy-ft-wt);
396
- font-style: var(--_ctm-dn-ln-iy-ft-se-ic);
397
- text-align: var(--_ctm-dn-ln-iy-tt-an);
398
- letter-spacing: var(--_ctm-dn-ln-iy-lr-sg);
399
- line-height: var(--_ctm-dn-ln-iy-le-ht);
400
- text-decoration: var(--_ctm-dn-ln-iy-ue);
924
+ color: var(
925
+ --_ctm-mob-dn-ln-iy-cr,
926
+ var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
927
+ );
928
+ font-family: var(
929
+ --_ctm-mob-dn-ln-iy-ft-fy,
930
+ var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
931
+ ),
932
+ sans-serif;
933
+ font-size: var(
934
+ --_ctm-mob-dn-ln-iy-ft-se,
935
+ var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
936
+ );
937
+ font-weight: var(
938
+ --_ctm-mob-dn-ln-iy-ft-wt,
939
+ var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
940
+ );
941
+ font-style: var(
942
+ --_ctm-mob-dn-ln-iy-ft-se-ic,
943
+ var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
944
+ );
945
+ text-align: var(
946
+ --_ctm-mob-dn-ln-iy-tt-an,
947
+ var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
948
+ );
949
+ letter-spacing: var(
950
+ --_ctm-mob-dn-ln-iy-lr-sg,
951
+ var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
952
+ );
953
+ line-height: var(
954
+ --_ctm-mob-dn-ln-iy-le-ht,
955
+ var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
956
+ );
957
+ text-decoration: var(
958
+ --_ctm-mob-dn-ln-iy-ue,
959
+ var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
960
+ );
401
961
  }
402
962
  .status {
403
- color: var(--_ctm-dn-ln-ts-cr);
404
- font-family: var(--_ctm-dn-ln-ts-ft-fy), sans-serif;
405
- font-size: var(--_ctm-dn-ln-ts-ft-se);
406
- font-weight: var(--_ctm-dn-ln-ts-ft-wt);
407
- font-style: var(--_ctm-dn-ln-ts-ft-se-ic);
408
- text-align: var(--_ctm-dn-ln-ts-tt-an);
409
- letter-spacing: var(--_ctm-dn-ln-ts-lr-sg);
410
- line-height: var(--_ctm-dn-ln-ts-le-ht);
411
- text-decoration: var(--_ctm-dn-ln-ts-ue);
963
+ color: var(
964
+ --_ctm-mob-dn-ln-ts-cr,
965
+ var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
966
+ );
967
+ font-family: var(
968
+ --_ctm-mob-dn-ln-ts-ft-fy,
969
+ var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
970
+ ),
971
+ sans-serif;
972
+ font-size: var(
973
+ --_ctm-mob-dn-ln-ts-ft-se,
974
+ var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
975
+ );
976
+ font-weight: var(
977
+ --_ctm-mob-dn-ln-ts-ft-wt,
978
+ var(--_ctm-tab-dn-ln-ts-ft-wt, var(--_ctm-dn-ln-ts-ft-wt))
979
+ );
980
+ font-style: var(
981
+ --_ctm-mob-dn-ln-ts-ft-se-ic,
982
+ var(--_ctm-tab-dn-ln-ts-ft-se-ic, var(--_ctm-dn-ln-ts-ft-se-ic))
983
+ );
984
+ text-align: var(
985
+ --_ctm-mob-dn-ln-ts-tt-an,
986
+ var(--_ctm-tab-dn-ln-ts-tt-an, var(--_ctm-dn-ln-ts-tt-an))
987
+ );
988
+ letter-spacing: var(
989
+ --_ctm-mob-dn-ln-ts-lr-sg,
990
+ var(--_ctm-tab-dn-ln-ts-lr-sg, var(--_ctm-dn-ln-ts-lr-sg))
991
+ );
992
+ line-height: var(
993
+ --_ctm-mob-dn-ln-ts-le-ht,
994
+ var(--_ctm-tab-dn-ln-ts-le-ht, var(--_ctm-dn-ln-ts-le-ht))
995
+ );
996
+ text-decoration: var(
997
+ --_ctm-mob-dn-ln-ts-ue,
998
+ var(--_ctm-tab-dn-ln-ts-ue, var(--_ctm-dn-ln-ts-ue))
999
+ );
412
1000
  }
413
1001
  }
414
1002
  }
@@ -422,35 +1010,90 @@
422
1010
  button {
423
1011
  padding: 10px;
424
1012
  cursor: pointer;
425
- color: var(--_ctm-dn-sw-me-is-bn-cr);
426
- font-family: var(--_ctm-dn-sw-me-is-bn-ft-fy), sans-serif;
427
- font-size: var(--_ctm-dn-sw-me-is-bn-ft-se);
428
- font-weight: var(--_ctm-dn-sw-me-is-bn-ft-wt);
429
- font-style: var(--_ctm-dn-sw-me-is-bn-ft-se-ic);
430
- text-align: var(--_ctm-dn-sw-me-is-bn-tt-an);
431
- letter-spacing: var(--_ctm-dn-sw-me-is-bn-lr-sg);
432
- line-height: var(--_ctm-dn-sw-me-is-bn-le-ht);
433
- text-decoration: var(--_ctm-dn-sw-me-is-bn-ue);
434
- background-color: var(--_ctm-dn-sw-me-is-bn-bd-cr);
1013
+ color: var(
1014
+ --_ctm-mob-dn-sw-me-is-bn-cr,
1015
+ var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1016
+ );
1017
+ font-family: var(
1018
+ --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1019
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1020
+ ),
1021
+ sans-serif;
1022
+ font-size: var(
1023
+ --_ctm-mob-dn-sw-me-is-bn-ft-se,
1024
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
1025
+ );
1026
+ font-weight: var(
1027
+ --_ctm-mob-dn-sw-me-is-bn-ft-wt,
1028
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
1029
+ );
1030
+ font-style: var(
1031
+ --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
1032
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
1033
+ );
1034
+ text-align: var(
1035
+ --_ctm-mob-dn-sw-me-is-bn-tt-an,
1036
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
1037
+ );
1038
+ letter-spacing: var(
1039
+ --_ctm-mob-dn-sw-me-is-bn-lr-sg,
1040
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
1041
+ );
1042
+ line-height: var(
1043
+ --_ctm-mob-dn-sw-me-is-bn-le-ht,
1044
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
1045
+ );
1046
+ text-decoration: var(
1047
+ --_ctm-mob-dn-sw-me-is-bn-ue,
1048
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
1049
+ );
1050
+ background-color: var(
1051
+ --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1052
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1053
+ );
435
1054
  border-color: var(
436
1055
  --_show-border-im-se,
437
- var(--_ctm-dn-sw-me-is-bn-br-cr, var(--_tst-dn-br-cr))
1056
+ var(
1057
+ --_ctm-mob-dn-sw-me-is-bn-br-cr,
1058
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1059
+ )
438
1060
  );
439
1061
  border-style: var(
440
1062
  --_show-border-im-se,
441
- var(--_ctm-dn-sw-me-is-bn-br-se, var(--_tst-dn-br-se))
1063
+ var(
1064
+ --_ctm-mob-dn-sw-me-is-bn-br-se,
1065
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1066
+ )
442
1067
  );
443
1068
  border-width: var(
444
1069
  --_show-border-im-se,
445
- var(--_ctm-dn-sw-me-is-bn-br-wh, var(--_tst-dn-br-wh))
1070
+ var(
1071
+ --_ctm-mob-dn-sw-me-is-bn-br-wh,
1072
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1073
+ )
1074
+ );
1075
+ border-radius: var(
1076
+ --_ctm-mob-dn-sw-me-is-bn-br-rs,
1077
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
446
1078
  );
447
- border-radius: var(--_ctm-dn-sw-me-is-bn-br-rs, var(--_tst-dn-br-rs));
448
1079
  box-shadow: var(
449
1080
  --_show-shadow-im-se,
450
- var(--_ctm-dn-sw-me-is-bn-sw-ae, var(--_tst-dn-sw-ae))
451
- var(--_ctm-dn-sw-me-is-bn-sw-br, var(--_tst-dn-sw-br))
452
- var(--_ctm-dn-sw-me-is-bn-sw-sd, var(--_tst-dn-sw-sd))
453
- var(--_ctm-dn-sw-me-is-bn-sw-cr, var(--_tst-dn-sw-cr))
1081
+ var(
1082
+ --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1083
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1084
+ )
1085
+ var(
1086
+ --_ctm-mob-dn-sw-me-is-bn-sw-br,
1087
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1088
+ )
1089
+ var(
1090
+ --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1091
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1092
+ )
1093
+ var(
1094
+ --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1095
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1096
+ )
454
1097
  );
455
1098
  }
456
1099
  }