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