@sc-360-v2/storefront-cms-library 0.5.59 → 0.5.60
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.
- package/dist/add-existing-form.scss +13 -5
- package/dist/add-order.scss +129 -245
- package/dist/add-products-tab-details.scss +1048 -2097
- package/dist/add-products-tab.scss +666 -1204
- package/dist/allocation-header-quota-details.scss +198 -411
- package/dist/allocationDetails.scss +1645 -2126
- package/dist/allocations-quota-details.scss +168 -327
- package/dist/allocations.scss +476 -797
- package/dist/amount-estimator.scss +405 -743
- package/dist/animation-control.scss +23 -23
- package/dist/badge.scss +43 -18
- package/dist/brand-basic-elements.scss +76 -124
- package/dist/brand.scss +28 -55
- package/dist/breadcrumbs.scss +356 -718
- package/dist/builder.js +1 -1
- package/dist/bulk-variant-picker.scss +1133 -2034
- package/dist/bundle copy.scss +235 -0
- package/dist/bundle.scss +843 -1479
- package/dist/bundleDetails.scss +3774 -5063
- package/dist/button copy.scss +28 -0
- package/dist/button.scss +78 -103
- package/dist/buy-for-tab-container.scss +77 -106
- package/dist/buy-for-tabs-container-item.scss +80 -80
- package/dist/buyForHeaders.scss +1725 -2988
- package/dist/cart-details.scss +491 -1012
- package/dist/cart-products-sidebar.scss +211 -211
- package/dist/cart-summary.scss +559 -1152
- package/dist/cart-wrapper.scss +85 -127
- package/dist/cart.scss +115 -223
- package/dist/cartAttributes.scss +367 -647
- package/dist/cartGrouping.scss +89 -89
- package/dist/category-groups-element.scss +127 -108
- package/dist/category-groups-product-grid.scss +40 -79
- package/dist/category-groups-product-image.scss +457 -1390
- package/dist/category-groups-product-options.scss +224 -693
- package/dist/category-groups-product-price.scss +1326 -4859
- package/dist/category-groups-quota-details.scss +217 -466
- package/dist/category.scss +26 -50
- package/dist/categoryDetails.scss +61 -61
- package/dist/categoryWidget.scss +34 -34
- package/dist/checkbox-radio.scss +124 -124
- package/dist/checkout.scss +1858 -4170
- package/dist/common-element.scss +35 -35
- package/dist/confirm-modal.scss +22 -2
- package/dist/confirmationModal.scss +139 -139
- package/dist/container.scss +32 -54
- package/dist/countdown.scss +256 -443
- package/dist/coupon.scss +355 -714
- package/dist/custom-fonts.scss +100 -100
- package/dist/default-dropdown.scss +12 -1
- package/dist/embroider-preview-element.scss +94 -94
- package/dist/embroider-template-1-v2.scss +123 -172
- package/dist/embroider-template-1.scss +68 -104
- package/dist/embroidery.scss +30 -31
- package/dist/employee-bulk-order.scss +418 -142
- package/dist/emtpy-templates.scss +165 -165
- package/dist/faq.scss +235 -419
- package/dist/filter-results.scss +125 -265
- package/dist/filters.scss +831 -1682
- package/dist/flex-text-editor.scss +271 -271
- package/dist/functions.scss +36 -0
- package/dist/gallery-slider-temp.scss +435 -758
- package/dist/global-styles.scss +23 -7
- package/dist/grid.scss +25 -33
- package/dist/hotspot.scss +69 -119
- package/dist/icon-list.scss +30 -59
- package/dist/image-for-product.scss +21 -21
- package/dist/image-temp.scss +21 -20
- package/dist/item-stock.scss +9 -16
- package/dist/kitDetails.scss +2719 -4299
- package/dist/kits.scss +24 -19
- package/dist/language-selector.scss +233 -375
- package/dist/last-x-orders.scss +101 -187
- package/dist/layouter-item.scss +75 -103
- package/dist/layouter-pro-item.scss +89 -95
- package/dist/layouter-pro.scss +87 -92
- package/dist/layouter.scss +67 -117
- package/dist/light-box-v2.scss +89 -104
- package/dist/lightbox.scss +78 -78
- package/dist/line.scss +29 -70
- package/dist/loader.scss +37 -37
- package/dist/login.scss +291 -572
- package/dist/map.scss +220 -369
- package/dist/marchandiserSets.scss +95 -104
- package/dist/mega-menu-container.scss +96 -109
- package/dist/mega-menu.scss +624 -734
- package/dist/menu-item.scss +19 -19
- package/dist/menu-v2.scss +507 -619
- package/dist/multi-select-dropdown.scss +27 -3
- package/dist/my-templates.scss +38 -9
- package/dist/myTemplates.scss +3 -0
- package/dist/option-bar.scss +215 -375
- package/dist/order-processing.scss +61 -61
- package/dist/order-status.scss +643 -1117
- package/dist/overflow-module.scss +62 -63
- package/dist/past-orders.scss +118 -149
- package/dist/payment-methods.scss +46 -30
- package/dist/pickup-locations.scss +564 -1121
- package/dist/position-module.scss +98 -95
- package/dist/prefix-list.scss +97 -86
- package/dist/product-actions.scss +1230 -1783
- package/dist/product-basic-elements.scss +108 -169
- package/dist/product-highlights.scss +116 -157
- package/dist/product-image-bundles.scss +345 -671
- package/dist/product-image.scss +341 -724
- package/dist/product-inventory.scss +673 -1357
- package/dist/product-labels.scss +94 -113
- package/dist/product-options.scss +288 -486
- package/dist/product-price.scss +1284 -2556
- package/dist/product-promotions.scss +1388 -2830
- package/dist/product-sizechart.scss +516 -905
- package/dist/product.scss +28 -61
- package/dist/productDetails.scss +19 -38
- package/dist/profile.scss +231 -447
- package/dist/quantity-selector.scss +313 -550
- package/dist/quick-inventory-check.scss +101 -187
- package/dist/quick-links.scss +56 -133
- package/dist/quick-order-pad.scss +216 -269
- package/dist/quota-details.scss +163 -297
- package/dist/quotes.scss +82 -121
- package/dist/repeater copy.scss +24 -0
- package/dist/repeater-embla-controls.scss +34 -14
- package/dist/repeater-grid-toggle.scss +156 -166
- package/dist/repeater-item.scss +41 -64
- package/dist/repeater.scss +579 -688
- package/dist/request-for-quotes.scss +66 -16
- package/dist/responsive-behaviour.scss +31 -29
- package/dist/rfqs.scss +118 -181
- package/dist/scroll.scss +89 -167
- package/dist/search.scss +179 -326
- package/dist/section.scss +27 -51
- package/dist/shareCartSideBar.scss +254 -254
- package/dist/shipping-estimator.scss +41 -41
- package/dist/shipping-payments.scss +198 -58
- package/dist/simple-list.scss +65 -135
- package/dist/social.scss +78 -143
- package/dist/sort.scss +89 -89
- package/dist/stack.scss +23 -34
- package/dist/static-global.scss +44 -26
- package/dist/static-text.scss +52 -52
- package/dist/stockStatus.scss +11 -19
- package/dist/store-locations.scss +587 -1113
- package/dist/sub-category.scss +74 -74
- package/dist/submit-quote.scss +275 -275
- package/dist/tab-container-item.scss +80 -80
- package/dist/tab-container.scss +81 -108
- package/dist/tab-v2.scss +277 -604
- package/dist/table-common.scss +215 -406
- package/dist/table.scss +267 -509
- package/dist/text-temp-v2.scss +12 -23
- package/dist/text-temp.scss +110 -109
- package/dist/theme-classes.scss +17 -13
- package/dist/toggle-button.scss +32 -32
- package/dist/transform-properties-module.scss +20 -20
- package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
- package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
- package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
- package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
- package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
- package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
- package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
- package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
- package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
- package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
- package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
- package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
- package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
- package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
- package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
- package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
- package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
- package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
- package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
- package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
- package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
- package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
- package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
- package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
- package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
- package/dist/uom-selector.scss +489 -943
- package/dist/user-elements.scss +537 -826
- package/dist/variant-picker.scss +1282 -2559
- package/dist/video.scss +147 -325
- package/dist/volume-pricing.scss +539 -1035
- package/dist/wishlist-overlay.scss +48 -48
- package/package.json +131 -131
package/dist/user-elements.scss
CHANGED
|
@@ -20,19 +20,8 @@ $imagePositions: (
|
|
|
20
20
|
"west": left center,
|
|
21
21
|
);
|
|
22
22
|
|
|
23
|
-
//
|
|
24
|
-
//
|
|
25
|
-
// Pairing this offset with `dividerGapReserve` on the item itself keeps the whole
|
|
26
|
-
// divider inside the gap at any weight, with half the item spacing clear either side.
|
|
27
|
-
@function dividerGapOffset($spacing-var, $weight-var) {
|
|
28
|
-
@return calc(
|
|
29
|
-
-1 * (#{prepareMediaVariable($spacing-var)} / 2) - #{prepareMediaVariable($weight-var)}
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
@mixin dividerGapReserve($weight-var, $side: bottom) {
|
|
34
|
-
margin-#{$side}: prepareMediaVariable($weight-var);
|
|
35
|
-
}
|
|
23
|
+
// `dividerGapOffset` / `dividerGapReserve` moved to functions.scss — every widget draws
|
|
24
|
+
// its dividers as absolutely positioned pseudo-elements and hit the same overlap.
|
|
36
25
|
|
|
37
26
|
[data-div-type="element"] {
|
|
38
27
|
&[data-element-type="userElements"] {
|
|
@@ -52,24 +41,16 @@ $imagePositions: (
|
|
|
52
41
|
// )
|
|
53
42
|
// )
|
|
54
43
|
// );
|
|
55
|
-
width: var(
|
|
56
|
-
|
|
57
|
-
calc(
|
|
58
|
-
1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
|
|
59
|
-
)
|
|
60
|
-
);
|
|
44
|
+
width: var(--_sf-el-wh-st-mx,
|
|
45
|
+
calc(1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))));
|
|
61
46
|
|
|
62
47
|
height: auto;
|
|
63
48
|
|
|
64
|
-
margin: var(
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
--_ctm-tab-bun-lt-mn,
|
|
68
|
-
var(--_ctm-bun-lt-mn, var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn))))
|
|
69
|
-
)
|
|
70
|
-
);
|
|
49
|
+
margin: var(--_ctm-mob-bun-lt-mn,
|
|
50
|
+
var(--_ctm-tab-bun-lt-mn,
|
|
51
|
+
var(--_ctm-bun-lt-mn, var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn))))));
|
|
71
52
|
|
|
72
|
-
|
|
53
|
+
&>div {
|
|
73
54
|
&.wrapper {
|
|
74
55
|
width: 100%;
|
|
75
56
|
}
|
|
@@ -113,39 +94,18 @@ $imagePositions: (
|
|
|
113
94
|
gap: prepareMediaVariable(--_ctm-lt-qa-im-sg);
|
|
114
95
|
|
|
115
96
|
&[data-control-type="Bottom"][data-slider-control="Arrows"] {
|
|
116
|
-
height: calc(
|
|
117
|
-
|
|
118
|
-
var(
|
|
119
|
-
--_ctm-mob-dn-pn-as-aw-se,
|
|
120
|
-
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
|
|
121
|
-
) +
|
|
122
|
-
10px
|
|
123
|
-
)
|
|
124
|
-
);
|
|
97
|
+
height: calc(100% - calc(var(--_ctm-mob-dn-pn-as-aw-se,
|
|
98
|
+
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) + 10px));
|
|
125
99
|
}
|
|
126
100
|
|
|
127
101
|
&[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
|
|
128
|
-
height: calc(
|
|
129
|
-
|
|
130
|
-
var(
|
|
131
|
-
--_ctm-mob-dn-pn-le-le-ht,
|
|
132
|
-
var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
|
|
133
|
-
) +
|
|
134
|
-
20px
|
|
135
|
-
)
|
|
136
|
-
);
|
|
102
|
+
height: calc(100% - calc(var(--_ctm-mob-dn-pn-le-le-ht,
|
|
103
|
+
var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))) + 20px));
|
|
137
104
|
}
|
|
138
105
|
|
|
139
106
|
&[data-control-type="Bottom"][data-slider-control="Dots"] {
|
|
140
|
-
height: calc(
|
|
141
|
-
|
|
142
|
-
var(
|
|
143
|
-
--_ctm-mob-dn-pn-ds-dt-se,
|
|
144
|
-
var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
|
|
145
|
-
) +
|
|
146
|
-
20px
|
|
147
|
-
)
|
|
148
|
-
);
|
|
107
|
+
height: calc(100% - calc(var(--_ctm-mob-dn-pn-ds-dt-se,
|
|
108
|
+
var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))) + 20px));
|
|
149
109
|
}
|
|
150
110
|
|
|
151
111
|
.embla__slide {
|
|
@@ -156,11 +116,10 @@ $imagePositions: (
|
|
|
156
116
|
}
|
|
157
117
|
}
|
|
158
118
|
}
|
|
119
|
+
|
|
159
120
|
&:not([data-display-style="Column"]) {
|
|
160
121
|
.embla__container {
|
|
161
|
-
grid-auto-columns: calc(
|
|
162
|
-
100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
|
|
163
|
-
);
|
|
122
|
+
grid-auto-columns: calc(100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))));
|
|
164
123
|
}
|
|
165
124
|
}
|
|
166
125
|
|
|
@@ -172,20 +131,25 @@ $imagePositions: (
|
|
|
172
131
|
width: 100%;
|
|
173
132
|
justify-content: space-between;
|
|
174
133
|
transform: translate(-50%, -50%);
|
|
134
|
+
|
|
175
135
|
// padding-left: 20px;
|
|
176
136
|
&[data-control-type="Side"] {
|
|
137
|
+
|
|
177
138
|
.left-button,
|
|
178
139
|
.right-button {
|
|
179
140
|
background-color: transparent;
|
|
180
141
|
}
|
|
181
142
|
}
|
|
143
|
+
|
|
182
144
|
&[data-background-shape="Round"] {
|
|
145
|
+
|
|
183
146
|
.left-button,
|
|
184
147
|
.right-button {
|
|
185
148
|
background-color: #f2f5f5;
|
|
186
149
|
box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
187
150
|
}
|
|
188
151
|
}
|
|
152
|
+
|
|
189
153
|
&[data-control-type="Bottom-Overflow"] {
|
|
190
154
|
transform: translateX(-50%);
|
|
191
155
|
width: 100%;
|
|
@@ -194,6 +158,7 @@ $imagePositions: (
|
|
|
194
158
|
top: unset;
|
|
195
159
|
bottom: 6px;
|
|
196
160
|
}
|
|
161
|
+
|
|
197
162
|
&[data-control-type="Bottom"] {
|
|
198
163
|
transform: unset;
|
|
199
164
|
position: static;
|
|
@@ -202,18 +167,15 @@ $imagePositions: (
|
|
|
202
167
|
gap: 12px;
|
|
203
168
|
margin-top: 10px;
|
|
204
169
|
}
|
|
170
|
+
|
|
205
171
|
.left-button {
|
|
206
172
|
padding: 10px;
|
|
207
173
|
border-radius: 50%;
|
|
208
174
|
border: none;
|
|
209
|
-
width: var(
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
height: var(
|
|
214
|
-
--_ctm-mob-dn-pn-as-aw-se,
|
|
215
|
-
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
|
|
216
|
-
);
|
|
175
|
+
width: var(--_ctm-mob-dn-pn-as-aw-se,
|
|
176
|
+
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
|
|
177
|
+
height: var(--_ctm-mob-dn-pn-as-aw-se,
|
|
178
|
+
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
|
|
217
179
|
|
|
218
180
|
display: flex;
|
|
219
181
|
align-items: center;
|
|
@@ -221,6 +183,7 @@ $imagePositions: (
|
|
|
221
183
|
cursor: pointer;
|
|
222
184
|
outline: none;
|
|
223
185
|
margin-left: 12px;
|
|
186
|
+
|
|
224
187
|
&:disabled {
|
|
225
188
|
& svg {
|
|
226
189
|
path {
|
|
@@ -229,17 +192,14 @@ $imagePositions: (
|
|
|
229
192
|
}
|
|
230
193
|
}
|
|
231
194
|
}
|
|
195
|
+
|
|
232
196
|
.right-button {
|
|
233
197
|
border-radius: 50%;
|
|
234
198
|
border: none;
|
|
235
|
-
width: var(
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
height: var(
|
|
240
|
-
--_ctm-mob-dn-pn-as-aw-se,
|
|
241
|
-
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
|
|
242
|
-
);
|
|
199
|
+
width: var(--_ctm-mob-dn-pn-as-aw-se,
|
|
200
|
+
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
|
|
201
|
+
height: var(--_ctm-mob-dn-pn-as-aw-se,
|
|
202
|
+
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
|
|
243
203
|
|
|
244
204
|
display: flex;
|
|
245
205
|
align-items: center;
|
|
@@ -257,30 +217,19 @@ $imagePositions: (
|
|
|
257
217
|
}
|
|
258
218
|
}
|
|
259
219
|
}
|
|
220
|
+
|
|
260
221
|
.icon {
|
|
261
222
|
display: flex;
|
|
262
223
|
|
|
263
224
|
svg {
|
|
264
|
-
width: calc(
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
|
|
268
|
-
) *
|
|
269
|
-
0.5
|
|
270
|
-
);
|
|
271
|
-
height: calc(
|
|
272
|
-
var(
|
|
273
|
-
--_ctm-mob-dn-pn-as-aw-se,
|
|
274
|
-
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
|
|
275
|
-
) *
|
|
276
|
-
0.5
|
|
277
|
-
);
|
|
225
|
+
width: calc(var(--_ctm-mob-dn-pn-as-aw-se,
|
|
226
|
+
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
|
|
227
|
+
height: calc(var(--_ctm-mob-dn-pn-as-aw-se,
|
|
228
|
+
var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
|
|
278
229
|
|
|
279
230
|
path {
|
|
280
|
-
stroke: var(
|
|
281
|
-
|
|
282
|
-
var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr))
|
|
283
|
-
);
|
|
231
|
+
stroke: var(--_ctm-mob-dn-pn-as-aw-cr,
|
|
232
|
+
var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr)));
|
|
284
233
|
}
|
|
285
234
|
}
|
|
286
235
|
}
|
|
@@ -291,12 +240,14 @@ $imagePositions: (
|
|
|
291
240
|
width: calc(100% - 60px);
|
|
292
241
|
margin-inline: auto;
|
|
293
242
|
}
|
|
243
|
+
|
|
294
244
|
.left-button {
|
|
295
245
|
position: absolute;
|
|
296
246
|
left: 0;
|
|
297
247
|
top: 50%;
|
|
298
248
|
transform: translateY(-50%);
|
|
299
249
|
}
|
|
250
|
+
|
|
300
251
|
.right-button {
|
|
301
252
|
position: absolute;
|
|
302
253
|
|
|
@@ -304,6 +255,7 @@ $imagePositions: (
|
|
|
304
255
|
top: 50%;
|
|
305
256
|
transform: translateY(-50%);
|
|
306
257
|
}
|
|
258
|
+
|
|
307
259
|
@media (max-width: 1024px) {
|
|
308
260
|
.embla__viewport {
|
|
309
261
|
width: calc(100% - 40px);
|
|
@@ -314,9 +266,11 @@ $imagePositions: (
|
|
|
314
266
|
&[data-thumbnail-placement="top"] {
|
|
315
267
|
flex-direction: column-reverse;
|
|
316
268
|
}
|
|
269
|
+
|
|
317
270
|
&[data-thumbnail-placement="bottom"] {
|
|
318
271
|
flex-direction: column;
|
|
319
272
|
}
|
|
273
|
+
|
|
320
274
|
&[data-thumbnail-placement="left"] {
|
|
321
275
|
flex-direction: row-reverse;
|
|
322
276
|
|
|
@@ -330,8 +284,10 @@ $imagePositions: (
|
|
|
330
284
|
}
|
|
331
285
|
}
|
|
332
286
|
}
|
|
287
|
+
|
|
333
288
|
&[data-thumbnail-placement="right"] {
|
|
334
289
|
flex-direction: row;
|
|
290
|
+
|
|
335
291
|
.embla__thumbs {
|
|
336
292
|
width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
|
|
337
293
|
|
|
@@ -343,6 +299,7 @@ $imagePositions: (
|
|
|
343
299
|
}
|
|
344
300
|
}
|
|
345
301
|
}
|
|
302
|
+
|
|
346
303
|
.embla__dots {
|
|
347
304
|
display: flex;
|
|
348
305
|
flex-wrap: wrap;
|
|
@@ -359,14 +316,13 @@ $imagePositions: (
|
|
|
359
316
|
transform: translateX(-50%);
|
|
360
317
|
width: 75%;
|
|
361
318
|
}
|
|
319
|
+
|
|
362
320
|
.embla__dot {
|
|
363
321
|
-webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
|
|
364
322
|
-webkit-appearance: none;
|
|
365
323
|
appearance: none;
|
|
366
|
-
background-color: var(
|
|
367
|
-
|
|
368
|
-
var(--_ctm-tab-dn-pn-ds-or-dt-cr, var(--_ctm-dn-pn-ds-or-dt-cr))
|
|
369
|
-
);
|
|
324
|
+
background-color: var(--_ctm-mob-dn-pn-ds-or-dt-cr,
|
|
325
|
+
var(--_ctm-tab-dn-pn-ds-or-dt-cr, var(--_ctm-dn-pn-ds-or-dt-cr)));
|
|
370
326
|
|
|
371
327
|
touch-action: manipulation;
|
|
372
328
|
display: inline-flex;
|
|
@@ -377,75 +333,56 @@ $imagePositions: (
|
|
|
377
333
|
margin: 0;
|
|
378
334
|
// width: 0.6rem;
|
|
379
335
|
// height: 0.6rem;
|
|
380
|
-
width: var(
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
height: var(
|
|
385
|
-
--_ctm-mob-dn-pn-ds-dt-se,
|
|
386
|
-
var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
|
|
387
|
-
);
|
|
336
|
+
width: var(--_ctm-mob-dn-pn-ds-dt-se,
|
|
337
|
+
var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
|
|
338
|
+
height: var(--_ctm-mob-dn-pn-ds-dt-se,
|
|
339
|
+
var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
|
|
388
340
|
|
|
389
341
|
display: flex;
|
|
390
342
|
align-items: center;
|
|
391
343
|
justify-content: center;
|
|
392
344
|
border-radius: 50%;
|
|
393
345
|
}
|
|
346
|
+
|
|
394
347
|
.embla__dot:after {
|
|
395
348
|
// box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
|
|
396
|
-
width: var(
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
height: var(
|
|
401
|
-
--_ctm-mob-dn-pn-ds-dt-se,
|
|
402
|
-
var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
|
|
403
|
-
);
|
|
349
|
+
width: var(--_ctm-mob-dn-pn-ds-dt-se,
|
|
350
|
+
var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
|
|
351
|
+
height: var(--_ctm-mob-dn-pn-ds-dt-se,
|
|
352
|
+
var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
|
|
404
353
|
|
|
405
354
|
border-radius: 50%;
|
|
406
355
|
display: flex;
|
|
407
356
|
align-items: center;
|
|
408
357
|
content: "";
|
|
409
358
|
}
|
|
359
|
+
|
|
410
360
|
.embla__dot--selected:after {
|
|
411
361
|
box-shadow: inset 0 0 0 1px var(--text-body);
|
|
412
|
-
background-color: var(
|
|
413
|
-
|
|
414
|
-
var(--_ctm-tab-dn-pn-ds-ct-dt-cr, var(--_ctm-dn-pn-ds-ct-dt-cr))
|
|
415
|
-
);
|
|
362
|
+
background-color: var(--_ctm-mob-dn-pn-ds-ct-dt-cr,
|
|
363
|
+
var(--_ctm-tab-dn-pn-ds-ct-dt-cr, var(--_ctm-dn-pn-ds-ct-dt-cr)));
|
|
416
364
|
}
|
|
365
|
+
|
|
417
366
|
&[data-slider-control="Pagination Line"] {
|
|
418
367
|
.embla__dot {
|
|
419
|
-
width: var(
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
|
|
426
|
-
);
|
|
427
|
-
background-color: var(
|
|
428
|
-
--_ctm-mob-dn-pn-le-or-le-cr,
|
|
429
|
-
var(--_ctm-tab-dn-pn-le-or-le-cr, var(--_ctm-dn-pn-le-or-le-cr))
|
|
430
|
-
);
|
|
368
|
+
width: var(--_ctm-mob-dn-pn-le-le-wh,
|
|
369
|
+
var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh)));
|
|
370
|
+
height: var(--_ctm-mob-dn-pn-le-le-ht,
|
|
371
|
+
var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht)));
|
|
372
|
+
background-color: var(--_ctm-mob-dn-pn-le-or-le-cr,
|
|
373
|
+
var(--_ctm-tab-dn-pn-le-or-le-cr, var(--_ctm-dn-pn-le-or-le-cr)));
|
|
431
374
|
border-radius: 6px;
|
|
432
375
|
}
|
|
433
376
|
|
|
434
377
|
.embla__dot--selected:after {
|
|
435
378
|
box-shadow: inset 0 0 0 1px var(--text-body);
|
|
436
379
|
border-radius: 6px;
|
|
437
|
-
width: var(
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
|
|
444
|
-
);
|
|
445
|
-
background-color: var(
|
|
446
|
-
--_ctm-mob-dn-pn-le-ct-le-cr,
|
|
447
|
-
var(--_ctm-tab-dn-pn-le-ct-le-cr, var(--_ctm-dn-pn-le-ct-le-cr))
|
|
448
|
-
);
|
|
380
|
+
width: var(--_ctm-mob-dn-pn-le-le-wh,
|
|
381
|
+
var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh)));
|
|
382
|
+
height: var(--_ctm-mob-dn-pn-le-le-ht,
|
|
383
|
+
var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht)));
|
|
384
|
+
background-color: var(--_ctm-mob-dn-pn-le-ct-le-cr,
|
|
385
|
+
var(--_ctm-tab-dn-pn-le-ct-le-cr, var(--_ctm-dn-pn-le-ct-le-cr)));
|
|
449
386
|
}
|
|
450
387
|
}
|
|
451
388
|
}
|
|
@@ -470,6 +407,7 @@ $imagePositions: (
|
|
|
470
407
|
|
|
471
408
|
overflow: hidden;
|
|
472
409
|
}
|
|
410
|
+
|
|
473
411
|
.embla__thumbs__container {
|
|
474
412
|
display: flex;
|
|
475
413
|
flex-direction: row;
|
|
@@ -493,46 +431,33 @@ $imagePositions: (
|
|
|
493
431
|
}
|
|
494
432
|
}
|
|
495
433
|
}
|
|
434
|
+
|
|
496
435
|
.user__element__container {
|
|
497
436
|
display: flex;
|
|
498
437
|
flex-direction: column;
|
|
499
438
|
|
|
500
439
|
width: 100%;
|
|
501
440
|
gap: prepareMediaVariable(--_ctm-lt-im-sg);
|
|
502
|
-
background-color: var(
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
|
|
520
|
-
);
|
|
521
|
-
|
|
522
|
-
border-radius: var(
|
|
523
|
-
--_ctm-mob-dn-wt-se-br-rs,
|
|
524
|
-
var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
|
|
525
|
-
);
|
|
526
|
-
|
|
527
|
-
box-shadow: var(
|
|
528
|
-
--_show-shadow,
|
|
529
|
-
var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
|
|
530
|
-
var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
|
|
531
|
-
var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
|
|
532
|
-
var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
|
|
533
|
-
);
|
|
441
|
+
background-color: var(--_ctm-mob-dn-wt-se-bd-cr,
|
|
442
|
+
var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr)));
|
|
443
|
+
|
|
444
|
+
border-color: var(--_ctm-mob-dn-wt-se-br-cr,
|
|
445
|
+
var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr)));
|
|
446
|
+
|
|
447
|
+
border-style: var(--_ctm-mob-dn-wt-se-br-se,
|
|
448
|
+
var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se)));
|
|
449
|
+
|
|
450
|
+
border-width: var(--_ctm-mob-dn-wt-se-br-wh,
|
|
451
|
+
var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh)));
|
|
452
|
+
|
|
453
|
+
border-radius: var(--_ctm-mob-dn-wt-se-br-rs,
|
|
454
|
+
var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs)));
|
|
455
|
+
|
|
456
|
+
box-shadow: var(--_show-shadow,
|
|
457
|
+
var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae))) var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br))) var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd))) var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr))));
|
|
534
458
|
|
|
535
459
|
padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
|
|
460
|
+
|
|
536
461
|
.user__element__item {
|
|
537
462
|
position: relative;
|
|
538
463
|
}
|
|
@@ -607,6 +532,7 @@ $imagePositions: (
|
|
|
607
532
|
justify-content: space-between;
|
|
608
533
|
align-items: center;
|
|
609
534
|
flex-wrap: wrap;
|
|
535
|
+
|
|
610
536
|
.user_elements_user_name_wrapper {
|
|
611
537
|
width: unset;
|
|
612
538
|
align-items: center;
|
|
@@ -618,6 +544,7 @@ $imagePositions: (
|
|
|
618
544
|
width: unset;
|
|
619
545
|
flex-wrap: wrap;
|
|
620
546
|
}
|
|
547
|
+
|
|
621
548
|
@media (max-width: 767px) {
|
|
622
549
|
.user_elements_user_data_wrapper {
|
|
623
550
|
flex-direction: column;
|
|
@@ -625,17 +552,21 @@ $imagePositions: (
|
|
|
625
552
|
}
|
|
626
553
|
}
|
|
627
554
|
}
|
|
555
|
+
|
|
628
556
|
.user_elements_quota_wrapper {
|
|
629
557
|
flex-direction: row;
|
|
630
558
|
align-items: center;
|
|
631
559
|
flex-wrap: nowrap;
|
|
560
|
+
|
|
632
561
|
.quota_label_wrapper {
|
|
633
562
|
flex-shrink: 0;
|
|
634
563
|
}
|
|
564
|
+
|
|
635
565
|
.user_elements_user_name_wrapper {
|
|
636
566
|
flex-direction: row;
|
|
637
567
|
white-space: nowrap;
|
|
638
568
|
}
|
|
569
|
+
|
|
639
570
|
.quote_vertical_scroll_wrapper {
|
|
640
571
|
flex-direction: row;
|
|
641
572
|
flex-grow: 1;
|
|
@@ -648,6 +579,7 @@ $imagePositions: (
|
|
|
648
579
|
width: 100%;
|
|
649
580
|
}
|
|
650
581
|
}
|
|
582
|
+
|
|
651
583
|
// This row divider was drawn unconditionally, so the section's Divider
|
|
652
584
|
// toggle had nothing to switch off in the maximized layout.
|
|
653
585
|
&[data-show-divider="true"] {
|
|
@@ -665,24 +597,30 @@ $imagePositions: (
|
|
|
665
597
|
width: prepareMediaVariable(--_ctm-dn-qa-dn-fl-ad-oy-dr-wt);
|
|
666
598
|
}
|
|
667
599
|
}
|
|
600
|
+
|
|
668
601
|
.quota_label {
|
|
669
602
|
white-space: nowrap;
|
|
670
603
|
}
|
|
604
|
+
|
|
671
605
|
.quote_info_wrapper {
|
|
672
606
|
justify-content: flex-start;
|
|
673
607
|
align-items: center;
|
|
674
608
|
}
|
|
609
|
+
|
|
675
610
|
.embla__container {
|
|
676
611
|
gap: prepareMediaVariable(--_ctm-lt-qa-im-sg);
|
|
677
612
|
}
|
|
678
613
|
}
|
|
614
|
+
|
|
679
615
|
.user_elements_allowance_wrapper {
|
|
680
616
|
flex-direction: row;
|
|
681
617
|
flex-wrap: nowrap;
|
|
682
618
|
align-items: center;
|
|
619
|
+
|
|
683
620
|
.allowance_label_wrapper {
|
|
684
621
|
flex-shrink: 0;
|
|
685
622
|
}
|
|
623
|
+
|
|
686
624
|
// Same: gated on the section's own Divider toggle.
|
|
687
625
|
&[data-show-divider="true"] {
|
|
688
626
|
.embla__slide:not(:last-child) {
|
|
@@ -702,28 +640,34 @@ $imagePositions: (
|
|
|
702
640
|
left: unset;
|
|
703
641
|
}
|
|
704
642
|
}
|
|
643
|
+
|
|
705
644
|
.allowance_vertical_scroll_wrapper {
|
|
706
645
|
width: unset;
|
|
707
646
|
flex-grow: 1;
|
|
708
647
|
min-width: 0;
|
|
709
648
|
}
|
|
649
|
+
|
|
710
650
|
@media (max-width: 1024px) {
|
|
711
651
|
.allowance_vertical_scroll_wrapper {
|
|
712
652
|
width: 100%;
|
|
713
653
|
}
|
|
714
654
|
}
|
|
655
|
+
|
|
715
656
|
.embla__container {
|
|
716
657
|
gap: prepareMediaVariable(--_ctm-lt-ae-im-sg);
|
|
717
658
|
}
|
|
718
659
|
}
|
|
660
|
+
|
|
719
661
|
.user_elements_user_info_secondary_wrapper {
|
|
720
662
|
flex-direction: row;
|
|
721
663
|
justify-content: space-between;
|
|
722
664
|
align-items: center;
|
|
665
|
+
|
|
723
666
|
.order_wrapper {
|
|
724
667
|
justify-content: flex-start;
|
|
725
668
|
}
|
|
726
669
|
}
|
|
670
|
+
|
|
727
671
|
.secondary_vertical_scroll_wrapper {
|
|
728
672
|
flex-direction: row;
|
|
729
673
|
width: unset;
|
|
@@ -731,9 +675,11 @@ $imagePositions: (
|
|
|
731
675
|
align-items: center;
|
|
732
676
|
width: 100%;
|
|
733
677
|
gap: prepareMediaVariable(--_ctm-lt-ur-io-sy-im-sg);
|
|
678
|
+
|
|
734
679
|
@media (max-width: 768px) {
|
|
735
680
|
flex-wrap: wrap;
|
|
736
681
|
}
|
|
682
|
+
|
|
737
683
|
.child {
|
|
738
684
|
flex-direction: column;
|
|
739
685
|
justify-content: flex-start;
|
|
@@ -741,15 +687,18 @@ $imagePositions: (
|
|
|
741
687
|
height: 44px;
|
|
742
688
|
}
|
|
743
689
|
}
|
|
690
|
+
|
|
744
691
|
@media (max-width: 1024px) {
|
|
745
692
|
.user_elements_user_info_wrapper {
|
|
746
693
|
flex-direction: column;
|
|
747
694
|
align-items: flex-start;
|
|
748
695
|
}
|
|
696
|
+
|
|
749
697
|
.user_elements_quota_wrapper {
|
|
750
698
|
flex-direction: column;
|
|
751
699
|
align-items: flex-start;
|
|
752
700
|
}
|
|
701
|
+
|
|
753
702
|
.user_elements_allowance_wrapper {
|
|
754
703
|
flex-direction: column;
|
|
755
704
|
align-items: flex-start;
|
|
@@ -762,20 +711,24 @@ $imagePositions: (
|
|
|
762
711
|
display: flex;
|
|
763
712
|
gap: 48px;
|
|
764
713
|
margin-left: 32px;
|
|
714
|
+
|
|
765
715
|
.quota__dtls {
|
|
766
716
|
display: flex;
|
|
767
717
|
align-items: center;
|
|
768
718
|
gap: 8px;
|
|
719
|
+
|
|
769
720
|
.quota__name {
|
|
770
721
|
display: flex;
|
|
771
722
|
flex-direction: column;
|
|
772
723
|
// align-items: center;
|
|
773
724
|
gap: 12px;
|
|
774
725
|
}
|
|
726
|
+
|
|
775
727
|
.quota__balance {
|
|
776
728
|
display: flex;
|
|
777
729
|
gap: 5px;
|
|
778
730
|
}
|
|
731
|
+
|
|
779
732
|
.back_slash {
|
|
780
733
|
color: var(--_gray-300);
|
|
781
734
|
position: relative;
|
|
@@ -783,12 +736,15 @@ $imagePositions: (
|
|
|
783
736
|
}
|
|
784
737
|
}
|
|
785
738
|
}
|
|
739
|
+
|
|
786
740
|
&[data-display-type="Horizontal"] {
|
|
787
741
|
flex-direction: row;
|
|
742
|
+
|
|
788
743
|
.user__element__item {
|
|
789
744
|
width: 100%;
|
|
790
745
|
flex-grow: 1;
|
|
791
746
|
}
|
|
747
|
+
|
|
792
748
|
.user__element__item {
|
|
793
749
|
min-width: 200px;
|
|
794
750
|
}
|
|
@@ -822,8 +778,7 @@ $imagePositions: (
|
|
|
822
778
|
border-radius: var(--_ctm-dn-ur-io-dn-fl-ad-oy-br-rs);
|
|
823
779
|
border-style: var(--_ctm-dn-ur-io-dn-fl-ad-oy-br-se);
|
|
824
780
|
border-width: var(--_ctm-dn-ur-io-dn-fl-ad-oy-br-wh);
|
|
825
|
-
box-shadow: var(--_ctm-dn-ur-io-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-ur-io-dn-fl-ad-oy-sw-br)
|
|
826
|
-
var(--_ctm-dn-ur-io-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-ur-io-dn-fl-ad-oy-sw-cr);
|
|
781
|
+
box-shadow: var(--_ctm-dn-ur-io-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-ur-io-dn-fl-ad-oy-sw-br) var(--_ctm-dn-ur-io-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-ur-io-dn-fl-ad-oy-sw-cr);
|
|
827
782
|
gap: prepareMediaVariable(--_ctm-lt-ur-io-im-sg);
|
|
828
783
|
|
|
829
784
|
padding: prepareMediaVariable(--_ctm-dn-ur-io-dn-fl-ad-oy-pg);
|
|
@@ -834,22 +789,27 @@ $imagePositions: (
|
|
|
834
789
|
// Keeps the avatar and the trailing icon on the name's centre line instead of
|
|
835
790
|
// stretching them to the row height.
|
|
836
791
|
align-items: center;
|
|
792
|
+
|
|
837
793
|
&[data-has-link="true"] {
|
|
838
794
|
cursor: pointer;
|
|
795
|
+
|
|
839
796
|
&:hover {
|
|
840
797
|
color: var(--_primary-500);
|
|
841
798
|
}
|
|
842
799
|
}
|
|
800
|
+
|
|
843
801
|
.user_elements_user_name {
|
|
844
802
|
display: flex;
|
|
845
803
|
color: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-cr);
|
|
846
804
|
font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-ft-fy);
|
|
847
805
|
word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-wd-wp);
|
|
848
806
|
word-break: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-wd-bk);
|
|
807
|
+
|
|
849
808
|
&.flex__overflow {
|
|
850
809
|
white-space: normal;
|
|
851
810
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
852
811
|
}
|
|
812
|
+
|
|
853
813
|
font-size: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-ft-se);
|
|
854
814
|
font-style: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-ft-se-ic);
|
|
855
815
|
font-weight: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-ft-wt);
|
|
@@ -874,10 +834,8 @@ $imagePositions: (
|
|
|
874
834
|
border-style: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-br-se);
|
|
875
835
|
border-width: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-br-wh);
|
|
876
836
|
border-radius: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-br-rs);
|
|
877
|
-
box-shadow: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-ae)
|
|
878
|
-
|
|
879
|
-
prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-sd)
|
|
880
|
-
prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-cr);
|
|
837
|
+
box-shadow: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-ae) prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-br) prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-sd) prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-cr);
|
|
838
|
+
|
|
881
839
|
// Which part of the picture survives the crop to the configured box. The
|
|
882
840
|
// control stores the image element's compass values, so they are mapped to
|
|
883
841
|
// their CSS equivalents here.
|
|
@@ -904,9 +862,11 @@ $imagePositions: (
|
|
|
904
862
|
|
|
905
863
|
.icon {
|
|
906
864
|
cursor: pointer;
|
|
865
|
+
|
|
907
866
|
svg {
|
|
908
867
|
width: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-in-se);
|
|
909
868
|
height: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-in-se);
|
|
869
|
+
|
|
910
870
|
path {
|
|
911
871
|
stroke: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-ne-dn-in-c1);
|
|
912
872
|
// Overrides the stroke-width presentation attribute baked into the icon markup.
|
|
@@ -936,10 +896,12 @@ $imagePositions: (
|
|
|
936
896
|
font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-ft-fy);
|
|
937
897
|
word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-wd-wp);
|
|
938
898
|
word-break: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-wd-bk);
|
|
899
|
+
|
|
939
900
|
&.flex__overflow {
|
|
940
901
|
white-space: normal;
|
|
941
902
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
942
903
|
}
|
|
904
|
+
|
|
943
905
|
font-size: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-ft-se);
|
|
944
906
|
font-style: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-ft-se-ic);
|
|
945
907
|
font-weight: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-ft-wt);
|
|
@@ -951,9 +913,11 @@ $imagePositions: (
|
|
|
951
913
|
|
|
952
914
|
.icon {
|
|
953
915
|
cursor: pointer;
|
|
916
|
+
|
|
954
917
|
svg {
|
|
955
918
|
width: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-in-se);
|
|
956
919
|
height: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-in-se);
|
|
920
|
+
|
|
957
921
|
path {
|
|
958
922
|
stroke: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-in-c1);
|
|
959
923
|
// Overrides the stroke-width presentation attribute baked into the icon markup.
|
|
@@ -972,10 +936,12 @@ $imagePositions: (
|
|
|
972
936
|
font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-ft-fy);
|
|
973
937
|
word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-wd-wp);
|
|
974
938
|
word-break: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-wd-bk);
|
|
939
|
+
|
|
975
940
|
&.flex__overflow {
|
|
976
941
|
white-space: normal;
|
|
977
942
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
978
943
|
}
|
|
944
|
+
|
|
979
945
|
font-size: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-ft-se);
|
|
980
946
|
font-style: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-ft-se-ic);
|
|
981
947
|
font-weight: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-ft-wt);
|
|
@@ -987,9 +953,11 @@ $imagePositions: (
|
|
|
987
953
|
|
|
988
954
|
.icon {
|
|
989
955
|
cursor: pointer;
|
|
956
|
+
|
|
990
957
|
svg {
|
|
991
958
|
width: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-in-se);
|
|
992
959
|
height: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-in-se);
|
|
960
|
+
|
|
993
961
|
path {
|
|
994
962
|
stroke: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-in-c1);
|
|
995
963
|
// Overrides the stroke-width presentation attribute baked into the icon markup.
|
|
@@ -1008,10 +976,12 @@ $imagePositions: (
|
|
|
1008
976
|
font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-ft-fy);
|
|
1009
977
|
word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-wd-wp);
|
|
1010
978
|
word-break: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-wd-bk);
|
|
979
|
+
|
|
1011
980
|
&.flex__overflow {
|
|
1012
981
|
white-space: normal;
|
|
1013
982
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1014
983
|
}
|
|
984
|
+
|
|
1015
985
|
font-size: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-ft-se);
|
|
1016
986
|
font-style: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-ft-se-ic);
|
|
1017
987
|
font-weight: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-ft-wt);
|
|
@@ -1023,9 +993,11 @@ $imagePositions: (
|
|
|
1023
993
|
|
|
1024
994
|
.icon {
|
|
1025
995
|
cursor: pointer;
|
|
996
|
+
|
|
1026
997
|
svg {
|
|
1027
998
|
width: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-in-se);
|
|
1028
999
|
height: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-in-se);
|
|
1000
|
+
|
|
1029
1001
|
path {
|
|
1030
1002
|
stroke: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-in-c1);
|
|
1031
1003
|
// Overrides the stroke-width presentation attribute baked into the icon markup.
|
|
@@ -1036,9 +1008,11 @@ $imagePositions: (
|
|
|
1036
1008
|
}
|
|
1037
1009
|
}
|
|
1038
1010
|
}
|
|
1011
|
+
|
|
1039
1012
|
.child {
|
|
1040
1013
|
position: relative;
|
|
1041
1014
|
}
|
|
1015
|
+
|
|
1042
1016
|
&[data-show-divider="true"] {
|
|
1043
1017
|
.child:not(:last-child)::after {
|
|
1044
1018
|
content: "";
|
|
@@ -1064,6 +1038,7 @@ $imagePositions: (
|
|
|
1064
1038
|
margin-block: 0;
|
|
1065
1039
|
border-radius: 0;
|
|
1066
1040
|
}
|
|
1041
|
+
|
|
1067
1042
|
// .user_elements_user_name_wrapper {
|
|
1068
1043
|
// width: 100%;
|
|
1069
1044
|
// position: relative;
|
|
@@ -1106,9 +1081,9 @@ $imagePositions: (
|
|
|
1106
1081
|
border-radius: prepareMediaVariable(--_ctm-dn-qa-dn-fl-ad-oy-br-rs);
|
|
1107
1082
|
border-style: prepareMediaVariable(--_ctm-dn-qa-dn-fl-ad-oy-br-se);
|
|
1108
1083
|
border-width: prepareMediaVariable(--_ctm-dn-qa-dn-fl-ad-oy-br-wh);
|
|
1109
|
-
box-shadow: var(--_ctm-dn-qa-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-br)
|
|
1110
|
-
var(--_ctm-dn-qa-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-cr);
|
|
1084
|
+
box-shadow: var(--_ctm-dn-qa-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-br) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-cr);
|
|
1111
1085
|
gap: prepareMediaVariable(--_ctm-lt-qa-dn-sg);
|
|
1086
|
+
|
|
1112
1087
|
.quota_label_wrapper {
|
|
1113
1088
|
display: flex;
|
|
1114
1089
|
flex-direction: column;
|
|
@@ -1123,10 +1098,12 @@ $imagePositions: (
|
|
|
1123
1098
|
text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-tt-tm);
|
|
1124
1099
|
word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-wd-wp);
|
|
1125
1100
|
word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-wd-bk);
|
|
1101
|
+
|
|
1126
1102
|
&.flex__overflow {
|
|
1127
1103
|
white-space: normal;
|
|
1128
1104
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1129
1105
|
}
|
|
1106
|
+
|
|
1130
1107
|
font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-ft-se);
|
|
1131
1108
|
font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-ft-se-ic);
|
|
1132
1109
|
font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-ft-wt);
|
|
@@ -1135,6 +1112,7 @@ $imagePositions: (
|
|
|
1135
1112
|
text-align: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-tt-an);
|
|
1136
1113
|
text-decoration: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hg-dn-ue);
|
|
1137
1114
|
}
|
|
1115
|
+
|
|
1138
1116
|
.quota_single_profile_name {
|
|
1139
1117
|
display: flex;
|
|
1140
1118
|
align-items: center;
|
|
@@ -1144,10 +1122,12 @@ $imagePositions: (
|
|
|
1144
1122
|
text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-tt-tm);
|
|
1145
1123
|
word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-wd-wp);
|
|
1146
1124
|
word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-wd-bk);
|
|
1125
|
+
|
|
1147
1126
|
&.flex__overflow {
|
|
1148
1127
|
white-space: normal;
|
|
1149
1128
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1150
1129
|
}
|
|
1130
|
+
|
|
1151
1131
|
font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-se);
|
|
1152
1132
|
font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-se-ic);
|
|
1153
1133
|
font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-wt);
|
|
@@ -1159,6 +1139,7 @@ $imagePositions: (
|
|
|
1159
1139
|
}
|
|
1160
1140
|
|
|
1161
1141
|
.quote_item_wrapper {
|
|
1142
|
+
|
|
1162
1143
|
// Set only on the storefront, where clicking a quota row selects that
|
|
1163
1144
|
// allocation and its profile. Builder/preview rows are dummy data.
|
|
1164
1145
|
&[data-is-clickable="true"] {
|
|
@@ -1173,6 +1154,7 @@ $imagePositions: (
|
|
|
1173
1154
|
display: flex;
|
|
1174
1155
|
gap: 12px;
|
|
1175
1156
|
justify-content: space-between;
|
|
1157
|
+
|
|
1176
1158
|
.quota_name_wrapper {
|
|
1177
1159
|
display: flex;
|
|
1178
1160
|
flex-direction: column;
|
|
@@ -1186,10 +1168,12 @@ $imagePositions: (
|
|
|
1186
1168
|
text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-tt-tm);
|
|
1187
1169
|
word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-wd-wp);
|
|
1188
1170
|
word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-wd-bk);
|
|
1171
|
+
|
|
1189
1172
|
&.flex__overflow {
|
|
1190
1173
|
white-space: normal;
|
|
1191
1174
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1192
1175
|
}
|
|
1176
|
+
|
|
1193
1177
|
font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-se);
|
|
1194
1178
|
font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-se-ic);
|
|
1195
1179
|
font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ne-dn-ft-wt);
|
|
@@ -1207,10 +1191,12 @@ $imagePositions: (
|
|
|
1207
1191
|
text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-tt-tm);
|
|
1208
1192
|
word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-wd-wp);
|
|
1209
1193
|
word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-wd-bk);
|
|
1194
|
+
|
|
1210
1195
|
&.flex__overflow {
|
|
1211
1196
|
white-space: normal;
|
|
1212
1197
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1213
1198
|
}
|
|
1199
|
+
|
|
1214
1200
|
font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-ft-se);
|
|
1215
1201
|
font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-ft-se-ic);
|
|
1216
1202
|
font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-ey-dn-ft-wt);
|
|
@@ -1224,6 +1210,7 @@ $imagePositions: (
|
|
|
1224
1210
|
.quota_inventory_parent {
|
|
1225
1211
|
display: flex;
|
|
1226
1212
|
}
|
|
1213
|
+
|
|
1227
1214
|
.hilighted {
|
|
1228
1215
|
color: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-cr);
|
|
1229
1216
|
font-family: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-fy);
|
|
@@ -1238,6 +1225,7 @@ $imagePositions: (
|
|
|
1238
1225
|
text-align: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-tt-an);
|
|
1239
1226
|
text-decoration: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ue);
|
|
1240
1227
|
}
|
|
1228
|
+
|
|
1241
1229
|
.quota_inventory {
|
|
1242
1230
|
display: flex;
|
|
1243
1231
|
justify-content: center;
|
|
@@ -1248,10 +1236,12 @@ $imagePositions: (
|
|
|
1248
1236
|
text-transform: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-tt-tm);
|
|
1249
1237
|
word-wrap: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-wd-wp);
|
|
1250
1238
|
word-break: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-wd-bk);
|
|
1239
|
+
|
|
1251
1240
|
&.flex__overflow {
|
|
1252
1241
|
white-space: normal;
|
|
1253
1242
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1254
1243
|
}
|
|
1244
|
+
|
|
1255
1245
|
font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-ft-se);
|
|
1256
1246
|
font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-ft-se-ic);
|
|
1257
1247
|
font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-iy-dn-ft-wt);
|
|
@@ -1285,11 +1275,13 @@ $imagePositions: (
|
|
|
1285
1275
|
height: prepareMediaVariable(--_ctm-dn-qa-dn-fl-ad-oy-dr-wt);
|
|
1286
1276
|
background-color: prepareMediaVariable(--_ctm-dn-qa-dn-fl-ad-oy-dr-cr);
|
|
1287
1277
|
}
|
|
1278
|
+
|
|
1288
1279
|
&[data-content-alignment="Vertical"] {
|
|
1289
1280
|
.quota_label_wrapper {
|
|
1290
1281
|
width: 100%;
|
|
1291
1282
|
position: relative;
|
|
1292
1283
|
@include dividerGapReserve(--_ctm-dn-qa-dn-fl-ad-oy-dr-wt);
|
|
1284
|
+
|
|
1293
1285
|
&::after {
|
|
1294
1286
|
content: "";
|
|
1295
1287
|
position: absolute;
|
|
@@ -1324,6 +1316,7 @@ $imagePositions: (
|
|
|
1324
1316
|
}
|
|
1325
1317
|
}
|
|
1326
1318
|
}
|
|
1319
|
+
|
|
1327
1320
|
.quote_vertical_scroll_wrapper {
|
|
1328
1321
|
overflow-y: auto;
|
|
1329
1322
|
gap: prepareMediaVariable(--_ctm-lt-qa-im-sg);
|
|
@@ -1354,9 +1347,9 @@ $imagePositions: (
|
|
|
1354
1347
|
border-radius: prepareMediaVariable(--_ctm-dn-ae-dn-fl-ad-oy-br-rs);
|
|
1355
1348
|
border-style: prepareMediaVariable(--_ctm-dn-ae-dn-fl-ad-oy-br-se);
|
|
1356
1349
|
border-width: prepareMediaVariable(--_ctm-dn-ae-dn-fl-ad-oy-br-wh);
|
|
1357
|
-
box-shadow: var(--_ctm-dn-ae-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-br)
|
|
1358
|
-
var(--_ctm-dn-ae-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-cr);
|
|
1350
|
+
box-shadow: var(--_ctm-dn-ae-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-br) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-cr);
|
|
1359
1351
|
gap: prepareMediaVariable(--_ctm-lt-ae-dn-sg);
|
|
1352
|
+
|
|
1360
1353
|
.allowance_label_wrapper {
|
|
1361
1354
|
display: flex;
|
|
1362
1355
|
flex-direction: column;
|
|
@@ -1373,10 +1366,12 @@ $imagePositions: (
|
|
|
1373
1366
|
text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-tt-tm);
|
|
1374
1367
|
word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-wd-wp);
|
|
1375
1368
|
word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-wd-bk);
|
|
1369
|
+
|
|
1376
1370
|
&.flex__overflow {
|
|
1377
1371
|
white-space: normal;
|
|
1378
1372
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1379
1373
|
}
|
|
1374
|
+
|
|
1380
1375
|
font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-ft-se);
|
|
1381
1376
|
font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-ft-se-ic);
|
|
1382
1377
|
font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-hg-dn-ft-wt);
|
|
@@ -1395,10 +1390,12 @@ $imagePositions: (
|
|
|
1395
1390
|
text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-tt-tm);
|
|
1396
1391
|
word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-wd-wp);
|
|
1397
1392
|
word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-wd-bk);
|
|
1393
|
+
|
|
1398
1394
|
&.flex__overflow {
|
|
1399
1395
|
white-space: normal;
|
|
1400
1396
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1401
1397
|
}
|
|
1398
|
+
|
|
1402
1399
|
font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-se);
|
|
1403
1400
|
font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-se-ic);
|
|
1404
1401
|
font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-wt);
|
|
@@ -1423,6 +1420,7 @@ $imagePositions: (
|
|
|
1423
1420
|
.allowance_info_wrapper {
|
|
1424
1421
|
display: flex;
|
|
1425
1422
|
gap: 12px;
|
|
1423
|
+
|
|
1426
1424
|
.allowance_name_wrapper {
|
|
1427
1425
|
display: flex;
|
|
1428
1426
|
flex-direction: column;
|
|
@@ -1436,10 +1434,12 @@ $imagePositions: (
|
|
|
1436
1434
|
text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-tt-tm);
|
|
1437
1435
|
word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-wd-wp);
|
|
1438
1436
|
word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-wd-bk);
|
|
1437
|
+
|
|
1439
1438
|
&.flex__overflow {
|
|
1440
1439
|
white-space: normal;
|
|
1441
1440
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1442
1441
|
}
|
|
1442
|
+
|
|
1443
1443
|
font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-se);
|
|
1444
1444
|
font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-se-ic);
|
|
1445
1445
|
font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ne-dn-ft-wt);
|
|
@@ -1457,10 +1457,12 @@ $imagePositions: (
|
|
|
1457
1457
|
text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-tt-tm);
|
|
1458
1458
|
word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-wd-wp);
|
|
1459
1459
|
word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-wd-bk);
|
|
1460
|
+
|
|
1460
1461
|
&.flex__overflow {
|
|
1461
1462
|
white-space: normal;
|
|
1462
1463
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1463
1464
|
}
|
|
1465
|
+
|
|
1464
1466
|
font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-ft-se);
|
|
1465
1467
|
font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-ft-se-ic);
|
|
1466
1468
|
font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-ey-dn-ft-wt);
|
|
@@ -1480,10 +1482,12 @@ $imagePositions: (
|
|
|
1480
1482
|
text-transform: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-tt-tm);
|
|
1481
1483
|
word-wrap: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-wd-wp);
|
|
1482
1484
|
word-break: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-wd-bk);
|
|
1485
|
+
|
|
1483
1486
|
&.flex__overflow {
|
|
1484
1487
|
white-space: normal;
|
|
1485
1488
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1486
1489
|
}
|
|
1490
|
+
|
|
1487
1491
|
font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se);
|
|
1488
1492
|
font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se-ic);
|
|
1489
1493
|
font-weight: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-wt);
|
|
@@ -1494,6 +1498,7 @@ $imagePositions: (
|
|
|
1494
1498
|
}
|
|
1495
1499
|
}
|
|
1496
1500
|
}
|
|
1501
|
+
|
|
1497
1502
|
&[data-show-divider="true"] {
|
|
1498
1503
|
.allowance_item_wrapper:not(:last-child) {
|
|
1499
1504
|
@include dividerGapReserve(--_ctm-dn-ae-dn-fl-ad-oy-dr-wt);
|
|
@@ -1509,12 +1514,14 @@ $imagePositions: (
|
|
|
1509
1514
|
height: prepareMediaVariable(--_ctm-dn-ae-dn-fl-ad-oy-dr-wt);
|
|
1510
1515
|
background-color: prepareMediaVariable(--_ctm-dn-ae-dn-fl-ad-oy-dr-cr);
|
|
1511
1516
|
}
|
|
1517
|
+
|
|
1512
1518
|
&[data-content-alignment="Vertical"] {
|
|
1513
1519
|
.allowance_label_wrapper {
|
|
1514
1520
|
width: 100%;
|
|
1515
1521
|
position: relative;
|
|
1516
1522
|
gap: 10px;
|
|
1517
1523
|
@include dividerGapReserve(--_ctm-dn-ae-dn-fl-ad-oy-dr-wt);
|
|
1524
|
+
|
|
1518
1525
|
&::after {
|
|
1519
1526
|
content: "";
|
|
1520
1527
|
position: absolute;
|
|
@@ -1570,9 +1577,7 @@ $imagePositions: (
|
|
|
1570
1577
|
border-radius: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-br-rs);
|
|
1571
1578
|
border-style: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-br-se);
|
|
1572
1579
|
border-width: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-br-wh);
|
|
1573
|
-
box-shadow: var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-sw-ae)
|
|
1574
|
-
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-sw-br) var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-sw-sd)
|
|
1575
|
-
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-sw-cr);
|
|
1580
|
+
box-shadow: var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-sw-br) var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-sw-cr);
|
|
1576
1581
|
gap: prepareMediaVariable(--_ctm-lt-ur-io-sy-im-sg);
|
|
1577
1582
|
|
|
1578
1583
|
.secondary_vertical_scroll_wrapper {
|
|
@@ -1631,6 +1636,7 @@ $imagePositions: (
|
|
|
1631
1636
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1632
1637
|
}
|
|
1633
1638
|
}
|
|
1639
|
+
|
|
1634
1640
|
.value {
|
|
1635
1641
|
color: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-cr);
|
|
1636
1642
|
font-family: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-fy);
|
|
@@ -1668,6 +1674,7 @@ $imagePositions: (
|
|
|
1668
1674
|
display: flex;
|
|
1669
1675
|
gap: 6px;
|
|
1670
1676
|
justify-content: right;
|
|
1677
|
+
|
|
1671
1678
|
.remaining_order {
|
|
1672
1679
|
color: #243dc6;
|
|
1673
1680
|
font-family: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-fy);
|
|
@@ -1695,6 +1702,7 @@ $imagePositions: (
|
|
|
1695
1702
|
.payment_wrapper {
|
|
1696
1703
|
display: flex;
|
|
1697
1704
|
gap: 6px;
|
|
1705
|
+
|
|
1698
1706
|
.remaining_payment {
|
|
1699
1707
|
color: #243dc6;
|
|
1700
1708
|
font-family: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ur-sy-io-ve-dn-ft-fy);
|
|
@@ -1728,41 +1736,24 @@ $imagePositions: (
|
|
|
1728
1736
|
position: relative;
|
|
1729
1737
|
display: inline-block;
|
|
1730
1738
|
flex-shrink: 0;
|
|
1731
|
-
width: var(
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
height: var(
|
|
1736
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1737
|
-
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se, var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se))
|
|
1738
|
-
);
|
|
1739
|
+
width: var(--_ctm-mab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1740
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se, var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se)));
|
|
1741
|
+
height: var(--_ctm-mob-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1742
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se, var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se)));
|
|
1739
1743
|
margin-right: 6px;
|
|
1744
|
+
|
|
1740
1745
|
.cart__quantity {
|
|
1741
1746
|
position: absolute;
|
|
1742
1747
|
top: -4px;
|
|
1743
1748
|
right: -6px;
|
|
1744
1749
|
border-radius: 50px;
|
|
1745
1750
|
|
|
1746
|
-
min-width: calc(
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se)
|
|
1752
|
-
)
|
|
1753
|
-
) *
|
|
1754
|
-
0.5
|
|
1755
|
-
);
|
|
1756
|
-
height: calc(
|
|
1757
|
-
var(
|
|
1758
|
-
--_ctm-mab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1759
|
-
var(
|
|
1760
|
-
--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1761
|
-
var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se)
|
|
1762
|
-
)
|
|
1763
|
-
) *
|
|
1764
|
-
0.5
|
|
1765
|
-
);
|
|
1751
|
+
min-width: calc(var(--_ctm-mab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1752
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1753
|
+
var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se))) * 0.5);
|
|
1754
|
+
height: calc(var(--_ctm-mab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1755
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1756
|
+
var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se))) * 0.5);
|
|
1766
1757
|
width: auto;
|
|
1767
1758
|
padding-inline: 4px;
|
|
1768
1759
|
box-sizing: border-box;
|
|
@@ -1772,6 +1763,7 @@ $imagePositions: (
|
|
|
1772
1763
|
justify-content: center;
|
|
1773
1764
|
white-space: nowrap;
|
|
1774
1765
|
}
|
|
1766
|
+
|
|
1775
1767
|
// .cart__quantity {
|
|
1776
1768
|
// position: absolute;
|
|
1777
1769
|
// top: 0;
|
|
@@ -1797,149 +1789,84 @@ $imagePositions: (
|
|
|
1797
1789
|
// }
|
|
1798
1790
|
|
|
1799
1791
|
.cart__quantity {
|
|
1800
|
-
background-color: var(
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
box-shadow: var(
|
|
1826
|
-
--_show-shadow,
|
|
1827
|
-
var(
|
|
1828
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-ct-sw-ae,
|
|
1829
|
-
var(
|
|
1830
|
-
--_ctm-tab-dn-ur-sy-io-dn-ct-ct-sw-ae,
|
|
1831
|
-
var(--_ctm-dn-ur-sy-io-dn-ct-ct-sw-ae)
|
|
1832
|
-
)
|
|
1833
|
-
)
|
|
1834
|
-
var(
|
|
1835
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-ct-sw-br,
|
|
1836
|
-
var(
|
|
1837
|
-
--_ctm-tab-dn-ur-sy-io-dn-ct-ct-sw-br,
|
|
1838
|
-
var(--_ctm-dn-ur-sy-io-dn-ct-ct-sw-br)
|
|
1839
|
-
)
|
|
1840
|
-
)
|
|
1841
|
-
var(
|
|
1842
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-ct-sw-sd,
|
|
1843
|
-
var(
|
|
1844
|
-
--_ctm-tab-dn-ur-sy-io-dn-ct-ct-sw-sd,
|
|
1845
|
-
var(--_ctm-dn-ur-sy-io-dn-ct-ct-sw-sd)
|
|
1846
|
-
)
|
|
1847
|
-
)
|
|
1848
|
-
var(
|
|
1849
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-ct-sw-cr,
|
|
1850
|
-
var(
|
|
1851
|
-
--_ctm-tab-dn-ur-sy-io-dn-ct-ct-sw-cr,
|
|
1852
|
-
var(--_ctm-dn-ur-sy-io-dn-ct-ct-sw-cr)
|
|
1853
|
-
)
|
|
1854
|
-
)
|
|
1855
|
-
);
|
|
1792
|
+
background-color: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-bd-cr,
|
|
1793
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-bd-cr, var(--_ctm-dn-ur-sy-io-dn-ct-ct-bd-cr)));
|
|
1794
|
+
|
|
1795
|
+
border-color: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-br-cr,
|
|
1796
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-br-cr, var(--_ctm-dn-ur-sy-io-dn-ct-ct-br-cr)));
|
|
1797
|
+
|
|
1798
|
+
border-style: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-br-se,
|
|
1799
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-br-se, var(--_ctm-dn-ur-sy-io-dn-ct-ct-br-se)));
|
|
1800
|
+
|
|
1801
|
+
border-width: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-br-wh,
|
|
1802
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-br-wh, var(--_ctm-dn-ur-sy-io-dn-ct-ct-br-wh)));
|
|
1803
|
+
|
|
1804
|
+
border-radius: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-br-rs,
|
|
1805
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-br-rs, var(--_ctm-dn-ur-sy-io-dn-ct-ct-br-rs)));
|
|
1806
|
+
|
|
1807
|
+
box-shadow: var(--_show-shadow,
|
|
1808
|
+
var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-sw-ae,
|
|
1809
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-sw-ae,
|
|
1810
|
+
var(--_ctm-dn-ur-sy-io-dn-ct-ct-sw-ae))) var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-sw-br,
|
|
1811
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-sw-br,
|
|
1812
|
+
var(--_ctm-dn-ur-sy-io-dn-ct-ct-sw-br))) var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-sw-sd,
|
|
1813
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-sw-sd,
|
|
1814
|
+
var(--_ctm-dn-ur-sy-io-dn-ct-ct-sw-sd))) var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-sw-cr,
|
|
1815
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-sw-cr,
|
|
1816
|
+
var(--_ctm-dn-ur-sy-io-dn-ct-ct-sw-cr))));
|
|
1856
1817
|
white-space: nowrap;
|
|
1857
1818
|
line-height: 1;
|
|
1858
1819
|
width: auto;
|
|
1859
1820
|
padding-inline: 4px;
|
|
1860
1821
|
box-sizing: border-box;
|
|
1861
1822
|
|
|
1862
|
-
color: var(
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-ct-wd-wp,
|
|
1876
|
-
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-wd-wp, var(--_ctm-dn-ur-sy-io-dn-ct-ct-wd-wp))
|
|
1877
|
-
);
|
|
1878
|
-
word-break: var(
|
|
1879
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-ct-wd-bk,
|
|
1880
|
-
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-wd-bk, var(--_ctm-dn-ur-sy-io-dn-ct-ct-wd-bk))
|
|
1881
|
-
);
|
|
1882
|
-
font-size: calc(
|
|
1883
|
-
var(
|
|
1884
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1885
|
-
var(
|
|
1886
|
-
--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1887
|
-
var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se)
|
|
1888
|
-
)
|
|
1889
|
-
) /
|
|
1890
|
-
3
|
|
1891
|
-
);
|
|
1823
|
+
color: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-cr,
|
|
1824
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-cr, var(--_ctm-dn-ur-sy-io-dn-ct-ct-cr)));
|
|
1825
|
+
font-family: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-ft-fy,
|
|
1826
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-ft-fy, var(--_ctm-dn-ur-sy-io-dn-ct-ct-ft-fy)));
|
|
1827
|
+
text-transform: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-tt-tm,
|
|
1828
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-tt-tm, var(--_ctm-dn-ur-sy-io-dn-ct-ct-tt-tm)));
|
|
1829
|
+
word-wrap: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-wd-wp,
|
|
1830
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-wd-wp, var(--_ctm-dn-ur-sy-io-dn-ct-ct-wd-wp)));
|
|
1831
|
+
word-break: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-wd-bk,
|
|
1832
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-wd-bk, var(--_ctm-dn-ur-sy-io-dn-ct-ct-wd-bk)));
|
|
1833
|
+
font-size: calc(var(--_ctm-mob-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1834
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1835
|
+
var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se))) / 3);
|
|
1892
1836
|
// font-size: var(
|
|
1893
1837
|
// --_ctm-mob-dn-ur-sy-io-dn-ct-ct-ft-se,
|
|
1894
1838
|
// var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-ft-se, var(--_ctm-dn-ur-sy-io-dn-ct-ct-ft-se))
|
|
1895
1839
|
// );
|
|
1896
|
-
font-weight: var(
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
var(--_ctm-dn-ur-sy-io-dn-ct-ct-
|
|
1905
|
-
)
|
|
1906
|
-
);
|
|
1907
|
-
text-align: var(
|
|
1908
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-ct-tt-an,
|
|
1909
|
-
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-tt-an, var(--_ctm-dn-ur-sy-io-dn-ct-ct-tt-an))
|
|
1910
|
-
);
|
|
1911
|
-
letter-spacing: var(
|
|
1912
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-ct-lr-sg,
|
|
1913
|
-
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-lr-sg, var(--_ctm-dn-ur-sy-io-dn-ct-ct-lr-sg))
|
|
1914
|
-
);
|
|
1840
|
+
font-weight: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-ft-wt,
|
|
1841
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-ft-wt, var(--_ctm-dn-ur-sy-io-dn-ct-ct-ft-wt)));
|
|
1842
|
+
font-style: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-ft-se-ic,
|
|
1843
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-ft-se-ic,
|
|
1844
|
+
var(--_ctm-dn-ur-sy-io-dn-ct-ct-ft-se-ic)));
|
|
1845
|
+
text-align: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-tt-an,
|
|
1846
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-tt-an, var(--_ctm-dn-ur-sy-io-dn-ct-ct-tt-an)));
|
|
1847
|
+
letter-spacing: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-lr-sg,
|
|
1848
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-lr-sg, var(--_ctm-dn-ur-sy-io-dn-ct-ct-lr-sg)));
|
|
1915
1849
|
// line-height: var(
|
|
1916
1850
|
// --_ctm-mob-dn-ur-sy-io-dn-ct-ct-le-ht,
|
|
1917
1851
|
// var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-le-ht, var(--_ctm-dn-ur-sy-io-dn-ct-ct-le-ht))
|
|
1918
1852
|
// );
|
|
1919
|
-
text-decoration: var(
|
|
1920
|
-
|
|
1921
|
-
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-ue, var(--_ctm-dn-ur-sy-io-dn-ct-ct-ue))
|
|
1922
|
-
);
|
|
1853
|
+
text-decoration: var(--_ctm-mob-dn-ur-sy-io-dn-ct-ct-ue,
|
|
1854
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-ue, var(--_ctm-dn-ur-sy-io-dn-ct-ct-ue)));
|
|
1923
1855
|
}
|
|
1856
|
+
|
|
1924
1857
|
.cart__icon {
|
|
1925
1858
|
display: var(--_sf-show-icon-ff, flex);
|
|
1859
|
+
|
|
1926
1860
|
svg {
|
|
1927
|
-
width: var(
|
|
1928
|
-
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
--_ctm-mob-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1933
|
-
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se, var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se))
|
|
1934
|
-
);
|
|
1861
|
+
width: var(--_ctm-mab-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1862
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se, var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se)));
|
|
1863
|
+
height: var(--_ctm-mob-dn-ur-sy-io-dn-ct-in-in-se,
|
|
1864
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se, var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se)));
|
|
1865
|
+
|
|
1935
1866
|
path {
|
|
1936
|
-
stroke: var(
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-c1,
|
|
1940
|
-
var(--_ctm-dn-ur-sy-io-dn-ct-in-in-c1)
|
|
1941
|
-
)
|
|
1942
|
-
);
|
|
1867
|
+
stroke: var(--_ctm-mob-dn-ur-sy-io-dn-ct-in-in-c1,
|
|
1868
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-c1,
|
|
1869
|
+
var(--_ctm-dn-ur-sy-io-dn-ct-in-in-c1)));
|
|
1943
1870
|
// Overrides the stroke-width presentation attribute baked into the icon markup.
|
|
1944
1871
|
stroke-width: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ct-in-se-wh, 1.25);
|
|
1945
1872
|
}
|
|
@@ -1951,122 +1878,91 @@ $imagePositions: (
|
|
|
1951
1878
|
.child {
|
|
1952
1879
|
position: relative;
|
|
1953
1880
|
}
|
|
1881
|
+
|
|
1954
1882
|
&[data-show-divider="true"] {
|
|
1883
|
+
.child:not(:last-child) {
|
|
1884
|
+
@include dividerGapReserve(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt);
|
|
1885
|
+
}
|
|
1886
|
+
|
|
1955
1887
|
.child:not(:last-child)::before {
|
|
1956
1888
|
content: "";
|
|
1957
1889
|
position: absolute;
|
|
1958
1890
|
left: 0;
|
|
1959
1891
|
right: 0;
|
|
1960
|
-
bottom:
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
);
|
|
1970
|
-
|
|
1971
|
-
height: var(
|
|
1972
|
-
--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1973
|
-
var(
|
|
1974
|
-
--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1975
|
-
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt)
|
|
1976
|
-
)
|
|
1977
|
-
);
|
|
1978
|
-
background-color: var(
|
|
1979
|
-
--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-cr,
|
|
1980
|
-
var(
|
|
1981
|
-
--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-cr,
|
|
1982
|
-
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-cr)
|
|
1983
|
-
)
|
|
1984
|
-
);
|
|
1892
|
+
bottom: dividerGapOffset(--_ctm-lt-ur-io-sy-im-sg,
|
|
1893
|
+
--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt);
|
|
1894
|
+
|
|
1895
|
+
height: var(--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1896
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1897
|
+
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt)));
|
|
1898
|
+
background-color: var(--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-cr,
|
|
1899
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-cr,
|
|
1900
|
+
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-cr)));
|
|
1985
1901
|
}
|
|
1902
|
+
|
|
1986
1903
|
&[data-content-alignment="Horizontal"] {
|
|
1904
|
+
|
|
1905
|
+
// Side by side, so the thickness has to be reserved horizontally instead.
|
|
1906
|
+
.child:not(:last-child) {
|
|
1907
|
+
margin-bottom: 0;
|
|
1908
|
+
@include dividerGapReserve(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt, right);
|
|
1909
|
+
}
|
|
1910
|
+
|
|
1987
1911
|
.child:not(:last-child)::before {
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
// var(
|
|
1992
|
-
// --_ctm-mob-lt-ur-io-sy-im-sg,
|
|
1993
|
-
// var(--_ctm-tab-lt-ur-io-sy-im-sg, var(--_ctm-lt-ur-io-sy-im-sg))
|
|
1994
|
-
// ) /
|
|
1995
|
-
// 2
|
|
1996
|
-
// )
|
|
1997
|
-
// );
|
|
1912
|
+
right: dividerGapOffset(--_ctm-lt-ur-io-sy-im-sg,
|
|
1913
|
+
--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt);
|
|
1914
|
+
bottom: unset;
|
|
1998
1915
|
top: 0;
|
|
1999
1916
|
|
|
2000
|
-
width: var(
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
2004
|
-
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt)
|
|
2005
|
-
)
|
|
2006
|
-
);
|
|
1917
|
+
width: var(--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1918
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1919
|
+
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt)));
|
|
2007
1920
|
height: 100%;
|
|
2008
1921
|
left: unset;
|
|
2009
1922
|
}
|
|
1923
|
+
|
|
2010
1924
|
@media (max-width: 768px) {
|
|
1925
|
+
|
|
1926
|
+
// Back to stacked below the breakpoint, so the reserve goes back under the item.
|
|
1927
|
+
.child:not(:last-child) {
|
|
1928
|
+
margin-right: 0;
|
|
1929
|
+
@include dividerGapReserve(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt);
|
|
1930
|
+
}
|
|
1931
|
+
|
|
2011
1932
|
.child:not(:last-child)::before {
|
|
2012
1933
|
top: unset;
|
|
2013
1934
|
left: 0;
|
|
2014
1935
|
right: 0;
|
|
2015
|
-
bottom:
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
var(--_ctm-tab-lt-ur-io-sy-im-sg, var(--_ctm-lt-ur-io-sy-im-sg))
|
|
2021
|
-
) /
|
|
2022
|
-
2
|
|
2023
|
-
)
|
|
2024
|
-
);
|
|
2025
|
-
height: var(
|
|
2026
|
-
--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
2027
|
-
var(
|
|
2028
|
-
--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
2029
|
-
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt)
|
|
2030
|
-
)
|
|
2031
|
-
);
|
|
1936
|
+
bottom: dividerGapOffset(--_ctm-lt-ur-io-sy-im-sg,
|
|
1937
|
+
--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt);
|
|
1938
|
+
height: var(--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1939
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1940
|
+
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt)));
|
|
2032
1941
|
width: unset;
|
|
2033
1942
|
}
|
|
2034
1943
|
}
|
|
2035
1944
|
}
|
|
1945
|
+
|
|
2036
1946
|
&[data-content-alignment="Vertical"] {
|
|
2037
1947
|
.secondary_label_wrapper {
|
|
2038
1948
|
width: 100%;
|
|
2039
1949
|
position: relative;
|
|
1950
|
+
@include dividerGapReserve(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt);
|
|
1951
|
+
|
|
2040
1952
|
&::after {
|
|
2041
1953
|
content: "";
|
|
2042
1954
|
position: absolute;
|
|
2043
1955
|
left: 0;
|
|
2044
1956
|
right: 0;
|
|
2045
|
-
bottom:
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
);
|
|
2055
|
-
height: var(
|
|
2056
|
-
--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
2057
|
-
var(
|
|
2058
|
-
--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
2059
|
-
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt)
|
|
2060
|
-
)
|
|
2061
|
-
);
|
|
2062
|
-
|
|
2063
|
-
background-color: var(
|
|
2064
|
-
--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-cr,
|
|
2065
|
-
var(
|
|
2066
|
-
--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-cr,
|
|
2067
|
-
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-cr)
|
|
2068
|
-
)
|
|
2069
|
-
);
|
|
1957
|
+
bottom: dividerGapOffset(--_ctm-lt-ur-io-sy-im-sg,
|
|
1958
|
+
--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt);
|
|
1959
|
+
height: var(--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1960
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
|
|
1961
|
+
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt)));
|
|
1962
|
+
|
|
1963
|
+
background-color: var(--_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-cr,
|
|
1964
|
+
var(--_ctm-tab-dn-ur-sy-io-dn-fl-ad-oy-dr-cr,
|
|
1965
|
+
var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-cr)));
|
|
2070
1966
|
}
|
|
2071
1967
|
}
|
|
2072
1968
|
}
|
|
@@ -2082,7 +1978,8 @@ $imagePositions: (
|
|
|
2082
1978
|
justify-content: space-between;
|
|
2083
1979
|
padding-right: 16px;
|
|
2084
1980
|
}
|
|
2085
|
-
|
|
1981
|
+
|
|
1982
|
+
.active_orders_wrapper>* {
|
|
2086
1983
|
box-sizing: border-box;
|
|
2087
1984
|
width: 100%;
|
|
2088
1985
|
// line-height: 125%;
|
|
@@ -2097,6 +1994,7 @@ $imagePositions: (
|
|
|
2097
1994
|
flex-direction: row;
|
|
2098
1995
|
align-items: start;
|
|
2099
1996
|
}
|
|
1997
|
+
|
|
2100
1998
|
.my_cart_container {
|
|
2101
1999
|
display: flex;
|
|
2102
2000
|
align-items: center;
|
|
@@ -2106,6 +2004,7 @@ $imagePositions: (
|
|
|
2106
2004
|
.popover-container {
|
|
2107
2005
|
position: relative;
|
|
2108
2006
|
display: inline-block;
|
|
2007
|
+
|
|
2109
2008
|
.popover-trigger {
|
|
2110
2009
|
cursor: pointer;
|
|
2111
2010
|
font-weight: 500;
|
|
@@ -2141,55 +2040,30 @@ $imagePositions: (
|
|
|
2141
2040
|
|
|
2142
2041
|
// width: 100%;
|
|
2143
2042
|
gap: prepareMediaVariable(--_ctm-dn-pr-se-im-gp);
|
|
2144
|
-
background-color: var(
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
box-shadow: var(
|
|
2170
|
-
--_show-shadow,
|
|
2171
|
-
var(
|
|
2172
|
-
--_ctm-mob-dn-pr-se-sw-ae,
|
|
2173
|
-
var(--_ctm-tab-dn-pr-se-sw-ae, var(--_ctm-dn-pr-se-sw-ae))
|
|
2174
|
-
)
|
|
2175
|
-
var(
|
|
2176
|
-
--_ctm-mob-dn-pr-se-sw-br,
|
|
2177
|
-
var(--_ctm-tab-dn-pr-se-sw-br, var(--_ctm-dn-pr-se-sw-br))
|
|
2178
|
-
)
|
|
2179
|
-
var(
|
|
2180
|
-
--_ctm-mob-dn-pr-se-sw-sd,
|
|
2181
|
-
var(--_ctm-tab-dn-pr-se-sw-sd, var(--_ctm-dn-pr-se-sw-sd))
|
|
2182
|
-
)
|
|
2183
|
-
var(
|
|
2184
|
-
--_ctm-mob-dn-pr-se-sw-cr,
|
|
2185
|
-
var(--_ctm-tab-dn-pr-se-sw-cr, var(--_ctm-dn-pr-se-sw-cr))
|
|
2186
|
-
)
|
|
2187
|
-
);
|
|
2188
|
-
|
|
2189
|
-
padding: var(
|
|
2190
|
-
--_ctm-mob-dn-pr-se-pg,
|
|
2191
|
-
var(--_ctm-tab-dn-pr-se-pg, var(--_ctm-dn-pr-se-pg))
|
|
2192
|
-
);
|
|
2043
|
+
background-color: var(--_ctm-mob-dn-pr-se-bd-cr,
|
|
2044
|
+
var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr)));
|
|
2045
|
+
|
|
2046
|
+
border-color: var(--_ctm-mob-dn-pr-se-br-cr,
|
|
2047
|
+
var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr)));
|
|
2048
|
+
|
|
2049
|
+
border-style: var(--_ctm-mob-dn-pr-se-br-se,
|
|
2050
|
+
var(--_ctm-tab-dn-pr-se-br-se, var(--_ctm-dn-pr-se-br-se)));
|
|
2051
|
+
|
|
2052
|
+
border-width: var(--_ctm-mob-dn-pr-se-br-wh,
|
|
2053
|
+
var(--_ctm-tab-dn-pr-se-br-wh, var(--_ctm-dn-pr-se-br-wh)));
|
|
2054
|
+
|
|
2055
|
+
border-radius: var(--_ctm-mob-dn-pr-se-br-rs,
|
|
2056
|
+
var(--_ctm-tab-dn-pr-se-br-rs, var(--_ctm-dn-pr-se-br-rs)));
|
|
2057
|
+
|
|
2058
|
+
box-shadow: var(--_show-shadow,
|
|
2059
|
+
var(--_ctm-mob-dn-pr-se-sw-ae,
|
|
2060
|
+
var(--_ctm-tab-dn-pr-se-sw-ae, var(--_ctm-dn-pr-se-sw-ae))) var(--_ctm-mob-dn-pr-se-sw-br,
|
|
2061
|
+
var(--_ctm-tab-dn-pr-se-sw-br, var(--_ctm-dn-pr-se-sw-br))) var(--_ctm-mob-dn-pr-se-sw-sd,
|
|
2062
|
+
var(--_ctm-tab-dn-pr-se-sw-sd, var(--_ctm-dn-pr-se-sw-sd))) var(--_ctm-mob-dn-pr-se-sw-cr,
|
|
2063
|
+
var(--_ctm-tab-dn-pr-se-sw-cr, var(--_ctm-dn-pr-se-sw-cr))));
|
|
2064
|
+
|
|
2065
|
+
padding: var(--_ctm-mob-dn-pr-se-pg,
|
|
2066
|
+
var(--_ctm-tab-dn-pr-se-pg, var(--_ctm-dn-pr-se-pg)));
|
|
2193
2067
|
}
|
|
2194
2068
|
|
|
2195
2069
|
.popover-box strong {
|
|
@@ -2209,63 +2083,36 @@ $imagePositions: (
|
|
|
2209
2083
|
// var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr))
|
|
2210
2084
|
// );
|
|
2211
2085
|
transform: rotate(-45deg);
|
|
2212
|
-
box-shadow: -1px -1px 0px
|
|
2213
|
-
|
|
2214
|
-
--_ctm-mob-dn-pr-se-br-cr,
|
|
2215
|
-
var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr))
|
|
2216
|
-
);
|
|
2086
|
+
box-shadow: -1px -1px 0px var(--_ctm-mob-dn-pr-se-br-cr,
|
|
2087
|
+
var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr)));
|
|
2217
2088
|
}
|
|
2218
2089
|
|
|
2219
2090
|
.popover_item {
|
|
2220
2091
|
// padding-inline: var(--_sf-cd-gp);
|
|
2221
|
-
color: var(
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
font-weight: var(
|
|
2246
|
-
--_ctm-mob-dn-pr-se-ft-wt,
|
|
2247
|
-
var(--_ctm-tab-dn-pr-se-ft-wt, var(--_ctm-dn-pr-se-ft-wt))
|
|
2248
|
-
);
|
|
2249
|
-
font-style: var(
|
|
2250
|
-
--_ctm-mob-dn-pr-se-ft-se-ic,
|
|
2251
|
-
var(--_ctm-tab-dn-pr-se-ft-se-ic, var(--_ctm-dn-pr-se-ft-se-ic))
|
|
2252
|
-
);
|
|
2253
|
-
text-align: var(
|
|
2254
|
-
--_ctm-mob-dn-pr-se-tt-an,
|
|
2255
|
-
var(--_ctm-tab-dn-pr-se-tt-an, var(--_ctm-dn-pr-se-tt-an))
|
|
2256
|
-
);
|
|
2257
|
-
letter-spacing: var(
|
|
2258
|
-
--_ctm-mob-dn-pr-se-lr-sg,
|
|
2259
|
-
var(--_ctm-tab-dn-pr-se-lr-sg, var(--_ctm-dn-pr-se-lr-sg))
|
|
2260
|
-
);
|
|
2261
|
-
line-height: var(
|
|
2262
|
-
--_ctm-mob-dn-pr-se-le-ht,
|
|
2263
|
-
var(--_ctm-tab-dn-pr-se-le-ht, var(--_ctm-dn-pr-se-le-ht-dc))
|
|
2264
|
-
);
|
|
2265
|
-
text-decoration: var(
|
|
2266
|
-
--_ctm-mob-dn-pr-se-ue,
|
|
2267
|
-
var(--_ctm-tab-dn-pr-se-ue, var(--_ctm-dn-pr-se-ue))
|
|
2268
|
-
);
|
|
2092
|
+
color: var(--_ctm-mob-dn-pr-se-cr,
|
|
2093
|
+
var(--_ctm-tab-dn-pr-se-cr, var(--_ctm-dn-pr-se-cr)));
|
|
2094
|
+
font-family: var(--_ctm-mob-dn-pr-se-ft-fy,
|
|
2095
|
+
var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy)));
|
|
2096
|
+
text-transform: var(--_ctm-mob-dn-pr-se-tt-tm,
|
|
2097
|
+
var(--_ctm-tab-dn-pr-se-tt-tm, var(--_ctm-dn-pr-se-tt-tm)));
|
|
2098
|
+
word-wrap: var(--_ctm-mob-dn-pr-se-wd-wp,
|
|
2099
|
+
var(--_ctm-tab-dn-pr-se-wd-wp, var(--_ctm-dn-pr-se-wd-wp)));
|
|
2100
|
+
word-break: var(--_ctm-mob-dn-pr-se-wd-bk,
|
|
2101
|
+
var(--_ctm-tab-dn-pr-se-wd-bk, var(--_ctm-dn-pr-se-wd-bk)));
|
|
2102
|
+
font-size: var(--_ctm-mob-dn-pr-se-ft-se,
|
|
2103
|
+
var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se)));
|
|
2104
|
+
font-weight: var(--_ctm-mob-dn-pr-se-ft-wt,
|
|
2105
|
+
var(--_ctm-tab-dn-pr-se-ft-wt, var(--_ctm-dn-pr-se-ft-wt)));
|
|
2106
|
+
font-style: var(--_ctm-mob-dn-pr-se-ft-se-ic,
|
|
2107
|
+
var(--_ctm-tab-dn-pr-se-ft-se-ic, var(--_ctm-dn-pr-se-ft-se-ic)));
|
|
2108
|
+
text-align: var(--_ctm-mob-dn-pr-se-tt-an,
|
|
2109
|
+
var(--_ctm-tab-dn-pr-se-tt-an, var(--_ctm-dn-pr-se-tt-an)));
|
|
2110
|
+
letter-spacing: var(--_ctm-mob-dn-pr-se-lr-sg,
|
|
2111
|
+
var(--_ctm-tab-dn-pr-se-lr-sg, var(--_ctm-dn-pr-se-lr-sg)));
|
|
2112
|
+
line-height: var(--_ctm-mob-dn-pr-se-le-ht,
|
|
2113
|
+
var(--_ctm-tab-dn-pr-se-le-ht, var(--_ctm-dn-pr-se-le-ht-dc)));
|
|
2114
|
+
text-decoration: var(--_ctm-mob-dn-pr-se-ue,
|
|
2115
|
+
var(--_ctm-tab-dn-pr-se-ue, var(--_ctm-dn-pr-se-ue)));
|
|
2269
2116
|
// margin-left: 10px;
|
|
2270
2117
|
}
|
|
2271
2118
|
}
|
|
@@ -2275,20 +2122,14 @@ $imagePositions: (
|
|
|
2275
2122
|
// for dropdown
|
|
2276
2123
|
|
|
2277
2124
|
.language__conatiner {
|
|
2278
|
-
background-color: var(
|
|
2279
|
-
|
|
2280
|
-
var(--_ctm-tab-dn-dn-se-wt-se-bd-cr, var(--_ctm-dn-dn-se-wt-se-bd-cr))
|
|
2281
|
-
);
|
|
2125
|
+
background-color: var(--_ctm-mob-dn-dn-se-wt-se-bd-cr,
|
|
2126
|
+
var(--_ctm-tab-dn-dn-se-wt-se-bd-cr, var(--_ctm-dn-dn-se-wt-se-bd-cr)));
|
|
2282
2127
|
|
|
2283
|
-
border-color: var(
|
|
2284
|
-
|
|
2285
|
-
var(--_ctm-tab-dn-dn-se-wt-se-br-cr, var(--_ctm-dn-dn-se-wt-se-br-cr))
|
|
2286
|
-
);
|
|
2128
|
+
border-color: var(--_ctm-mob-dn-dn-se-wt-se-br-cr,
|
|
2129
|
+
var(--_ctm-tab-dn-dn-se-wt-se-br-cr, var(--_ctm-dn-dn-se-wt-se-br-cr)));
|
|
2287
2130
|
|
|
2288
|
-
border-style: var(
|
|
2289
|
-
|
|
2290
|
-
var(--_ctm-tab-dn-dn-se-wt-se-br-se, var(--_ctm-dn-dn-se-wt-se-br-se))
|
|
2291
|
-
);
|
|
2131
|
+
border-style: var(--_ctm-mob-dn-dn-se-wt-se-br-se,
|
|
2132
|
+
var(--_ctm-tab-dn-dn-se-wt-se-br-se, var(--_ctm-dn-dn-se-wt-se-br-se)));
|
|
2292
2133
|
|
|
2293
2134
|
// The tablet name carried a doubled `dn-se-`, so tablet fell through to desktop.
|
|
2294
2135
|
border-width: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-br-wh);
|
|
@@ -2299,30 +2140,15 @@ $imagePositions: (
|
|
|
2299
2140
|
// var(--_ctm-tab-dn-dn-se-wt-se-br-cr, var(--_ctm-dn-dn-se-wt-se-br-cr))
|
|
2300
2141
|
// );
|
|
2301
2142
|
|
|
2302
|
-
border-radius: var(
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
--_ctm-
|
|
2311
|
-
var(--_ctm-tab-dn-dn-se-wt-se-sw-ae, var(--_ctm-dn-dn-se-wt-se-sw-ae))
|
|
2312
|
-
)
|
|
2313
|
-
var(
|
|
2314
|
-
--_ctm-mob-dn-dn-se-wt-se-sw-br,
|
|
2315
|
-
var(--_ctm-tab-dn-dn-se-wt-se-sw-br, var(--_ctm-dn-dn-se-wt-se-sw-br))
|
|
2316
|
-
)
|
|
2317
|
-
var(
|
|
2318
|
-
--_ctm-mob-dn-dn-se-wt-se-sw-sd,
|
|
2319
|
-
var(--_ctm-tab-dn-dn-se-wt-se-sw-sd, var(--_ctm-dn-dn-se-wt-se-sw-sd))
|
|
2320
|
-
)
|
|
2321
|
-
var(
|
|
2322
|
-
--_ctm-mob-dn-dn-se-wt-se-sw-cr,
|
|
2323
|
-
var(--_ctm-tab-dn-dn-se-wt-se-sw-cr, var(--_ctm-dn-dn-se-wt-se-sw-cr))
|
|
2324
|
-
)
|
|
2325
|
-
);
|
|
2143
|
+
border-radius: var(--_ctm-mob-dn-dn-se-wt-se-br-rs,
|
|
2144
|
+
var(--_ctm-tab-dn-dn-se-wt-se-br-rs, var(--_ctm-dn-dn-se-wt-se-br-rs)));
|
|
2145
|
+
|
|
2146
|
+
box-shadow: var(--_show-shadow,
|
|
2147
|
+
var(--_ctm-mob-dn-dn-se-wt-se-sw-ae,
|
|
2148
|
+
var(--_ctm-tab-dn-dn-se-wt-se-sw-ae, var(--_ctm-dn-dn-se-wt-se-sw-ae))) var(--_ctm-mob-dn-dn-se-wt-se-sw-br,
|
|
2149
|
+
var(--_ctm-tab-dn-dn-se-wt-se-sw-br, var(--_ctm-dn-dn-se-wt-se-sw-br))) var(--_ctm-mob-dn-dn-se-wt-se-sw-sd,
|
|
2150
|
+
var(--_ctm-tab-dn-dn-se-wt-se-sw-sd, var(--_ctm-dn-dn-se-wt-se-sw-sd))) var(--_ctm-mob-dn-dn-se-wt-se-sw-cr,
|
|
2151
|
+
var(--_ctm-tab-dn-dn-se-wt-se-sw-cr, var(--_ctm-dn-dn-se-wt-se-sw-cr))));
|
|
2326
2152
|
|
|
2327
2153
|
// gap: var(
|
|
2328
2154
|
// --_ctm-mob-dn-dn-se-lt-ss-it-ad-mn-qy-sg,
|
|
@@ -2332,200 +2158,110 @@ $imagePositions: (
|
|
|
2332
2158
|
|
|
2333
2159
|
.option:hover {
|
|
2334
2160
|
--_sf-hr-txt-tr: prepareMediaVariable(--_ctm-dn-dn-se-im-se-hr-se-tt-tm);
|
|
2335
|
-
--_sf-hr-bd-cr: var(
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
|
|
2339
|
-
--_sf-hr-br-
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
--_sf-hr-br-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
--_sf-hr-br-wh: var(
|
|
2348
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-br-wh,
|
|
2349
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-wh, var(--_ctm-dn-dn-se-im-se-hr-se-br-wh))
|
|
2350
|
-
);
|
|
2351
|
-
--_sf-hr-br-rs: var(
|
|
2352
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-br-rs,
|
|
2353
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-rs, var(--_ctm-dn-dn-se-im-se-hr-se-br-rs))
|
|
2354
|
-
);
|
|
2355
|
-
--_sf-hr-pg: var(
|
|
2356
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-pg,
|
|
2357
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-pg, var(--_ctm-dn-dn-se-im-se-hr-se-pg))
|
|
2358
|
-
);
|
|
2161
|
+
--_sf-hr-bd-cr: var(--_ctm-mob-dn-dn-se-im-se-hr-se-bd-cr,
|
|
2162
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-bd-cr, var(--_ctm-dn-dn-se-im-se-hr-se-bd-cr)));
|
|
2163
|
+
--_sf-hr-br-cr: var(--_ctm-mob-dn-dn-se-im-se-hr-se-br-cr,
|
|
2164
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-cr, var(--_ctm-dn-dn-se-im-se-hr-se-br-cr)));
|
|
2165
|
+
--_sf-hr-br-se: var(--_ctm-mob-dn-dn-se-im-se-hr-se-br-se,
|
|
2166
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-se, var(--_ctm-dn-dn-se-im-se-hr-se-br-se)));
|
|
2167
|
+
--_sf-hr-br-wh: var(--_ctm-mob-dn-dn-se-im-se-hr-se-br-wh,
|
|
2168
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-wh, var(--_ctm-dn-dn-se-im-se-hr-se-br-wh)));
|
|
2169
|
+
--_sf-hr-br-rs: var(--_ctm-mob-dn-dn-se-im-se-hr-se-br-rs,
|
|
2170
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-br-rs, var(--_ctm-dn-dn-se-im-se-hr-se-br-rs)));
|
|
2171
|
+
--_sf-hr-pg: var(--_ctm-mob-dn-dn-se-im-se-hr-se-pg,
|
|
2172
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-pg, var(--_ctm-dn-dn-se-im-se-hr-se-pg)));
|
|
2359
2173
|
// for shadow
|
|
2360
|
-
--_sf-hr-sw-ae: var(
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
--_sf-hr-sw-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
--_sf-hr-sw-hr: var(
|
|
2369
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-sw-hr,
|
|
2370
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-hr, var(--_ctm-dn-dn-se-im-se-hr-se-sw-hr))
|
|
2371
|
-
);
|
|
2372
|
-
--_sf-hr-sw-cr: var(
|
|
2373
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-sw-cr,
|
|
2374
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-cr, var(--_ctm-dn-dn-se-im-se-hr-se-sw-cr))
|
|
2375
|
-
);
|
|
2174
|
+
--_sf-hr-sw-ae: var(--_ctm-mob-dn-dn-se-im-se-hr-se-sw-ae,
|
|
2175
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-ae, var(--_ctm-dn-dn-se-im-se-hr-se-sw-ae)));
|
|
2176
|
+
--_sf-hr-sw-br: var(--_ctm-mob-dn-dn-se-im-se-hr-se-sw-br,
|
|
2177
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-br, var(--_ctm-dn-dn-se-im-se-hr-se-sw-br)));
|
|
2178
|
+
--_sf-hr-sw-hr: var(--_ctm-mob-dn-dn-se-im-se-hr-se-sw-hr,
|
|
2179
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-hr, var(--_ctm-dn-dn-se-im-se-hr-se-sw-hr)));
|
|
2180
|
+
--_sf-hr-sw-cr: var(--_ctm-mob-dn-dn-se-im-se-hr-se-sw-cr,
|
|
2181
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-sw-cr, var(--_ctm-dn-dn-se-im-se-hr-se-sw-cr)));
|
|
2376
2182
|
|
|
2377
2183
|
// for font
|
|
2378
2184
|
|
|
2379
|
-
--_sf-hr-cr: var(
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
--_sf-hr-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
--_sf-hr-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
--_sf-hr-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
--_sf-hr-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
--_sf-hr-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-ft-wt,
|
|
2405
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-wt, var(--_ctm-dn-dn-se-im-se-hr-se-ft-wt))
|
|
2406
|
-
);
|
|
2407
|
-
--_sf-hr-ft-se-ic: var(
|
|
2408
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-ft-se-ic,
|
|
2409
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-se-ic, var(--_ctm-dn-dn-se-im-se-hr-se-ft-se-ic))
|
|
2410
|
-
);
|
|
2411
|
-
--_sf-hr-tt-an: var(
|
|
2412
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-tt-an,
|
|
2413
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-tt-an, var(--_ctm-dn-dn-se-im-se-hr-se-tt-an))
|
|
2414
|
-
);
|
|
2415
|
-
--_sf-hr-lr-sg: var(
|
|
2416
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-lr-sg,
|
|
2417
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-lr-sg, var(--_ctm-dn-dn-se-im-se-hr-se-lr-sg))
|
|
2418
|
-
);
|
|
2419
|
-
--_sf-hr-le-ht: var(
|
|
2420
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-le-ht,
|
|
2421
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-le-ht, var(--_ctm-dn-dn-se-im-se-hr-se-le-ht))
|
|
2422
|
-
);
|
|
2423
|
-
|
|
2424
|
-
--_sf-hr-ue: var(
|
|
2425
|
-
--_ctm-mob-dn-dn-se-im-se-hr-se-ue,
|
|
2426
|
-
var(--_ctm-tab-dn-dn-se-im-se-hr-se-ue, var(--_ctm-dn-dn-se-im-se-hr-se-ue))
|
|
2427
|
-
);
|
|
2185
|
+
--_sf-hr-cr: var(--_ctm-mob-dn-dn-se-im-se-hr-se-cr,
|
|
2186
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-cr, var(--_ctm-dn-dn-se-im-se-hr-se-cr)));
|
|
2187
|
+
--_sf-hr-ft-fy: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ft-fy,
|
|
2188
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-fy, var(--_ctm-dn-dn-se-im-se-hr-se-ft-fy)));
|
|
2189
|
+
--_sf-hr-tt-tm: var(--_ctm-mob-dn-dn-se-im-se-hr-se-tt-tm,
|
|
2190
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-tt-tm, var(--_ctm-dn-dn-se-im-se-hr-se-tt-tm)));
|
|
2191
|
+
--_sf-hr-wd-wp: var(--_ctm-mob-dn-dn-se-im-se-hr-se-wd-wp,
|
|
2192
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-wp, var(--_ctm-dn-dn-se-im-se-hr-se-wd-wp)));
|
|
2193
|
+
--_sf-hr-wd-bk: var(--_ctm-mob-dn-dn-se-im-se-hr-se-wd-bk,
|
|
2194
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-wd-bk, var(--_ctm-dn-dn-se-im-se-hr-se-wd-bk)));
|
|
2195
|
+
--_sf-hr-ft-se: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ft-se,
|
|
2196
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-se, var(--_ctm-dn-dn-se-im-se-hr-se-ft-se)));
|
|
2197
|
+
--_sf-hr-ft-wt: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ft-wt,
|
|
2198
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-wt, var(--_ctm-dn-dn-se-im-se-hr-se-ft-wt)));
|
|
2199
|
+
--_sf-hr-ft-se-ic: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ft-se-ic,
|
|
2200
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-ft-se-ic, var(--_ctm-dn-dn-se-im-se-hr-se-ft-se-ic)));
|
|
2201
|
+
--_sf-hr-tt-an: var(--_ctm-mob-dn-dn-se-im-se-hr-se-tt-an,
|
|
2202
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-tt-an, var(--_ctm-dn-dn-se-im-se-hr-se-tt-an)));
|
|
2203
|
+
--_sf-hr-lr-sg: var(--_ctm-mob-dn-dn-se-im-se-hr-se-lr-sg,
|
|
2204
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-lr-sg, var(--_ctm-dn-dn-se-im-se-hr-se-lr-sg)));
|
|
2205
|
+
--_sf-hr-le-ht: var(--_ctm-mob-dn-dn-se-im-se-hr-se-le-ht,
|
|
2206
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-le-ht, var(--_ctm-dn-dn-se-im-se-hr-se-le-ht)));
|
|
2207
|
+
|
|
2208
|
+
--_sf-hr-ue: var(--_ctm-mob-dn-dn-se-im-se-hr-se-ue,
|
|
2209
|
+
var(--_ctm-tab-dn-dn-se-im-se-hr-se-ue, var(--_ctm-dn-dn-se-im-se-hr-se-ue)));
|
|
2428
2210
|
}
|
|
2429
2211
|
|
|
2430
2212
|
.option[data-selected="true"] {
|
|
2431
2213
|
--_sf-sd-txt-tr: prepareMediaVariable(--_ctm-dn-dn-se-im-se-sd-se-tt-tm);
|
|
2432
|
-
--_sf-sd-bd-cr: var(
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
--_sf-sd-br-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
--_sf-sd-br-
|
|
2441
|
-
|
|
2442
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-se, var(--_ctm-dn-dn-se-im-se-sd-se-br-se))
|
|
2443
|
-
);
|
|
2444
|
-
--_sf-sd-br-rs: var(
|
|
2445
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-br-rs,
|
|
2446
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-rs, var(--_ctm-dn-dn-se-im-se-sd-se-br-rs))
|
|
2447
|
-
);
|
|
2448
|
-
--_sf-sd-br-wh: var(
|
|
2449
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-br-wh,
|
|
2450
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-wh, var(--_ctm-dn-dn-se-im-se-sd-se-br-wh))
|
|
2451
|
-
);
|
|
2214
|
+
--_sf-sd-bd-cr: var(--_ctm-mob-dn-dn-se-im-se-sd-se-bd-cr,
|
|
2215
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-bd-cr, var(--_ctm-dn-dn-se-im-se-sd-se-bd-cr)));
|
|
2216
|
+
--_sf-sd-br-cr: var(--_ctm-mob-dn-dn-se-im-se-sd-se-br-cr,
|
|
2217
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-cr, var(--_ctm-dn-dn-se-im-se-sd-se-br-cr)));
|
|
2218
|
+
--_sf-sd-br-se: var(--_ctm-mob-dn-dn-se-im-se-sd-se-br-se,
|
|
2219
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-se, var(--_ctm-dn-dn-se-im-se-sd-se-br-se)));
|
|
2220
|
+
--_sf-sd-br-rs: var(--_ctm-mob-dn-dn-se-im-se-sd-se-br-rs,
|
|
2221
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-rs, var(--_ctm-dn-dn-se-im-se-sd-se-br-rs)));
|
|
2222
|
+
--_sf-sd-br-wh: var(--_ctm-mob-dn-dn-se-im-se-sd-se-br-wh,
|
|
2223
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-br-wh, var(--_ctm-dn-dn-se-im-se-sd-se-br-wh)));
|
|
2452
2224
|
// new
|
|
2453
|
-
--_sf-sd-sw-ae: var(
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
--_sf-sd-sw-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
--_sf-sd-
|
|
2462
|
-
|
|
2463
|
-
|
|
2464
|
-
|
|
2465
|
-
--_sf-sd-sw-cr: var(
|
|
2466
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-sw-cr,
|
|
2467
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-cr, var(--_ctm-dn-dn-se-im-se-sd-se-sw-cr))
|
|
2468
|
-
);
|
|
2469
|
-
--_sf-sd-pg: var(
|
|
2470
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-pg,
|
|
2471
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-pg, var(--_ctm-dn-dn-se-im-se-sd-se-pg))
|
|
2472
|
-
);
|
|
2473
|
-
--_sf-sd-im-gp: var(
|
|
2474
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-im-gp,
|
|
2475
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-im-gp, var(--_ctm-dn-dn-se-im-se-sd-se-im-gp))
|
|
2476
|
-
);
|
|
2225
|
+
--_sf-sd-sw-ae: var(--_ctm-mob-dn-dn-se-im-se-sd-se-sw-ae,
|
|
2226
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-ae, var(--_ctm-dn-dn-se-im-se-sd-se-sw-ae)));
|
|
2227
|
+
--_sf-sd-sw-br: var(--_ctm-mob-dn-dn-se-im-se-sd-se-sw-br,
|
|
2228
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-br, var(--_ctm-dn-dn-se-im-se-sd-se-sw-br)));
|
|
2229
|
+
--_sf-sd-sw-sd: var(--_ctm-mob-dn-dn-se-im-se-sd-se-sw-sd,
|
|
2230
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-sd, var(--_ctm-dn-dn-se-im-se-sd-se-sw-sd)));
|
|
2231
|
+
--_sf-sd-sw-cr: var(--_ctm-mob-dn-dn-se-im-se-sd-se-sw-cr,
|
|
2232
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-sw-cr, var(--_ctm-dn-dn-se-im-se-sd-se-sw-cr)));
|
|
2233
|
+
--_sf-sd-pg: var(--_ctm-mob-dn-dn-se-im-se-sd-se-pg,
|
|
2234
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-pg, var(--_ctm-dn-dn-se-im-se-sd-se-pg)));
|
|
2235
|
+
--_sf-sd-im-gp: var(--_ctm-mob-dn-dn-se-im-se-sd-se-im-gp,
|
|
2236
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-im-gp, var(--_ctm-dn-dn-se-im-se-sd-se-im-gp)));
|
|
2477
2237
|
|
|
2478
2238
|
// for font
|
|
2479
2239
|
|
|
2480
|
-
--_sf-sd-cr: var(
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
--_sf-sd-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
--_sf-sd-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
--_sf-sd-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
--_sf-sd-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
--_sf-sd-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-ft-wt,
|
|
2506
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-wt, var(--_ctm-dn-dn-se-im-se-sd-se-ft-wt))
|
|
2507
|
-
);
|
|
2508
|
-
--_sf-sd-ft-se-ic: var(
|
|
2509
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-ft-se-ic,
|
|
2510
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-se-ic, var(--_ctm-dn-dn-se-im-se-sd-se-ft-se-ic))
|
|
2511
|
-
);
|
|
2512
|
-
--_sf-sd-tt-an: var(
|
|
2513
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-tt-an,
|
|
2514
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-tt-an, var(--_ctm-dn-dn-se-im-se-sd-se-tt-an))
|
|
2515
|
-
);
|
|
2516
|
-
--_sf-sd-lr-sg: var(
|
|
2517
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-lr-sg,
|
|
2518
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-lr-sg, var(--_ctm-dn-dn-se-im-se-sd-se-lr-sg))
|
|
2519
|
-
);
|
|
2520
|
-
--_sf-sd-le-ht: var(
|
|
2521
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-le-ht,
|
|
2522
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-le-ht, var(--_ctm-dn-dn-se-im-se-sd-se-le-ht))
|
|
2523
|
-
);
|
|
2524
|
-
|
|
2525
|
-
--_sf-sd-ue: var(
|
|
2526
|
-
--_ctm-mob-dn-dn-se-im-se-sd-se-ue,
|
|
2527
|
-
var(--_ctm-tab-dn-dn-se-im-se-sd-se-ue, var(--_ctm-dn-dn-se-im-se-sd-se-ue))
|
|
2528
|
-
);
|
|
2240
|
+
--_sf-sd-cr: var(--_ctm-mob-dn-dn-se-im-se-sd-se-cr,
|
|
2241
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-cr, var(--_ctm-dn-dn-se-im-se-sd-se-cr)));
|
|
2242
|
+
--_sf-sd-ft-fy: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ft-fy,
|
|
2243
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-fy, var(--_ctm-dn-dn-se-im-se-sd-se-ft-fy)));
|
|
2244
|
+
--_sf-sd-tt-tm: var(--_ctm-mob-dn-dn-se-im-se-sd-se-tt-tm,
|
|
2245
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-tt-tm, var(--_ctm-dn-dn-se-im-se-sd-se-tt-tm)));
|
|
2246
|
+
--_sf-sd-wd-wp: var(--_ctm-mob-dn-dn-se-im-se-sd-se-wd-wp,
|
|
2247
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-wp, var(--_ctm-dn-dn-se-im-se-sd-se-wd-wp)));
|
|
2248
|
+
--_sf-sd-wd-bk: var(--_ctm-mob-dn-dn-se-im-se-sd-se-wd-bk,
|
|
2249
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-wd-bk, var(--_ctm-dn-dn-se-im-se-sd-se-wd-bk)));
|
|
2250
|
+
--_sf-sd-ft-se: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ft-se,
|
|
2251
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-se, var(--_ctm-dn-dn-se-im-se-sd-se-ft-se)));
|
|
2252
|
+
--_sf-sd-ft-wt: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ft-wt,
|
|
2253
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-wt, var(--_ctm-dn-dn-se-im-se-sd-se-ft-wt)));
|
|
2254
|
+
--_sf-sd-ft-se-ic: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ft-se-ic,
|
|
2255
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-ft-se-ic, var(--_ctm-dn-dn-se-im-se-sd-se-ft-se-ic)));
|
|
2256
|
+
--_sf-sd-tt-an: var(--_ctm-mob-dn-dn-se-im-se-sd-se-tt-an,
|
|
2257
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-tt-an, var(--_ctm-dn-dn-se-im-se-sd-se-tt-an)));
|
|
2258
|
+
--_sf-sd-lr-sg: var(--_ctm-mob-dn-dn-se-im-se-sd-se-lr-sg,
|
|
2259
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-lr-sg, var(--_ctm-dn-dn-se-im-se-sd-se-lr-sg)));
|
|
2260
|
+
--_sf-sd-le-ht: var(--_ctm-mob-dn-dn-se-im-se-sd-se-le-ht,
|
|
2261
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-le-ht, var(--_ctm-dn-dn-se-im-se-sd-se-le-ht)));
|
|
2262
|
+
|
|
2263
|
+
--_sf-sd-ue: var(--_ctm-mob-dn-dn-se-im-se-sd-se-ue,
|
|
2264
|
+
var(--_ctm-tab-dn-dn-se-im-se-sd-se-ue, var(--_ctm-dn-dn-se-im-se-sd-se-ue)));
|
|
2529
2265
|
}
|
|
2530
2266
|
|
|
2531
2267
|
.option {
|
|
@@ -2533,10 +2269,8 @@ $imagePositions: (
|
|
|
2533
2269
|
display: flex;
|
|
2534
2270
|
align-items: center;
|
|
2535
2271
|
cursor: pointer;
|
|
2536
|
-
justify-content: var(
|
|
2537
|
-
|
|
2538
|
-
var(--_ctm-tab-dn-dn-se-lt-ss-at, var(--_ctm-dn-dn-se-lt-ss-at))
|
|
2539
|
-
);
|
|
2272
|
+
justify-content: var(--_ctm-mob-dn-dn-se-lt-ss-at,
|
|
2273
|
+
var(--_ctm-tab-dn-dn-se-lt-ss-at, var(--_ctm-dn-dn-se-lt-ss-at)));
|
|
2540
2274
|
|
|
2541
2275
|
position: relative;
|
|
2542
2276
|
box-sizing: border-box;
|
|
@@ -2546,86 +2280,57 @@ $imagePositions: (
|
|
|
2546
2280
|
padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-pg));
|
|
2547
2281
|
border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-cr));
|
|
2548
2282
|
|
|
2549
|
-
background-color: var(
|
|
2550
|
-
|
|
2551
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-bd-cr)
|
|
2552
|
-
);
|
|
2283
|
+
background-color: var(--_sf-hr-bd-cr,
|
|
2284
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-bd-cr));
|
|
2553
2285
|
border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-se));
|
|
2554
2286
|
border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-rs));
|
|
2555
2287
|
border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-wh));
|
|
2556
2288
|
|
|
2557
|
-
box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-ae))
|
|
2558
|
-
|
|
2559
|
-
var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-sd))
|
|
2560
|
-
var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-cr));
|
|
2289
|
+
box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-cr));
|
|
2290
|
+
|
|
2561
2291
|
//
|
|
2562
2292
|
&[data-selected="true"] {
|
|
2563
|
-
border-color: var(
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
border-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
border-width: var(
|
|
2577
|
-
--_sf-sd-br-wh,
|
|
2578
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-wh)
|
|
2579
|
-
);
|
|
2580
|
-
border-radius: var(
|
|
2581
|
-
--_sf-sd-br-rs,
|
|
2582
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-rs)
|
|
2583
|
-
);
|
|
2584
|
-
box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-ae))
|
|
2585
|
-
var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-br))
|
|
2586
|
-
var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-sd))
|
|
2587
|
-
var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-cr));
|
|
2293
|
+
border-color: var(--_sf-sd-br-cr,
|
|
2294
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-cr));
|
|
2295
|
+
|
|
2296
|
+
background-color: var(--_sf-sd-bd-cr,
|
|
2297
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-bd-cr));
|
|
2298
|
+
border-style: var(--_sf-sd-br-se,
|
|
2299
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-se));
|
|
2300
|
+
border-width: var(--_sf-sd-br-wh,
|
|
2301
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-wh));
|
|
2302
|
+
border-radius: var(--_sf-sd-br-rs,
|
|
2303
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-br-rs));
|
|
2304
|
+
box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-ae)) var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-br)) var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-sd)) var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-sw-cr));
|
|
2305
|
+
|
|
2588
2306
|
.language__name {
|
|
2589
2307
|
color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-cr));
|
|
2590
|
-
font-family: var(
|
|
2591
|
-
|
|
2592
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy)
|
|
2593
|
-
);
|
|
2308
|
+
font-family: var(--_sf-sd-ft-fy,
|
|
2309
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy));
|
|
2594
2310
|
word-wrap: var(--_sf-sd-wd-wp, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-wp));
|
|
2595
|
-
word-break: var(
|
|
2596
|
-
|
|
2597
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk)
|
|
2598
|
-
);
|
|
2311
|
+
word-break: var(--_sf-sd-wd-bk,
|
|
2312
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk));
|
|
2599
2313
|
font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se));
|
|
2600
2314
|
font-weight: 400;
|
|
2601
2315
|
// font-weight: var(
|
|
2602
2316
|
// --_sf-sd-ft-wt,
|
|
2603
2317
|
// prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-wt)
|
|
2604
2318
|
// );
|
|
2605
|
-
font-style: var(
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
letter-spacing: var(
|
|
2614
|
-
--_sf-sd-lr-sg,
|
|
2615
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-lr-sg)
|
|
2616
|
-
);
|
|
2617
|
-
line-height: var(
|
|
2618
|
-
--_sf-sd-le-ht,
|
|
2619
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-le-ht-dc)
|
|
2620
|
-
);
|
|
2319
|
+
font-style: var(--_sf-sd-ft-se-ic,
|
|
2320
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se-ic));
|
|
2321
|
+
text-align: var(--_sf-sd-tt-an,
|
|
2322
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-an));
|
|
2323
|
+
letter-spacing: var(--_sf-sd-lr-sg,
|
|
2324
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-lr-sg));
|
|
2325
|
+
line-height: var(--_sf-sd-le-ht,
|
|
2326
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-le-ht-dc));
|
|
2621
2327
|
text-decoration: var(--_sf-sd-ue, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ue));
|
|
2622
|
-
text-transform: var(
|
|
2623
|
-
|
|
2624
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm)
|
|
2625
|
-
);
|
|
2328
|
+
text-transform: var(--_sf-sd-txt-tr,
|
|
2329
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm));
|
|
2626
2330
|
}
|
|
2627
2331
|
}
|
|
2628
2332
|
}
|
|
2333
|
+
|
|
2629
2334
|
&[data-flex-direction="column"] {
|
|
2630
2335
|
.language__name {
|
|
2631
2336
|
// white-space: unset;
|
|
@@ -2635,9 +2340,11 @@ $imagePositions: (
|
|
|
2635
2340
|
text-overflow: ellipsis;
|
|
2636
2341
|
}
|
|
2637
2342
|
}
|
|
2343
|
+
|
|
2638
2344
|
&[data-flex-direction="row"] {
|
|
2639
2345
|
overflow-x: auto;
|
|
2640
2346
|
}
|
|
2347
|
+
|
|
2641
2348
|
// Both offsets used to be measured off `--_ctm-dn-dn-se-lt-ss-gp-bn-is`, which
|
|
2642
2349
|
// belongs to the commented-out `dropdownStyle.layoutSettings` and is therefore
|
|
2643
2350
|
// never emitted. The calc was invalid, so the divider never positioned at all.
|
|
@@ -2652,12 +2359,16 @@ $imagePositions: (
|
|
|
2652
2359
|
content: "";
|
|
2653
2360
|
position: absolute;
|
|
2654
2361
|
top: 0;
|
|
2655
|
-
bottom: 0;
|
|
2362
|
+
bottom: 0;
|
|
2363
|
+
/* For full height divider */
|
|
2656
2364
|
right: dividerGapOffset(--_ctm-dn-dn-se-wt-dn-im-gp, --_ctm-dn-dn-se-wt-se-dr-wt);
|
|
2657
|
-
width: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-dr-wt);
|
|
2658
|
-
|
|
2365
|
+
width: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-dr-wt);
|
|
2366
|
+
/* Divider thickness */
|
|
2367
|
+
background-color: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-dr-cr);
|
|
2368
|
+
/* Divider color */
|
|
2659
2369
|
}
|
|
2660
2370
|
}
|
|
2371
|
+
|
|
2661
2372
|
&[data-flex-direction="column"] {
|
|
2662
2373
|
.option:not(:last-child) {
|
|
2663
2374
|
@include dividerGapReserve(--_ctm-dn-dn-se-wt-se-dr-wt);
|
|
@@ -2680,6 +2391,7 @@ $imagePositions: (
|
|
|
2680
2391
|
display: flex;
|
|
2681
2392
|
align-items: center;
|
|
2682
2393
|
position: relative;
|
|
2394
|
+
|
|
2683
2395
|
.language__name {
|
|
2684
2396
|
// Clearance for the absolutely positioned caret. It was `padding-right`,
|
|
2685
2397
|
// which the section's own padding would have had to fight with; as a margin
|
|
@@ -2713,21 +2425,15 @@ $imagePositions: (
|
|
|
2713
2425
|
word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-wd-bk));
|
|
2714
2426
|
font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se));
|
|
2715
2427
|
font-weight: 400;
|
|
2716
|
-
font-style: var(
|
|
2717
|
-
|
|
2718
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se-ic)
|
|
2719
|
-
);
|
|
2428
|
+
font-style: var(--_sf-hr-ft-se-ic,
|
|
2429
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se-ic));
|
|
2720
2430
|
text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-an));
|
|
2721
|
-
letter-spacing: var(
|
|
2722
|
-
|
|
2723
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-lr-sg)
|
|
2724
|
-
);
|
|
2431
|
+
letter-spacing: var(--_sf-hr-lr-sg,
|
|
2432
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-lr-sg));
|
|
2725
2433
|
line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-le-ht));
|
|
2726
2434
|
text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ue));
|
|
2727
|
-
text-transform: var(
|
|
2728
|
-
|
|
2729
|
-
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm)
|
|
2730
|
-
);
|
|
2435
|
+
text-transform: var(--_sf-hr-txt-tr,
|
|
2436
|
+
prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-tt-tm));
|
|
2731
2437
|
white-space: nowrap;
|
|
2732
2438
|
|
|
2733
2439
|
// Item Style clamps the option label. `white-space: nowrap` above would stop
|
|
@@ -2762,10 +2468,12 @@ $imagePositions: (
|
|
|
2762
2468
|
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
2763
2469
|
}
|
|
2764
2470
|
}
|
|
2471
|
+
|
|
2765
2472
|
.est__dropdown__main {
|
|
2766
2473
|
position: relative;
|
|
2767
2474
|
width: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wh);
|
|
2768
2475
|
margin-top: 0px;
|
|
2476
|
+
|
|
2769
2477
|
label {
|
|
2770
2478
|
font-size: 14px;
|
|
2771
2479
|
color: var(--_gray-700);
|
|
@@ -2790,6 +2498,7 @@ $imagePositions: (
|
|
|
2790
2498
|
&.open .list {
|
|
2791
2499
|
display: flex;
|
|
2792
2500
|
}
|
|
2501
|
+
|
|
2793
2502
|
.est__dropdown__button {
|
|
2794
2503
|
display: flex;
|
|
2795
2504
|
align-items: center;
|
|
@@ -2806,10 +2515,12 @@ $imagePositions: (
|
|
|
2806
2515
|
// top: 10px;
|
|
2807
2516
|
right: 10px;
|
|
2808
2517
|
transition: all 200ms ease-in;
|
|
2518
|
+
|
|
2809
2519
|
&.open {
|
|
2810
2520
|
transform: rotate(180deg);
|
|
2811
2521
|
transform: all 200ms ease-in;
|
|
2812
2522
|
}
|
|
2523
|
+
|
|
2813
2524
|
&.close {
|
|
2814
2525
|
transform: rotate(0deg);
|
|
2815
2526
|
transform: all 200ms ease-in;
|
|
@@ -2842,10 +2553,7 @@ $imagePositions: (
|
|
|
2842
2553
|
// padding: 2px;
|
|
2843
2554
|
// border-radius: 4px;
|
|
2844
2555
|
// border: 1px solid var(--_gray-300);
|
|
2845
|
-
box-shadow: prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-ae)
|
|
2846
|
-
prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-br)
|
|
2847
|
-
prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-sd)
|
|
2848
|
-
prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-cr);
|
|
2556
|
+
box-shadow: prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-ae) prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-br) prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-sd) prepareMediaVariable(--_ctm-dn-dn-se-wt-dn-sw-cr);
|
|
2849
2557
|
|
|
2850
2558
|
&.top {
|
|
2851
2559
|
bottom: 100%;
|
|
@@ -2855,6 +2563,7 @@ $imagePositions: (
|
|
|
2855
2563
|
.option {
|
|
2856
2564
|
cursor: pointer;
|
|
2857
2565
|
}
|
|
2566
|
+
|
|
2858
2567
|
&.show__panel {
|
|
2859
2568
|
animation: slideUp 0.4s ease-in-out;
|
|
2860
2569
|
}
|
|
@@ -2863,12 +2572,14 @@ $imagePositions: (
|
|
|
2863
2572
|
animation: slideDown 0.4s ease-in-out;
|
|
2864
2573
|
pointer-events: none;
|
|
2865
2574
|
}
|
|
2575
|
+
|
|
2866
2576
|
&:has(.no__records__found) {
|
|
2867
2577
|
padding: 0px;
|
|
2868
2578
|
}
|
|
2869
2579
|
}
|
|
2870
2580
|
}
|
|
2871
2581
|
}
|
|
2582
|
+
|
|
2872
2583
|
.no__records__found {
|
|
2873
2584
|
padding: 12px;
|
|
2874
2585
|
color: var(--_gray-700);
|
|
@@ -2879,4 +2590,4 @@ $imagePositions: (
|
|
|
2879
2590
|
}
|
|
2880
2591
|
}
|
|
2881
2592
|
}
|
|
2882
|
-
}
|
|
2593
|
+
}
|