@sc-360-v2/storefront-cms-library 0.3.62 → 0.3.63

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 (45) hide show
  1. package/dist/add-products-tab copy.scss +9 -8
  2. package/dist/add-products-tab.scss +9 -8
  3. package/dist/badge.scss +87 -83
  4. package/dist/builder.js +1 -1
  5. package/dist/cart-details.scss +25 -22
  6. package/dist/cart-summary.scss +17 -143
  7. package/dist/cart-wrapper.scss +127 -0
  8. package/dist/cartDropdownOverlay.scss +23 -4
  9. package/dist/checkout.scss +96 -573
  10. package/dist/dropdownTemplate.scss +58 -4
  11. package/dist/icon-list.scss +25 -19
  12. package/dist/icons.js +1 -1
  13. package/dist/image-for-product.scss +19 -0
  14. package/dist/index.js +1 -1
  15. package/dist/item-stock.scss +27 -26
  16. package/dist/mega-menu-container.scss +96 -0
  17. package/dist/mega-menu.scss +832 -0
  18. package/dist/menu-v2.scss +30 -5
  19. package/dist/modal.scss +168 -8
  20. package/dist/order-status.scss +18 -15
  21. package/dist/past-orders.scss +279 -271
  22. package/dist/payment-methods.scss +72 -69
  23. package/dist/position-module.scss +2 -1
  24. package/dist/prefix-list.scss +3 -0
  25. package/dist/quick-links.scss +49 -46
  26. package/dist/quick-order-pad.scss +3 -0
  27. package/dist/quotes.scss +123 -117
  28. package/dist/rfqs.scss +123 -117
  29. package/dist/simple-list.scss +264 -0
  30. package/dist/templates.scss +299 -0
  31. package/dist/types/builder/elements/cart-wrapper/index.d.ts +44 -0
  32. package/dist/types/builder/elements/mega-menu/index.d.ts +47 -0
  33. package/dist/types/builder/elements/mega-menu-container/index.d.ts +44 -0
  34. package/dist/types/builder/elements/simple-list/index.d.ts +47 -0
  35. package/dist/types/builder/enums/index.d.ts +7 -1
  36. package/dist/types/builder/index.d.ts +5 -1
  37. package/dist/types/builder/tools/element-edit/cart-wrapper.d.ts +16 -0
  38. package/dist/types/builder/tools/element-edit/index.d.ts +5 -1
  39. package/dist/types/builder/tools/element-edit/mega-menu.d.ts +41 -0
  40. package/dist/types/builder/tools/element-edit/megaMenuContainer.d.ts +9 -0
  41. package/dist/types/builder/tools/element-edit/simple-list.d.ts +37 -0
  42. package/dist/types/website/constants/data-connectors.d.ts +18 -0
  43. package/dist/website.js +1 -1
  44. package/dist/widget.scss +4 -0
  45. package/package.json +1 -1
package/dist/past-orders.scss CHANGED
@@ -49,22 +49,23 @@ $resizeActive: '[data-cms-element-resizer="true"]';
49
49
  // border: 1px solid var(--_primary-100);
50
50
  // background: #fff;
51
51
  //width: 349px;
52
- font-family: prepareMediaVariable(dn-wt-se-ft-fy);
53
- font-size: prepareMediaVariable(dn-wt-se-ft-se);
54
- color: prepareMediaVariable(dn-wt-se-cr);
55
- font-weight: prepareMediaVariable(dn-wt-se-ft-wt);
56
- font-style: prepareMediaVariable(dn-wt-se-ft-se-ic);
57
- text-decoration: prepareMediaVariable(dn-wt-se-ue);
58
- text-align: prepareMediaVariable(dn-wt-se-tt-an);
59
- letter-spacing: prepareMediaVariable(dn-wt-se-lr-sg);
60
- line-height: prepareMediaVariable(dn-wt-se-le-ht);
61
- background-color: prepareMediaVariable(dn-wt-se-bd-cr);
62
- border-width: prepareMediaVariable(dn-wt-se-br-wh);
63
- border-color: prepareMediaVariable(dn-wt-se-br-cr);
64
- border-style: prepareMediaVariable(dn-wt-se-br-se);
65
- border-radius: prepareMediaVariable(dn-wt-se-br-rs);
66
- box-shadow: prepareMediaVariable(dn-wt-se-sw-ae) prepareMediaVariable(dn-wt-se-sw-br)
67
- prepareMediaVariable(dn-wt-se-sw-sd) prepareMediaVariable(dn-wt-se-sw-cr);
52
+ font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
53
+ font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
54
+ color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
55
+ font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
56
+ font-style: prepareMediaVariable(--_ctm-dn-wt-se-ft-se-ic);
57
+ text-decoration: prepareMediaVariable(--_ctm-dn-wt-se-ue);
58
+ text-align: prepareMediaVariable(--_ctm-dn-wt-se-tt-an);
59
+ letter-spacing: prepareMediaVariable(--_ctm-dn-wt-se-lr-sg);
60
+ line-height: prepareMediaVariable(--_ctm-dn-wt-se-le-ht);
61
+ background-color: prepareMediaVariable(--_ctm-dn-wt-se-bd-cr);
62
+ border-width: prepareMediaVariable(--_ctm-dn-wt-se-br-wh);
63
+ border-color: prepareMediaVariable(--_ctm-dn-wt-se-br-cr);
64
+ border-style: prepareMediaVariable(--_ctm-dn-wt-se-br-se);
65
+ border-radius: prepareMediaVariable(--_ctm-dn-wt-se-br-rs);
66
+ box-shadow: prepareMediaVariable(--_ctm-dn-wt-se-sw-ae)
67
+ prepareMediaVariable(--_ctm-dn-wt-se-sw-br) prepareMediaVariable(--_ctm-dn-wt-se-sw-sd)
68
+ prepareMediaVariable(--_ctm-dn-wt-se-sw-cr);
68
69
 
69
70
  .heading {
70
71
  display: flex;
@@ -79,15 +80,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
79
80
  // font-size: 20px;
80
81
  // font-weight: 600;
81
82
  // line-height: 30px;
82
- font-family: prepareMediaVariable(dn-wt-se-ft-fy);
83
- font-size: prepareMediaVariable(dn-wt-se-ft-se);
84
- color: prepareMediaVariable(dn-wt-se-cr);
85
- font-weight: prepareMediaVariable(dn-wt-se-ft-wt);
86
- font-style: prepareMediaVariable(dn-wt-se-ft-se-ic);
87
- text-decoration: prepareMediaVariable(dn-wt-se-ue);
88
- text-align: prepareMediaVariable(dn-wt-se-tt-an);
89
- letter-spacing: prepareMediaVariable(dn-wt-se-lr-sg);
90
- line-height: prepareMediaVariable(dn-wt-se-le-ht);
83
+ font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
84
+ font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
85
+ color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
86
+ font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
87
+ font-style: prepareMediaVariable(--_ctm-dn-wt-se-ft-se-ic);
88
+ text-decoration: prepareMediaVariable(--_ctm-dn-wt-se-ue);
89
+ text-align: prepareMediaVariable(--_ctm-dn-wt-se-tt-an);
90
+ letter-spacing: prepareMediaVariable(--_ctm-dn-wt-se-lr-sg);
91
+ line-height: prepareMediaVariable(--_ctm-dn-wt-se-le-ht);
91
92
  }
92
93
  }
93
94
 
@@ -98,13 +99,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
98
99
  align-items: center;
99
100
  align-self: stretch;
100
101
  border-radius: 0px 0px 6px 6px;
101
- background-color: prepareMediaVariable(dn-im-se-bd-cr);
102
- border-width: prepareMediaVariable(dn-im-se-br-wh);
103
- border-color: prepareMediaVariable(dn-im-se-br-cr);
104
- border-style: prepareMediaVariable(dn-im-se-br-se);
105
- border-radius: prepareMediaVariable(dn-im-se-br-rs);
106
- box-shadow: prepareMediaVariable(dn-im-se-sw-ae) prepareMediaVariable(dn-im-se-sw-br)
107
- prepareMediaVariable(dn-im-se-sw-sd) prepareMediaVariable(dn-im-se-sw-cr);
102
+ background-color: prepareMediaVariable(--_ctm-dn-im-se-bd-cr);
103
+ border-width: prepareMediaVariable(--_ctm-dn-im-se-br-wh);
104
+ border-color: prepareMediaVariable(--_ctm-dn-im-se-br-cr);
105
+ border-style: prepareMediaVariable(--_ctm-dn-im-se-br-se);
106
+ border-radius: prepareMediaVariable(--_ctm-dn-im-se-br-rs);
107
+ box-shadow: prepareMediaVariable(--_ctm-dn-im-se-sw-ae)
108
+ prepareMediaVariable(--_ctm-dn-im-se-sw-br) prepareMediaVariable(--_ctm-dn-im-se-sw-sd)
109
+ prepareMediaVariable(--_ctm-dn-im-se-sw-cr);
108
110
 
109
111
  .order_content {
110
112
  display: flex;
@@ -116,15 +118,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
116
118
  flex-shrink: 0;
117
119
  align-self: stretch;
118
120
 
119
- font-family: prepareMediaVariable(dn-im-se-ft-fy);
120
- font-size: prepareMediaVariable(dn-im-se-ft-se);
121
- color: prepareMediaVariable(dn-im-se-cr);
122
- font-weight: prepareMediaVariable(dn-im-se-ft-wt);
123
- font-style: prepareMediaVariable(dn-im-se-ft-se-ic);
124
- text-decoration: prepareMediaVariable(dn-im-se-ue);
125
- text-align: prepareMediaVariable(dn-im-se-tt-an);
126
- letter-spacing: prepareMediaVariable(dn-im-se-lr-sg);
127
- line-height: prepareMediaVariable(dn-im-se-le-ht);
121
+ font-family: prepareMediaVariable(--_ctm-dn-im-se-ft-fy);
122
+ font-size: prepareMediaVariable(--_ctm-dn-im-se-ft-se);
123
+ color: prepareMediaVariable(--_ctm-dn-im-se-cr);
124
+ font-weight: prepareMediaVariable(--_ctm-dn-im-se-ft-wt);
125
+ font-style: prepareMediaVariable(--_ctm-dn-im-se-ft-se-ic);
126
+ text-decoration: prepareMediaVariable(--_ctm-dn-im-se-ue);
127
+ text-align: prepareMediaVariable(--_ctm-dn-im-se-tt-an);
128
+ letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-lr-sg);
129
+ line-height: prepareMediaVariable(--_ctm-dn-im-se-le-ht);
128
130
 
129
131
  .heading_wrapper {
130
132
  display: flex;
@@ -139,22 +141,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
139
141
  // font-weight: 600;
140
142
  // line-height: 20px;
141
143
  flex: 1 0 0;
142
- font-family: prepareMediaVariable(dn-or-id-ft-fy);
143
- font-size: prepareMediaVariable(dn-or-id-ft-se);
144
- color: prepareMediaVariable(dn-or-id-cr);
145
- font-weight: prepareMediaVariable(dn-or-id-ft-wt);
146
- font-style: prepareMediaVariable(dn-or-id-ft-se-ic);
147
- text-decoration: prepareMediaVariable(dn-or-id-ue);
148
- text-align: prepareMediaVariable(dn-or-id-tt-an);
149
- letter-spacing: prepareMediaVariable(dn-or-id-lr-sg);
150
- line-height: prepareMediaVariable(dn-or-id-le-ht);
151
- background-color: prepareMediaVariable(dn-or-id-bd-cr);
152
- border-width: prepareMediaVariable(dn-or-id-br-wh);
153
- border-color: prepareMediaVariable(dn-or-id-br-cr);
154
- border-style: prepareMediaVariable(dn-or-id-br-se);
155
- border-radius: prepareMediaVariable(dn-or-id-br-rs);
156
- box-shadow: prepareMediaVariable(dn-or-id-sw-ae) prepareMediaVariable(dn-or-id-sw-br)
157
- prepareMediaVariable(dn-or-id-sw-sd) prepareMediaVariable(dn-or-id-sw-cr);
144
+ font-family: prepareMediaVariable(--_ctm-dn-or-id-ft-fy);
145
+ font-size: prepareMediaVariable(--_ctm-dn-or-id-ft-se);
146
+ color: prepareMediaVariable(--_ctm-dn-or-id-cr);
147
+ font-weight: prepareMediaVariable(--_ctm-dn-or-id-ft-wt);
148
+ font-style: prepareMediaVariable(--_ctm-dn-or-id-ft-se-ic);
149
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-id-ue);
150
+ text-align: prepareMediaVariable(--_ctm-dn-or-id-tt-an);
151
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-id-lr-sg);
152
+ line-height: prepareMediaVariable(--_ctm-dn-or-id-le-ht);
153
+ background-color: prepareMediaVariable(--_ctm-dn-or-id-bd-cr);
154
+ border-width: prepareMediaVariable(--_ctm-dn-or-id-br-wh);
155
+ border-color: prepareMediaVariable(--_ctm-dn-or-id-br-cr);
156
+ border-style: prepareMediaVariable(--_ctm-dn-or-id-br-se);
157
+ border-radius: prepareMediaVariable(--_ctm-dn-or-id-br-rs);
158
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-id-sw-ae)
159
+ prepareMediaVariable(--_ctm-dn-or-id-sw-br)
160
+ prepareMediaVariable(--_ctm-dn-or-id-sw-sd)
161
+ prepareMediaVariable(--_ctm-dn-or-id-sw-cr);
158
162
  }
159
163
 
160
164
  .status_badge {
@@ -165,184 +169,184 @@ $resizeActive: '[data-cms-element-resizer="true"]';
165
169
  //border-radius: 16px;
166
170
  //background: #fff4ed;
167
171
  mix-blend-mode: multiply;
168
- // background-color: prepareMediaVariable(dn-or-ss-bd-cr);
169
- // border-width: prepareMediaVariable(dn-or-ss-br-wh);
170
- // border-color: prepareMediaVariable(dn-or-ss-br-cr);
171
- // border-style: prepareMediaVariable(dn-or-ss-br-se);
172
- // border-radius: prepareMediaVariable(dn-or-ss-br-rs);
173
- // box-shadow: prepareMediaVariable(dn-or-ss-sw-ae) prepareMediaVariable(dn-or-ss-sw-br) prepareMediaVariable(dn-or-ss-sw-sd) prepareMediaVariable(dn-or-ss-sw-cr);
172
+ // background-color: prepareMediaVariable(--_ctm-dn-or-ss-bd-cr);
173
+ // border-width: prepareMediaVariable(--_ctm-dn-or-ss-br-wh);
174
+ // border-color: prepareMediaVariable(--_ctm-dn-or-ss-br-cr);
175
+ // border-style: prepareMediaVariable(--_ctm-dn-or-ss-br-se);
176
+ // border-radius: prepareMediaVariable(--_ctm-dn-or-ss-br-rs);
177
+ // box-shadow: prepareMediaVariable(--_ctm-dn-or-ss-sw-ae) prepareMediaVariable(--_ctm-dn-or-ss-sw-br) prepareMediaVariable(--_ctm-dn-or-ss-sw-sd) prepareMediaVariable(--_ctm-dn-or-ss-sw-cr);
174
178
  &[data-orderStatus="Submitted"] {
175
- background-color: prepareMediaVariable(dn-or-ss-sd-se-bd-cr);
176
- border-width: prepareMediaVariable(dn-or-ss-sd-se-br-wh);
177
- border-color: prepareMediaVariable(dn-or-ss-sd-se-br-cr);
178
- border-style: prepareMediaVariable(dn-or-ss-sd-se-br-se);
179
- border-radius: prepareMediaVariable(dn-or-ss-sd-se-br-rs);
180
- box-shadow: prepareMediaVariable(dn-or-ss-sd-se-sw-ae)
181
- prepareMediaVariable(dn-or-ss-sd-se-sw-br)
182
- prepareMediaVariable(dn-or-ss-sd-se-sw-sd)
183
- prepareMediaVariable(dn-or-ss-sd-se-sw-cr);
179
+ background-color: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-bd-cr);
180
+ border-width: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-br-wh);
181
+ border-color: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-br-cr);
182
+ border-style: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-br-se);
183
+ border-radius: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-br-rs);
184
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-sw-ae)
185
+ prepareMediaVariable(--_ctm-dn-or-ss-sd-se-sw-br)
186
+ prepareMediaVariable(--_ctm-dn-or-ss-sd-se-sw-sd)
187
+ prepareMediaVariable(--_ctm-dn-or-ss-sd-se-sw-cr);
184
188
  .icon {
185
189
  display: var(--_hover-show-icon, var(--_show-icon, flex));
186
190
  svg {
187
- width: prepareMediaVariable(dn-or-ss-sd-se-in-se);
188
- height: prepareMediaVariable(dn-or-ss-sd-se-in-se);
191
+ width: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-in-se);
192
+ height: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-in-se);
189
193
 
190
194
  path {
191
- stroke: prepareMediaVariable(dn-or-ss-sd-se-in-c1);
195
+ stroke: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-in-c1);
192
196
  }
193
197
  }
194
198
  }
195
199
  }
196
200
  &[data-orderStatus="In Review"] {
197
- background-color: prepareMediaVariable(dn-or-ss-in-rw-se-bd-cr);
198
- border-width: prepareMediaVariable(dn-or-ss-in-rw-se-br-wh);
199
- border-color: prepareMediaVariable(dn-or-ss-in-rw-se-br-cr);
200
- border-style: prepareMediaVariable(dn-or-ss-in-rw-se-br-se);
201
- border-radius: prepareMediaVariable(dn-or-ss-in-rw-se-br-rs);
202
- box-shadow: prepareMediaVariable(dn-or-ss-in-rw-se-sw-ae)
203
- prepareMediaVariable(dn-or-ss-in-rw-se-sw-br)
204
- prepareMediaVariable(dn-or-ss-in-rw-se-sw-sd)
205
- prepareMediaVariable(dn-or-ss-in-rw-se-sw-cr);
201
+ background-color: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-bd-cr);
202
+ border-width: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-br-wh);
203
+ border-color: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-br-cr);
204
+ border-style: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-br-se);
205
+ border-radius: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-br-rs);
206
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-sw-ae)
207
+ prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-sw-br)
208
+ prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-sw-sd)
209
+ prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-sw-cr);
206
210
  .icon {
207
211
  display: var(--_hover-show-icon, var(--_show-icon, flex));
208
212
  svg {
209
- width: prepareMediaVariable(dn-or-ss-in-rw-se-in-se);
210
- height: prepareMediaVariable(dn-or-ss-in-rw-se-in-se);
213
+ width: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-in-se);
214
+ height: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-in-se);
211
215
 
212
216
  path {
213
- stroke: prepareMediaVariable(dn-or-ss-in-rw-se-in-c1);
217
+ stroke: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-in-c1);
214
218
  }
215
219
  }
216
220
  }
217
221
  }
218
222
  &[data-orderStatus="Accepted"] {
219
- background-color: prepareMediaVariable(dn-or-ss-ad-se-bd-cr);
220
- border-width: prepareMediaVariable(dn-or-ss-ad-se-br-wh);
221
- border-color: prepareMediaVariable(dn-or-ss-ad-se-br-cr);
222
- border-style: prepareMediaVariable(dn-or-ss-ad-se-br-se);
223
- border-radius: prepareMediaVariable(dn-or-ss-ad-se-br-rs);
224
- box-shadow: prepareMediaVariable(dn-or-ss-ad-se-sw-ae)
225
- prepareMediaVariable(dn-or-ss-ad-se-sw-br)
226
- prepareMediaVariable(dn-or-ss-ad-se-sw-sd)
227
- prepareMediaVariable(dn-or-ss-ad-se-sw-cr);
223
+ background-color: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-bd-cr);
224
+ border-width: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-br-wh);
225
+ border-color: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-br-cr);
226
+ border-style: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-br-se);
227
+ border-radius: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-br-rs);
228
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-sw-ae)
229
+ prepareMediaVariable(--_ctm-dn-or-ss-ad-se-sw-br)
230
+ prepareMediaVariable(--_ctm-dn-or-ss-ad-se-sw-sd)
231
+ prepareMediaVariable(--_ctm-dn-or-ss-ad-se-sw-cr);
228
232
  .icon {
229
233
  display: var(--_hover-show-icon, var(--_show-icon, flex));
230
234
  svg {
231
- width: prepareMediaVariable(dn-or-ss-ad-se-in-se);
232
- height: prepareMediaVariable(dn-or-ss-ad-se-in-se);
235
+ width: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-in-se);
236
+ height: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-in-se);
233
237
 
234
238
  path {
235
- stroke: prepareMediaVariable(dn-or-ss-ad-se-in-c1);
239
+ stroke: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-in-c1);
236
240
  }
237
241
  }
238
242
  }
239
243
  }
240
244
  &[data-orderStatus="Processing"] {
241
- background-color: prepareMediaVariable(dn-or-ss-pg-se-bd-cr);
242
- border-width: prepareMediaVariable(dn-or-ss-pg-se-br-wh);
243
- border-color: prepareMediaVariable(dn-or-ss-pg-se-br-cr);
244
- border-style: prepareMediaVariable(dn-or-ss-pg-se-br-se);
245
- border-radius: prepareMediaVariable(dn-or-ss-pg-se-br-rs);
246
- box-shadow: prepareMediaVariable(dn-or-ss-pg-se-sw-ae)
247
- prepareMediaVariable(dn-or-ss-pg-se-sw-br)
248
- prepareMediaVariable(dn-or-ss-pg-se-sw-sd)
249
- prepareMediaVariable(dn-or-ss-pg-se-sw-cr);
245
+ background-color: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-bd-cr);
246
+ border-width: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-br-wh);
247
+ border-color: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-br-cr);
248
+ border-style: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-br-se);
249
+ border-radius: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-br-rs);
250
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-sw-ae)
251
+ prepareMediaVariable(--_ctm-dn-or-ss-pg-se-sw-br)
252
+ prepareMediaVariable(--_ctm-dn-or-ss-pg-se-sw-sd)
253
+ prepareMediaVariable(--_ctm-dn-or-ss-pg-se-sw-cr);
250
254
  .icon {
251
255
  display: var(--_hover-show-icon, var(--_show-icon, flex));
252
256
  svg {
253
- width: prepareMediaVariable(dn-or-ss-pg-se-in-se);
254
- height: prepareMediaVariable(dn-or-ss-pg-se-in-se);
257
+ width: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-in-se);
258
+ height: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-in-se);
255
259
 
256
260
  path {
257
- stroke: prepareMediaVariable(dn-or-ss-pg-se-in-c1);
261
+ stroke: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-in-c1);
258
262
  }
259
263
  }
260
264
  }
261
265
  }
262
266
  &[data-orderStatus="Partially Fulfilled"] {
263
- background-color: prepareMediaVariable(dn-or-ss-py-fd-se-bd-cr);
264
- border-width: prepareMediaVariable(dn-or-ss-py-fd-se-br-wh);
265
- border-color: prepareMediaVariable(dn-or-ss-py-fd-se-br-cr);
266
- border-style: prepareMediaVariable(dn-or-ss-py-fd-se-br-se);
267
- border-radius: prepareMediaVariable(dn-or-ss-py-fd-se-br-rs);
268
- box-shadow: prepareMediaVariable(dn-or-ss-py-fd-se-sw-ae)
269
- prepareMediaVariable(dn-or-ss-py-fd-se-sw-br)
270
- prepareMediaVariable(dn-or-ss-py-fd-se-sw-sd)
271
- prepareMediaVariable(dn-or-ss-py-fd-se-sw-cr);
267
+ background-color: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-bd-cr);
268
+ border-width: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-br-wh);
269
+ border-color: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-br-cr);
270
+ border-style: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-br-se);
271
+ border-radius: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-br-rs);
272
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-sw-ae)
273
+ prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-sw-br)
274
+ prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-sw-sd)
275
+ prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-sw-cr);
272
276
  .icon {
273
277
  display: var(--_hover-show-icon, var(--_show-icon, flex));
274
278
  svg {
275
- width: prepareMediaVariable(dn-or-ss-py-fd-se-in-se);
276
- height: prepareMediaVariable(dn-or-ss-py-fd-se-in-se);
279
+ width: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-in-se);
280
+ height: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-in-se);
277
281
 
278
282
  path {
279
- stroke: prepareMediaVariable(dn-or-ss-py-fd-se-in-c1);
283
+ stroke: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-in-c1);
280
284
  }
281
285
  }
282
286
  }
283
287
  }
284
288
  &[data-orderStatus="Fulfilled"] {
285
- background-color: prepareMediaVariable(dn-or-ss-fd-se-bd-cr);
286
- border-width: prepareMediaVariable(dn-or-ss-fd-se-br-wh);
287
- border-color: prepareMediaVariable(dn-or-ss-fd-se-br-cr);
288
- border-style: prepareMediaVariable(dn-or-ss-fd-se-br-se);
289
- border-radius: prepareMediaVariable(dn-or-ss-fd-se-br-rs);
290
- box-shadow: prepareMediaVariable(dn-or-ss-fd-se-sw-ae)
291
- prepareMediaVariable(dn-or-ss-fd-se-sw-br)
292
- prepareMediaVariable(dn-or-ss-fd-se-sw-sd)
293
- prepareMediaVariable(dn-or-ss-fd-se-sw-cr);
289
+ background-color: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-bd-cr);
290
+ border-width: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-br-wh);
291
+ border-color: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-br-cr);
292
+ border-style: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-br-se);
293
+ border-radius: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-br-rs);
294
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-sw-ae)
295
+ prepareMediaVariable(--_ctm-dn-or-ss-fd-se-sw-br)
296
+ prepareMediaVariable(--_ctm-dn-or-ss-fd-se-sw-sd)
297
+ prepareMediaVariable(--_ctm-dn-or-ss-fd-se-sw-cr);
294
298
  .icon {
295
299
  display: var(--_hover-show-icon, var(--_show-icon, flex));
296
300
  svg {
297
- width: prepareMediaVariable(dn-or-ss-fd-se-in-se);
298
- height: prepareMediaVariable(dn-or-ss-fd-se-in-se);
301
+ width: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-in-se);
302
+ height: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-in-se);
299
303
 
300
304
  path {
301
- stroke: prepareMediaVariable(dn-or-ss-fd-se-in-c1);
305
+ stroke: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-in-c1);
302
306
  }
303
307
  }
304
308
  }
305
309
  }
306
310
  &[data-orderStatus="Canceled"] {
307
- background-color: prepareMediaVariable(dn-or-ss-cd-se-bd-cr);
308
- border-width: prepareMediaVariable(dn-or-ss-cd-se-br-wh);
309
- border-color: prepareMediaVariable(dn-or-ss-cd-se-br-cr);
310
- border-style: prepareMediaVariable(dn-or-ss-cd-se-br-se);
311
- border-radius: prepareMediaVariable(dn-or-ss-cd-se-br-rs);
312
- box-shadow: prepareMediaVariable(dn-or-ss-cd-se-sw-ae)
313
- prepareMediaVariable(dn-or-ss-cd-se-sw-br)
314
- prepareMediaVariable(dn-or-ss-cd-se-sw-sd)
315
- prepareMediaVariable(dn-or-ss-cd-se-sw-cr);
311
+ background-color: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-bd-cr);
312
+ border-width: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-br-wh);
313
+ border-color: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-br-cr);
314
+ border-style: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-br-se);
315
+ border-radius: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-br-rs);
316
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-sw-ae)
317
+ prepareMediaVariable(--_ctm-dn-or-ss-cd-se-sw-br)
318
+ prepareMediaVariable(--_ctm-dn-or-ss-cd-se-sw-sd)
319
+ prepareMediaVariable(--_ctm-dn-or-ss-cd-se-sw-cr);
316
320
  .icon {
317
321
  display: var(--_hover-show-icon, var(--_show-icon, flex));
318
322
  svg {
319
- width: prepareMediaVariable(dn-or-ss-cd-se-in-se);
320
- height: prepareMediaVariable(dn-or-ss-cd-se-in-se);
323
+ width: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-in-se);
324
+ height: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-in-se);
321
325
 
322
326
  path {
323
- stroke: prepareMediaVariable(dn-or-ss-cd-se-in-c1);
327
+ stroke: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-in-c1);
324
328
  }
325
329
  }
326
330
  }
327
331
  }
328
332
  &[data-orderStatus="Rejected"] {
329
- background-color: prepareMediaVariable(dn-or-ss-rd-se-bd-cr);
330
- border-width: prepareMediaVariable(dn-or-ss-rd-se-br-wh);
331
- border-color: prepareMediaVariable(dn-or-ss-rd-se-br-cr);
332
- border-style: prepareMediaVariable(dn-or-ss-rd-se-br-se);
333
- border-radius: prepareMediaVariable(dn-or-ss-rd-se-br-rs);
334
- box-shadow: prepareMediaVariable(dn-or-ss-rd-se-sw-ae)
335
- prepareMediaVariable(dn-or-ss-rd-se-sw-br)
336
- prepareMediaVariable(dn-or-ss-rd-se-sw-sd)
337
- prepareMediaVariable(dn-or-ss-rd-se-sw-cr);
333
+ background-color: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-bd-cr);
334
+ border-width: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-br-wh);
335
+ border-color: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-br-cr);
336
+ border-style: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-br-se);
337
+ border-radius: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-br-rs);
338
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-sw-ae)
339
+ prepareMediaVariable(--_ctm-dn-or-ss-rd-se-sw-br)
340
+ prepareMediaVariable(--_ctm-dn-or-ss-rd-se-sw-sd)
341
+ prepareMediaVariable(--_ctm-dn-or-ss-rd-se-sw-cr);
338
342
  .icon {
339
343
  display: var(--_hover-show-icon, var(--_show-icon, flex));
340
344
  svg {
341
- width: prepareMediaVariable(dn-or-ss-rd-se-in-se);
342
- height: prepareMediaVariable(dn-or-ss-rd-se-in-se);
345
+ width: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-in-se);
346
+ height: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-in-se);
343
347
 
344
348
  path {
345
- stroke: prepareMediaVariable(dn-or-ss-rd-se-in-c1);
349
+ stroke: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-in-c1);
346
350
  }
347
351
  }
348
352
  }
@@ -354,92 +358,92 @@ $resizeActive: '[data-cms-element-resizer="true"]';
354
358
  // font-size: 12px;
355
359
  // line-height: 18px;
356
360
  &[data-orderStatus="Submitted"] {
357
- font-family: prepareMediaVariable(dn-or-ss-sd-se-ft-fy);
358
- font-size: prepareMediaVariable(dn-or-ss-sd-se-ft-se);
359
- color: prepareMediaVariable(dn-or-ss-sd-se-cr);
360
- font-weight: prepareMediaVariable(dn-or-ss-sd-se-ft-wt);
361
- font-style: prepareMediaVariable(dn-or-ss-sd-se-ft-se-ic);
362
- text-decoration: prepareMediaVariable(dn-or-ss-sd-se-ue);
363
- text-align: prepareMediaVariable(dn-or-ss-sd-se-tt-an);
364
- letter-spacing: prepareMediaVariable(dn-or-ss-sd-se-lr-sg);
365
- line-height: prepareMediaVariable(dn-or-ss-sd-se-le-ht);
361
+ font-family: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-ft-fy);
362
+ font-size: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-ft-se);
363
+ color: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-cr);
364
+ font-weight: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-ft-wt);
365
+ font-style: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-ft-se-ic);
366
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-ue);
367
+ text-align: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-tt-an);
368
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-lr-sg);
369
+ line-height: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-le-ht);
366
370
  }
367
371
  &[data-orderStatus="In Review"] {
368
- font-family: prepareMediaVariable(dn-or-ss-in-rw-se-ft-fy);
369
- font-size: prepareMediaVariable(dn-or-ss-in-rw-se-ft-se);
370
- color: prepareMediaVariable(dn-or-ss-in-rw-se-cr);
371
- font-weight: prepareMediaVariable(dn-or-ss-in-rw-se-ft-wt);
372
- font-style: prepareMediaVariable(dn-or-ss-in-rw-se-ft-se-ic);
373
- text-decoration: prepareMediaVariable(dn-or-ss-in-rw-se-ue);
374
- text-align: prepareMediaVariable(dn-or-ss-in-rw-se-tt-an);
375
- letter-spacing: prepareMediaVariable(dn-or-ss-in-rw-se-lr-sg);
376
- line-height: prepareMediaVariable(dn-or-ss-in-rw-se-le-ht);
372
+ font-family: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-ft-fy);
373
+ font-size: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-ft-se);
374
+ color: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-cr);
375
+ font-weight: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-ft-wt);
376
+ font-style: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-ft-se-ic);
377
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-ue);
378
+ text-align: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-tt-an);
379
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-lr-sg);
380
+ line-height: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-le-ht);
377
381
  }
378
382
  &[data-orderStatus="Accepted"] {
379
- font-family: prepareMediaVariable(dn-or-ss-ad-se-ft-fy);
380
- font-size: prepareMediaVariable(dn-or-ss-ad-se-ft-se);
381
- color: prepareMediaVariable(dn-or-ss-ad-se-cr);
382
- font-weight: prepareMediaVariable(dn-or-ss-ad-se-ft-wt);
383
- font-style: prepareMediaVariable(dn-or-ss-ad-se-ft-se-ic);
384
- text-decoration: prepareMediaVariable(dn-or-ss-ad-se-ue);
385
- text-align: prepareMediaVariable(dn-or-ss-ad-se-tt-an);
386
- letter-spacing: prepareMediaVariable(dn-or-ss-ad-se-lr-sg);
387
- line-height: prepareMediaVariable(dn-or-ss-ad-se-le-ht);
383
+ font-family: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-ft-fy);
384
+ font-size: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-ft-se);
385
+ color: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-cr);
386
+ font-weight: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-ft-wt);
387
+ font-style: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-ft-se-ic);
388
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-ue);
389
+ text-align: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-tt-an);
390
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-lr-sg);
391
+ line-height: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-le-ht);
388
392
  }
389
393
  &[data-orderStatus="Processing"] {
390
- font-family: prepareMediaVariable(dn-or-ss-pg-se-ft-fy);
391
- font-size: prepareMediaVariable(dn-or-ss-pg-se-ft-se);
392
- color: prepareMediaVariable(dn-or-ss-pg-se-cr);
393
- font-weight: prepareMediaVariable(dn-or-ss-pg-se-ft-wt);
394
- font-style: prepareMediaVariable(dn-or-ss-pg-se-ft-se-ic);
395
- text-decoration: prepareMediaVariable(dn-or-ss-pg-se-ue);
396
- text-align: prepareMediaVariable(dn-or-ss-pg-se-tt-an);
397
- letter-spacing: prepareMediaVariable(dn-or-ss-pg-se-lr-sg);
398
- line-height: prepareMediaVariable(dn-or-ss-pg-se-le-ht);
394
+ font-family: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-ft-fy);
395
+ font-size: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-ft-se);
396
+ color: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-cr);
397
+ font-weight: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-ft-wt);
398
+ font-style: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-ft-se-ic);
399
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-ue);
400
+ text-align: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-tt-an);
401
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-lr-sg);
402
+ line-height: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-le-ht);
399
403
  }
400
404
  &[data-orderStatus="Partially Fulfilled"] {
401
- font-family: prepareMediaVariable(dn-or-ss-py-fd-se-ft-fy);
402
- font-size: prepareMediaVariable(dn-or-ss-py-fd-se-ft-se);
403
- color: prepareMediaVariable(dn-or-ss-py-fd-se-cr);
404
- font-weight: prepareMediaVariable(dn-or-ss-py-fd-se-ft-wt);
405
- font-style: prepareMediaVariable(dn-or-ss-py-fd-se-ft-se-ic);
406
- text-decoration: prepareMediaVariable(dn-or-ss-py-fd-se-ue);
407
- text-align: prepareMediaVariable(dn-or-ss-py-fd-se-tt-an);
408
- letter-spacing: prepareMediaVariable(dn-or-ss-py-fd-se-lr-sg);
409
- line-height: prepareMediaVariable(dn-or-ss-py-fd-se-le-ht);
405
+ font-family: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-ft-fy);
406
+ font-size: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-ft-se);
407
+ color: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-cr);
408
+ font-weight: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-ft-wt);
409
+ font-style: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-ft-se-ic);
410
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-ue);
411
+ text-align: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-tt-an);
412
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-lr-sg);
413
+ line-height: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-le-ht);
410
414
  }
411
415
  &[data-orderStatus="Fulfilled"] {
412
- font-family: prepareMediaVariable(dn-or-ss-fd-se-ft-fy);
413
- font-size: prepareMediaVariable(dn-or-ss-fd-se-ft-se);
414
- color: prepareMediaVariable(dn-or-ss-fd-se-cr);
415
- font-weight: prepareMediaVariable(dn-or-ss-fd-se-ft-wt);
416
- font-style: prepareMediaVariable(dn-or-ss-fd-se-ft-se-ic);
417
- text-decoration: prepareMediaVariable(dn-or-ss-fd-se-ue);
418
- text-align: prepareMediaVariable(dn-or-ss-fd-se-tt-an);
419
- letter-spacing: prepareMediaVariable(dn-or-ss-fd-se-lr-sg);
420
- line-height: prepareMediaVariable(dn-or-ss-fd-se-le-ht);
416
+ font-family: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-ft-fy);
417
+ font-size: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-ft-se);
418
+ color: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-cr);
419
+ font-weight: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-ft-wt);
420
+ font-style: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-ft-se-ic);
421
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-ue);
422
+ text-align: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-tt-an);
423
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-lr-sg);
424
+ line-height: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-le-ht);
421
425
  }
422
426
  &[data-orderStatus="Canceled"] {
423
- font-family: prepareMediaVariable(dn-or-ss-cd-se-ft-fy);
424
- font-size: prepareMediaVariable(dn-or-ss-cd-se-ft-se);
425
- color: prepareMediaVariable(dn-or-ss-cd-se-cr);
426
- font-weight: prepareMediaVariable(dn-or-ss-cd-se-ft-wt);
427
- font-style: prepareMediaVariable(dn-or-ss-cd-se-ft-se-ic);
428
- text-decoration: prepareMediaVariable(dn-or-ss-cd-se-ue);
429
- text-align: prepareMediaVariable(dn-or-ss-cd-se-tt-an);
430
- letter-spacing: prepareMediaVariable(dn-or-ss-cd-se-lr-sg);
431
- line-height: prepareMediaVariable(dn-or-ss-cd-se-le-ht);
427
+ font-family: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-ft-fy);
428
+ font-size: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-ft-se);
429
+ color: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-cr);
430
+ font-weight: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-ft-wt);
431
+ font-style: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-ft-se-ic);
432
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-ue);
433
+ text-align: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-tt-an);
434
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-lr-sg);
435
+ line-height: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-le-ht);
432
436
  }
433
437
  &[data-orderStatus="Rejected"] {
434
- font-family: prepareMediaVariable(dn-or-ss-rd-se-ft-fy);
435
- font-size: prepareMediaVariable(dn-or-ss-rd-se-ft-se);
436
- color: prepareMediaVariable(dn-or-ss-rd-se-cr);
437
- font-weight: prepareMediaVariable(dn-or-ss-rd-se-ft-wt);
438
- font-style: prepareMediaVariable(dn-or-ss-rd-se-ft-se-ic);
439
- text-decoration: prepareMediaVariable(dn-or-ss-rd-se-ue);
440
- text-align: prepareMediaVariable(dn-or-ss-rd-se-tt-an);
441
- letter-spacing: prepareMediaVariable(dn-or-ss-rd-se-lr-sg);
442
- line-height: prepareMediaVariable(dn-or-ss-rd-se-le-ht);
438
+ font-family: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-ft-fy);
439
+ font-size: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-ft-se);
440
+ color: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-cr);
441
+ font-weight: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-ft-wt);
442
+ font-style: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-ft-se-ic);
443
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-ue);
444
+ text-align: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-tt-an);
445
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-lr-sg);
446
+ line-height: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-le-ht);
443
447
  }
444
448
  }
445
449
  }
@@ -451,22 +455,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
451
455
  // line-height: 18px;
452
456
  flex: 1 0 0;
453
457
 
454
- font-family: prepareMediaVariable(dn-od-on-ft-fy);
455
- font-size: prepareMediaVariable(dn-od-on-ft-se);
456
- color: prepareMediaVariable(dn-od-on-cr);
457
- font-weight: prepareMediaVariable(dn-od-on-ft-wt);
458
- font-style: prepareMediaVariable(dn-od-on-ft-se-ic);
459
- text-decoration: prepareMediaVariable(dn-od-on-ue);
460
- text-align: prepareMediaVariable(dn-od-on-tt-an);
461
- letter-spacing: prepareMediaVariable(dn-od-on-lr-sg);
462
- line-height: prepareMediaVariable(dn-od-on-le-ht);
463
- background-color: prepareMediaVariable(dn-od-on-bd-cr);
464
- border-width: prepareMediaVariable(dn-od-on-br-wh);
465
- border-color: prepareMediaVariable(dn-od-on-br-cr);
466
- border-style: prepareMediaVariable(dn-od-on-br-se);
467
- border-radius: prepareMediaVariable(dn-od-on-br-rs);
468
- box-shadow: prepareMediaVariable(dn-od-on-sw-ae) prepareMediaVariable(dn-od-on-sw-br)
469
- prepareMediaVariable(dn-od-on-sw-sd) prepareMediaVariable(dn-od-on-sw-cr);
458
+ font-family: prepareMediaVariable(--_ctm-dn-od-on-ft-fy);
459
+ font-size: prepareMediaVariable(--_ctm-dn-od-on-ft-se);
460
+ color: prepareMediaVariable(--_ctm-dn-od-on-cr);
461
+ font-weight: prepareMediaVariable(--_ctm-dn-od-on-ft-wt);
462
+ font-style: prepareMediaVariable(--_ctm-dn-od-on-ft-se-ic);
463
+ text-decoration: prepareMediaVariable(--_ctm-dn-od-on-ue);
464
+ text-align: prepareMediaVariable(--_ctm-dn-od-on-tt-an);
465
+ letter-spacing: prepareMediaVariable(--_ctm-dn-od-on-lr-sg);
466
+ line-height: prepareMediaVariable(--_ctm-dn-od-on-le-ht);
467
+ background-color: prepareMediaVariable(--_ctm-dn-od-on-bd-cr);
468
+ border-width: prepareMediaVariable(--_ctm-dn-od-on-br-wh);
469
+ border-color: prepareMediaVariable(--_ctm-dn-od-on-br-cr);
470
+ border-style: prepareMediaVariable(--_ctm-dn-od-on-br-se);
471
+ border-radius: prepareMediaVariable(--_ctm-dn-od-on-br-rs);
472
+ box-shadow: prepareMediaVariable(--_ctm-dn-od-on-sw-ae)
473
+ prepareMediaVariable(--_ctm-dn-od-on-sw-br)
474
+ prepareMediaVariable(--_ctm-dn-od-on-sw-sd)
475
+ prepareMediaVariable(--_ctm-dn-od-on-sw-cr);
470
476
  }
471
477
 
472
478
  .order_amount {
@@ -476,22 +482,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
476
482
  // font-weight: 600;
477
483
  // line-height: 20px;
478
484
 
479
- font-family: prepareMediaVariable(dn-or-id-ft-fy);
480
- font-size: prepareMediaVariable(dn-or-id-ft-se);
481
- color: prepareMediaVariable(dn-or-id-cr);
482
- font-weight: prepareMediaVariable(dn-or-id-ft-wt);
483
- font-style: prepareMediaVariable(dn-or-id-ft-se-ic);
484
- text-decoration: prepareMediaVariable(dn-or-id-ue);
485
- text-align: prepareMediaVariable(dn-or-id-tt-an);
486
- letter-spacing: prepareMediaVariable(dn-or-id-lr-sg);
487
- line-height: prepareMediaVariable(dn-or-id-le-ht);
488
- background-color: prepareMediaVariable(dn-or-id-bd-cr);
489
- border-width: prepareMediaVariable(dn-or-id-br-wh);
490
- border-color: prepareMediaVariable(dn-or-id-br-cr);
491
- border-style: prepareMediaVariable(dn-or-id-br-se);
492
- border-radius: prepareMediaVariable(dn-or-id-br-rs);
493
- box-shadow: prepareMediaVariable(dn-or-id-sw-ae) prepareMediaVariable(dn-or-id-sw-br)
494
- prepareMediaVariable(dn-or-id-sw-sd) prepareMediaVariable(dn-or-id-sw-cr);
485
+ font-family: prepareMediaVariable(--_ctm-dn-or-id-ft-fy);
486
+ font-size: prepareMediaVariable(--_ctm-dn-or-id-ft-se);
487
+ color: prepareMediaVariable(--_ctm-dn-or-id-cr);
488
+ font-weight: prepareMediaVariable(--_ctm-dn-or-id-ft-wt);
489
+ font-style: prepareMediaVariable(--_ctm-dn-or-id-ft-se-ic);
490
+ text-decoration: prepareMediaVariable(--_ctm-dn-or-id-ue);
491
+ text-align: prepareMediaVariable(--_ctm-dn-or-id-tt-an);
492
+ letter-spacing: prepareMediaVariable(--_ctm-dn-or-id-lr-sg);
493
+ line-height: prepareMediaVariable(--_ctm-dn-or-id-le-ht);
494
+ background-color: prepareMediaVariable(--_ctm-dn-or-id-bd-cr);
495
+ border-width: prepareMediaVariable(--_ctm-dn-or-id-br-wh);
496
+ border-color: prepareMediaVariable(--_ctm-dn-or-id-br-cr);
497
+ border-style: prepareMediaVariable(--_ctm-dn-or-id-br-se);
498
+ border-radius: prepareMediaVariable(--_ctm-dn-or-id-br-rs);
499
+ box-shadow: prepareMediaVariable(--_ctm-dn-or-id-sw-ae)
500
+ prepareMediaVariable(--_ctm-dn-or-id-sw-br)
501
+ prepareMediaVariable(--_ctm-dn-or-id-sw-sd)
502
+ prepareMediaVariable(--_ctm-dn-or-id-sw-cr);
495
503
  }
496
504
  }
497
505
  }
@@ -533,7 +541,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
533
541
  gap: var(--_ctm-mob-lt-sg-bn-is, var(--_ctm-tab-lt-sg-bn-is, var(--_ctm-lt-sg-bn-is)));
534
542
 
535
543
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
536
- height: calc(100% - calc(prepareMediaVariable(dn-pn-as-aw-se) + 10px));
544
+ height: calc(100% - calc(prepareMediaVariable(--_ctm-dn-pn-as-aw-se) + 10px));
537
545
  }
538
546
 
539
547
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
@@ -710,8 +718,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
710
718
  padding: 10px;
711
719
  border-radius: 50%;
712
720
  border: none;
713
- width: prepareMediaVariable(dn-pn-as-aw-se);
714
- height: prepareMediaVariable(dn-pn-as-aw-se);
721
+ width: prepareMediaVariable(--_ctm-dn-pn-as-aw-se);
722
+ height: prepareMediaVariable(--_ctm-dn-pn-as-aw-se);
715
723
  display: flex;
716
724
  align-items: center;
717
725
  justify-content: center;
@@ -729,8 +737,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
729
737
  .right-button {
730
738
  border-radius: 50%;
731
739
  border: none;
732
- width: prepareMediaVariable(dn-pn-as-aw-se);
733
- height: prepareMediaVariable(dn-pn-as-aw-se);
740
+ width: prepareMediaVariable(--_ctm-dn-pn-as-aw-se);
741
+ height: prepareMediaVariable(--_ctm-dn-pn-as-aw-se);
734
742
 
735
743
  display: flex;
736
744
  align-items: center;
@@ -752,11 +760,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
752
760
  display: flex;
753
761
 
754
762
  svg {
755
- width: calc(prepareMediaVariable(dn-pn-as-aw-se) * 0.5);
756
- height: calc(prepareMediaVariable(dn-pn-as-aw-se) * 0.5);
763
+ width: calc(prepareMediaVariable(--_ctm-dn-pn-as-aw-se) * 0.5);
764
+ height: calc(prepareMediaVariable(--_ctm-dn-pn-as-aw-se) * 0.5);
757
765
 
758
766
  path {
759
- stroke: prepareMediaVariable(dn-pn-as-aw-cr);
767
+ stroke: prepareMediaVariable(--_ctm-dn-pn-as-aw-cr);
760
768
  }
761
769
  }
762
770
  }