@sc-360-v2/storefront-cms-library 0.4.47 → 0.4.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (185) hide show
  1. package/dist/add-existing-form.scss +66 -66
  2. package/dist/add-order.scss +377 -377
  3. package/dist/add-products-tab copy.scss +1132 -1132
  4. package/dist/add-products-tab-details.scss +3818 -0
  5. package/dist/add-products-tab.scss +968 -3031
  6. package/dist/allocationDetails.scss +2247 -2247
  7. package/dist/allocations.scss +1603 -1604
  8. package/dist/amount-estimator.scss +1083 -1083
  9. package/dist/animation-control.scss +23 -23
  10. package/dist/badge.scss +388 -388
  11. package/dist/brand-basic-elements.scss +292 -292
  12. package/dist/brand.scss +93 -93
  13. package/dist/breadcrumbs.scss +802 -802
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-order-pad.scss +677 -677
  16. package/dist/bulk-variant-picker copy.scss +1121 -1121
  17. package/dist/bulk-variant-picker.scss +3294 -3092
  18. package/dist/bundle copy.scss +2805 -2805
  19. package/dist/bundle.scss +2383 -2383
  20. package/dist/bundleDetails copy.scss +1431 -1431
  21. package/dist/bundleDetails.scss +3320 -3285
  22. package/dist/button copy.scss +271 -271
  23. package/dist/button.scss +292 -292
  24. package/dist/buy-for-tab-container.scss +90 -90
  25. package/dist/buy-for-tab.scss +3 -4
  26. package/dist/buy-for-tabs-container-item.scss +80 -80
  27. package/dist/buyForHeaders.scss +6718 -6718
  28. package/dist/buyForPopup.scss +70 -52
  29. package/dist/cart-details.scss +3207 -2386
  30. package/dist/cart-products-sidebar.scss +211 -211
  31. package/dist/cart-summary.scss +2728 -2728
  32. package/dist/cart-wrapper.scss +127 -127
  33. package/dist/cart.scss +269 -269
  34. package/dist/cartAttributes.scss +935 -903
  35. package/dist/cartDropdownOverlay.scss +514 -231
  36. package/dist/cartGrouping.scss +89 -89
  37. package/dist/category-groups-element.scss +138 -138
  38. package/dist/category.scss +73 -73
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +6460 -6569
  43. package/dist/code-temp.scss +58 -58
  44. package/dist/colorpicker_v2.scss +52 -52
  45. package/dist/common-element.scss +35 -35
  46. package/dist/confirm-modal.scss +351 -351
  47. package/dist/confirmationModal.scss +139 -139
  48. package/dist/contact-us.scss +105 -105
  49. package/dist/container.scss +114 -114
  50. package/dist/countdown.scss +751 -751
  51. package/dist/coupon.scss +1254 -1254
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/customization-tree.scss +160 -160
  54. package/dist/default-dropdown.scss +240 -240
  55. package/dist/dropdownTemplate.scss +98 -46
  56. package/dist/editCartItem.scss +111 -111
  57. package/dist/embed-temp.scss +72 -72
  58. package/dist/embroider-preview-element.scss +94 -94
  59. package/dist/embroider-template-1-v2.scss +937 -937
  60. package/dist/embroider-template-1.scss +482 -482
  61. package/dist/embroidery.scss +213 -213
  62. package/dist/employee-bulk-order.scss +4057 -4057
  63. package/dist/emtpy-templates.scss +165 -165
  64. package/dist/faq.scss +564 -564
  65. package/dist/fb-dropdown.scss +125 -125
  66. package/dist/filter-results.scss +323 -323
  67. package/dist/filters.scss +2418 -2418
  68. package/dist/flex-text-editor.scss +271 -271
  69. package/dist/form-preview.scss +290 -290
  70. package/dist/form-zindex-module.scss +24 -24
  71. package/dist/gallery-slider-temp.scss +1234 -1234
  72. package/dist/global-styles.scss +86 -86
  73. package/dist/grid.scss +119 -119
  74. package/dist/hotspot.scss +397 -397
  75. package/dist/icon-library.scss +74 -74
  76. package/dist/icon-list.scss +268 -268
  77. package/dist/image-for-product.scss +21 -21
  78. package/dist/image-temp.scss +168 -168
  79. package/dist/item-stock.scss +87 -87
  80. package/dist/language-selector.scss +528 -558
  81. package/dist/layouter-item.scss +89 -89
  82. package/dist/layouter-pro-item.scss +80 -80
  83. package/dist/layouter-pro.scss +88 -88
  84. package/dist/layouter.scss +294 -294
  85. package/dist/light-box-v2.scss +105 -105
  86. package/dist/lightbox.scss +78 -78
  87. package/dist/line.scss +166 -166
  88. package/dist/loader.scss +37 -37
  89. package/dist/login.scss +1473 -1473
  90. package/dist/map.scss +962 -962
  91. package/dist/marchandiserSets.scss +60 -60
  92. package/dist/mega-menu-container.scss +99 -99
  93. package/dist/mega-menu.scss +838 -838
  94. package/dist/menu-item.scss +19 -19
  95. package/dist/menu-v2.scss +730 -730
  96. package/dist/menu.scss +162 -162
  97. package/dist/modal.scss +2267 -2267
  98. package/dist/multi-select-dropdown.scss +282 -279
  99. package/dist/my-templates.scss +463 -463
  100. package/dist/my-wishlist.scss +17 -17
  101. package/dist/option-bar.scss +845 -845
  102. package/dist/order-processing.scss +61 -61
  103. package/dist/order-status.scss +1856 -1856
  104. package/dist/overflow-module.scss +63 -63
  105. package/dist/past-orders.scss +975 -975
  106. package/dist/payment-methods.scss +289 -289
  107. package/dist/pickup-locations.scss +1167 -1167
  108. package/dist/position-module.scss +95 -95
  109. package/dist/prefix-list.scss +86 -86
  110. package/dist/product-actions copy.scss +2765 -2765
  111. package/dist/product-actions.scss +2286 -2286
  112. package/dist/product-basic-elements.scss +770 -770
  113. package/dist/product-customizations.scss +149 -149
  114. package/dist/product-highlights copy.scss +217 -217
  115. package/dist/product-highlights.scss +311 -311
  116. package/dist/product-image copy.scss +787 -787
  117. package/dist/product-image-bundles.scss +1512 -0
  118. package/dist/product-image.scss +1 -1
  119. package/dist/product-inventory.scss +1378 -1378
  120. package/dist/product-options.scss +1144 -1144
  121. package/dist/product-price.scss +2598 -2598
  122. package/dist/product-promotions.scss +2759 -2759
  123. package/dist/product-sizechart.scss +1826 -1826
  124. package/dist/product.scss +97 -97
  125. package/dist/productDetails.scss +70 -70
  126. package/dist/profile.scss +4 -3
  127. package/dist/quantity-selector.scss +3 -2
  128. package/dist/quick-links.scss +552 -552
  129. package/dist/quick-order-pad.scss +237 -237
  130. package/dist/quota-details.scss +263 -263
  131. package/dist/quotes.scss +737 -737
  132. package/dist/repeater copy.scss +635 -635
  133. package/dist/repeater-embla-controls.scss +6 -3
  134. package/dist/repeater-grid-toggle.scss +58 -58
  135. package/dist/repeater-item.scss +90 -90
  136. package/dist/repeater.scss +915 -915
  137. package/dist/request-for-quotes.scss +746 -746
  138. package/dist/responsive-behaviour.scss +29 -29
  139. package/dist/rfqs.scss +736 -736
  140. package/dist/scroll.scss +222 -222
  141. package/dist/search-results-heading.scss +279 -279
  142. package/dist/search.scss +296 -296
  143. package/dist/section.scss +209 -209
  144. package/dist/shareCartSideBar.scss +254 -254
  145. package/dist/shipping-estimator.scss +41 -41
  146. package/dist/shipping-payments.scss +2467 -2467
  147. package/dist/simple-list.scss +259 -259
  148. package/dist/skeleton.scss +74 -74
  149. package/dist/social.scss +276 -276
  150. package/dist/sort.scss +89 -89
  151. package/dist/spotlight.scss +1663 -1663
  152. package/dist/stack.scss +129 -129
  153. package/dist/static-global.scss +198 -0
  154. package/dist/static-text.scss +52 -52
  155. package/dist/stockStatus.scss +64 -64
  156. package/dist/store-locations.scss +1398 -1398
  157. package/dist/sub-category.scss +74 -74
  158. package/dist/submit-quote.scss +275 -275
  159. package/dist/tab-container-item.scss +80 -80
  160. package/dist/tab-container.scss +89 -89
  161. package/dist/tab-v2.scss +583 -583
  162. package/dist/table-common.scss +506 -506
  163. package/dist/table.scss +685 -685
  164. package/dist/tabs.scss +395 -395
  165. package/dist/text-temp-v2.scss +139 -139
  166. package/dist/text-temp.scss +109 -109
  167. package/dist/theme-classes.scss +296 -296
  168. package/dist/toaster.scss +350 -350
  169. package/dist/toggle-button.scss +32 -32
  170. package/dist/transform-properties-module.scss +20 -20
  171. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +1945 -381
  172. package/dist/types/builder/tools/element-edit/bulkVariantPicker.d.ts +1 -1
  173. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +9 -0
  174. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +66 -0
  175. package/dist/uom-selector.scss +1169 -1169
  176. package/dist/user-elements copy.scss +1437 -1437
  177. package/dist/user-elements.scss +2471 -2471
  178. package/dist/variant-picker.scss +2384 -2384
  179. package/dist/video.scss +476 -476
  180. package/dist/volume-pricing copy 2.scss +1468 -1468
  181. package/dist/volume-pricing copy.scss +1077 -1077
  182. package/dist/volume-pricing.scss +1175 -1175
  183. package/dist/widget.scss +148 -148
  184. package/dist/wishlist-overlay.scss +48 -48
  185. package/package.json +1 -1
package/dist/bulk-variant-picker copy.scss CHANGED
@@ -1,1121 +1,1121 @@
1
- // @use "sass:map";
2
- // @use "sass:list";
3
- // // @use "./functions.scss";
4
- // [data-div-type="element"] {
5
- // &[data-element-type="bulkVariantPicker"] {
6
- // --_ctm-mob-var-lt-mn-cn-wh: 70px;
7
- // // width: var(--_lt-wh);
8
- // // height: var(--_lt-ht);
9
- // // margin: var(--_lt-mn);
10
- // // padding: var(--_lt-pg);
11
- // // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
12
- // // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
- // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
14
- // // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
15
- // // height: ;
16
- // // aspect-ratio: 1 / var(--_sf-aspect-ratio);
17
- // // --_aspect-ratio: calc(
18
- // // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
- // // );
20
-
21
- // & > .wrapper {
22
- // width: 100%;
23
- // // height: 100%;
24
- // }
25
- // &[data-show-shadow="false"] {
26
- // --_show-shadow: none;
27
- // }
28
- // .text-element {
29
- // background: #6d96e4;
30
- // padding: 10px;
31
- // font-weight: 600;
32
- // color: rgba(75, 69, 70, 1);
33
- // }
34
- // .bulk_variant__container {
35
- // display: flex;
36
- // flex-direction: column;
37
- // gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
38
- // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
39
- // // Select Colors
40
- // .select__colors {
41
- // font-size: 16px;
42
- // color: var(--_gray-500);
43
- // display: flex;
44
- // flex-direction: column;
45
- // gap: var(
46
- // --_ctm-mob-lt-on-te-ve-sg,
47
- // var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg))
48
- // );
49
- // .title {
50
- // margin-bottom: 4px;
51
- // }
52
- // .select__group {
53
- // display: flex;
54
- // flex-wrap: wrap;
55
- // flex-direction: row;
56
- // gap: var(--_ctm-lt-sh-te-dy-se-im-sg);
57
- // &[data-swatch-dispaly="Vertically"] {
58
- // flex-direction: column;
59
- // }
60
- // .item {
61
- // padding: var(
62
- // --_ctm-mob-lt-sh-te-dy-se-im-pg,
63
- // var(--_ctm-tab-lt-sh-te-dy-se-im-pg, var(--_ctm-lt-sh-te-dy-se-im-pg))
64
- // );
65
- // background-color: var(
66
- // --_ctm-mob-dn-sh-on-ve-se-dt-se-bd-cr,
67
- // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-dt-se-bd-cr))
68
- // );
69
- // // height: 30px;
70
- // // width: 30px;
71
- // // &[data-dt-se-bd-se="Circle"] {
72
- // // border-radius: 50%;
73
- // // }
74
- // // &[data-dt-se-bd-se="None"] {
75
- // // height: 0;
76
- // // width: 0;
77
- // // }
78
- // &:hover {
79
- // background-color: var(
80
- // --_ctm-mob-dn-sh-on-ve-se-hr-se-bd-cr,
81
- // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-bd-cr))
82
- // );
83
- // // height: 30px;
84
- // // width: 30px;
85
- // // &[data-dt-se-bd-se="Circle"] {
86
- // // border-radius: 50%;
87
- // // }
88
- // // &[data-dt-se-bd-se="None"] {
89
- // // height: 0;
90
- // // width: 0;
91
- // // }
92
- // }
93
- // &.selected_item {
94
- // background-color: var(
95
- // --_ctm-mob-dn-sh-on-ve-se-sd-se-bd-cr,
96
- // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-bd-cr))
97
- // );
98
- // // height: 30px;
99
- // // width: 30px;
100
- // // &[data-dt-se-bd-se="Circle"] {
101
- // // border-radius: 50%;
102
- // // }
103
- // // &[data-dt-se-bd-se="None"] {
104
- // // height: 0;
105
- // // width: 0;
106
- // // }
107
- // }
108
- // .select__group__item {
109
- // transition: width 0.3s ease;
110
- // width: 30px;
111
- // height: 30px;
112
- // border-color: var(
113
- // --_show-border-im-se,
114
- // var(
115
- // --_ctm-mob-dn-sh-on-ve-se-dt-se-br-cr,
116
- // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-br-cr, var(--_ctm-dn-sh-on-ve-se-dt-se-br-cr))
117
- // )
118
- // );
119
-
120
- // border-style: var(
121
- // --_show-border-im-se,
122
- // var(
123
- // --_ctm-mob-dn-sh-on-ve-se-dt-se-br-se,
124
- // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-br-se, var(--_ctm-dn-sh-on-ve-se-dt-se-br-se))
125
- // )
126
- // );
127
-
128
- // border-width: var(
129
- // --_show-border-im-se,
130
- // var(
131
- // --_ctm-mob-dn-sh-on-ve-se-dt-se-br-wh,
132
- // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-br-wh, var(--_ctm-dn-sh-on-ve-se-dt-se-br-wh))
133
- // )
134
- // );
135
-
136
- // border-radius: var(
137
- // --_ctm-mob-dn-sh-on-ve-se-dt-se-br-rs,
138
- // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-br-rs, var(--_ctm-dn-sh-on-ve-se-dt-se-br-rs))
139
- // );
140
-
141
- // box-shadow: var(
142
- // --_show-shadow-im-se,
143
- // var(
144
- // --_ctm-mob-dn-sh-on-ve-se-dt-se-sw-ae,
145
- // var(
146
- // --_ctm-tab-dn-sh-on-ve-se-dt-se-sw-ae,
147
- // var(--_ctm-dn-sh-on-ve-se-dt-se-sw-ae)
148
- // )
149
- // )
150
- // var(
151
- // --_ctm-mob-dn-sh-on-ve-se-dt-se-sw-br,
152
- // var(
153
- // --_ctm-tab-dn-sh-on-ve-se-dt-se-sw-br,
154
- // var(--_ctm-dn-sh-on-ve-se-dt-se-sw-br)
155
- // )
156
- // )
157
- // var(
158
- // --_ctm-mob-dn-sh-on-ve-se-dt-se-sw-sd,
159
- // var(
160
- // --_ctm-tab-dn-sh-on-ve-se-dt-se-sw-sd,
161
- // var(--_ctm-dn-sh-on-ve-se-dt-se-sw-sd)
162
- // )
163
- // )
164
- // var(
165
- // --_ctm-mob-dn-sh-on-ve-se-dt-se-sw-cr,
166
- // var(
167
- // --_ctm-tab-dn-sh-on-ve-se-dt-se-sw-cr,
168
- // var(--_ctm-dn-sh-on-ve-se-dt-se-sw-cr)
169
- // )
170
- // )
171
- // );
172
- // cursor: pointer;
173
- // overflow: hidden;
174
- // &:hover {
175
- // border-color: var(
176
- // --_ctm-mob-dn-sh-on-ve-se-hr-se-br-cr,
177
- // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-br-cr))
178
- // );
179
- // border-style: var(
180
- // --_ctm-mob-dn-sh-on-ve-se-hr-se-br-se,
181
- // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-se, var(--_ctm-dn-sh-on-ve-se-hr-se-br-se))
182
- // );
183
- // border-width: var(
184
- // --_ctm-mob-dn-sh-on-ve-se-hr-se-br-wh,
185
- // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-wh, var(--_ctm-dn-sh-on-ve-se-hr-se-br-wh))
186
- // );
187
- // border-radius: var(
188
- // --_ctm-mob-dn-sh-on-ve-se-hr-se-br-rs,
189
- // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-rs, var(--_ctm-dn-sh-on-ve-se-hr-se-br-rs))
190
- // );
191
- // box-shadow: var(
192
- // --_ctm-mob-dn-sh-on-ve-se-hr-se-sw-ae,
193
- // var(
194
- // --_ctm-tab-dn-sh-on-ve-se-hr-se-sw-ae,
195
- // var(--_ctm-dn-sh-on-ve-se-hr-se-sw-ae)
196
- // )
197
- // )
198
- // var(
199
- // --_ctm-mob-dn-sh-on-ve-se-hr-se-sw-br,
200
- // var(
201
- // --_ctm-tab-dn-sh-on-ve-se-hr-se-sw-br,
202
- // var(--_ctm-dn-sh-on-ve-se-hr-se-sw-br)
203
- // )
204
- // )
205
- // var(
206
- // --_ctm-mob-dn-sh-on-ve-se-hr-se-sw-sd,
207
- // var(
208
- // --_ctm-tab-dn-sh-on-ve-se-hr-se-sw-sd,
209
- // var(--_ctm-dn-sh-on-ve-se-hr-se-sw-sd)
210
- // )
211
- // )
212
- // var(
213
- // --_ctm-mob-dn-sh-on-ve-se-hr-se-sw-cr,
214
- // var(
215
- // --_ctm-tab-dn-sh-on-ve-se-hr-se-sw-cr,
216
- // var(--_ctm-dn-sh-on-ve-se-hr-se-sw-cr)
217
- // )
218
- // );
219
- // }
220
- // &.selected {
221
- // width: 45px;
222
- // border-radius: 20px;
223
- // outline: 1px solid var(--_gray-300);
224
- // border: 3px solid #fff;
225
- // border-radius: var(
226
- // --_ctm-mob-dn-sh-on-ve-se-sd-se-br-rs,
227
- // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-rs, var(--_ctm-dn-sh-on-ve-se-sd-se-br-rs))
228
- // );
229
- // border: 3px solid #fff;
230
-
231
- // border-color: var(
232
- // --_ctm-mob-dn-sh-on-ve-se-sd-se-br-cr,
233
- // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-br-cr))
234
- // );
235
- // border-style: var(
236
- // --_ctm-mob-dn-sh-on-ve-se-sd-se-br-se,
237
- // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-se, var(--_ctm-dn-sh-on-ve-se-sd-se-br-se))
238
- // );
239
- // border-width: var(
240
- // --_ctm-mob-dn-sh-on-ve-se-sd-se-br-wh,
241
- // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-wh, var(--_ctm-dn-sh-on-ve-se-sd-se-br-wh))
242
- // );
243
- // box-shadow: var(
244
- // --_ctm-mob-dn-sh-on-ve-se-sd-se-sw-ae,
245
- // var(
246
- // --_ctm-tab-dn-sh-on-ve-se-sd-se-sw-ae,
247
- // var(--_ctm-dn-sh-on-ve-se-sd-se-sw-ae)
248
- // )
249
- // )
250
- // var(
251
- // --_ctm-mob-dn-sh-on-ve-se-sd-se-sw-br,
252
- // var(
253
- // --_ctm-tab-dn-sh-on-ve-se-sd-se-sw-br,
254
- // var(--_ctm-dn-sh-on-ve-se-sd-se-sw-br)
255
- // )
256
- // )
257
- // var(
258
- // --_ctm-mob-dn-sh-on-ve-se-sd-se-sw-sd,
259
- // var(
260
- // --_ctm-tab-dn-sh-on-ve-se-sd-se-sw-sd,
261
- // var(--_ctm-dn-sh-on-ve-se-sd-se-sw-sd)
262
- // )
263
- // )
264
- // var(
265
- // --_ctm-mob-dn-sh-on-ve-se-sd-se-sw-cr,
266
- // var(
267
- // --_ctm-tab-dn-sh-on-ve-se-sd-se-sw-cr,
268
- // var(--_ctm-dn-sh-on-ve-se-sd-se-sw-cr)
269
- // )
270
- // );
271
- // }
272
- // &.disabled {
273
- // cursor: not-allowed;
274
- // opacity: 0.4;
275
- // position: relative;
276
- // &::after {
277
- // content: "X";
278
- // position: absolute;
279
- // top: -5px;
280
- // left: 50%;
281
- // transform: translateX(-50%);
282
- // font-size: 30px;
283
- // color: #f55d42;
284
- // }
285
- // }
286
- // }
287
- // }
288
- // }
289
- // }
290
- // // Select Fit and Size
291
- // .select__fit {
292
- // font-size: 16px;
293
- // color: var(--_gray-500);
294
- // display: flex;
295
- // flex-direction: column;
296
- // gap: var(
297
- // --_ctm-mob-lt-on-te-ve-sg,
298
- // var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg))
299
- // );
300
-
301
- // padding: var(
302
- // --_ctm-mob-lt-se-st-dy-se-im-pg,
303
- // var(--_ctm-tab-lt-se-st-dy-se-im-pg, var(--_ctm-lt-se-st-dy-se-im-pg))
304
- // );
305
- // .title {
306
- // margin-bottom: 4px;
307
- // }
308
- // .select__group {
309
- // display: flex;
310
- // gap: 8px;
311
- // flex-wrap: wrap;
312
- // margin-bottom: 10px;
313
- // flex-direction: row;
314
- // gap: var(
315
- // --_ctm-mob-lt-se-st-dy-se-im-sg,
316
- // var(--_ctm-tab-lt-se-st-dy-se-im-sg, var(--_ctm-lt-se-st-dy-se-im-sg))
317
- // );
318
- // &[data-single-dispaly="Vertically"] {
319
- // flex-direction: column;
320
- // }
321
- // &[data-single-dispaly="Grid"] {
322
- // display: grid;
323
- // grid-template-columns: repeat(
324
- // var(
325
- // --_ctm-mob-lt-se-st-dy-se-is-pr-rw,
326
- // var(--_ctm-tab-lt-se-st-dy-se-is-pr-rw, var(--_ctm-lt-se-st-dy-se-is-pr-rw))
327
- // ),
328
- // minmax(auto, 1fr)
329
- // );
330
- // }
331
- // .select__group__item {
332
- // transition: color 0.3s ease;
333
- // padding: 8px 12px;
334
- // border-radius: 6px;
335
- // border: 1px solid var(--_gray-200);
336
- // font-size: 16px;
337
- // font-weight: 600;
338
- // cursor: pointer;
339
- // border-color: var(
340
- // --_ctm-mob-dn-se-on-ve-se-dt-se-br-cr,
341
- // var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-cr, var(--_ctm-dn-se-on-ve-se-dt-se-br-cr))
342
- // );
343
- // border-style: var(
344
- // --_ctm-mob-dn-se-on-ve-se-dt-se-br-se,
345
- // var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-se, var(--_ctm-dn-se-on-ve-se-dt-se-br-se))
346
- // );
347
- // border-width: var(
348
- // --_ctm-mob-dn-se-on-ve-se-dt-se-br-wh,
349
- // var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-wh, var(--_ctm-dn-se-on-ve-se-dt-se-br-wh))
350
- // );
351
- // box-shadow: var(
352
- // --_ctm-mob-dn-se-on-ve-se-dt-se-sw-ae,
353
- // var(--_ctm-tab-dn-se-on-ve-se-dt-se-sw-ae, var(--_ctm-dn-se-on-ve-se-dt-se-sw-ae))
354
- // )
355
- // var(
356
- // --_ctm-mob-dn-se-on-ve-se-dt-se-sw-br,
357
- // var(--_ctm-tab-dn-se-on-ve-se-dt-se-sw-br, var(--_ctm-dn-se-on-ve-se-dt-se-sw-br))
358
- // )
359
- // var(
360
- // --_ctm-mob-dn-se-on-ve-se-dt-se-sw-sd,
361
- // var(--_ctm-tab-dn-se-on-ve-se-dt-se-sw-sd, var(--_ctm-dn-se-on-ve-se-dt-se-sw-sd))
362
- // )
363
- // var(
364
- // --_ctm-mob-dn-se-on-ve-se-dt-se-sw-cr,
365
- // var(--_ctm-tab-dn-se-on-ve-se-dt-se-sw-cr, var(--_ctm-dn-se-on-ve-se-dt-se-sw-cr))
366
- // );
367
- // border-radius: var(
368
- // --_ctm-mob-dn-se-on-ve-se-dt-se-br-rs,
369
- // var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-rs, var(--_ctm-dn-se-on-ve-se-dt-se-br-rs))
370
- // );
371
- // &:hover {
372
- // border-color: var(
373
- // --_show-border-im-se,
374
- // var(
375
- // --_ctm-mob-dn-se-on-ve-se-hr-se-br-cr,
376
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-cr, var(--_ctm-dn-se-on-ve-se-hr-se-br-cr))
377
- // )
378
- // );
379
- // border-style: var(
380
- // --_show-border-im-se,
381
- // var(
382
- // --_ctm-mob-dn-se-on-ve-se-hr-se-br-se,
383
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-se, var(--_ctm-dn-se-on-ve-se-hr-se-br-se))
384
- // )
385
- // );
386
- // border-width: var(
387
- // --_show-border-im-se,
388
- // var(
389
- // --_ctm-mob-dn-se-on-ve-se-hr-se-br-wh,
390
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-wh, var(--_ctm-dn-se-on-ve-se-hr-se-br-wh))
391
- // )
392
- // );
393
- // border-radius: var(
394
- // --_ctm-mob-dn-se-on-ve-se-hr-se-br-rs,
395
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-rs, var(--_ctm-dn-se-on-ve-se-hr-se-br-rs))
396
- // );
397
- // box-shadow: var(
398
- // --_show-shadow-im-se,
399
- // var(
400
- // --_ctm-mob-dn-se-on-ve-se-hr-se-sw-ae,
401
- // var(
402
- // --_ctm-tab-dn-se-on-ve-se-hr-se-sw-ae,
403
- // var(--_ctm-dn-se-on-ve-se-hr-se-sw-ae)
404
- // )
405
- // )
406
- // var(
407
- // --_ctm-mob-dn-se-on-ve-se-hr-se-sw-br,
408
- // var(
409
- // --_ctm-tab-dn-se-on-ve-se-hr-se-sw-br,
410
- // var(--_ctm-dn-se-on-ve-se-hr-se-sw-br)
411
- // )
412
- // )
413
- // var(
414
- // --_ctm-mob-dn-se-on-ve-se-hr-se-sw-sd,
415
- // var(
416
- // --_ctm-tab-dn-se-on-ve-se-hr-se-sw-sd,
417
- // var(--_ctm-dn-se-on-ve-se-hr-se-sw-sd)
418
- // )
419
- // )
420
- // var(
421
- // --_ctm-mob-dn-se-on-ve-se-hr-se-sw-cr,
422
- // var(
423
- // --_ctm-tab-dn-se-on-ve-se-hr-se-sw-cr,
424
- // var(--_ctm-dn-se-on-ve-se-hr-se-sw-cr)
425
- // )
426
- // )
427
- // );
428
- // background-color: var(
429
- // --_ctm-mob-dn-se-on-ve-se-hr-se-bd-cr,
430
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-bd-cr, var(--_ctm-dn-se-on-ve-se-hr-se-bd-cr))
431
- // );
432
- // color: var(
433
- // --_ctm-mob-dn-se-on-ve-se-hr-se-cr,
434
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-cr, var(--_ctm-dn-se-on-ve-se-hr-se-cr))
435
- // );
436
- // font-family: var(
437
- // --_ctm-mob-dn-se-on-ve-se-hr-se-ft-fy,
438
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-fy, var(--_ctm-dn-se-on-ve-se-hr-se-ft-fy))
439
- // );
440
- // font-size: var(
441
- // --_ctm-mob-dn-se-on-ve-se-hr-se-ft-se,
442
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-se, var(--_ctm-dn-se-on-ve-se-hr-se-ft-se))
443
- // );
444
- // font-weight: var(
445
- // --_ctm-mob-dn-se-on-ve-se-hr-se-ft-wt,
446
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-wt, var(--_ctm-dn-se-on-ve-se-hr-se-ft-wt))
447
- // );
448
- // font-style: var(
449
- // --_ctm-mob-dn-se-on-ve-se-hr-se-ft-se-ic,
450
- // var(
451
- // --_ctm-tab-dn-se-on-ve-se-hr-se-ft-se-ic,
452
- // var(--_ctm-dn-se-on-ve-se-hr-se-ft-se-ic)
453
- // )
454
- // );
455
- // text-align: var(
456
- // --_ctm-mob-dn-se-on-ve-se-hr-se-tt-an,
457
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-tt-an, var(--_ctm-dn-se-on-ve-se-hr-se-tt-an))
458
- // );
459
- // letter-spacing: var(
460
- // --_ctm-mob-dn-se-on-ve-se-hr-se-lr-sg,
461
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-lr-sg, var(--_ctm-dn-se-on-ve-se-hr-se-lr-sg))
462
- // );
463
- // line-height: var(
464
- // --_ctm-mob-dn-se-on-ve-se-hr-se-le-ht,
465
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-le-ht, var(--_ctm-dn-se-on-ve-se-hr-se-le-ht))
466
- // );
467
- // text-decoration: var(
468
- // --_ctm-mob-dn-se-on-ve-se-hr-se-ue,
469
- // var(--_ctm-tab-dn-se-on-ve-se-hr-se-ue, var(--_ctm-dn-se-on-ve-se-hr-se-ue))
470
- // );
471
- // }
472
- // &.child {
473
- // border: 0;
474
- // border-radius: 0;
475
- // border-bottom: 2px solid var(--_gray-200);
476
- // }
477
- // &.selected {
478
- // border: 1px solid var(--_primary-200);
479
- // background-color: var(--_primary-25);
480
- // color: var(--_primary-400);
481
- // border-color: var(
482
- // --_show-border-im-se,
483
- // var(
484
- // --_ctm-mob-dn-se-on-ve-se-sd-se-br-cr,
485
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-cr, var(--_ctm-dn-se-on-ve-se-sd-se-br-cr))
486
- // )
487
- // );
488
- // border-style: var(
489
- // --_show-border-im-se,
490
- // var(
491
- // --_ctm-mob-dn-se-on-ve-se-sd-se-br-se,
492
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-se, var(--_ctm-dn-se-on-ve-se-sd-se-br-se))
493
- // )
494
- // );
495
- // border-width: var(
496
- // --_show-border-im-se,
497
- // var(
498
- // --_ctm-mob-dn-se-on-ve-se-sd-se-br-wh,
499
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-wh, var(--_ctm-dn-se-on-ve-se-sd-se-br-wh))
500
- // )
501
- // );
502
- // border-radius: var(
503
- // --_ctm-mob-dn-se-on-ve-se-sd-se-br-rs,
504
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-rs, var(--_ctm-dn-se-on-ve-se-sd-se-br-rs))
505
- // );
506
- // box-shadow: var(
507
- // --_show-shadow-im-se,
508
- // var(
509
- // --_ctm-mob-dn-se-on-ve-se-sd-se-sw-ae,
510
- // var(
511
- // --_ctm-tab-dn-se-on-ve-se-sd-se-sw-ae,
512
- // var(--_ctm-dn-se-on-ve-se-sd-se-sw-ae)
513
- // )
514
- // )
515
- // var(
516
- // --_ctm-mob-dn-se-on-ve-se-sd-se-sw-br,
517
- // var(
518
- // --_ctm-tab-dn-se-on-ve-se-sd-se-sw-br,
519
- // var(--_ctm-dn-se-on-ve-se-sd-se-sw-br)
520
- // )
521
- // )
522
- // var(
523
- // --_ctm-mob-dn-se-on-ve-se-sd-se-sw-sd,
524
- // var(
525
- // --_ctm-tab-dn-se-on-ve-se-sd-se-sw-sd,
526
- // var(--_ctm-dn-se-on-ve-se-sd-se-sw-sd)
527
- // )
528
- // )
529
- // var(
530
- // --_ctm-mob-dn-se-on-ve-se-sd-se-sw-cr,
531
- // var(
532
- // --_ctm-tab-dn-se-on-ve-se-sd-se-sw-cr,
533
- // var(--_ctm-dn-se-on-ve-se-sd-se-sw-cr)
534
- // )
535
- // )
536
- // );
537
- // background-color: var(
538
- // --_ctm-mob-dn-se-on-ve-se-sd-se-bd-cr,
539
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-bd-cr, var(--_ctm-dn-se-on-ve-se-sd-se-bd-cr))
540
- // );
541
- // color: var(
542
- // --_ctm-mob-dn-se-on-ve-se-sd-se-cr,
543
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-cr, var(--_ctm-dn-se-on-ve-se-sd-se-cr))
544
- // );
545
- // font-family: var(
546
- // --_ctm-mob-dn-se-on-ve-se-sd-se-ft-fy,
547
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-fy, var(--_ctm-dn-se-on-ve-se-sd-se-ft-fy))
548
- // );
549
- // font-size: var(
550
- // --_ctm-mob-dn-se-on-ve-se-sd-se-ft-se,
551
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-se, var(--_ctm-dn-se-on-ve-se-sd-se-ft-se))
552
- // );
553
- // font-weight: var(
554
- // --_ctm-mob-dn-se-on-ve-se-sd-se-ft-wt,
555
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-wt, var(--_ctm-dn-se-on-ve-se-sd-se-ft-wt))
556
- // );
557
- // font-style: var(
558
- // --_ctm-mob-dn-se-on-ve-se-sd-se-ft-se-ic,
559
- // var(
560
- // --_ctm-tab-dn-se-on-ve-se-sd-se-ft-se-ic,
561
- // var(--_ctm-dn-se-on-ve-se-sd-se-ft-se-ic)
562
- // )
563
- // );
564
- // text-align: var(
565
- // --_ctm-mob-dn-se-on-ve-se-sd-se-tt-an,
566
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-tt-an, var(--_ctm-dn-se-on-ve-se-sd-se-tt-an))
567
- // );
568
- // letter-spacing: var(
569
- // --_ctm-mob-dn-se-on-ve-se-sd-se-lr-sg,
570
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-lr-sg, var(--_ctm-dn-se-on-ve-se-sd-se-lr-sg))
571
- // );
572
- // line-height: var(
573
- // --_ctm-mob-dn-se-on-ve-se-sd-se-le-ht,
574
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-le-ht, var(--_ctm-dn-se-on-ve-se-sd-se-le-ht))
575
- // );
576
- // text-decoration: var(
577
- // --_ctm-mob-dn-se-on-ve-se-sd-se-ue,
578
- // var(--_ctm-tab-dn-se-on-ve-se-sd-se-ue, var(--_ctm-dn-se-on-ve-se-sd-se-ue))
579
- // );
580
- // }
581
- // &.selected__child {
582
- // border: 0px;
583
- // border-bottom: 2px solid var(--_primary-400);
584
- // }
585
- // &.disabled {
586
- // cursor: not-allowed;
587
- // opacity: 0.4;
588
- // position: relative;
589
- // &::after {
590
- // content: "X";
591
- // position: absolute;
592
- // top: -5px;
593
- // left: 50%;
594
- // transform: translateX(-50%);
595
- // font-size: 30px;
596
- // color: #f55d42;
597
- // }
598
- // }
599
- // }
600
- // }
601
- // }
602
- // //Dropdown
603
- // .est__dropdown__main {
604
- // position: relative;
605
- // width: 100%;
606
- // margin-top: 10px;
607
-
608
- // label {
609
- // font-size: 14px;
610
- // color: var(--_gray-700);
611
- // margin-bottom: 8px;
612
- // display: block;
613
- // }
614
-
615
- // .est__dropdown {
616
- // cursor: pointer;
617
- // position: relative;
618
- // color: var(--_gray-700);
619
-
620
- // border-radius: 6px;
621
- // background-color: #fff;
622
- // display: flex;
623
- // justify-content: space-between;
624
- // align-items: center;
625
- // width: 100%;
626
- // .value__selected {
627
- // width: 100%;
628
- // }
629
-
630
- // &.open .list {
631
- // display: flex;
632
- // }
633
-
634
- // .list {
635
- // display: none;
636
- // flex-direction: column;
637
- // border: 1px solid var(--_gray-200);
638
- // border-radius: 6px;
639
- // position: absolute;
640
- // top: 100%;
641
- // left: 0;
642
- // width: 100%;
643
- // background-color: #fff;
644
- // border-radius: 4px;
645
- // z-index: var(--_higher-zIndex);
646
- // max-height: 200px;
647
- // overflow-y: auto;
648
-
649
- // &.top {
650
- // bottom: 100%;
651
- // top: auto;
652
- // }
653
-
654
- // .list__option {
655
- // padding: 12px;
656
- // cursor: pointer;
657
-
658
- // &:hover {
659
- // background-color: var(--_primary-25);
660
- // color: var(--_primary-400);
661
- // }
662
- // &.disabled {
663
- // cursor: not-allowed;
664
- // opacity: 0.4;
665
- // }
666
- // }
667
- // }
668
- // }
669
- // }
670
- // // variant dropdown selection
671
- // .var__drop__selection {
672
- // display: flex;
673
- // width: 100%;
674
- // gap: var(
675
- // --_ctm-mob-lt-dn-dy-se-dn-lt-im-sg,
676
- // var(
677
- // --_ctm-tab-lt-dn-dy-se-dn-lt-im-sg,
678
- // var(--_ctm-lt-dn-dy-se-dn-lt-im-sg, var(--_ctm-lt-im-sg))
679
- // )
680
- // );
681
- // flex-direction: row;
682
- // &[data-dropdown-style="Vertical List"] {
683
- // flex-direction: column;
684
- // }
685
- // & > div {
686
- // width: 100%;
687
- // }
688
- // }
689
- // // Quantity Fields
690
- // .field__group {
691
- // display: grid;
692
- // grid-template-columns: repeat(
693
- // auto-fit,
694
- // minmax(
695
- // var(
696
- // --_ctm-mob-var-lt-mn-cn-wh,
697
- // var(--_ctm-tab-var-lt-mn-cn-wh, var(--_ctm-var-lt-mn-cn-wh))
698
- // ),
699
- // var(--_ctm-mob-var-lt-mn-cn-wh)
700
- // )
701
- // );
702
- // gap: 8px;
703
- // .field__group__item {
704
- // font-size: 16px;
705
- // display: flex;
706
- // flex-direction: column;
707
- // align-items: center;
708
- // justify-content: center;
709
- // gap: 8px;
710
- // input[type="number"] {
711
- // // width: 70px !important;
712
- // border: 1px solid var(--_gray-300);
713
- // padding-inline: 10px;
714
- // border-radius: 4px;
715
- // text-align: center;
716
- // height: 40px;
717
- // &:focus-within {
718
- // border: 1px solid var(--_primary-200);
719
- // box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
720
- // }
721
- // &:disabled {
722
- // cursor: not-allowed;
723
- // opacity: 0.4;
724
- // }
725
- // }
726
- // }
727
- // }
728
- // // Enter quantity styles
729
- // .quantiy__details {
730
- // display: flex;
731
- // flex-direction: column;
732
- // gap: 20px;
733
- // .title {
734
- // display: flex;
735
- // justify-content: space-between;
736
- // align-items: center;
737
- // font-weight: 600;
738
- // font-size: 18px;
739
- // & > button {
740
- // border-bottom: 1px solid var(--_gray-400);
741
- // color: var(--_gray-600);
742
- // font-size: 14px;
743
- // }
744
- // }
745
- // .fit__details {
746
- // display: flex;
747
- // flex-direction: column;
748
- // gap: 12px;
749
- // .fit__desc {
750
- // font-size: 16px;
751
- // color: var(--_gray-900);
752
- // .each__price {
753
- // font-weight: 600;
754
- // }
755
- // }
756
- // }
757
- // }
758
- // .grouped_items {
759
- // display: flex;
760
- // flex-direction: column;
761
- // gap: var(
762
- // --_ctm-mob-lt-gd-os-dy-se-gp-sg,
763
- // var(--_ctm-tab-lt-gd-os-dy-se-gp-sg, var(--_ctm-lt-gd-os-dy-se-gp-sg))
764
- // );
765
- // padding: var(
766
- // --_ctm-mob-lt-gd-os-dy-se-gp-pg,
767
- // var(--_ctm-tab-lt-gd-os-dy-se-gp-pg, var(--_ctm-lt-gd-os-dy-se-gp-pg))
768
- // );
769
- // }
770
- // // tabs
771
- // .tabs__container {
772
- // display: flex;
773
- // position: relative;
774
- // .tab {
775
- // flex: 1;
776
- // padding-block: 20px;
777
- // font-weight: 600;
778
- // text-align: center;
779
- // cursor: pointer;
780
- // position: relative;
781
- // &.tab__active {
782
- // font-weight: bold;
783
- // }
784
- // }
785
- // .tab__active-indicator {
786
- // position: absolute;
787
- // bottom: 0;
788
- // left: 0;
789
- // height: 2px;
790
- // background-color: #000;
791
- // transition:
792
- // left 0.3s ease,
793
- // width 0.3s ease;
794
- // }
795
- // }
796
-
797
- // // accordion tabs
798
- // .tab__accordion {
799
- // display: flex;
800
- // flex-direction: column;
801
- // .tab__container {
802
- // .tab {
803
- // display: flex;
804
- // padding-inline: 2px;
805
- // position: relative;
806
- // cursor: pointer;
807
- // flex-direction: row;
808
- // &[data-expand-icon="Left"] {
809
- // flex-direction: row-reverse;
810
- // justify-content: flex-end;
811
- // }
812
- // &[data-item-dividers="true"] {
813
- // &::after {
814
- // content: "";
815
- // position: absolute;
816
- // bottom: 0;
817
- // height: 2px;
818
- // width: 100%;
819
- // border-bottom: 1px solid var(--_gray-200);
820
- // }
821
- // }
822
- // span {
823
- // padding-block: 12px;
824
- // display: inline-block;
825
- // }
826
- // .active {
827
- // border-bottom: 2px solid var(--_primary-400);
828
- // }
829
- // &.inactive {
830
- // height: 0px;
831
- // }
832
- // }
833
- // .tab__content {
834
- // padding-block: 20px;
835
- // &.d-none {
836
- // display: none;
837
- // }
838
- // &.d-block {
839
- // display: block;
840
- // }
841
- // }
842
- // }
843
- // }
844
- // // table
845
- // .table__class {
846
- // display: flex;
847
- // align-items: center;
848
- // border: 1px solid var(--_gray-200);
849
- // border-radius: 8px;
850
- // .y-axis-caption {
851
- // writing-mode: vertical-rl; /* Rotate text for vertical display */
852
- // transform: rotate(180deg); /* Flip the text */
853
- // }
854
- // .custom__table {
855
- // border: 1px solid var(--_gray-200);
856
- // width: 100%;
857
- // table-layout: fixed;
858
- // // height: 300px;
859
-
860
- // border-collapse: collapse;
861
- // thead {
862
- // th {
863
- // text-align: center;
864
- // padding: 12px 20px;
865
- // background-color: var(--_gray-50);
866
- // font-weight: 600;
867
- // color: var(--_gray-600);
868
- // border-right: 1px solid var(--_gray-200);
869
- // height: var(
870
- // --_ctm-mob-lt-mx-dy-se-hr-ht,
871
- // var(--_ctm-tab-lt-mx-dy-se-hr-ht, var(--_ctm-lt-mx-dy-se-hr-ht))
872
- // );
873
-
874
- // word-break: break-word;
875
- // }
876
- // }
877
- // tbody {
878
- // tr {
879
- // border-bottom: 1px solid var(--_gray-200);
880
- // td {
881
- // text-align: center;
882
- // padding: 12px 20px;
883
- // border-right: 1px solid var(--_gray-200);
884
- // .disocunted__price {
885
- // color: var(--_gray-900);
886
- // }
887
- // .qty__input {
888
- // border: 1px solid var(--_gray-200);
889
- // padding-inline: 10px;
890
- // display: flex;
891
- // justify-content: center;
892
- // align-items: center;
893
- // border-radius: 6px;
894
- // height: 40px;
895
- // &:focus-within {
896
- // border: 1px solid var(--_primary-200);
897
- // box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
898
- // }
899
- // &:disabled {
900
- // cursor: not-allowed;
901
- // opacity: 0.4;
902
- // }
903
- // }
904
- // }
905
- // }
906
- // }
907
- // }
908
- // }
909
- // // horizontal tabs
910
- // .tabs__main {
911
- // &.tabs__vertical {
912
- // .tabs {
913
- // .tabs__container {
914
- // flex-direction: column;
915
- // min-width: 120px;
916
- // }
917
- // }
918
- // }
919
- // &.tabs__hr {
920
- // .tabs {
921
- // flex-direction: column;
922
- // .tabs__container {
923
- // width: 100%;
924
- // }
925
- // }
926
- // }
927
- // .tabs {
928
- // display: flex;
929
- // gap: var(
930
- // --_ctm-mob-lt-tb-im-se-dt-se-tb-ad-cr-sg,
931
- // var(--_ctm-tab-lt-tb-im-se-dt-se-tb-ad-cr-sg, var(--_ctm-dn-tb-im-se-dt-se-tb-ad-cr-sg))
932
- // );
933
-
934
- // .tabs__container {
935
- // display: flex;
936
- // gap: var(
937
- // --_ctm-mob-lt-gd-os-dy-se-tb-sg,
938
- // var(--_ctm-tab-lt-gd-os-dy-se-tb-sg, var(--_ctm-lt-gd-os-dy-se-tb-sg))
939
- // );
940
- // background-color: var(--_gray-100);
941
- // .tab {
942
- // display: flex;
943
- // justify-content: var(--_tab-aliginment);
944
- // padding: var(
945
- // --_ctm-mob-lt-gd-os-dy-se-tb-vl-pg,
946
- // var(--_ctm-tab-lt-gd-os-dy-se-tb-vl-pg, var(--_ctm-lt-gd-os-dy-se-tb-vl-pg))
947
- // )
948
- // var(
949
- // --_ctm-mob-lt-gd-os-dy-se-tb-hl-pg,
950
- // var(--_ctm-tab-lt-gd-os-dy-se-tb-hl-pg, var(--_ctm-lt-gd-os-dy-se-tb-hl-pg))
951
- // );
952
- // background-color: var(
953
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-bd-cr,
954
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-bd-cr, var(--_ctm-dn-tb-im-se-dt-se-bd-cr))
955
- // );
956
- // border-color: var(
957
- // --_show-border-im-se,
958
- // var(
959
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-cr,
960
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-cr, var(--_ctm-dn-tb-im-se-dt-se-br-cr))
961
- // )
962
- // );
963
- // border-style: var(
964
- // --_show-border-im-se,
965
- // var(
966
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-se,
967
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-se, var(--_ctm-dn-tb-im-se-dt-se-br-se))
968
- // )
969
- // );
970
- // border-width: var(
971
- // --_show-border-im-se,
972
- // var(
973
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-wh,
974
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-wh, var(--_ctm-dn-tb-im-se-dt-se-br-wh))
975
- // )
976
- // );
977
- // border-radius: var(
978
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-rs,
979
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-rs, var(--_ctm-dn-tb-im-se-dt-se-br-rs))
980
- // );
981
- // box-shadow: var(
982
- // --_show-shadow-im-se,
983
- // var(
984
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-ae,
985
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-ae)
986
- // ),
987
- // var(
988
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-br,
989
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-br)
990
- // ),
991
- // var(
992
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-sd,
993
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-sd)
994
- // ),
995
- // var(
996
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-cr,
997
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-cr)
998
- // )
999
- // );
1000
- // border-radius: var(
1001
- // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-rs,
1002
- // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-rs)
1003
- // );
1004
- // &:hover {
1005
- // background-color: var(
1006
- // --_ctm-mob-lt-dn-tb-im-se-hr-se-bd-cr,
1007
- // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-bd-cr, var(--_ctm-dn-tb-im-se-hr-se-bd-cr))
1008
- // );
1009
- // border-color: var(
1010
- // --_show-border-im-se,
1011
- // var(
1012
- // --_ctm-mob-lt-dn-tb-im-se-hr-se-br-cr,
1013
- // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-cr, var(--_ctm-dn-tb-im-se-hr-se-br-cr))
1014
- // )
1015
- // );
1016
- // border-style: var(
1017
- // --_show-border-im-se,
1018
- // var(
1019
- // --_ctm-mob-lt-dn-tb-im-se-hr-se-br-se,
1020
- // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-se, var(--_ctm-dn-tb-im-se-hr-se-br-se))
1021
- // )
1022
- // );
1023
- // border-width: var(
1024
- // --_show-border-im-se,
1025
- // var(
1026
- // --_ctm-mob-lt-dn-tb-im-se-hr-se-br-wh,
1027
- // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-wh, var(--_ctm-dn-tb-im-se-hr-se-br-wh))
1028
- // )
1029
- // );
1030
- // border-radius: var(
1031
- // --_ctm-mob-lt-dn-tb-im-se-hr-se-br-rs,
1032
- // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-rs, var(--_ctm-dn-tb-im-se-hr-se-br-rs))
1033
- // );
1034
- // box-shadow: var(
1035
- // --_show-shadow-im-se,
1036
- // var(
1037
- // --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-ae,
1038
- // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-ae)
1039
- // ),
1040
- // var(
1041
- // --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-br,
1042
- // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-br)
1043
- // ),
1044
- // var(
1045
- // --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-sd,
1046
- // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-sd)
1047
- // ),
1048
- // var(
1049
- // --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-cr,
1050
- // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-cr)
1051
- // )
1052
- // );
1053
- // }
1054
- // &.active {
1055
- // background-color: var(
1056
- // --_ctm-mob-lt-dn-tb-im-se-sd-se-bd-cr,
1057
- // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-bd-cr, var(--_ctm-dn-tb-im-se-sd-se-bd-cr))
1058
- // );
1059
- // border-color: var(
1060
- // --_show-border-im-se,
1061
- // var(
1062
- // --_ctm-mob-lt-dn-tb-im-se-sd-se-br-cr,
1063
- // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-cr, var(--_ctm-dn-tb-im-se-sd-se-br-cr))
1064
- // )
1065
- // );
1066
- // border-style: var(
1067
- // --_show-border-im-se,
1068
- // var(
1069
- // --_ctm-mob-lt-dn-tb-im-se-sd-se-br-se,
1070
- // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-se, var(--_ctm-dn-tb-im-se-sd-se-br-se))
1071
- // )
1072
- // );
1073
- // border-width: var(
1074
- // --_show-border-im-se,
1075
- // var(
1076
- // --_ctm-mob-lt-dn-tb-im-se-sd-se-br-wh,
1077
- // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-wh, var(--_ctm-dn-tb-im-se-sd-se-br-wh))
1078
- // )
1079
- // );
1080
- // border-radius: var(
1081
- // --_ctm-mob-lt-dn-tb-im-se-sd-se-br-rs,
1082
- // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-rs, var(--_ctm-dn-tb-im-se-sd-se-br-rs))
1083
- // );
1084
- // box-shadow: var(
1085
- // --_show-shadow-im-se,
1086
- // var(
1087
- // --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-ae,
1088
- // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-ae)
1089
- // ),
1090
- // var(
1091
- // --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-br,
1092
- // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-br)
1093
- // ),
1094
- // var(
1095
- // --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-sd,
1096
- // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-sd)
1097
- // ),
1098
- // var(
1099
- // --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-cr,
1100
- // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-cr)
1101
- // )
1102
- // );
1103
- // }
1104
- // // span {
1105
- // // &.active {
1106
- // // // border-bottom: 2px solid var(--_primary-400);
1107
- // // }
1108
- // // }
1109
- // }
1110
- // }
1111
- // .tab__content {
1112
- // padding: var(
1113
- // --_ctm-mob-lt-gd-os-dy-se-cr-pg,
1114
- // var(--_ctm-tab-lt-gd-os-dy-se-cr-pg, var(--_ctm-lt-gd-os-dy-se-cr-pg))
1115
- // );
1116
- // }
1117
- // }
1118
- // }
1119
- // }
1120
- // }
1121
- // }
1
+ // @use "sass:map";
2
+ // @use "sass:list";
3
+ // // @use "./functions.scss";
4
+ // [data-div-type="element"] {
5
+ // &[data-element-type="bulkVariantPicker"] {
6
+ // --_ctm-mob-var-lt-mn-cn-wh: 70px;
7
+ // // width: var(--_lt-wh);
8
+ // // height: var(--_lt-ht);
9
+ // // margin: var(--_lt-mn);
10
+ // // padding: var(--_lt-pg);
11
+ // // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
12
+ // // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
+ // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
14
+ // // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
15
+ // // height: ;
16
+ // // aspect-ratio: 1 / var(--_sf-aspect-ratio);
17
+ // // --_aspect-ratio: calc(
18
+ // // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
19
+ // // );
20
+
21
+ // & > .wrapper {
22
+ // width: 100%;
23
+ // // height: 100%;
24
+ // }
25
+ // &[data-show-shadow="false"] {
26
+ // --_show-shadow: none;
27
+ // }
28
+ // .text-element {
29
+ // background: #6d96e4;
30
+ // padding: 10px;
31
+ // font-weight: 600;
32
+ // color: rgba(75, 69, 70, 1);
33
+ // }
34
+ // .bulk_variant__container {
35
+ // display: flex;
36
+ // flex-direction: column;
37
+ // gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
38
+ // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
39
+ // // Select Colors
40
+ // .select__colors {
41
+ // font-size: 16px;
42
+ // color: var(--_gray-500);
43
+ // display: flex;
44
+ // flex-direction: column;
45
+ // gap: var(
46
+ // --_ctm-mob-lt-on-te-ve-sg,
47
+ // var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg))
48
+ // );
49
+ // .title {
50
+ // margin-bottom: 4px;
51
+ // }
52
+ // .select__group {
53
+ // display: flex;
54
+ // flex-wrap: wrap;
55
+ // flex-direction: row;
56
+ // gap: var(--_ctm-lt-sh-te-dy-se-im-sg);
57
+ // &[data-swatch-dispaly="Vertically"] {
58
+ // flex-direction: column;
59
+ // }
60
+ // .item {
61
+ // padding: var(
62
+ // --_ctm-mob-lt-sh-te-dy-se-im-pg,
63
+ // var(--_ctm-tab-lt-sh-te-dy-se-im-pg, var(--_ctm-lt-sh-te-dy-se-im-pg))
64
+ // );
65
+ // background-color: var(
66
+ // --_ctm-mob-dn-sh-on-ve-se-dt-se-bd-cr,
67
+ // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-dt-se-bd-cr))
68
+ // );
69
+ // // height: 30px;
70
+ // // width: 30px;
71
+ // // &[data-dt-se-bd-se="Circle"] {
72
+ // // border-radius: 50%;
73
+ // // }
74
+ // // &[data-dt-se-bd-se="None"] {
75
+ // // height: 0;
76
+ // // width: 0;
77
+ // // }
78
+ // &:hover {
79
+ // background-color: var(
80
+ // --_ctm-mob-dn-sh-on-ve-se-hr-se-bd-cr,
81
+ // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-bd-cr))
82
+ // );
83
+ // // height: 30px;
84
+ // // width: 30px;
85
+ // // &[data-dt-se-bd-se="Circle"] {
86
+ // // border-radius: 50%;
87
+ // // }
88
+ // // &[data-dt-se-bd-se="None"] {
89
+ // // height: 0;
90
+ // // width: 0;
91
+ // // }
92
+ // }
93
+ // &.selected_item {
94
+ // background-color: var(
95
+ // --_ctm-mob-dn-sh-on-ve-se-sd-se-bd-cr,
96
+ // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-bd-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-bd-cr))
97
+ // );
98
+ // // height: 30px;
99
+ // // width: 30px;
100
+ // // &[data-dt-se-bd-se="Circle"] {
101
+ // // border-radius: 50%;
102
+ // // }
103
+ // // &[data-dt-se-bd-se="None"] {
104
+ // // height: 0;
105
+ // // width: 0;
106
+ // // }
107
+ // }
108
+ // .select__group__item {
109
+ // transition: width 0.3s ease;
110
+ // width: 30px;
111
+ // height: 30px;
112
+ // border-color: var(
113
+ // --_show-border-im-se,
114
+ // var(
115
+ // --_ctm-mob-dn-sh-on-ve-se-dt-se-br-cr,
116
+ // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-br-cr, var(--_ctm-dn-sh-on-ve-se-dt-se-br-cr))
117
+ // )
118
+ // );
119
+
120
+ // border-style: var(
121
+ // --_show-border-im-se,
122
+ // var(
123
+ // --_ctm-mob-dn-sh-on-ve-se-dt-se-br-se,
124
+ // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-br-se, var(--_ctm-dn-sh-on-ve-se-dt-se-br-se))
125
+ // )
126
+ // );
127
+
128
+ // border-width: var(
129
+ // --_show-border-im-se,
130
+ // var(
131
+ // --_ctm-mob-dn-sh-on-ve-se-dt-se-br-wh,
132
+ // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-br-wh, var(--_ctm-dn-sh-on-ve-se-dt-se-br-wh))
133
+ // )
134
+ // );
135
+
136
+ // border-radius: var(
137
+ // --_ctm-mob-dn-sh-on-ve-se-dt-se-br-rs,
138
+ // var(--_ctm-tab-dn-sh-on-ve-se-dt-se-br-rs, var(--_ctm-dn-sh-on-ve-se-dt-se-br-rs))
139
+ // );
140
+
141
+ // box-shadow: var(
142
+ // --_show-shadow-im-se,
143
+ // var(
144
+ // --_ctm-mob-dn-sh-on-ve-se-dt-se-sw-ae,
145
+ // var(
146
+ // --_ctm-tab-dn-sh-on-ve-se-dt-se-sw-ae,
147
+ // var(--_ctm-dn-sh-on-ve-se-dt-se-sw-ae)
148
+ // )
149
+ // )
150
+ // var(
151
+ // --_ctm-mob-dn-sh-on-ve-se-dt-se-sw-br,
152
+ // var(
153
+ // --_ctm-tab-dn-sh-on-ve-se-dt-se-sw-br,
154
+ // var(--_ctm-dn-sh-on-ve-se-dt-se-sw-br)
155
+ // )
156
+ // )
157
+ // var(
158
+ // --_ctm-mob-dn-sh-on-ve-se-dt-se-sw-sd,
159
+ // var(
160
+ // --_ctm-tab-dn-sh-on-ve-se-dt-se-sw-sd,
161
+ // var(--_ctm-dn-sh-on-ve-se-dt-se-sw-sd)
162
+ // )
163
+ // )
164
+ // var(
165
+ // --_ctm-mob-dn-sh-on-ve-se-dt-se-sw-cr,
166
+ // var(
167
+ // --_ctm-tab-dn-sh-on-ve-se-dt-se-sw-cr,
168
+ // var(--_ctm-dn-sh-on-ve-se-dt-se-sw-cr)
169
+ // )
170
+ // )
171
+ // );
172
+ // cursor: pointer;
173
+ // overflow: hidden;
174
+ // &:hover {
175
+ // border-color: var(
176
+ // --_ctm-mob-dn-sh-on-ve-se-hr-se-br-cr,
177
+ // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-cr, var(--_ctm-dn-sh-on-ve-se-hr-se-br-cr))
178
+ // );
179
+ // border-style: var(
180
+ // --_ctm-mob-dn-sh-on-ve-se-hr-se-br-se,
181
+ // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-se, var(--_ctm-dn-sh-on-ve-se-hr-se-br-se))
182
+ // );
183
+ // border-width: var(
184
+ // --_ctm-mob-dn-sh-on-ve-se-hr-se-br-wh,
185
+ // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-wh, var(--_ctm-dn-sh-on-ve-se-hr-se-br-wh))
186
+ // );
187
+ // border-radius: var(
188
+ // --_ctm-mob-dn-sh-on-ve-se-hr-se-br-rs,
189
+ // var(--_ctm-tab-dn-sh-on-ve-se-hr-se-br-rs, var(--_ctm-dn-sh-on-ve-se-hr-se-br-rs))
190
+ // );
191
+ // box-shadow: var(
192
+ // --_ctm-mob-dn-sh-on-ve-se-hr-se-sw-ae,
193
+ // var(
194
+ // --_ctm-tab-dn-sh-on-ve-se-hr-se-sw-ae,
195
+ // var(--_ctm-dn-sh-on-ve-se-hr-se-sw-ae)
196
+ // )
197
+ // )
198
+ // var(
199
+ // --_ctm-mob-dn-sh-on-ve-se-hr-se-sw-br,
200
+ // var(
201
+ // --_ctm-tab-dn-sh-on-ve-se-hr-se-sw-br,
202
+ // var(--_ctm-dn-sh-on-ve-se-hr-se-sw-br)
203
+ // )
204
+ // )
205
+ // var(
206
+ // --_ctm-mob-dn-sh-on-ve-se-hr-se-sw-sd,
207
+ // var(
208
+ // --_ctm-tab-dn-sh-on-ve-se-hr-se-sw-sd,
209
+ // var(--_ctm-dn-sh-on-ve-se-hr-se-sw-sd)
210
+ // )
211
+ // )
212
+ // var(
213
+ // --_ctm-mob-dn-sh-on-ve-se-hr-se-sw-cr,
214
+ // var(
215
+ // --_ctm-tab-dn-sh-on-ve-se-hr-se-sw-cr,
216
+ // var(--_ctm-dn-sh-on-ve-se-hr-se-sw-cr)
217
+ // )
218
+ // );
219
+ // }
220
+ // &.selected {
221
+ // width: 45px;
222
+ // border-radius: 20px;
223
+ // outline: 1px solid var(--_gray-300);
224
+ // border: 3px solid #fff;
225
+ // border-radius: var(
226
+ // --_ctm-mob-dn-sh-on-ve-se-sd-se-br-rs,
227
+ // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-rs, var(--_ctm-dn-sh-on-ve-se-sd-se-br-rs))
228
+ // );
229
+ // border: 3px solid #fff;
230
+
231
+ // border-color: var(
232
+ // --_ctm-mob-dn-sh-on-ve-se-sd-se-br-cr,
233
+ // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-cr, var(--_ctm-dn-sh-on-ve-se-sd-se-br-cr))
234
+ // );
235
+ // border-style: var(
236
+ // --_ctm-mob-dn-sh-on-ve-se-sd-se-br-se,
237
+ // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-se, var(--_ctm-dn-sh-on-ve-se-sd-se-br-se))
238
+ // );
239
+ // border-width: var(
240
+ // --_ctm-mob-dn-sh-on-ve-se-sd-se-br-wh,
241
+ // var(--_ctm-tab-dn-sh-on-ve-se-sd-se-br-wh, var(--_ctm-dn-sh-on-ve-se-sd-se-br-wh))
242
+ // );
243
+ // box-shadow: var(
244
+ // --_ctm-mob-dn-sh-on-ve-se-sd-se-sw-ae,
245
+ // var(
246
+ // --_ctm-tab-dn-sh-on-ve-se-sd-se-sw-ae,
247
+ // var(--_ctm-dn-sh-on-ve-se-sd-se-sw-ae)
248
+ // )
249
+ // )
250
+ // var(
251
+ // --_ctm-mob-dn-sh-on-ve-se-sd-se-sw-br,
252
+ // var(
253
+ // --_ctm-tab-dn-sh-on-ve-se-sd-se-sw-br,
254
+ // var(--_ctm-dn-sh-on-ve-se-sd-se-sw-br)
255
+ // )
256
+ // )
257
+ // var(
258
+ // --_ctm-mob-dn-sh-on-ve-se-sd-se-sw-sd,
259
+ // var(
260
+ // --_ctm-tab-dn-sh-on-ve-se-sd-se-sw-sd,
261
+ // var(--_ctm-dn-sh-on-ve-se-sd-se-sw-sd)
262
+ // )
263
+ // )
264
+ // var(
265
+ // --_ctm-mob-dn-sh-on-ve-se-sd-se-sw-cr,
266
+ // var(
267
+ // --_ctm-tab-dn-sh-on-ve-se-sd-se-sw-cr,
268
+ // var(--_ctm-dn-sh-on-ve-se-sd-se-sw-cr)
269
+ // )
270
+ // );
271
+ // }
272
+ // &.disabled {
273
+ // cursor: not-allowed;
274
+ // opacity: 0.4;
275
+ // position: relative;
276
+ // &::after {
277
+ // content: "X";
278
+ // position: absolute;
279
+ // top: -5px;
280
+ // left: 50%;
281
+ // transform: translateX(-50%);
282
+ // font-size: 30px;
283
+ // color: #f55d42;
284
+ // }
285
+ // }
286
+ // }
287
+ // }
288
+ // }
289
+ // }
290
+ // // Select Fit and Size
291
+ // .select__fit {
292
+ // font-size: 16px;
293
+ // color: var(--_gray-500);
294
+ // display: flex;
295
+ // flex-direction: column;
296
+ // gap: var(
297
+ // --_ctm-mob-lt-on-te-ve-sg,
298
+ // var(--_ctm-tab-lt-on-te-ve-sg, var(--_ctm-lt-on-te-ve-sg))
299
+ // );
300
+
301
+ // padding: var(
302
+ // --_ctm-mob-lt-se-st-dy-se-im-pg,
303
+ // var(--_ctm-tab-lt-se-st-dy-se-im-pg, var(--_ctm-lt-se-st-dy-se-im-pg))
304
+ // );
305
+ // .title {
306
+ // margin-bottom: 4px;
307
+ // }
308
+ // .select__group {
309
+ // display: flex;
310
+ // gap: 8px;
311
+ // flex-wrap: wrap;
312
+ // margin-bottom: 10px;
313
+ // flex-direction: row;
314
+ // gap: var(
315
+ // --_ctm-mob-lt-se-st-dy-se-im-sg,
316
+ // var(--_ctm-tab-lt-se-st-dy-se-im-sg, var(--_ctm-lt-se-st-dy-se-im-sg))
317
+ // );
318
+ // &[data-single-dispaly="Vertically"] {
319
+ // flex-direction: column;
320
+ // }
321
+ // &[data-single-dispaly="Grid"] {
322
+ // display: grid;
323
+ // grid-template-columns: repeat(
324
+ // var(
325
+ // --_ctm-mob-lt-se-st-dy-se-is-pr-rw,
326
+ // var(--_ctm-tab-lt-se-st-dy-se-is-pr-rw, var(--_ctm-lt-se-st-dy-se-is-pr-rw))
327
+ // ),
328
+ // minmax(auto, 1fr)
329
+ // );
330
+ // }
331
+ // .select__group__item {
332
+ // transition: color 0.3s ease;
333
+ // padding: 8px 12px;
334
+ // border-radius: 6px;
335
+ // border: 1px solid var(--_gray-200);
336
+ // font-size: 16px;
337
+ // font-weight: 600;
338
+ // cursor: pointer;
339
+ // border-color: var(
340
+ // --_ctm-mob-dn-se-on-ve-se-dt-se-br-cr,
341
+ // var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-cr, var(--_ctm-dn-se-on-ve-se-dt-se-br-cr))
342
+ // );
343
+ // border-style: var(
344
+ // --_ctm-mob-dn-se-on-ve-se-dt-se-br-se,
345
+ // var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-se, var(--_ctm-dn-se-on-ve-se-dt-se-br-se))
346
+ // );
347
+ // border-width: var(
348
+ // --_ctm-mob-dn-se-on-ve-se-dt-se-br-wh,
349
+ // var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-wh, var(--_ctm-dn-se-on-ve-se-dt-se-br-wh))
350
+ // );
351
+ // box-shadow: var(
352
+ // --_ctm-mob-dn-se-on-ve-se-dt-se-sw-ae,
353
+ // var(--_ctm-tab-dn-se-on-ve-se-dt-se-sw-ae, var(--_ctm-dn-se-on-ve-se-dt-se-sw-ae))
354
+ // )
355
+ // var(
356
+ // --_ctm-mob-dn-se-on-ve-se-dt-se-sw-br,
357
+ // var(--_ctm-tab-dn-se-on-ve-se-dt-se-sw-br, var(--_ctm-dn-se-on-ve-se-dt-se-sw-br))
358
+ // )
359
+ // var(
360
+ // --_ctm-mob-dn-se-on-ve-se-dt-se-sw-sd,
361
+ // var(--_ctm-tab-dn-se-on-ve-se-dt-se-sw-sd, var(--_ctm-dn-se-on-ve-se-dt-se-sw-sd))
362
+ // )
363
+ // var(
364
+ // --_ctm-mob-dn-se-on-ve-se-dt-se-sw-cr,
365
+ // var(--_ctm-tab-dn-se-on-ve-se-dt-se-sw-cr, var(--_ctm-dn-se-on-ve-se-dt-se-sw-cr))
366
+ // );
367
+ // border-radius: var(
368
+ // --_ctm-mob-dn-se-on-ve-se-dt-se-br-rs,
369
+ // var(--_ctm-tab-dn-se-on-ve-se-dt-se-br-rs, var(--_ctm-dn-se-on-ve-se-dt-se-br-rs))
370
+ // );
371
+ // &:hover {
372
+ // border-color: var(
373
+ // --_show-border-im-se,
374
+ // var(
375
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-br-cr,
376
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-cr, var(--_ctm-dn-se-on-ve-se-hr-se-br-cr))
377
+ // )
378
+ // );
379
+ // border-style: var(
380
+ // --_show-border-im-se,
381
+ // var(
382
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-br-se,
383
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-se, var(--_ctm-dn-se-on-ve-se-hr-se-br-se))
384
+ // )
385
+ // );
386
+ // border-width: var(
387
+ // --_show-border-im-se,
388
+ // var(
389
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-br-wh,
390
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-wh, var(--_ctm-dn-se-on-ve-se-hr-se-br-wh))
391
+ // )
392
+ // );
393
+ // border-radius: var(
394
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-br-rs,
395
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-br-rs, var(--_ctm-dn-se-on-ve-se-hr-se-br-rs))
396
+ // );
397
+ // box-shadow: var(
398
+ // --_show-shadow-im-se,
399
+ // var(
400
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-sw-ae,
401
+ // var(
402
+ // --_ctm-tab-dn-se-on-ve-se-hr-se-sw-ae,
403
+ // var(--_ctm-dn-se-on-ve-se-hr-se-sw-ae)
404
+ // )
405
+ // )
406
+ // var(
407
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-sw-br,
408
+ // var(
409
+ // --_ctm-tab-dn-se-on-ve-se-hr-se-sw-br,
410
+ // var(--_ctm-dn-se-on-ve-se-hr-se-sw-br)
411
+ // )
412
+ // )
413
+ // var(
414
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-sw-sd,
415
+ // var(
416
+ // --_ctm-tab-dn-se-on-ve-se-hr-se-sw-sd,
417
+ // var(--_ctm-dn-se-on-ve-se-hr-se-sw-sd)
418
+ // )
419
+ // )
420
+ // var(
421
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-sw-cr,
422
+ // var(
423
+ // --_ctm-tab-dn-se-on-ve-se-hr-se-sw-cr,
424
+ // var(--_ctm-dn-se-on-ve-se-hr-se-sw-cr)
425
+ // )
426
+ // )
427
+ // );
428
+ // background-color: var(
429
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-bd-cr,
430
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-bd-cr, var(--_ctm-dn-se-on-ve-se-hr-se-bd-cr))
431
+ // );
432
+ // color: var(
433
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-cr,
434
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-cr, var(--_ctm-dn-se-on-ve-se-hr-se-cr))
435
+ // );
436
+ // font-family: var(
437
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-ft-fy,
438
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-fy, var(--_ctm-dn-se-on-ve-se-hr-se-ft-fy))
439
+ // );
440
+ // font-size: var(
441
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-ft-se,
442
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-se, var(--_ctm-dn-se-on-ve-se-hr-se-ft-se))
443
+ // );
444
+ // font-weight: var(
445
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-ft-wt,
446
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-ft-wt, var(--_ctm-dn-se-on-ve-se-hr-se-ft-wt))
447
+ // );
448
+ // font-style: var(
449
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-ft-se-ic,
450
+ // var(
451
+ // --_ctm-tab-dn-se-on-ve-se-hr-se-ft-se-ic,
452
+ // var(--_ctm-dn-se-on-ve-se-hr-se-ft-se-ic)
453
+ // )
454
+ // );
455
+ // text-align: var(
456
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-tt-an,
457
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-tt-an, var(--_ctm-dn-se-on-ve-se-hr-se-tt-an))
458
+ // );
459
+ // letter-spacing: var(
460
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-lr-sg,
461
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-lr-sg, var(--_ctm-dn-se-on-ve-se-hr-se-lr-sg))
462
+ // );
463
+ // line-height: var(
464
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-le-ht,
465
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-le-ht, var(--_ctm-dn-se-on-ve-se-hr-se-le-ht))
466
+ // );
467
+ // text-decoration: var(
468
+ // --_ctm-mob-dn-se-on-ve-se-hr-se-ue,
469
+ // var(--_ctm-tab-dn-se-on-ve-se-hr-se-ue, var(--_ctm-dn-se-on-ve-se-hr-se-ue))
470
+ // );
471
+ // }
472
+ // &.child {
473
+ // border: 0;
474
+ // border-radius: 0;
475
+ // border-bottom: 2px solid var(--_gray-200);
476
+ // }
477
+ // &.selected {
478
+ // border: 1px solid var(--_primary-200);
479
+ // background-color: var(--_primary-25);
480
+ // color: var(--_primary-400);
481
+ // border-color: var(
482
+ // --_show-border-im-se,
483
+ // var(
484
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-br-cr,
485
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-cr, var(--_ctm-dn-se-on-ve-se-sd-se-br-cr))
486
+ // )
487
+ // );
488
+ // border-style: var(
489
+ // --_show-border-im-se,
490
+ // var(
491
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-br-se,
492
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-se, var(--_ctm-dn-se-on-ve-se-sd-se-br-se))
493
+ // )
494
+ // );
495
+ // border-width: var(
496
+ // --_show-border-im-se,
497
+ // var(
498
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-br-wh,
499
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-wh, var(--_ctm-dn-se-on-ve-se-sd-se-br-wh))
500
+ // )
501
+ // );
502
+ // border-radius: var(
503
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-br-rs,
504
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-br-rs, var(--_ctm-dn-se-on-ve-se-sd-se-br-rs))
505
+ // );
506
+ // box-shadow: var(
507
+ // --_show-shadow-im-se,
508
+ // var(
509
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-sw-ae,
510
+ // var(
511
+ // --_ctm-tab-dn-se-on-ve-se-sd-se-sw-ae,
512
+ // var(--_ctm-dn-se-on-ve-se-sd-se-sw-ae)
513
+ // )
514
+ // )
515
+ // var(
516
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-sw-br,
517
+ // var(
518
+ // --_ctm-tab-dn-se-on-ve-se-sd-se-sw-br,
519
+ // var(--_ctm-dn-se-on-ve-se-sd-se-sw-br)
520
+ // )
521
+ // )
522
+ // var(
523
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-sw-sd,
524
+ // var(
525
+ // --_ctm-tab-dn-se-on-ve-se-sd-se-sw-sd,
526
+ // var(--_ctm-dn-se-on-ve-se-sd-se-sw-sd)
527
+ // )
528
+ // )
529
+ // var(
530
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-sw-cr,
531
+ // var(
532
+ // --_ctm-tab-dn-se-on-ve-se-sd-se-sw-cr,
533
+ // var(--_ctm-dn-se-on-ve-se-sd-se-sw-cr)
534
+ // )
535
+ // )
536
+ // );
537
+ // background-color: var(
538
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-bd-cr,
539
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-bd-cr, var(--_ctm-dn-se-on-ve-se-sd-se-bd-cr))
540
+ // );
541
+ // color: var(
542
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-cr,
543
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-cr, var(--_ctm-dn-se-on-ve-se-sd-se-cr))
544
+ // );
545
+ // font-family: var(
546
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-ft-fy,
547
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-fy, var(--_ctm-dn-se-on-ve-se-sd-se-ft-fy))
548
+ // );
549
+ // font-size: var(
550
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-ft-se,
551
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-se, var(--_ctm-dn-se-on-ve-se-sd-se-ft-se))
552
+ // );
553
+ // font-weight: var(
554
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-ft-wt,
555
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-ft-wt, var(--_ctm-dn-se-on-ve-se-sd-se-ft-wt))
556
+ // );
557
+ // font-style: var(
558
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-ft-se-ic,
559
+ // var(
560
+ // --_ctm-tab-dn-se-on-ve-se-sd-se-ft-se-ic,
561
+ // var(--_ctm-dn-se-on-ve-se-sd-se-ft-se-ic)
562
+ // )
563
+ // );
564
+ // text-align: var(
565
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-tt-an,
566
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-tt-an, var(--_ctm-dn-se-on-ve-se-sd-se-tt-an))
567
+ // );
568
+ // letter-spacing: var(
569
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-lr-sg,
570
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-lr-sg, var(--_ctm-dn-se-on-ve-se-sd-se-lr-sg))
571
+ // );
572
+ // line-height: var(
573
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-le-ht,
574
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-le-ht, var(--_ctm-dn-se-on-ve-se-sd-se-le-ht))
575
+ // );
576
+ // text-decoration: var(
577
+ // --_ctm-mob-dn-se-on-ve-se-sd-se-ue,
578
+ // var(--_ctm-tab-dn-se-on-ve-se-sd-se-ue, var(--_ctm-dn-se-on-ve-se-sd-se-ue))
579
+ // );
580
+ // }
581
+ // &.selected__child {
582
+ // border: 0px;
583
+ // border-bottom: 2px solid var(--_primary-400);
584
+ // }
585
+ // &.disabled {
586
+ // cursor: not-allowed;
587
+ // opacity: 0.4;
588
+ // position: relative;
589
+ // &::after {
590
+ // content: "X";
591
+ // position: absolute;
592
+ // top: -5px;
593
+ // left: 50%;
594
+ // transform: translateX(-50%);
595
+ // font-size: 30px;
596
+ // color: #f55d42;
597
+ // }
598
+ // }
599
+ // }
600
+ // }
601
+ // }
602
+ // //Dropdown
603
+ // .est__dropdown__main {
604
+ // position: relative;
605
+ // width: 100%;
606
+ // margin-top: 10px;
607
+
608
+ // label {
609
+ // font-size: 14px;
610
+ // color: var(--_gray-700);
611
+ // margin-bottom: 8px;
612
+ // display: block;
613
+ // }
614
+
615
+ // .est__dropdown {
616
+ // cursor: pointer;
617
+ // position: relative;
618
+ // color: var(--_gray-700);
619
+
620
+ // border-radius: 6px;
621
+ // background-color: #fff;
622
+ // display: flex;
623
+ // justify-content: space-between;
624
+ // align-items: center;
625
+ // width: 100%;
626
+ // .value__selected {
627
+ // width: 100%;
628
+ // }
629
+
630
+ // &.open .list {
631
+ // display: flex;
632
+ // }
633
+
634
+ // .list {
635
+ // display: none;
636
+ // flex-direction: column;
637
+ // border: 1px solid var(--_gray-200);
638
+ // border-radius: 6px;
639
+ // position: absolute;
640
+ // top: 100%;
641
+ // left: 0;
642
+ // width: 100%;
643
+ // background-color: #fff;
644
+ // border-radius: 4px;
645
+ // z-index: var(--_higher-zIndex);
646
+ // max-height: 200px;
647
+ // overflow-y: auto;
648
+
649
+ // &.top {
650
+ // bottom: 100%;
651
+ // top: auto;
652
+ // }
653
+
654
+ // .list__option {
655
+ // padding: 12px;
656
+ // cursor: pointer;
657
+
658
+ // &:hover {
659
+ // background-color: var(--_primary-25);
660
+ // color: var(--_primary-400);
661
+ // }
662
+ // &.disabled {
663
+ // cursor: not-allowed;
664
+ // opacity: 0.4;
665
+ // }
666
+ // }
667
+ // }
668
+ // }
669
+ // }
670
+ // // variant dropdown selection
671
+ // .var__drop__selection {
672
+ // display: flex;
673
+ // width: 100%;
674
+ // gap: var(
675
+ // --_ctm-mob-lt-dn-dy-se-dn-lt-im-sg,
676
+ // var(
677
+ // --_ctm-tab-lt-dn-dy-se-dn-lt-im-sg,
678
+ // var(--_ctm-lt-dn-dy-se-dn-lt-im-sg, var(--_ctm-lt-im-sg))
679
+ // )
680
+ // );
681
+ // flex-direction: row;
682
+ // &[data-dropdown-style="Vertical List"] {
683
+ // flex-direction: column;
684
+ // }
685
+ // & > div {
686
+ // width: 100%;
687
+ // }
688
+ // }
689
+ // // Quantity Fields
690
+ // .field__group {
691
+ // display: grid;
692
+ // grid-template-columns: repeat(
693
+ // auto-fit,
694
+ // minmax(
695
+ // var(
696
+ // --_ctm-mob-var-lt-mn-cn-wh,
697
+ // var(--_ctm-tab-var-lt-mn-cn-wh, var(--_ctm-var-lt-mn-cn-wh))
698
+ // ),
699
+ // var(--_ctm-mob-var-lt-mn-cn-wh)
700
+ // )
701
+ // );
702
+ // gap: 8px;
703
+ // .field__group__item {
704
+ // font-size: 16px;
705
+ // display: flex;
706
+ // flex-direction: column;
707
+ // align-items: center;
708
+ // justify-content: center;
709
+ // gap: 8px;
710
+ // input[type="number"] {
711
+ // // width: 70px !important;
712
+ // border: 1px solid var(--_gray-300);
713
+ // padding-inline: 10px;
714
+ // border-radius: 4px;
715
+ // text-align: center;
716
+ // height: 40px;
717
+ // &:focus-within {
718
+ // border: 1px solid var(--_primary-200);
719
+ // box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
720
+ // }
721
+ // &:disabled {
722
+ // cursor: not-allowed;
723
+ // opacity: 0.4;
724
+ // }
725
+ // }
726
+ // }
727
+ // }
728
+ // // Enter quantity styles
729
+ // .quantiy__details {
730
+ // display: flex;
731
+ // flex-direction: column;
732
+ // gap: 20px;
733
+ // .title {
734
+ // display: flex;
735
+ // justify-content: space-between;
736
+ // align-items: center;
737
+ // font-weight: 600;
738
+ // font-size: 18px;
739
+ // & > button {
740
+ // border-bottom: 1px solid var(--_gray-400);
741
+ // color: var(--_gray-600);
742
+ // font-size: 14px;
743
+ // }
744
+ // }
745
+ // .fit__details {
746
+ // display: flex;
747
+ // flex-direction: column;
748
+ // gap: 12px;
749
+ // .fit__desc {
750
+ // font-size: 16px;
751
+ // color: var(--_gray-900);
752
+ // .each__price {
753
+ // font-weight: 600;
754
+ // }
755
+ // }
756
+ // }
757
+ // }
758
+ // .grouped_items {
759
+ // display: flex;
760
+ // flex-direction: column;
761
+ // gap: var(
762
+ // --_ctm-mob-lt-gd-os-dy-se-gp-sg,
763
+ // var(--_ctm-tab-lt-gd-os-dy-se-gp-sg, var(--_ctm-lt-gd-os-dy-se-gp-sg))
764
+ // );
765
+ // padding: var(
766
+ // --_ctm-mob-lt-gd-os-dy-se-gp-pg,
767
+ // var(--_ctm-tab-lt-gd-os-dy-se-gp-pg, var(--_ctm-lt-gd-os-dy-se-gp-pg))
768
+ // );
769
+ // }
770
+ // // tabs
771
+ // .tabs__container {
772
+ // display: flex;
773
+ // position: relative;
774
+ // .tab {
775
+ // flex: 1;
776
+ // padding-block: 20px;
777
+ // font-weight: 600;
778
+ // text-align: center;
779
+ // cursor: pointer;
780
+ // position: relative;
781
+ // &.tab__active {
782
+ // font-weight: bold;
783
+ // }
784
+ // }
785
+ // .tab__active-indicator {
786
+ // position: absolute;
787
+ // bottom: 0;
788
+ // left: 0;
789
+ // height: 2px;
790
+ // background-color: #000;
791
+ // transition:
792
+ // left 0.3s ease,
793
+ // width 0.3s ease;
794
+ // }
795
+ // }
796
+
797
+ // // accordion tabs
798
+ // .tab__accordion {
799
+ // display: flex;
800
+ // flex-direction: column;
801
+ // .tab__container {
802
+ // .tab {
803
+ // display: flex;
804
+ // padding-inline: 2px;
805
+ // position: relative;
806
+ // cursor: pointer;
807
+ // flex-direction: row;
808
+ // &[data-expand-icon="Left"] {
809
+ // flex-direction: row-reverse;
810
+ // justify-content: flex-end;
811
+ // }
812
+ // &[data-item-dividers="true"] {
813
+ // &::after {
814
+ // content: "";
815
+ // position: absolute;
816
+ // bottom: 0;
817
+ // height: 2px;
818
+ // width: 100%;
819
+ // border-bottom: 1px solid var(--_gray-200);
820
+ // }
821
+ // }
822
+ // span {
823
+ // padding-block: 12px;
824
+ // display: inline-block;
825
+ // }
826
+ // .active {
827
+ // border-bottom: 2px solid var(--_primary-400);
828
+ // }
829
+ // &.inactive {
830
+ // height: 0px;
831
+ // }
832
+ // }
833
+ // .tab__content {
834
+ // padding-block: 20px;
835
+ // &.d-none {
836
+ // display: none;
837
+ // }
838
+ // &.d-block {
839
+ // display: block;
840
+ // }
841
+ // }
842
+ // }
843
+ // }
844
+ // // table
845
+ // .table__class {
846
+ // display: flex;
847
+ // align-items: center;
848
+ // border: 1px solid var(--_gray-200);
849
+ // border-radius: 8px;
850
+ // .y-axis-caption {
851
+ // writing-mode: vertical-rl; /* Rotate text for vertical display */
852
+ // transform: rotate(180deg); /* Flip the text */
853
+ // }
854
+ // .custom__table {
855
+ // border: 1px solid var(--_gray-200);
856
+ // width: 100%;
857
+ // table-layout: fixed;
858
+ // // height: 300px;
859
+
860
+ // border-collapse: collapse;
861
+ // thead {
862
+ // th {
863
+ // text-align: center;
864
+ // padding: 12px 20px;
865
+ // background-color: var(--_gray-50);
866
+ // font-weight: 600;
867
+ // color: var(--_gray-600);
868
+ // border-right: 1px solid var(--_gray-200);
869
+ // height: var(
870
+ // --_ctm-mob-lt-mx-dy-se-hr-ht,
871
+ // var(--_ctm-tab-lt-mx-dy-se-hr-ht, var(--_ctm-lt-mx-dy-se-hr-ht))
872
+ // );
873
+
874
+ // word-break: break-word;
875
+ // }
876
+ // }
877
+ // tbody {
878
+ // tr {
879
+ // border-bottom: 1px solid var(--_gray-200);
880
+ // td {
881
+ // text-align: center;
882
+ // padding: 12px 20px;
883
+ // border-right: 1px solid var(--_gray-200);
884
+ // .disocunted__price {
885
+ // color: var(--_gray-900);
886
+ // }
887
+ // .qty__input {
888
+ // border: 1px solid var(--_gray-200);
889
+ // padding-inline: 10px;
890
+ // display: flex;
891
+ // justify-content: center;
892
+ // align-items: center;
893
+ // border-radius: 6px;
894
+ // height: 40px;
895
+ // &:focus-within {
896
+ // border: 1px solid var(--_primary-200);
897
+ // box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
898
+ // }
899
+ // &:disabled {
900
+ // cursor: not-allowed;
901
+ // opacity: 0.4;
902
+ // }
903
+ // }
904
+ // }
905
+ // }
906
+ // }
907
+ // }
908
+ // }
909
+ // // horizontal tabs
910
+ // .tabs__main {
911
+ // &.tabs__vertical {
912
+ // .tabs {
913
+ // .tabs__container {
914
+ // flex-direction: column;
915
+ // min-width: 120px;
916
+ // }
917
+ // }
918
+ // }
919
+ // &.tabs__hr {
920
+ // .tabs {
921
+ // flex-direction: column;
922
+ // .tabs__container {
923
+ // width: 100%;
924
+ // }
925
+ // }
926
+ // }
927
+ // .tabs {
928
+ // display: flex;
929
+ // gap: var(
930
+ // --_ctm-mob-lt-tb-im-se-dt-se-tb-ad-cr-sg,
931
+ // var(--_ctm-tab-lt-tb-im-se-dt-se-tb-ad-cr-sg, var(--_ctm-dn-tb-im-se-dt-se-tb-ad-cr-sg))
932
+ // );
933
+
934
+ // .tabs__container {
935
+ // display: flex;
936
+ // gap: var(
937
+ // --_ctm-mob-lt-gd-os-dy-se-tb-sg,
938
+ // var(--_ctm-tab-lt-gd-os-dy-se-tb-sg, var(--_ctm-lt-gd-os-dy-se-tb-sg))
939
+ // );
940
+ // background-color: var(--_gray-100);
941
+ // .tab {
942
+ // display: flex;
943
+ // justify-content: var(--_tab-aliginment);
944
+ // padding: var(
945
+ // --_ctm-mob-lt-gd-os-dy-se-tb-vl-pg,
946
+ // var(--_ctm-tab-lt-gd-os-dy-se-tb-vl-pg, var(--_ctm-lt-gd-os-dy-se-tb-vl-pg))
947
+ // )
948
+ // var(
949
+ // --_ctm-mob-lt-gd-os-dy-se-tb-hl-pg,
950
+ // var(--_ctm-tab-lt-gd-os-dy-se-tb-hl-pg, var(--_ctm-lt-gd-os-dy-se-tb-hl-pg))
951
+ // );
952
+ // background-color: var(
953
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-bd-cr,
954
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-bd-cr, var(--_ctm-dn-tb-im-se-dt-se-bd-cr))
955
+ // );
956
+ // border-color: var(
957
+ // --_show-border-im-se,
958
+ // var(
959
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-cr,
960
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-cr, var(--_ctm-dn-tb-im-se-dt-se-br-cr))
961
+ // )
962
+ // );
963
+ // border-style: var(
964
+ // --_show-border-im-se,
965
+ // var(
966
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-se,
967
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-se, var(--_ctm-dn-tb-im-se-dt-se-br-se))
968
+ // )
969
+ // );
970
+ // border-width: var(
971
+ // --_show-border-im-se,
972
+ // var(
973
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-wh,
974
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-wh, var(--_ctm-dn-tb-im-se-dt-se-br-wh))
975
+ // )
976
+ // );
977
+ // border-radius: var(
978
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-rs,
979
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-rs, var(--_ctm-dn-tb-im-se-dt-se-br-rs))
980
+ // );
981
+ // box-shadow: var(
982
+ // --_show-shadow-im-se,
983
+ // var(
984
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-ae,
985
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-ae)
986
+ // ),
987
+ // var(
988
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-br,
989
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-br)
990
+ // ),
991
+ // var(
992
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-sd,
993
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-sd)
994
+ // ),
995
+ // var(
996
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-sw-cr,
997
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-sw-cr)
998
+ // )
999
+ // );
1000
+ // border-radius: var(
1001
+ // --_ctm-mob-lt-dn-tb-im-se-dt-se-br-rs,
1002
+ // var(--_ctm-tab-lt-dn-tb-im-se-dt-se-br-rs)
1003
+ // );
1004
+ // &:hover {
1005
+ // background-color: var(
1006
+ // --_ctm-mob-lt-dn-tb-im-se-hr-se-bd-cr,
1007
+ // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-bd-cr, var(--_ctm-dn-tb-im-se-hr-se-bd-cr))
1008
+ // );
1009
+ // border-color: var(
1010
+ // --_show-border-im-se,
1011
+ // var(
1012
+ // --_ctm-mob-lt-dn-tb-im-se-hr-se-br-cr,
1013
+ // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-cr, var(--_ctm-dn-tb-im-se-hr-se-br-cr))
1014
+ // )
1015
+ // );
1016
+ // border-style: var(
1017
+ // --_show-border-im-se,
1018
+ // var(
1019
+ // --_ctm-mob-lt-dn-tb-im-se-hr-se-br-se,
1020
+ // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-se, var(--_ctm-dn-tb-im-se-hr-se-br-se))
1021
+ // )
1022
+ // );
1023
+ // border-width: var(
1024
+ // --_show-border-im-se,
1025
+ // var(
1026
+ // --_ctm-mob-lt-dn-tb-im-se-hr-se-br-wh,
1027
+ // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-wh, var(--_ctm-dn-tb-im-se-hr-se-br-wh))
1028
+ // )
1029
+ // );
1030
+ // border-radius: var(
1031
+ // --_ctm-mob-lt-dn-tb-im-se-hr-se-br-rs,
1032
+ // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-br-rs, var(--_ctm-dn-tb-im-se-hr-se-br-rs))
1033
+ // );
1034
+ // box-shadow: var(
1035
+ // --_show-shadow-im-se,
1036
+ // var(
1037
+ // --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-ae,
1038
+ // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-ae)
1039
+ // ),
1040
+ // var(
1041
+ // --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-br,
1042
+ // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-br)
1043
+ // ),
1044
+ // var(
1045
+ // --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-sd,
1046
+ // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-sd)
1047
+ // ),
1048
+ // var(
1049
+ // --_ctm-mob-lt-dn-tb-im-se-hr-se-sw-cr,
1050
+ // var(--_ctm-tab-lt-dn-tb-im-se-hr-se-sw-cr)
1051
+ // )
1052
+ // );
1053
+ // }
1054
+ // &.active {
1055
+ // background-color: var(
1056
+ // --_ctm-mob-lt-dn-tb-im-se-sd-se-bd-cr,
1057
+ // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-bd-cr, var(--_ctm-dn-tb-im-se-sd-se-bd-cr))
1058
+ // );
1059
+ // border-color: var(
1060
+ // --_show-border-im-se,
1061
+ // var(
1062
+ // --_ctm-mob-lt-dn-tb-im-se-sd-se-br-cr,
1063
+ // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-cr, var(--_ctm-dn-tb-im-se-sd-se-br-cr))
1064
+ // )
1065
+ // );
1066
+ // border-style: var(
1067
+ // --_show-border-im-se,
1068
+ // var(
1069
+ // --_ctm-mob-lt-dn-tb-im-se-sd-se-br-se,
1070
+ // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-se, var(--_ctm-dn-tb-im-se-sd-se-br-se))
1071
+ // )
1072
+ // );
1073
+ // border-width: var(
1074
+ // --_show-border-im-se,
1075
+ // var(
1076
+ // --_ctm-mob-lt-dn-tb-im-se-sd-se-br-wh,
1077
+ // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-wh, var(--_ctm-dn-tb-im-se-sd-se-br-wh))
1078
+ // )
1079
+ // );
1080
+ // border-radius: var(
1081
+ // --_ctm-mob-lt-dn-tb-im-se-sd-se-br-rs,
1082
+ // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-br-rs, var(--_ctm-dn-tb-im-se-sd-se-br-rs))
1083
+ // );
1084
+ // box-shadow: var(
1085
+ // --_show-shadow-im-se,
1086
+ // var(
1087
+ // --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-ae,
1088
+ // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-ae)
1089
+ // ),
1090
+ // var(
1091
+ // --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-br,
1092
+ // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-br)
1093
+ // ),
1094
+ // var(
1095
+ // --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-sd,
1096
+ // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-sd)
1097
+ // ),
1098
+ // var(
1099
+ // --_ctm-mob-lt-dn-tb-im-se-sd-se-sw-cr,
1100
+ // var(--_ctm-tab-lt-dn-tb-im-se-sd-se-sw-cr)
1101
+ // )
1102
+ // );
1103
+ // }
1104
+ // // span {
1105
+ // // &.active {
1106
+ // // // border-bottom: 2px solid var(--_primary-400);
1107
+ // // }
1108
+ // // }
1109
+ // }
1110
+ // }
1111
+ // .tab__content {
1112
+ // padding: var(
1113
+ // --_ctm-mob-lt-gd-os-dy-se-cr-pg,
1114
+ // var(--_ctm-tab-lt-gd-os-dy-se-cr-pg, var(--_ctm-lt-gd-os-dy-se-cr-pg))
1115
+ // );
1116
+ // }
1117
+ // }
1118
+ // }
1119
+ // }
1120
+ // }
1121
+ // }