@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.
Files changed (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  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 +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. package/package.json +131 -131
package/dist/add-products-tab-details.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @use "./functions.scss" as *;
2
+
2
3
  .variant__picker__static {
3
4
  .text-element {
4
5
  color: #333;
@@ -9,92 +10,45 @@
9
10
  line-height: 18px;
10
11
  margin-bottom: 6px;
11
12
  }
13
+
12
14
  .option__title {
13
15
  margin-bottom: 4px;
14
- color: var(
15
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
16
- var(
17
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
18
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr)
19
- )
20
- );
21
- font-family: var(
22
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
23
- var(
24
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
25
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)
26
- )
27
- );
28
- text-transform: var(
29
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
30
- var(
31
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
32
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)
33
- )
34
- );
35
- word-wrap: var(
36
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
37
- var(
38
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
39
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)
40
- )
41
- );
42
- word-break: var(
43
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
44
- var(
45
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
46
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)
47
- )
48
- );
49
- font-size: var(
50
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
51
- var(
52
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
53
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se)
54
- )
55
- );
56
- font-weight: var(
57
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
58
- var(
59
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
60
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt)
61
- )
62
- );
63
- font-style: var(
64
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic,
65
- var(
66
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic,
67
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic)
68
- )
69
- );
70
- text-align: var(
71
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
72
- var(
73
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
74
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an)
75
- )
76
- );
77
- letter-spacing: var(
78
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
79
- var(
80
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
81
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg)
82
- )
83
- );
84
- line-height: var(
85
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
86
- var(
87
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
88
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht)
89
- )
90
- );
91
- text-decoration: var(
92
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
93
- var(
94
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
95
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue)
96
- )
97
- );
16
+ color: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
17
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
18
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr)));
19
+ font-family: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
20
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
21
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)));
22
+ text-transform: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
23
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
24
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)));
25
+ word-wrap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
26
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
27
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)));
28
+ word-break: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
29
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
30
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)));
31
+ font-size: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
32
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
33
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se)));
34
+ font-weight: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
35
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
36
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt)));
37
+ font-style: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic,
38
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic,
39
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic)));
40
+ text-align: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
41
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
42
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an)));
43
+ letter-spacing: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
44
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
45
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg)));
46
+ line-height: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
47
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
48
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht)));
49
+ text-decoration: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
50
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
51
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue)));
98
52
  }
99
53
 
100
54
  .is__combination_avail {
@@ -102,33 +56,27 @@
102
56
  font-size: 14px;
103
57
  font-weight: 600;
104
58
  }
59
+
105
60
  .variant__container {
106
61
  display: flex;
107
62
  flex-direction: column;
108
- gap: var(
109
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
110
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg, var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg))
111
- );
112
- padding: var(
113
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-pg,
114
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-pg, var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-pg))
115
- );
63
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
64
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg, var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)));
65
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-pg,
66
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-pg, var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-pg)));
116
67
  white-space: nowrap;
117
68
 
118
69
  .standard_wrapper {
70
+
119
71
  // Select Colors
120
72
  .select__colors {
121
73
  font-size: 16px;
122
74
  color: var(--_gray-500);
123
75
  display: flex;
124
76
  flex-direction: column;
125
- gap: var(
126
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
127
- var(
128
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
129
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg)
130
- )
131
- );
77
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
78
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
79
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg)));
132
80
  // padding: var(
133
81
  // --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-pg,
134
82
  // var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-pg, var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-pg))
@@ -137,176 +85,110 @@
137
85
  .select__group {
138
86
  display: flex;
139
87
  flex-direction: row;
140
- gap: var(
141
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-sg,
142
- var(
143
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-sg,
144
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-sg)
145
- )
146
- );
88
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-sg,
89
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-sg,
90
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-sg)));
147
91
 
148
92
  &[data-swatch-dispaly="Vertically"] {
149
93
  flex-direction: column;
150
94
  }
95
+
151
96
  &[data-swatch-overflow="Scroll"] {
152
97
  flex-wrap: nowrap;
153
98
  overflow-x: auto;
154
99
  }
100
+
155
101
  &[data-swatch-overflow="Wrap"] {
156
102
  flex-wrap: wrap;
157
103
  }
158
104
 
159
105
  .show_more_button {
160
- background-color: var(
161
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
162
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
163
- );
164
- font-family: var(
165
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
166
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
167
- );
168
- text-transform: var(
169
- --_ctm-mob-dn-sw-me-is-bn-tt-tm,
170
- var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
171
- );
172
- word-wrap: var(
173
- --_ctm-mob-dn-sw-me-is-bn-wd-wp,
174
- var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
175
- );
176
- word-break: var(
177
- --_ctm-mob-dn-sw-me-is-bn-wd-bk,
178
- var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
179
- );
180
- border-color: var(
181
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
182
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
183
- );
184
- border-radius: var(
185
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
186
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
187
- );
188
- border-style: var(
189
- --_ctm-mob-dn-sw-me-is-bn-br-se,
190
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
191
- );
192
- border-width: var(
193
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
194
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
195
- );
196
- font-size: var(
197
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
198
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
199
- );
200
- font-style: var(
201
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
202
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
203
- );
204
- font-weight: var(
205
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
206
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
207
- );
208
- line-height: var(
209
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
210
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
211
- );
212
- letter-spacing: var(
213
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
214
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
215
- );
216
- box-shadow: var(
217
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
218
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
219
- )
220
- var(
221
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
222
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
223
- )
224
- var(
225
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
226
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
227
- )
228
- var(
229
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
230
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
231
- );
232
- text-align: var(
233
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
234
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
235
- );
236
- color: var(
237
- --_ctm-mob-dn-sw-me-is-bn-tt-cr,
238
- var(--_ctm-tab-dn-sw-me-is-bn-tt-cr, var(--_ctm-dn-sw-me-is-bn-tt-cr))
239
- );
240
- text-decoration: var(
241
- --_ctm-mob-dn-sw-me-is-bn-ue,
242
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
243
- );
106
+ background-color: var(--_ctm-mob-dn-sw-me-is-bn-bd-cr,
107
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr)));
108
+ font-family: var(--_ctm-mob-dn-sw-me-is-bn-ft-fy,
109
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy)));
110
+ text-transform: var(--_ctm-mob-dn-sw-me-is-bn-tt-tm,
111
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm)));
112
+ word-wrap: var(--_ctm-mob-dn-sw-me-is-bn-wd-wp,
113
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp)));
114
+ word-break: var(--_ctm-mob-dn-sw-me-is-bn-wd-bk,
115
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk)));
116
+ border-color: var(--_ctm-mob-dn-sw-me-is-bn-br-cr,
117
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr)));
118
+ border-radius: var(--_ctm-mob-dn-sw-me-is-bn-br-rs,
119
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs)));
120
+ border-style: var(--_ctm-mob-dn-sw-me-is-bn-br-se,
121
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se)));
122
+ border-width: var(--_ctm-mob-dn-sw-me-is-bn-br-wh,
123
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh)));
124
+ font-size: var(--_ctm-mob-dn-sw-me-is-bn-ft-se,
125
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se)));
126
+ font-style: var(--_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
127
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic)));
128
+ font-weight: var(--_ctm-mob-dn-sw-me-is-bn-ft-wt,
129
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt)));
130
+ line-height: var(--_ctm-mob-dn-sw-me-is-bn-le-ht,
131
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht)));
132
+ letter-spacing: var(--_ctm-mob-dn-sw-me-is-bn-lr-sg,
133
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg)));
134
+ box-shadow: var(--_ctm-mob-dn-sw-me-is-bn-sw-ae,
135
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))) var(--_ctm-mob-dn-sw-me-is-bn-sw-br,
136
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))) var(--_ctm-mob-dn-sw-me-is-bn-sw-sd,
137
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))) var(--_ctm-mob-dn-sw-me-is-bn-sw-cr,
138
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr)));
139
+ text-align: var(--_ctm-mob-dn-sw-me-is-bn-tt-an,
140
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an)));
141
+ color: var(--_ctm-mob-dn-sw-me-is-bn-tt-cr,
142
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-cr, var(--_ctm-dn-sw-me-is-bn-tt-cr)));
143
+ text-decoration: var(--_ctm-mob-dn-sw-me-is-bn-ue,
144
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue)));
244
145
  }
245
146
 
246
147
  .select__group__item {
247
148
  transition: width 0.3s ease;
248
149
 
249
- --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-se: var(
250
- --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-se
251
- );
150
+ --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-se: var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-se);
252
151
  height: prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-se);
253
152
  width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-se);
254
153
  padding: prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-pg);
255
154
 
256
- border-color: var(
257
- --_sf-hr-br-cr,
258
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-cr)
259
- );
260
-
261
- background-color: var(
262
- --_sf-hr-bd-cr,
263
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-bd-cr)
264
- );
265
-
266
- border-style: var(
267
- --_sf-hr-br-se,
268
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-se)
269
- );
270
-
271
- border-width: var(
272
- --_sf-hr-br-wh,
273
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-wh)
274
- );
275
- border-radius: var(
276
- --_sf-hr-br-rs,
277
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-rs)
278
- );
279
-
280
- box-shadow: var(
281
- --_sf-hr-sw-ae,
282
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-ae)
283
- )
284
- var(
285
- --_sf-hr-sw-br,
286
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-br)
287
- )
288
- var(
289
- --_sf-hr-sw-sd,
290
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-sd)
291
- )
292
- var(
293
- --_sf-hr-sw-cr,
294
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-cr)
295
- );
155
+ border-color: var(--_sf-hr-br-cr,
156
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-cr));
157
+
158
+ background-color: var(--_sf-hr-bd-cr,
159
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-bd-cr));
160
+
161
+ border-style: var(--_sf-hr-br-se,
162
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-se));
163
+
164
+ border-width: var(--_sf-hr-br-wh,
165
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-wh));
166
+ border-radius: var(--_sf-hr-br-rs,
167
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-rs));
168
+
169
+ box-shadow: var(--_sf-hr-sw-ae,
170
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-ae)) var(--_sf-hr-sw-br,
171
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-br)) var(--_sf-hr-sw-sd,
172
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-sd)) var(--_sf-hr-sw-cr,
173
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-cr));
296
174
 
297
175
  cursor: pointer;
298
176
  overflow: hidden;
177
+
299
178
  .product-select-image {
300
179
  object-fit: cover;
301
180
  width: 100%;
302
181
  height: 100%;
303
182
  }
183
+
304
184
  &[data-background-shape="circle"] {
305
185
  border-radius: 50%;
306
186
  }
187
+
307
188
  &[data-background-shape="square"] {
308
189
  border-radius: 5px;
309
190
  }
191
+
310
192
  &[data-background-shape="capsule"] {
311
193
  --toggle-height: var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-se);
312
194
  --toggle-width: calc(var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-te-dy-se-im-se) * 1.5);
@@ -314,17 +196,23 @@
314
196
  width: var(--toggle-width);
315
197
  height: var(--toggle-height);
316
198
 
317
- border-radius: var(--toggle-height); /* Full pill shape */
199
+ border-radius: var(--toggle-height);
200
+ /* Full pill shape */
318
201
  box-sizing: border-box;
319
202
  }
203
+
320
204
  &[data-swatch-shape="circle"] {
205
+
321
206
  & div,
322
207
  .product-select-image {
323
208
  border-radius: 50%;
324
209
  }
210
+
325
211
  // border-radius: 50%;
326
212
  }
213
+
327
214
  &[data-swatch-shape="capsule"] {
215
+
328
216
  & div,
329
217
  .product-select-image {
330
218
  // border-radius: 50%;
@@ -332,50 +220,34 @@
332
220
  height: 100%;
333
221
  border-radius: inherit;
334
222
  }
223
+
335
224
  // border-radius: 50%;
336
225
  }
337
226
 
338
227
  &[data-selected="true"] {
339
- border-color: var(
340
- --_sf-sd-br-cr,
341
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-cr)
342
- );
343
-
344
- background-color: var(
345
- --_sf-sd-bd-cr,
346
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-bd-cr)
347
- );
348
- border-style: var(
349
- --_sf-sd-br-se,
350
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-se)
351
- );
352
- border-width: var(
353
- --_sf-sd-br-wh,
354
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-wh)
355
- );
356
- box-shadow: var(
357
- --_sf-sd-sw-ae,
358
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-ae)
359
- )
360
- var(
361
- --_sf-sd-sw-br,
362
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-br)
363
- )
364
- var(
365
- --_sf-sd-sw-sd,
366
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-sd)
367
- )
368
- var(
369
- --_sf-sd-sw-cr,
370
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-cr)
371
- );
228
+ border-color: var(--_sf-sd-br-cr,
229
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-cr));
230
+
231
+ background-color: var(--_sf-sd-bd-cr,
232
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-bd-cr));
233
+ border-style: var(--_sf-sd-br-se,
234
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-se));
235
+ border-width: var(--_sf-sd-br-wh,
236
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-wh));
237
+ box-shadow: var(--_sf-sd-sw-ae,
238
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-ae)) var(--_sf-sd-sw-br,
239
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-br)) var(--_sf-sd-sw-sd,
240
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-sd)) var(--_sf-sd-sw-cr,
241
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-cr));
372
242
 
373
243
  &[data-background-shape-selected="circle"] {
374
244
  border-radius: 50%;
375
245
  }
246
+
376
247
  &[data-background-shape-selected="square"] {
377
248
  border-radius: 5px;
378
249
  }
250
+
379
251
  &[data-background-shape-selected="capsule"] {
380
252
  border-radius: 80%;
381
253
  // width: calc(
@@ -383,100 +255,73 @@
383
255
  // 8px
384
256
  // );
385
257
  }
258
+
386
259
  &[data-swatch-shape-selected="circle"] {
260
+
387
261
  & div,
388
262
  .product-select-image {
389
263
  border-radius: 50%;
390
264
  }
391
265
  }
266
+
392
267
  &[data-swatch-shape-selected="capsule"] {
268
+
393
269
  & div,
394
270
  .product-select-image {
395
271
  border-radius: 50%;
396
272
  }
397
273
  }
274
+
398
275
  &[data-swatch-shape-selected="square"] {
276
+
399
277
  & div,
400
278
  .product-select-image {
401
279
  border-radius: 5px;
402
280
  }
403
281
  }
404
282
  }
283
+
405
284
  &:hover {
406
- --_sf-hr-bd-cr: var(
407
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-bd-cr,
408
- var(
409
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-bd-cr,
410
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-bd-cr)
411
- )
412
- );
413
- --_sf-hr-br-cr: var(
414
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-cr,
415
- var(
416
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-cr,
417
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-cr)
418
- )
419
- );
420
- --_sf-hr-br-se: var(
421
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-se,
422
- var(
423
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-se,
424
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-se)
425
- )
426
- );
427
- --_sf-hr-br-wh: var(
428
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-wh,
429
- var(
430
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-wh,
431
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-wh)
432
- )
433
- );
434
- --_sf-hr-br-bs: var(
435
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-rs,
436
- var(
437
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-rs,
438
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-rs)
439
- )
440
- );
285
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-bd-cr,
286
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-bd-cr,
287
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-bd-cr)));
288
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-cr,
289
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-cr,
290
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-cr)));
291
+ --_sf-hr-br-se: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-se,
292
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-se,
293
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-se)));
294
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-wh,
295
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-wh,
296
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-wh)));
297
+ --_sf-hr-br-bs: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-rs,
298
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-rs,
299
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-br-rs)));
441
300
 
442
301
  // new
443
- --_sf-hr-sw-ae: var(
444
- --_ctm-mob-dn-on-ve-se-hr-se-sw-ae,
445
- var(
446
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-ae,
447
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-ae)
448
- )
449
- );
450
- --_sf-hr-sw-br: var(
451
- --_ctm-mob-dn-on-ve-se-hr-se-sw-br,
452
- var(
453
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-br,
454
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-br)
455
- )
456
- );
457
- --_sf-hr-sw-hr: var(
458
- --_ctm-mob-dn-on-ve-se-hr-se-sw-hr,
459
- var(
460
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-hr,
461
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-hr)
462
- )
463
- );
464
- --_sf-hr-sw-cr: var(
465
- --_ctm-mob-dn-on-ve-se-hr-se-sw-cr,
466
- var(
467
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-cr,
468
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-cr)
469
- )
470
- );
302
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-on-ve-se-hr-se-sw-ae,
303
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-ae,
304
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-ae)));
305
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-on-ve-se-hr-se-sw-br,
306
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-br,
307
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-br)));
308
+ --_sf-hr-sw-hr: var(--_ctm-mob-dn-on-ve-se-hr-se-sw-hr,
309
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-hr,
310
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-hr)));
311
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-on-ve-se-hr-se-sw-cr,
312
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-cr,
313
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-hr-se-sw-cr)));
471
314
  }
472
315
 
473
316
  &:hover {
474
317
  &[data-background-shape-hover="circle"] {
475
318
  border-radius: 50%;
476
319
  }
320
+
477
321
  &[data-background-shape-hover="square"] {
478
322
  border-radius: 5px;
479
323
  }
324
+
480
325
  &[data-background-shape-hover="capsule"] {
481
326
  border-radius: 80%;
482
327
  // width: calc(
@@ -487,20 +332,27 @@
487
332
  // 8px
488
333
  // );
489
334
  }
335
+
490
336
  &[data-swatch-shape-hover="circle"] {
337
+
491
338
  & div,
492
339
  .product-select-image {
493
340
  border-radius: 50%;
494
341
  }
342
+
495
343
  // border-radius: 50%;
496
344
  }
345
+
497
346
  &[data-swatch-shape-hover="capsule"] {
347
+
498
348
  & div,
499
349
  .product-select-image {
500
350
  border-radius: 50%;
501
351
  }
502
352
  }
353
+
503
354
  &[data-swatch-shape-hover="square"] {
355
+
504
356
  & div,
505
357
  .product-select-image {
506
358
  border-radius: 5px;
@@ -509,119 +361,64 @@
509
361
  }
510
362
 
511
363
  &[data-selected="true"] {
512
- --_sf-sd-bd-cr: var(
513
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-bd-cr,
514
- var(
515
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-bd-cr,
516
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-bd-cr)
517
- )
518
- );
519
- --_sf-sd-br-cr: var(
520
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-cr,
521
- var(
522
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-cr,
523
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-cr)
524
- )
525
- );
526
- --_sf-sd-br-se: var(
527
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-se,
528
- var(
529
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-se,
530
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-se)
531
- )
532
- );
533
- --_sf-sd-br-wh: var(
534
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-wh,
535
- var(
536
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-wh,
537
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-wh)
538
- )
539
- );
540
- --_sf-sd-br-bs: var(
541
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-rs,
542
- var(
543
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-rs,
544
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-rs)
545
- )
546
- );
364
+ --_sf-sd-bd-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-bd-cr,
365
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-bd-cr,
366
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-bd-cr)));
367
+ --_sf-sd-br-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-cr,
368
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-cr,
369
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-cr)));
370
+ --_sf-sd-br-se: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-se,
371
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-se,
372
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-se)));
373
+ --_sf-sd-br-wh: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-wh,
374
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-wh,
375
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-wh)));
376
+ --_sf-sd-br-bs: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-rs,
377
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-rs,
378
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-br-rs)));
547
379
 
548
380
  // new
549
- --_sf-sd-sw-ae: var(
550
- --_ctm-mob-dn-on-ve-se-sd-se-sw-ae,
551
- var(
552
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-ae,
553
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-ae)
554
- )
555
- );
556
- --_sf-sd-sw-br: var(
557
- --_ctm-mob-dn-on-ve-se-sd-se-sw-br,
558
- var(
559
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-br,
560
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-br)
561
- )
562
- );
563
- --_sf-sd-sw-sd: var(
564
- --_ctm-mob-dn-on-ve-se-sd-se-sw-sd,
565
- var(
566
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-sd,
567
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-sd)
568
- )
569
- );
570
- --_sf-sd-sw-cr: var(
571
- --_ctm-mob-dn-on-ve-se-sd-se-sw-cr,
572
- var(
573
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-cr,
574
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-cr)
575
- )
576
- );
577
-
578
- border-color: var(
579
- --_sf-sd-br-cr,
580
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-cr)
581
- );
582
-
583
- background-color: var(
584
- --_sf-sd-bd-cr,
585
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-bd-cr)
586
- );
587
-
588
- border-style: var(
589
- --_sf-sd-br-se,
590
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-se)
591
- );
592
-
593
- border-width: var(
594
- --_sf-sd-br-wh,
595
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-wh)
596
- );
597
- border-radius: var(
598
- --_sf-sd-br-rs,
599
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-rs)
600
- );
601
-
602
- box-shadow: var(
603
- --_sf-sd-sw-ae,
604
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-ae)
605
- )
606
- var(
607
- --_sf-sd-sw-br,
608
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-br)
609
- )
610
- var(
611
- --_sf-sd-sw-sd,
612
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-sd)
613
- )
614
- var(
615
- --_sf-sd-sw-cr,
616
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-cr)
617
- );
381
+ --_sf-sd-sw-ae: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-ae,
382
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-ae,
383
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-ae)));
384
+ --_sf-sd-sw-br: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-br,
385
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-br,
386
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-br)));
387
+ --_sf-sd-sw-sd: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-sd,
388
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-sd,
389
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-sd)));
390
+ --_sf-sd-sw-cr: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-cr,
391
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-cr,
392
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-sd-se-sw-cr)));
393
+
394
+ border-color: var(--_sf-sd-br-cr,
395
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-cr));
396
+
397
+ background-color: var(--_sf-sd-bd-cr,
398
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-bd-cr));
399
+
400
+ border-style: var(--_sf-sd-br-se,
401
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-se));
402
+
403
+ border-width: var(--_sf-sd-br-wh,
404
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-wh));
405
+ border-radius: var(--_sf-sd-br-rs,
406
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-br-rs));
407
+
408
+ box-shadow: var(--_sf-sd-sw-ae,
409
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-ae)) var(--_sf-sd-sw-br,
410
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-br)) var(--_sf-sd-sw-sd,
411
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-sd)) var(--_sf-sd-sw-cr,
412
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-sh-on-ve-se-dt-se-sw-cr));
618
413
 
619
414
  &[data-background-shape-selected="circle"] {
620
415
  border-radius: 50%;
621
416
  }
417
+
622
418
  &[data-background-shape-selected="square"] {
623
419
  border-radius: 5px;
624
420
  }
421
+
625
422
  &[data-background-shape-selected="capsule"] {
626
423
  --toggle-height: var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-se);
627
424
  --toggle-width: calc(var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-se) * 1.5);
@@ -629,16 +426,21 @@
629
426
  width: var(--toggle-width);
630
427
  height: var(--toggle-height);
631
428
 
632
- border-radius: var(--toggle-height); /* Full pill shape */
429
+ border-radius: var(--toggle-height);
430
+ /* Full pill shape */
633
431
  box-sizing: border-box;
634
432
  }
433
+
635
434
  &[data-swatch-shape-selected="circle"] {
435
+
636
436
  & div,
637
437
  .product-select-image {
638
438
  border-radius: 50%;
639
439
  }
640
440
  }
441
+
641
442
  &[data-swatch-shape-selected="capsule"] {
443
+
642
444
  & div,
643
445
  .product-select-image {
644
446
  // border-radius: 50%;
@@ -647,7 +449,9 @@
647
449
  border-radius: inherit;
648
450
  }
649
451
  }
452
+
650
453
  &[data-swatch-shape-selected="square"] {
454
+
651
455
  & div,
652
456
  .product-select-image {
653
457
  border-radius: 5px;
@@ -708,6 +512,7 @@
708
512
  clip-path: polygon(100% 0, 100% 1px, 0 100%, 0 96%);
709
513
  pointer-events: none;
710
514
  }
515
+
711
516
  .product-select-image {
712
517
  width: 100%;
713
518
  height: 100%;
@@ -715,19 +520,16 @@
715
520
  }
716
521
  }
717
522
  }
523
+
718
524
  // Select Fit and Size
719
525
  .select__fit {
720
526
  font-size: 16px;
721
527
  color: var(--_gray-500);
722
528
  display: flex;
723
529
  flex-direction: column;
724
- gap: var(
725
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
726
- var(
727
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
728
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg)
729
- )
730
- );
530
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
531
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
532
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg)));
731
533
 
732
534
  // padding: var(
733
535
  // --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-im-pg,
@@ -740,125 +542,74 @@
740
542
  flex-wrap: wrap;
741
543
  margin-bottom: 10px;
742
544
  flex-direction: row;
743
- gap: var(
744
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-im-sg,
745
- var(
746
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-im-sg,
747
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-im-sg)
748
- )
749
- );
545
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-im-sg,
546
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-im-sg,
547
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-im-sg)));
750
548
 
751
549
  &[data-single-dispaly="Vertically"] {
752
550
  flex-direction: column;
753
551
  }
552
+
754
553
  &[data-single-overflow="Scroll"] {
755
554
  overflow-x: auto;
756
555
  overflow-y: hidden;
757
556
  flex-wrap: nowrap;
758
557
  }
558
+
759
559
  &[data-swatch-overflow="Scroll"] {
760
560
  overflow-x: auto;
761
561
  flex-wrap: nowrap;
762
562
  overflow-y: hidden;
763
563
  }
564
+
764
565
  .show_more_button {
765
- background-color: var(
766
- --_ctm-mob-dn-sw-me-is-bn-bd-cr,
767
- var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
768
- );
769
- font-family: var(
770
- --_ctm-mob-dn-sw-me-is-bn-ft-fy,
771
- var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
772
- );
773
- text-transform: var(
774
- --_ctm-mob-dn-sw-me-is-bn-tt-tm,
775
- var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
776
- );
777
- word-wrap: var(
778
- --_ctm-mob-dn-sw-me-is-bn-wd-wp,
779
- var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
780
- );
781
- word-break: var(
782
- --_ctm-mob-dn-sw-me-is-bn-wd-bk,
783
- var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
784
- );
785
- border-color: var(
786
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
787
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
788
- );
789
- border-radius: var(
790
- --_ctm-mob-dn-sw-me-is-bn-br-rs,
791
- var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
792
- );
793
- border-style: var(
794
- --_ctm-mob-dn-sw-me-is-bn-br-se,
795
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
796
- );
797
- border-width: var(
798
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
799
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
800
- );
801
- font-size: var(
802
- --_ctm-mob-dn-sw-me-is-bn-ft-se,
803
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
804
- );
805
- font-style: var(
806
- --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
807
- var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
808
- );
809
- font-weight: var(
810
- --_ctm-mob-dn-sw-me-is-bn-ft-wt,
811
- var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
812
- );
813
- line-height: var(
814
- --_ctm-mob-dn-sw-me-is-bn-le-ht,
815
- var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
816
- );
817
- letter-spacing: var(
818
- --_ctm-mob-dn-sw-me-is-bn-lr-sg,
819
- var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
820
- );
821
- box-shadow: var(
822
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
823
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
824
- )
825
- var(
826
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
827
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
828
- )
829
- var(
830
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
831
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
832
- )
833
- var(
834
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
835
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
836
- );
837
- text-align: var(
838
- --_ctm-mob-dn-sw-me-is-bn-tt-an,
839
- var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
840
- );
841
- color: var(
842
- --_ctm-mob-dn-sw-me-is-bn-tt-cr,
843
- var(--_ctm-tab-dn-sw-me-is-bn-tt-cr, var(--_ctm-dn-sw-me-is-bn-tt-cr))
844
- );
845
- text-decoration: var(
846
- --_ctm-mob-dn-sw-me-is-bn-ue,
847
- var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
848
- );
566
+ background-color: var(--_ctm-mob-dn-sw-me-is-bn-bd-cr,
567
+ var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr)));
568
+ font-family: var(--_ctm-mob-dn-sw-me-is-bn-ft-fy,
569
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy)));
570
+ text-transform: var(--_ctm-mob-dn-sw-me-is-bn-tt-tm,
571
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm)));
572
+ word-wrap: var(--_ctm-mob-dn-sw-me-is-bn-wd-wp,
573
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp)));
574
+ word-break: var(--_ctm-mob-dn-sw-me-is-bn-wd-bk,
575
+ var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk)));
576
+ border-color: var(--_ctm-mob-dn-sw-me-is-bn-br-cr,
577
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr)));
578
+ border-radius: var(--_ctm-mob-dn-sw-me-is-bn-br-rs,
579
+ var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs)));
580
+ border-style: var(--_ctm-mob-dn-sw-me-is-bn-br-se,
581
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se)));
582
+ border-width: var(--_ctm-mob-dn-sw-me-is-bn-br-wh,
583
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh)));
584
+ font-size: var(--_ctm-mob-dn-sw-me-is-bn-ft-se,
585
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se)));
586
+ font-style: var(--_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
587
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic)));
588
+ font-weight: var(--_ctm-mob-dn-sw-me-is-bn-ft-wt,
589
+ var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt)));
590
+ line-height: var(--_ctm-mob-dn-sw-me-is-bn-le-ht,
591
+ var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht)));
592
+ letter-spacing: var(--_ctm-mob-dn-sw-me-is-bn-lr-sg,
593
+ var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg)));
594
+ box-shadow: var(--_ctm-mob-dn-sw-me-is-bn-sw-ae,
595
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))) var(--_ctm-mob-dn-sw-me-is-bn-sw-br,
596
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))) var(--_ctm-mob-dn-sw-me-is-bn-sw-sd,
597
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))) var(--_ctm-mob-dn-sw-me-is-bn-sw-cr,
598
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr)));
599
+ text-align: var(--_ctm-mob-dn-sw-me-is-bn-tt-an,
600
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an)));
601
+ color: var(--_ctm-mob-dn-sw-me-is-bn-tt-cr,
602
+ var(--_ctm-tab-dn-sw-me-is-bn-tt-cr, var(--_ctm-dn-sw-me-is-bn-tt-cr)));
603
+ text-decoration: var(--_ctm-mob-dn-sw-me-is-bn-ue,
604
+ var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue)));
849
605
  }
606
+
850
607
  &[data-single-dispaly="Grid"] {
851
608
  display: grid;
852
- grid-template-columns: repeat(
853
- var(
854
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-is-pr-rw,
855
- var(
856
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-is-pr-rw,
857
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-is-pr-rw)
858
- )
859
- ),
860
- minmax(auto, 1fr)
861
- );
609
+ grid-template-columns: repeat(var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-is-pr-rw,
610
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-is-pr-rw,
611
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-se-st-dy-se-is-pr-rw))),
612
+ minmax(auto, 1fr));
862
613
  }
863
614
 
864
615
  .select__group__item {
@@ -876,266 +627,141 @@
876
627
  min-width: 20px;
877
628
  min-height: 20px;
878
629
  box-sizing: content-box;
879
- border-radius: var(
880
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-rs,
881
- var(
882
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-rs,
883
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-rs)
884
- )
885
- );
886
-
887
- border-color: var(
888
- --_sf-hr-br-cr,
889
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-cr)
890
- );
891
-
892
- background-color: var(
893
- --_sf-hr-bd-cr,
894
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-bd-cr)
895
- );
896
- border-style: var(
897
- --_sf-hr-br-se,
898
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-se)
899
- );
900
- border-width: var(
901
- --_sf-hr-br-wh,
902
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-wh)
903
- );
904
-
905
- box-shadow: var(
906
- --_sf-hr-sw-ae,
907
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-ae)
908
- )
909
- var(
910
- --_sf-hr-sw-br,
911
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-br)
912
- )
913
- var(
914
- --_sf-hr-sw-sd,
915
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-sd)
916
- )
917
- var(
918
- --_sf-hr-sw-cr,
919
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-cr)
920
- );
630
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-rs,
631
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-rs,
632
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-rs)));
633
+
634
+ border-color: var(--_sf-hr-br-cr,
635
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-cr));
636
+
637
+ background-color: var(--_sf-hr-bd-cr,
638
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-bd-cr));
639
+ border-style: var(--_sf-hr-br-se,
640
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-se));
641
+ border-width: var(--_sf-hr-br-wh,
642
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-wh));
643
+
644
+ box-shadow: var(--_sf-hr-sw-ae,
645
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-ae)) var(--_sf-hr-sw-br,
646
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-br)) var(--_sf-hr-sw-sd,
647
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-sd)) var(--_sf-hr-sw-cr,
648
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-cr));
921
649
 
922
650
  // font is pending
923
651
 
924
- color: var(
925
- --_sf-hr-cr,
926
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-cr)
927
- );
928
- font-family: var(
929
- --_sf-hr-ft-fy,
930
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-fy)
931
- );
932
- text-transform: var(
933
- --_sf-hr-tt-tm,
934
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-tm)
935
- );
936
- word-wrap: var(
937
- --_sf-hr-wd-wp,
938
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-wp)
939
- );
940
- word-break: var(
941
- --_sf-hr-wd-bk,
942
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-bk)
943
- );
652
+ color: var(--_sf-hr-cr,
653
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-cr));
654
+ font-family: var(--_sf-hr-ft-fy,
655
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-fy));
656
+ text-transform: var(--_sf-hr-tt-tm,
657
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-tm));
658
+ word-wrap: var(--_sf-hr-wd-wp,
659
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-wp));
660
+ word-break: var(--_sf-hr-wd-bk,
661
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-bk));
662
+
944
663
  &.flex__overflow {
945
664
  white-space: normal;
946
665
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
947
666
  }
948
- font-size: var(
949
- --_sf-hr-ft-se,
950
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-se)
951
- );
952
- font-weight: var(
953
- --_sf-hr-ft-wt,
954
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-wt)
955
- );
956
- font-style: var(
957
- --_sf-hr-ft-se-ic,
958
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-se-ic)
959
- );
960
- text-align: var(
961
- --_sf-hr-tt-an,
962
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-an)
963
- );
964
- letter-spacing: var(
965
- --_sf-hr-lr-sg,
966
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-lr-sg)
967
- );
968
- line-height: var(
969
- --_sf-hr-le-ht,
970
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-le-ht-dc)
971
- );
972
- text-decoration: var(
973
- --_sf-hr-ue,
974
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ue)
975
- );
667
+
668
+ font-size: var(--_sf-hr-ft-se,
669
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-se));
670
+ font-weight: var(--_sf-hr-ft-wt,
671
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-wt));
672
+ font-style: var(--_sf-hr-ft-se-ic,
673
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-se-ic));
674
+ text-align: var(--_sf-hr-tt-an,
675
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-an));
676
+ letter-spacing: var(--_sf-hr-lr-sg,
677
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-lr-sg));
678
+ line-height: var(--_sf-hr-le-ht,
679
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-le-ht-dc));
680
+ text-decoration: var(--_sf-hr-ue,
681
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ue));
976
682
 
977
683
  &[data-background-shape="circle"] {
978
684
  border-radius: 50%;
979
685
  }
686
+
980
687
  // &[data-background-shape="square"] {
981
688
  // border-radius: 5px;
982
689
  // }
983
690
  &[data-background-shape="capsule"] {
984
- border-radius: 40px; /* Full pill shape */
691
+ border-radius: 40px;
692
+ /* Full pill shape */
985
693
  box-sizing: border-box;
986
694
  }
987
695
 
988
696
  &:hover {
989
- --_sf-hr-bd-cr: var(
990
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-bd-cr,
991
- var(
992
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-bd-cr,
993
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-bd-cr)
994
- )
995
- );
996
- --_sf-hr-br-cr: var(
997
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-cr,
998
- var(
999
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-cr,
1000
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-cr)
1001
- )
1002
- );
1003
- --_sf-hr-br-se: var(
1004
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-se,
1005
- var(
1006
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-se,
1007
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-se)
1008
- )
1009
- );
1010
- --_sf-hr-br-wh: var(
1011
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-wh,
1012
- var(
1013
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-wh,
1014
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-wh)
1015
- )
1016
- );
1017
- --_sf-hr-br-bs: var(
1018
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-rs,
1019
- var(
1020
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-rs,
1021
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-rs)
1022
- )
1023
- );
697
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-bd-cr,
698
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-bd-cr,
699
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-bd-cr)));
700
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-cr,
701
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-cr,
702
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-cr)));
703
+ --_sf-hr-br-se: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-se,
704
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-se,
705
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-se)));
706
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-wh,
707
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-wh,
708
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-wh)));
709
+ --_sf-hr-br-bs: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-rs,
710
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-rs,
711
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-br-rs)));
1024
712
 
1025
713
  // new
1026
- --_sf-hr-sw-ae: var(
1027
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-ae,
1028
- var(
1029
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-ae,
1030
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-ae)
1031
- )
1032
- );
1033
- --_sf-hr-sw-br: var(
1034
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-br,
1035
- var(
1036
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-br,
1037
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-br)
1038
- )
1039
- );
1040
- --_sf-hr-sw-hr: var(
1041
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-hr,
1042
- var(
1043
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-hr,
1044
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-hr)
1045
- )
1046
- );
1047
- --_sf-hr-sw-cr: var(
1048
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-cr,
1049
- var(
1050
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-cr,
1051
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-cr)
1052
- )
1053
- );
714
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-ae,
715
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-ae,
716
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-ae)));
717
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-br,
718
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-br,
719
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-br)));
720
+ --_sf-hr-sw-hr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-hr,
721
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-hr,
722
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-hr)));
723
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-cr,
724
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-cr,
725
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-sw-cr)));
1054
726
 
1055
727
  // for font
1056
728
 
1057
- --_sf-hr-cr: var(
1058
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-cr,
1059
- var(
1060
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-cr,
1061
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-cr)
1062
- )
1063
- );
1064
- --_sf-hr-ft-fy: var(
1065
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-fy,
1066
- var(
1067
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-fy,
1068
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-fy)
1069
- )
1070
- );
1071
- --_sf-hr-tt-tm: var(
1072
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm,
1073
- var(
1074
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm,
1075
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm)
1076
- )
1077
- );
1078
- --_sf-hr-wd-wp: var(
1079
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp,
1080
- var(
1081
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp,
1082
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp)
1083
- )
1084
- );
1085
- --_sf-hr-wd-bk: var(
1086
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk,
1087
- var(
1088
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk,
1089
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk)
1090
- )
1091
- );
1092
- --_sf-hr-ft-se: var(
1093
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se,
1094
- var(
1095
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se,
1096
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se)
1097
- )
1098
- );
1099
- --_sf-hr-ft-wt: var(
1100
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-wt,
1101
- var(
1102
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-wt,
1103
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-wt)
1104
- )
1105
- );
1106
- --_sf-hr-ft-se-ic: var(
1107
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se-ic,
1108
- var(
1109
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se-ic,
1110
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se-ic)
1111
- )
1112
- );
1113
- --_sf-hr-tt-an: var(
1114
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-an,
1115
- var(
1116
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-an,
1117
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-an)
1118
- )
1119
- );
1120
- --_sf-hr-lr-sg: var(
1121
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-lr-sg,
1122
- var(
1123
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-lr-sg,
1124
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-lr-sg)
1125
- )
1126
- );
1127
- --_sf-hr-le-ht: var(
1128
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-le-ht,
1129
- var(
1130
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-le-ht,
1131
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-le-ht)
1132
- )
1133
- );
1134
-
1135
- --_sf-hr-ue: var(
1136
- --_ctm-mob-dn-on-ve-se-hr-se-ue,
1137
- var(--_ctm-tab-dn-on-ve-se-hr-se-ue, var(--_ctm-dn-on-ve-se-hr-se-ue))
1138
- );
729
+ --_sf-hr-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-cr,
730
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-cr,
731
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-cr)));
732
+ --_sf-hr-ft-fy: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-fy,
733
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-fy,
734
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-fy)));
735
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm,
736
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm,
737
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-tm)));
738
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp,
739
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp,
740
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-wp)));
741
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk,
742
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk,
743
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-wd-bk)));
744
+ --_sf-hr-ft-se: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se,
745
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se,
746
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se)));
747
+ --_sf-hr-ft-wt: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-wt,
748
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-wt,
749
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-wt)));
750
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se-ic,
751
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se-ic,
752
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-ft-se-ic)));
753
+ --_sf-hr-tt-an: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-an,
754
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-an,
755
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-tt-an)));
756
+ --_sf-hr-lr-sg: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-lr-sg,
757
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-lr-sg,
758
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-lr-sg)));
759
+ --_sf-hr-le-ht: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-le-ht,
760
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-le-ht,
761
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-hr-se-le-ht)));
762
+
763
+ --_sf-hr-ue: var(--_ctm-mob-dn-on-ve-se-hr-se-ue,
764
+ var(--_ctm-tab-dn-on-ve-se-hr-se-ue, var(--_ctm-dn-on-ve-se-hr-se-ue)));
1139
765
  }
1140
766
 
1141
767
  &.child {
@@ -1143,248 +769,125 @@
1143
769
  border-radius: 0;
1144
770
  border-bottom: 2px solid var(--_gray-200);
1145
771
  }
772
+
1146
773
  &[data-selected="true"] {
1147
- --_sf-sd-bd-cr: var(
1148
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-bd-cr,
1149
- var(
1150
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-bd-cr,
1151
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-bd-cr)
1152
- )
1153
- );
1154
- --_sf-sd-br-cr: var(
1155
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-cr,
1156
- var(
1157
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-cr,
1158
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-cr)
1159
- )
1160
- );
1161
- --_sf-sd-br-se: var(
1162
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-se,
1163
- var(
1164
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-se,
1165
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-se)
1166
- )
1167
- );
1168
- --_sf-sd-br-wh: var(
1169
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-wh,
1170
- var(
1171
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-wh,
1172
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-wh)
1173
- )
1174
- );
1175
- --_sf-sd-br-bs: var(
1176
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-rs,
1177
- var(
1178
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-rs,
1179
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-rs)
1180
- )
1181
- );
774
+ --_sf-sd-bd-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-bd-cr,
775
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-bd-cr,
776
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-bd-cr)));
777
+ --_sf-sd-br-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-cr,
778
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-cr,
779
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-cr)));
780
+ --_sf-sd-br-se: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-se,
781
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-se,
782
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-se)));
783
+ --_sf-sd-br-wh: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-wh,
784
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-wh,
785
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-wh)));
786
+ --_sf-sd-br-bs: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-rs,
787
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-rs,
788
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-br-rs)));
1182
789
 
1183
790
  // new
1184
- --_sf-sd-sw-ae: var(
1185
- --_ctm-mob-dn-on-ve-se-sd-se-sw-ae,
1186
- var(
1187
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-ae,
1188
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-ae)
1189
- )
1190
- );
1191
- --_sf-sd-sw-br: var(
1192
- --_ctm-mob-dn-on-ve-se-sd-se-sw-br,
1193
- var(
1194
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-br,
1195
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-br)
1196
- )
1197
- );
1198
- --_sf-sd-sw-hr: var(
1199
- --_ctm-mob-dn-on-ve-se-sd-se-sw-hr,
1200
- var(
1201
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-hr,
1202
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-hr)
1203
- )
1204
- );
1205
- --_sf-sd-sw-cr: var(
1206
- --_ctm-mob-dn-on-ve-se-sd-se-sw-cr,
1207
- var(
1208
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-cr,
1209
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-cr)
1210
- )
1211
- );
791
+ --_sf-sd-sw-ae: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-ae,
792
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-ae,
793
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-ae)));
794
+ --_sf-sd-sw-br: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-br,
795
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-br,
796
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-br)));
797
+ --_sf-sd-sw-hr: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-hr,
798
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-hr,
799
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-hr)));
800
+ --_sf-sd-sw-cr: var(--_ctm-mob-dn-on-ve-se-sd-se-sw-cr,
801
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-cr,
802
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-sw-cr)));
1212
803
 
1213
804
  // for font
1214
805
 
1215
- --_sf-sd-cr: var(
1216
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-cr,
1217
- var(
1218
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-cr,
1219
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-cr)
1220
- )
1221
- );
1222
- --_sf-sd-ft-fy: var(
1223
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-fy,
1224
- var(
1225
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-fy,
1226
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-fy)
1227
- )
1228
- );
1229
- --_sf-sd-tt-tm: var(
1230
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm,
1231
- var(
1232
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm,
1233
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm)
1234
- )
1235
- );
1236
- --_sf-sd-wd-wp: var(
1237
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp,
1238
- var(
1239
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp,
1240
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp)
1241
- )
1242
- );
1243
- --_sf-sd-wd-bk: var(
1244
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk,
1245
- var(
1246
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk,
1247
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk)
1248
- )
1249
- );
1250
- --_sf-sd-ft-se: var(
1251
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se,
1252
- var(
1253
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se,
1254
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se)
1255
- )
1256
- );
1257
- --_sf-sd-ft-wt: var(
1258
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-wt,
1259
- var(
1260
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-wt,
1261
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-wt)
1262
- )
1263
- );
1264
- --_sf-sd-ft-se-ic: var(
1265
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se-ic,
1266
- var(
1267
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se-ic,
1268
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se-ic)
1269
- )
1270
- );
1271
- --_sf-sd-tt-an: var(
1272
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-an,
1273
- var(
1274
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-an,
1275
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-an)
1276
- )
1277
- );
1278
- --_sf-sd-lr-sg: var(
1279
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-lr-sg,
1280
- var(
1281
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-lr-sg,
1282
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-lr-sg)
1283
- )
1284
- );
1285
- --_sf-sd-le-ht: var(
1286
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-le-ht,
1287
- var(
1288
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-le-ht,
1289
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-le-ht)
1290
- )
1291
- );
1292
-
1293
- --_sf-sd-ue: var(
1294
- --_ctm-mob-dn-on-ve-se-sd-se-ue,
1295
- var(--_ctm-tab-dn-on-ve-se-sd-se-ue, var(--_ctm-dn-on-ve-se-sd-se-ue))
1296
- );
1297
-
1298
- border-color: var(
1299
- --_sf-sd-br-cr,
1300
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-cr)
1301
- );
1302
-
1303
- background-color: var(
1304
- --_sf-sd-bd-cr,
1305
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-bd-cr)
1306
- );
1307
- border-style: var(
1308
- --_sf-sd-br-se,
1309
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-se)
1310
- );
1311
- border-width: var(
1312
- --_sf-sd-br-wh,
1313
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-wh)
1314
- );
1315
-
1316
- box-shadow: var(
1317
- --_sf-sd-sw-ae,
1318
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-ae)
1319
- )
1320
- var(
1321
- --_sf-sd-sw-br,
1322
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-br)
1323
- )
1324
- var(
1325
- --_sf-sd-sw-sd,
1326
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-sd)
1327
- )
1328
- var(
1329
- --_sf-sd-sw-cr,
1330
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-cr)
1331
- );
806
+ --_sf-sd-cr: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-cr,
807
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-cr,
808
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-cr)));
809
+ --_sf-sd-ft-fy: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-fy,
810
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-fy,
811
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-fy)));
812
+ --_sf-sd-tt-tm: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm,
813
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm,
814
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-tm)));
815
+ --_sf-sd-wd-wp: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp,
816
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp,
817
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-wp)));
818
+ --_sf-sd-wd-bk: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk,
819
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk,
820
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-wd-bk)));
821
+ --_sf-sd-ft-se: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se,
822
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se,
823
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se)));
824
+ --_sf-sd-ft-wt: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-wt,
825
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-wt,
826
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-wt)));
827
+ --_sf-sd-ft-se-ic: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se-ic,
828
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se-ic,
829
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-ft-se-ic)));
830
+ --_sf-sd-tt-an: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-an,
831
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-an,
832
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-tt-an)));
833
+ --_sf-sd-lr-sg: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-lr-sg,
834
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-lr-sg,
835
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-lr-sg)));
836
+ --_sf-sd-le-ht: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-le-ht,
837
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-le-ht,
838
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-sd-se-le-ht)));
839
+
840
+ --_sf-sd-ue: var(--_ctm-mob-dn-on-ve-se-sd-se-ue,
841
+ var(--_ctm-tab-dn-on-ve-se-sd-se-ue, var(--_ctm-dn-on-ve-se-sd-se-ue)));
842
+
843
+ border-color: var(--_sf-sd-br-cr,
844
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-cr));
845
+
846
+ background-color: var(--_sf-sd-bd-cr,
847
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-bd-cr));
848
+ border-style: var(--_sf-sd-br-se,
849
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-se));
850
+ border-width: var(--_sf-sd-br-wh,
851
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-br-wh));
852
+
853
+ box-shadow: var(--_sf-sd-sw-ae,
854
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-ae)) var(--_sf-sd-sw-br,
855
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-br)) var(--_sf-sd-sw-sd,
856
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-sd)) var(--_sf-sd-sw-cr,
857
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-sw-cr));
1332
858
  // font is pending
1333
859
 
1334
- color: var(
1335
- --_sf-sd-cr,
1336
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-cr)
1337
- );
1338
- font-family: var(
1339
- --_sf-sd-ft-fy,
1340
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-fy)
1341
- );
1342
- text-transform: var(
1343
- --_sf-sd-tt-tm,
1344
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-tm)
1345
- );
1346
- word-wrap: var(
1347
- --_sf-sd-wd-wp,
1348
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-wp)
1349
- );
1350
- word-break: var(
1351
- --_sf-sd-wd-bk,
1352
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-bk)
1353
- );
1354
- font-size: var(
1355
- --_sf-sd-ft-se,
1356
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-se)
1357
- );
1358
- font-weight: var(
1359
- --_sf-sd-ft-wt,
1360
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-wt)
1361
- );
1362
- font-style: var(
1363
- --_sf-sd-ft-se-ic,
1364
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-se-ic)
1365
- );
1366
- text-align: var(
1367
- --_sf-sd-tt-an,
1368
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-an)
1369
- );
1370
- letter-spacing: var(
1371
- --_sf-sd-lr-sg,
1372
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-lr-sg)
1373
- );
1374
- line-height: var(
1375
- --_sf-sd-le-ht,
1376
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-le-ht-dc)
1377
- );
1378
- text-decoration: var(
1379
- --_sf-sd-ue,
1380
- prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ue)
1381
- );
860
+ color: var(--_sf-sd-cr,
861
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-cr));
862
+ font-family: var(--_sf-sd-ft-fy,
863
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-fy));
864
+ text-transform: var(--_sf-sd-tt-tm,
865
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-tm));
866
+ word-wrap: var(--_sf-sd-wd-wp,
867
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-wp));
868
+ word-break: var(--_sf-sd-wd-bk,
869
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-wd-bk));
870
+ font-size: var(--_sf-sd-ft-se,
871
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-se));
872
+ font-weight: var(--_sf-sd-ft-wt,
873
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-wt));
874
+ font-style: var(--_sf-sd-ft-se-ic,
875
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ft-se-ic));
876
+ text-align: var(--_sf-sd-tt-an,
877
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-tt-an));
878
+ letter-spacing: var(--_sf-sd-lr-sg,
879
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-lr-sg));
880
+ line-height: var(--_sf-sd-le-ht,
881
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-le-ht-dc));
882
+ text-decoration: var(--_sf-sd-ue,
883
+ prepareMediaVariable(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-se-on-ve-se-dt-se-ue));
1382
884
  }
1383
885
 
1384
886
  &.selected__child {
1385
887
  border: 0px;
1386
888
  border-bottom: 2px solid var(--_primary-400);
1387
889
  }
890
+
1388
891
  // &.disabled {
1389
892
  // cursor: not-allowed;
1390
893
  // opacity: 0.4;
@@ -1437,6 +940,7 @@
1437
940
  }
1438
941
  }
1439
942
  }
943
+
1440
944
  &[data-show-divider="true"] {
1441
945
  &:not(:last-child)::after {
1442
946
  content: "";
@@ -1445,213 +949,108 @@
1445
949
  height: 1px;
1446
950
  width: 100%;
1447
951
  display: flex;
1448
- top: calc(
1449
- calc(
1450
- var(
1451
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1452
- var(
1453
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1454
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)
1455
- )
1456
- ) +
1457
- 10px
1458
- ) /
1459
- 2
1460
- );
952
+ top: calc(calc(var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
953
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
954
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg))) + 10px) / 2);
1461
955
  }
1462
956
  }
1463
957
 
1464
958
  .title {
1465
959
  margin-bottom: 4px;
1466
- color: var(
1467
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
1468
- var(
1469
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
1470
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr)
1471
- )
1472
- );
1473
- font-family: var(
1474
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
1475
- var(
1476
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
1477
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)
1478
- )
1479
- );
1480
- text-transform: var(
1481
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1482
- var(
1483
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1484
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)
1485
- )
1486
- );
1487
- word-wrap: var(
1488
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1489
- var(
1490
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1491
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)
1492
- )
1493
- );
1494
- word-break: var(
1495
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1496
- var(
1497
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1498
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)
1499
- )
1500
- );
1501
- font-size: var(
1502
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
1503
- var(
1504
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
1505
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se)
1506
- )
1507
- );
1508
- font-weight: var(
1509
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
1510
- var(
1511
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
1512
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt)
1513
- )
1514
- );
1515
- font-style: var(
1516
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic,
1517
- var(
1518
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic,
1519
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic)
1520
- )
1521
- );
1522
- text-align: var(
1523
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
1524
- var(
1525
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
1526
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an)
1527
- )
1528
- );
1529
- letter-spacing: var(
1530
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
1531
- var(
1532
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
1533
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg)
1534
- )
1535
- );
1536
- line-height: var(
1537
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
1538
- var(
1539
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
1540
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht)
1541
- )
1542
- );
1543
- text-decoration: var(
1544
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
1545
- var(
1546
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
1547
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue)
1548
- )
1549
- );
960
+ color: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
961
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
962
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr)));
963
+ font-family: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
964
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
965
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)));
966
+ text-transform: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
967
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
968
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)));
969
+ word-wrap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
970
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
971
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)));
972
+ word-break: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
973
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
974
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)));
975
+ font-size: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
976
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
977
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se)));
978
+ font-weight: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
979
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
980
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt)));
981
+ font-style: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic,
982
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic,
983
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se-ic)));
984
+ text-align: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
985
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
986
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an)));
987
+ letter-spacing: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
988
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
989
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg)));
990
+ line-height: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
991
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
992
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht)));
993
+ text-decoration: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
994
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
995
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue)));
1550
996
  }
1551
997
  }
998
+
1552
999
  //Dropdown
1553
1000
  .est__dropdown__main {
1554
1001
  position: relative;
1555
1002
  width: 100%;
1556
1003
  display: flex;
1557
1004
  flex-direction: column;
1558
- gap: var(
1559
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
1560
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg, var(--_ctm-dn-lt-on-te-ve-sg))
1561
- );
1562
-
1563
- padding: var(
1564
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-os-pg,
1565
- var(
1566
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-os-pg,
1567
- var(--_ctm-dn-lt-dn-dy-se-dn-os-pg)
1568
- )
1569
- );
1005
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
1006
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg, var(--_ctm-dn-lt-on-te-ve-sg)));
1007
+
1008
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-os-pg,
1009
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-os-pg,
1010
+ var(--_ctm-dn-lt-dn-dy-se-dn-os-pg)));
1570
1011
 
1571
1012
  margin-top: 10px;
1572
1013
 
1573
1014
  label {
1574
- font-size: var(
1575
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
1576
- var(
1577
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
1578
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se)
1579
- )
1580
- );
1581
- font-family: var(
1582
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
1583
- var(
1584
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
1585
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)
1586
- )
1587
- );
1588
- text-transform: var(
1589
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1590
- var(
1591
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1592
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)
1593
- )
1594
- );
1595
- word-wrap: var(
1596
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1597
- var(
1598
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1599
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)
1600
- )
1601
- );
1602
- word-break: var(
1603
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1604
- var(
1605
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1606
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)
1607
- )
1608
- );
1015
+ font-size: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
1016
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se,
1017
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-se)));
1018
+ font-family: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
1019
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy,
1020
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-fy)));
1021
+ text-transform: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1022
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm,
1023
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-tm)));
1024
+ word-wrap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1025
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp,
1026
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-wp)));
1027
+ word-break: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1028
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk,
1029
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-wd-bk)));
1030
+
1609
1031
  &.flex__overflow {
1610
1032
  white-space: normal;
1611
1033
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1612
1034
  }
1613
- color: var(
1614
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
1615
- var(
1616
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
1617
- var(--_gray-700, var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr))
1618
- )
1619
- );
1620
- font-weight: var(
1621
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
1622
- var(
1623
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
1624
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt)
1625
- )
1626
- );
1627
- text-decoration: var(
1628
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
1629
- var(
1630
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
1631
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue)
1632
- )
1633
- );
1634
- letter-spacing: var(
1635
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
1636
- var(
1637
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
1638
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg)
1639
- )
1640
- );
1641
- text-align: var(
1642
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
1643
- var(
1644
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
1645
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an)
1646
- )
1647
- );
1648
- line-height: var(
1649
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
1650
- var(
1651
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
1652
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht)
1653
- )
1654
- );
1035
+
1036
+ color: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
1037
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr,
1038
+ var(--_gray-700, var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-cr))));
1039
+ font-weight: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
1040
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt,
1041
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ft-wt)));
1042
+ text-decoration: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
1043
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue,
1044
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-ue)));
1045
+ letter-spacing: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
1046
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg,
1047
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-lr-sg)));
1048
+ text-align: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
1049
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an,
1050
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-tt-an)));
1051
+ line-height: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
1052
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht,
1053
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-on-te-le-ht)));
1655
1054
  display: block;
1656
1055
  }
1657
1056
 
@@ -1666,118 +1065,58 @@
1666
1065
  justify-content: space-between;
1667
1066
  align-items: center;
1668
1067
  width: 100%;
1068
+
1669
1069
  .value__selected {
1670
1070
  width: 100%;
1671
1071
  }
1672
1072
 
1673
1073
  &.open .list {
1674
1074
  display: none;
1675
- margin-top: var(
1676
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-on-ad-lt-sg,
1677
- var(
1678
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-on-ad-lt-sg,
1679
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-on-ad-lt-sg)
1680
- )
1681
- );
1682
- gap: var(
1683
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1684
- var(
1685
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1686
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg)
1687
- )
1688
- );
1689
- background-color: var(
1690
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr,
1691
- var(
1692
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr,
1693
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr)
1694
- )
1695
- );
1075
+ margin-top: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-on-ad-lt-sg,
1076
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-on-ad-lt-sg,
1077
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-on-ad-lt-sg)));
1078
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1079
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1080
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg)));
1081
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr,
1082
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr,
1083
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr)));
1696
1084
  }
1697
1085
 
1698
1086
  .list {
1699
1087
  display: flex !important;
1700
1088
  flex-direction: column;
1701
- gap: var(
1702
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1703
- var(
1704
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1705
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg)
1706
- )
1707
- );
1708
- border: var(
1709
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-wh,
1710
- var(
1711
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-wh,
1712
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-wh)
1713
- )
1714
- )
1715
- var(
1716
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-se,
1717
- var(
1718
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-se,
1719
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-se)
1720
- )
1721
- )
1722
- var(
1723
- --_gray-200,
1724
- var(
1725
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-cr,
1726
- var(
1727
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-cr,
1728
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-cr)
1729
- )
1730
- )
1731
- );
1732
- border-radius: var(
1733
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-rs,
1734
- var(
1735
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-rs,
1736
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-rs)
1737
- )
1738
- );
1739
- box-shadow: var(
1740
- --_show-shadow-dn-se,
1741
- var(
1742
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-ae,
1743
- var(
1744
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-ae,
1745
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-ae)
1746
- )
1747
- )
1748
- var(
1749
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-br,
1750
- var(
1751
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-br,
1752
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-br)
1753
- )
1754
- )
1755
- var(
1756
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-sd,
1757
- var(
1758
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-sd,
1759
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-sd)
1760
- )
1761
- )
1762
- var(
1763
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-cr,
1764
- var(
1765
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-cr,
1766
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-cr)
1767
- )
1768
- )
1769
- );
1089
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1090
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1091
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg)));
1092
+ border: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-wh,
1093
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-wh,
1094
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-wh))) var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-se,
1095
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-se,
1096
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-se))) var(--_gray-200,
1097
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-cr,
1098
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-cr,
1099
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-cr))));
1100
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-rs,
1101
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-rs,
1102
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-br-rs)));
1103
+ box-shadow: var(--_show-shadow-dn-se,
1104
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-ae,
1105
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-ae,
1106
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-ae))) var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-br,
1107
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-br,
1108
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-br))) var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-sd,
1109
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-sd,
1110
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-sd))) var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-cr,
1111
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-cr,
1112
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-sw-cr))));
1770
1113
  position: absolute;
1771
1114
  top: 100%;
1772
1115
  left: 0;
1773
1116
  width: 100%;
1774
- background-color: var(
1775
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr,
1776
- var(
1777
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr,
1778
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr)
1779
- )
1780
- );
1117
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr,
1118
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr,
1119
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-dn-dn-se-bd-cr)));
1781
1120
  border-radius: 4px;
1782
1121
  z-index: var(--_higher-zIndex);
1783
1122
  max-height: 200px;
@@ -1789,13 +1128,9 @@
1789
1128
  }
1790
1129
 
1791
1130
  .list__option {
1792
- padding: var(
1793
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-pg,
1794
- var(
1795
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-pg,
1796
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-pg)
1797
- )
1798
- );
1131
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-pg,
1132
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-pg,
1133
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-pg)));
1799
1134
  cursor: pointer;
1800
1135
 
1801
1136
  &:hover {
@@ -1816,30 +1151,23 @@
1816
1151
  .var__drop__selection {
1817
1152
  display: flex;
1818
1153
  width: 100%;
1819
- gap: var(
1820
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1821
- var(
1822
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1823
- var(
1824
- --_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1825
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)
1826
- )
1827
- )
1828
- );
1154
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1155
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1156
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1157
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg))));
1829
1158
 
1830
1159
  flex-direction: row;
1160
+
1831
1161
  &[data-dropdown-style="Vertical List"] {
1832
1162
  flex-direction: column;
1833
- gap: var(
1834
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1835
- var(
1836
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1837
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)
1838
- )
1839
- );
1163
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1164
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1165
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)));
1840
1166
  }
1167
+
1841
1168
  .dropdown_wrapper {
1842
1169
  position: relative;
1170
+
1843
1171
  &[data-show-divider="true"] {
1844
1172
  &:not(:last-child)::after {
1845
1173
  content: "";
@@ -1848,19 +1176,9 @@
1848
1176
  height: 1px;
1849
1177
  width: 100%;
1850
1178
  display: flex;
1851
- top: calc(
1852
- calc(
1853
- var(
1854
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1855
- var(
1856
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1857
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)
1858
- )
1859
- ) +
1860
- 10px
1861
- ) /
1862
- 2
1863
- );
1179
+ top: calc(calc(var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1180
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1181
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg))) + 10px) / 2);
1864
1182
  }
1865
1183
  }
1866
1184
 
@@ -1876,16 +1194,9 @@
1876
1194
  height: 1px;
1877
1195
  width: 100%;
1878
1196
  display: flex;
1879
- top: calc(
1880
- var(
1881
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1882
- var(
1883
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1884
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg)
1885
- )
1886
- ) /
1887
- 2
1888
- );
1197
+ top: calc(var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1198
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg,
1199
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-dy-se-dn-lt-im-sg))) / 2);
1889
1200
  }
1890
1201
  }
1891
1202
  }
@@ -1893,33 +1204,26 @@
1893
1204
  }
1894
1205
  }
1895
1206
  }
1896
- & > div {
1207
+
1208
+ &>div {
1897
1209
  width: 100%;
1898
1210
  }
1899
1211
  }
1212
+
1900
1213
  // Quantity Fields
1901
1214
  .field__group {
1902
1215
  // display: flex;
1903
1216
  // flex-wrap: wrap;
1904
1217
  // gap: 8px;
1905
1218
  display: grid;
1906
- grid-template-columns: repeat(
1907
- auto-fit,
1908
- minmax(
1909
- var(
1910
- --_ctm-mob-var-lt-mn-cn-wh,
1911
- var(--_ctm-tab-var-lt-mn-cn-wh, var(--_ctm-var-lt-mn-cn-wh))
1912
- ),
1913
- var(--_ctm-mob-var-lt-mn-cn-wh)
1914
- )
1915
- );
1916
- gap: var(
1917
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-rw-sg,
1918
- var(
1919
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-rw-sg,
1920
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-rw-sg)
1921
- )
1922
- );
1219
+ grid-template-columns: repeat(auto-fit,
1220
+ minmax(var(--_ctm-mob-var-lt-mn-cn-wh,
1221
+ var(--_ctm-tab-var-lt-mn-cn-wh, var(--_ctm-var-lt-mn-cn-wh))),
1222
+ var(--_ctm-mob-var-lt-mn-cn-wh)));
1223
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-rw-sg,
1224
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-rw-sg,
1225
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-rw-sg)));
1226
+
1923
1227
  .field__group__item {
1924
1228
  font-size: 16px;
1925
1229
  display: flex;
@@ -1927,6 +1231,7 @@
1927
1231
  align-items: center;
1928
1232
  justify-content: center;
1929
1233
  gap: 8px;
1234
+
1930
1235
  input[type="number"] {
1931
1236
  // width: 70px !important;
1932
1237
  width: 100%;
@@ -1935,10 +1240,12 @@
1935
1240
  border-radius: 4px;
1936
1241
  text-align: center;
1937
1242
  height: 40px;
1243
+
1938
1244
  &:focus-within {
1939
1245
  border: 1px solid var(--_primary-200);
1940
1246
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
1941
1247
  }
1248
+
1942
1249
  &:disabled {
1943
1250
  cursor: not-allowed;
1944
1251
  opacity: 0.4;
@@ -1946,24 +1253,17 @@
1946
1253
  }
1947
1254
  }
1948
1255
  }
1256
+
1949
1257
  // Enter quantity styles
1950
1258
  .quantiy__details {
1951
1259
  display: flex;
1952
1260
  flex-direction: column;
1953
- gap: var(
1954
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg,
1955
- var(
1956
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg,
1957
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg)
1958
- )
1959
- );
1960
- padding: var(
1961
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg,
1962
- var(
1963
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg,
1964
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg)
1965
- )
1966
- );
1261
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg,
1262
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg,
1263
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg)));
1264
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg,
1265
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg,
1266
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg)));
1967
1267
 
1968
1268
  .title {
1969
1269
  display: flex;
@@ -1971,56 +1271,49 @@
1971
1271
  align-items: center;
1972
1272
  font-weight: 600;
1973
1273
  font-size: 18px;
1974
- & > button {
1274
+
1275
+ &>button {
1975
1276
  border-bottom: 1px solid var(--_gray-400);
1976
1277
  color: var(--_gray-600);
1977
1278
  font-size: 14px;
1978
1279
  }
1979
1280
  }
1281
+
1980
1282
  .fit__details {
1981
1283
  display: flex;
1982
1284
  flex-direction: column;
1983
1285
  gap: 12px;
1286
+
1984
1287
  .fit__desc {
1985
1288
  display: flex;
1986
1289
  flex-direction: column;
1987
- gap: var(
1988
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1989
- var(
1990
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1991
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg)
1992
- )
1993
- );
1290
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1291
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1292
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg)));
1994
1293
 
1995
1294
  font-size: 16px;
1996
1295
  color: var(--_gray-900);
1296
+
1997
1297
  .each__price {
1998
1298
  font-weight: 600;
1999
1299
  }
2000
1300
  }
2001
1301
  }
2002
1302
  }
1303
+
2003
1304
  .grouped_items {
2004
1305
  display: flex;
2005
1306
  flex-direction: column;
2006
- gap: var(
2007
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2008
- var(
2009
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2010
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)
2011
- )
2012
- );
1307
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1308
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1309
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)));
2013
1310
 
2014
1311
  .tab__accordion {
2015
1312
  display: flex;
2016
1313
  flex-direction: column;
2017
- gap: var(
2018
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2019
- var(
2020
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2021
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)
2022
- )
2023
- );
1314
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1315
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1316
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)));
2024
1317
 
2025
1318
  .tab__container {
2026
1319
  display: flex;
@@ -2028,44 +1321,28 @@
2028
1321
 
2029
1322
  .tab {
2030
1323
  &:first-child {
2031
- margin-bottom: var(
2032
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
2033
- var(
2034
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
2035
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg)
2036
- )
2037
- );
1324
+ margin-bottom: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
1325
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg,
1326
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-on-te-ve-sg)));
2038
1327
  }
2039
1328
  }
2040
1329
 
2041
1330
  .tab__content {
2042
1331
  display: flex;
2043
1332
  flex-direction: column;
2044
- padding: var(
2045
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg,
2046
- var(
2047
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg,
2048
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg)
2049
- )
2050
- );
1333
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg,
1334
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg,
1335
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-pg)));
2051
1336
 
2052
1337
  .field__group {
2053
- gap: var(
2054
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg,
2055
- var(
2056
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg,
2057
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg)
2058
- )
2059
- );
1338
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg,
1339
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg,
1340
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-sg)));
2060
1341
 
2061
1342
  .field__group__item {
2062
- gap: var(
2063
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg,
2064
- var(
2065
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg,
2066
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg)
2067
- )
2068
- );
1343
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1344
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg,
1345
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-gp-hr-ad-on-sg)));
2069
1346
  }
2070
1347
  }
2071
1348
  }
@@ -2073,7 +1350,7 @@
2073
1350
  }
2074
1351
 
2075
1352
  &[data-show-divider="true"] {
2076
- & > div {
1353
+ &>div {
2077
1354
  &:not(:last-child)::after {
2078
1355
  content: "";
2079
1356
  position: relative;
@@ -2081,16 +1358,9 @@
2081
1358
  height: 1px;
2082
1359
  width: 100%;
2083
1360
  display: flex;
2084
- top: calc(
2085
- var(
2086
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2087
- var(
2088
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2089
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)
2090
- )
2091
- ) /
2092
- 2
2093
- );
1361
+ top: calc(var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1362
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1363
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg))) / 2);
2094
1364
  }
2095
1365
  }
2096
1366
 
@@ -2102,24 +1372,19 @@
2102
1372
  height: 1px;
2103
1373
  width: 100%;
2104
1374
  display: flex;
2105
- top: calc(
2106
- var(
2107
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2108
- var(
2109
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2110
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)
2111
- )
2112
- ) /
2113
- 2
2114
- );
1375
+ top: calc(var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1376
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1377
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg))) / 2);
2115
1378
  }
2116
1379
  }
2117
1380
  }
2118
1381
  }
1382
+
2119
1383
  // tabs
2120
1384
  .tabs__container {
2121
1385
  display: flex;
2122
1386
  position: relative;
1387
+
2123
1388
  .tab {
2124
1389
  flex: 1;
2125
1390
  padding-block: 20px;
@@ -2127,10 +1392,12 @@
2127
1392
  text-align: center;
2128
1393
  cursor: pointer;
2129
1394
  position: relative;
1395
+
2130
1396
  &.tab__active {
2131
1397
  font-weight: bold;
2132
1398
  }
2133
1399
  }
1400
+
2134
1401
  .tab__active-indicator {
2135
1402
  position: absolute;
2136
1403
  bottom: 0;
@@ -2148,50 +1415,29 @@
2148
1415
  .tab__accordion {
2149
1416
  display: flex;
2150
1417
  flex-direction: column;
2151
- padding: var(
2152
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg,
2153
- var(
2154
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg,
2155
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg)
2156
- )
2157
- );
1418
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg,
1419
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg,
1420
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg)));
2158
1421
 
2159
1422
  .tab__container {
2160
1423
  display: flex;
2161
1424
  flex-direction: column;
2162
- gap: var(
2163
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg,
2164
- var(
2165
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg,
2166
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg)
2167
- )
2168
- );
1425
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg,
1426
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg,
1427
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg)));
2169
1428
 
2170
1429
  .tab_acc_wrapper {
2171
1430
  display: flex;
2172
1431
  flex-direction: column;
2173
- gap: var(
2174
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-ad-cr-sg,
2175
- var(
2176
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-ad-cr-sg,
2177
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-ad-cr-sg)
2178
- )
2179
- );
2180
-
2181
- padding: var(
2182
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-vl-pg,
2183
- var(
2184
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-vl-pg,
2185
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-vl-pg)
2186
- )
2187
- )
2188
- var(
2189
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-hl-pg,
2190
- var(
2191
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-hl-pg,
2192
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-hl-pg)
2193
- )
2194
- );
1432
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-ad-cr-sg,
1433
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-ad-cr-sg,
1434
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-ad-cr-sg)));
1435
+
1436
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-vl-pg,
1437
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-vl-pg,
1438
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-vl-pg))) var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-hl-pg,
1439
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-hl-pg,
1440
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-hl-pg)));
2195
1441
 
2196
1442
  .tab {
2197
1443
  display: flex;
@@ -2199,10 +1445,12 @@
2199
1445
  position: relative;
2200
1446
  cursor: pointer;
2201
1447
  flex-direction: row;
1448
+
2202
1449
  &[data-expand-icon="Left"] {
2203
1450
  flex-direction: row-reverse;
2204
1451
  justify-content: flex-end;
2205
1452
  }
1453
+
2206
1454
  &[data-item-dividers="true"] {
2207
1455
  &::after {
2208
1456
  content: "";
@@ -2213,21 +1461,26 @@
2213
1461
  border-bottom: 1px solid var(--_gray-200);
2214
1462
  }
2215
1463
  }
1464
+
2216
1465
  span {
2217
1466
  padding-block: 12px;
2218
1467
  display: inline-block;
2219
1468
  }
1469
+
2220
1470
  .active {
2221
1471
  border-bottom: 2px solid var(--_primary-400);
2222
1472
  }
1473
+
2223
1474
  &.inactive {
2224
1475
  height: 0px;
2225
1476
  }
2226
1477
  }
1478
+
2227
1479
  .tab__content {
2228
1480
  &.d-none {
2229
1481
  display: none;
2230
1482
  }
1483
+
2231
1484
  &.d-block {
2232
1485
  display: block;
2233
1486
  }
@@ -2247,16 +1500,9 @@
2247
1500
  height: 1px;
2248
1501
  width: 100%;
2249
1502
  display: flex;
2250
- top: calc(
2251
- var(
2252
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg,
2253
- var(
2254
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg,
2255
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg)
2256
- )
2257
- ) /
2258
- 2
2259
- );
1503
+ top: calc(var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg,
1504
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg,
1505
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-an-sg))) / 2);
2260
1506
  }
2261
1507
  }
2262
1508
  }
@@ -2283,6 +1529,7 @@
2283
1529
  .table__class {
2284
1530
  border: 1px solid var(--_gray-200);
2285
1531
  border-radius: 8px;
1532
+
2286
1533
  .custom__table {
2287
1534
  border: 1px solid var(--_gray-200);
2288
1535
  width: 100%;
@@ -2290,17 +1537,21 @@
2290
1537
  // height: 300px;
2291
1538
 
2292
1539
  border-collapse: collapse;
1540
+
2293
1541
  &[data-header-divider="true"] {
2294
1542
  thead tr th {
2295
1543
  border-bottom: 1px solid var(--_gray-200);
2296
1544
  }
2297
1545
  }
1546
+
2298
1547
  &[data-row-divider="true"] {
2299
1548
  tbody tr td {
2300
1549
  border-bottom: 1px solid var(--_gray-200);
2301
1550
  }
2302
1551
  }
1552
+
2303
1553
  &[data-column-divider="true"] {
1554
+
2304
1555
  tbody tr td,
2305
1556
  thead tr th {
2306
1557
  border-right: 1px solid var(--_gray-200);
@@ -2311,42 +1562,29 @@
2311
1562
  border-right: none;
2312
1563
  }
2313
1564
  }
1565
+
2314
1566
  &[data-alternative-row-colors="true"] {
2315
1567
  tbody tr:nth-child(odd) {
2316
1568
  background-color: var(--_gray-300);
2317
1569
  width: 100%;
2318
1570
  }
2319
1571
  }
1572
+
2320
1573
  thead {
2321
- height: var(
2322
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht,
2323
- var(
2324
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht,
2325
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht)
2326
- )
2327
- );
1574
+ height: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht,
1575
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht,
1576
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht)));
1577
+
2328
1578
  th {
2329
- height: var(
2330
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht,
2331
- var(
2332
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht,
2333
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht)
2334
- )
2335
- );
2336
- text-align: var(
2337
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at,
2338
- var(
2339
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at,
2340
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at)
2341
- )
2342
- );
2343
- padding: var(
2344
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-cl-pg,
2345
- var(
2346
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-cl-pg,
2347
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-cl-pg)
2348
- )
2349
- );
1579
+ height: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht,
1580
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht,
1581
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-ht)));
1582
+ text-align: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at,
1583
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at,
1584
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at)));
1585
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-cl-pg,
1586
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-cl-pg,
1587
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-hr-cl-pg)));
2350
1588
  background-color: var(--_gray-50);
2351
1589
  font-weight: 600;
2352
1590
  color: var(--_gray-600);
@@ -2357,34 +1595,26 @@
2357
1595
  tbody {
2358
1596
  tr {
2359
1597
  border-bottom: 1px solid var(--_gray-200);
2360
- height: var(
2361
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-ht,
2362
- var(
2363
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-ht,
2364
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-ht)
2365
- )
2366
- );
1598
+ height: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-ht,
1599
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-ht,
1600
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-ht)));
1601
+
2367
1602
  td {
2368
- text-align: var(
2369
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at,
2370
- var(
2371
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at,
2372
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at)
2373
- )
2374
- );
2375
- padding: var(
2376
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-cl-pg,
2377
- var(
2378
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-cl-pg,
2379
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-cl-pg)
2380
- )
2381
- );
1603
+ text-align: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at,
1604
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at,
1605
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-ct-at)));
1606
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-cl-pg,
1607
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-cl-pg,
1608
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-te-dy-se-rw-cl-pg)));
1609
+
2382
1610
  .disocunted__price {
2383
1611
  color: var(--_gray-900);
2384
1612
  }
1613
+
2385
1614
  .actual__price {
2386
1615
  color: var(--_gray-500);
2387
1616
  }
1617
+
2388
1618
  .qty__input {
2389
1619
  border: 1px solid var(--_gray-200);
2390
1620
  padding-inline: 10px;
@@ -2392,11 +1622,13 @@
2392
1622
  border-radius: 6px;
2393
1623
  height: 40px;
2394
1624
  }
1625
+
2395
1626
  input[type="number"] {
2396
1627
  &:focus-within {
2397
1628
  border: 1px solid var(--_primary-200);
2398
1629
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
2399
1630
  }
1631
+
2400
1632
  &:disabled {
2401
1633
  cursor: not-allowed;
2402
1634
  opacity: 0.4;
@@ -2407,8 +1639,9 @@
2407
1639
  }
2408
1640
  }
2409
1641
  }
1642
+
2410
1643
  &[data-show-divider="true"] {
2411
- & > div {
1644
+ &>div {
2412
1645
  &:not(:last-child)::after {
2413
1646
  content: "";
2414
1647
  position: relative;
@@ -2416,16 +1649,9 @@
2416
1649
  height: 1px;
2417
1650
  width: 100%;
2418
1651
  display: flex;
2419
- top: calc(
2420
- var(
2421
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2422
- var(
2423
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
2424
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg)
2425
- )
2426
- ) /
2427
- 2
2428
- );
1652
+ top: calc(var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1653
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg,
1654
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-im-sg))) / 2);
2429
1655
  }
2430
1656
  }
2431
1657
  }
@@ -2441,268 +1667,136 @@
2441
1667
  }
2442
1668
  }
2443
1669
  }
1670
+
2444
1671
  &.tabs__hr {
2445
1672
  .tabs {
2446
1673
  flex-direction: column;
2447
- gap: var(
2448
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-ad-cr-sg,
2449
- var(
2450
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-ad-cr-sg,
2451
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-ad-cr-sg)
2452
- )
2453
- );
1674
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-ad-cr-sg,
1675
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-ad-cr-sg,
1676
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-ad-cr-sg)));
2454
1677
 
2455
1678
  .tabs__container {
2456
1679
  width: 100%;
2457
1680
  }
2458
1681
  }
2459
1682
  }
1683
+
2460
1684
  .tabs {
2461
1685
  display: flex;
2462
- gap: var(
2463
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tb-im-se-dt-se-tb-ad-cr-sg,
2464
- var(
2465
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tb-im-se-dt-se-tb-ad-cr-sg,
2466
- var(--_ctm-dn-tb-im-se-dt-se-tb-ad-cr-sg)
2467
- )
2468
- );
1686
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tb-im-se-dt-se-tb-ad-cr-sg,
1687
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tb-im-se-dt-se-tb-ad-cr-sg,
1688
+ var(--_ctm-dn-tb-im-se-dt-se-tb-ad-cr-sg)));
2469
1689
 
2470
1690
  .tabs__container {
2471
1691
  display: flex;
2472
- gap: var(
2473
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-sg,
2474
- var(
2475
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-sg,
2476
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-sg)
2477
- )
2478
- );
1692
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-sg,
1693
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-sg,
1694
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-sg)));
2479
1695
 
2480
1696
  .tab {
2481
1697
  display: flex;
2482
1698
  justify-content: var(--_tab-aliginment);
2483
- padding: var(
2484
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-vl-pg,
2485
- var(
2486
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-vl-pg,
2487
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-vl-pg)
2488
- )
2489
- )
2490
- var(
2491
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-hl-pg,
2492
- var(
2493
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-hl-pg,
2494
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-hl-pg)
2495
- )
2496
- );
2497
- background-color: var(
2498
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-bd-cr,
2499
- var(
2500
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-bd-cr,
2501
- var(--_ctm-dn-tb-im-se-dt-se-bd-cr)
2502
- )
2503
- );
2504
- border-color: var(
2505
- --_show-border-im-se,
2506
- var(
2507
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-cr,
2508
- var(
2509
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-cr,
2510
- var(--_ctm-dn-tb-im-se-dt-se-br-cr)
2511
- )
2512
- )
2513
- );
2514
- border-style: var(
2515
- --_show-border-im-se,
2516
- var(
2517
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-se,
2518
- var(
2519
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-se,
2520
- var(--_ctm-dn-tb-im-se-dt-se-br-se)
2521
- )
2522
- )
2523
- );
2524
- border-width: var(
2525
- --_show-border-im-se,
2526
- var(
2527
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-wh,
2528
- var(
2529
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-wh,
2530
- var(--_ctm-dn-tb-im-se-dt-se-br-wh)
2531
- )
2532
- )
2533
- );
2534
- border-radius: var(
2535
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-rs,
2536
- var(
2537
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-rs,
2538
- var(--_ctm-dn-tb-im-se-dt-se-br-rs)
2539
- )
2540
- );
2541
- box-shadow: var(
2542
- --_show-shadow-im-se,
2543
- var(
2544
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-ae,
2545
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-ae)
2546
- ),
2547
- var(
2548
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-br,
2549
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-br)
2550
- ),
2551
- var(
2552
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-sd,
2553
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-sd)
2554
- ),
2555
- var(
2556
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-cr,
2557
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-cr)
2558
- )
2559
- );
2560
- border-radius: var(
2561
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-rs,
2562
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-rs)
2563
- );
1699
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-vl-pg,
1700
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-vl-pg,
1701
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-vl-pg))) var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-hl-pg,
1702
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-hl-pg,
1703
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-tb-hl-pg)));
1704
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-bd-cr,
1705
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-bd-cr,
1706
+ var(--_ctm-dn-tb-im-se-dt-se-bd-cr)));
1707
+ border-color: var(--_show-border-im-se,
1708
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-cr,
1709
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-cr,
1710
+ var(--_ctm-dn-tb-im-se-dt-se-br-cr))));
1711
+ border-style: var(--_show-border-im-se,
1712
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-se,
1713
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-se,
1714
+ var(--_ctm-dn-tb-im-se-dt-se-br-se))));
1715
+ border-width: var(--_show-border-im-se,
1716
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-wh,
1717
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-wh,
1718
+ var(--_ctm-dn-tb-im-se-dt-se-br-wh))));
1719
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-rs,
1720
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-rs,
1721
+ var(--_ctm-dn-tb-im-se-dt-se-br-rs)));
1722
+ box-shadow: var(--_show-shadow-im-se,
1723
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-ae,
1724
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-ae)),
1725
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-br,
1726
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-br)),
1727
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-sd,
1728
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-sd)),
1729
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-cr,
1730
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-sw-cr)));
1731
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-rs,
1732
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-dt-se-br-rs));
2564
1733
 
2565
1734
  &:hover {
2566
- background-color: var(
2567
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-bd-cr,
2568
- var(
2569
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-bd-cr,
2570
- var(--_ctm-dn-tb-im-se-hr-se-bd-cr)
2571
- )
2572
- );
2573
- border-color: var(
2574
- --_show-border-im-se,
2575
- var(
2576
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-cr,
2577
- var(
2578
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-cr,
2579
- var(--_ctm-dn-tb-im-se-hr-se-br-cr)
2580
- )
2581
- )
2582
- );
2583
- border-style: var(
2584
- --_show-border-im-se,
2585
- var(
2586
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-se,
2587
- var(
2588
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-se,
2589
- var(--_ctm-dn-tb-im-se-hr-se-br-se)
2590
- )
2591
- )
2592
- );
2593
- border-width: var(
2594
- --_show-border-im-se,
2595
- var(
2596
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-wh,
2597
- var(
2598
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-wh,
2599
- var(--_ctm-dn-tb-im-se-hr-se-br-wh)
2600
- )
2601
- )
2602
- );
2603
- border-radius: var(
2604
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-rs,
2605
- var(
2606
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-rs,
2607
- var(--_ctm-dn-tb-im-se-hr-se-br-rs)
2608
- )
2609
- );
2610
- box-shadow: var(
2611
- --_show-shadow-im-se,
2612
- var(
2613
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-ae,
2614
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-ae)
2615
- ),
2616
- var(
2617
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-br,
2618
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-br)
2619
- ),
2620
- var(
2621
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-sd,
2622
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-sd)
2623
- ),
2624
- var(
2625
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-cr,
2626
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-cr)
2627
- )
2628
- );
1735
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-bd-cr,
1736
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-bd-cr,
1737
+ var(--_ctm-dn-tb-im-se-hr-se-bd-cr)));
1738
+ border-color: var(--_show-border-im-se,
1739
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-cr,
1740
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-cr,
1741
+ var(--_ctm-dn-tb-im-se-hr-se-br-cr))));
1742
+ border-style: var(--_show-border-im-se,
1743
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-se,
1744
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-se,
1745
+ var(--_ctm-dn-tb-im-se-hr-se-br-se))));
1746
+ border-width: var(--_show-border-im-se,
1747
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-wh,
1748
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-wh,
1749
+ var(--_ctm-dn-tb-im-se-hr-se-br-wh))));
1750
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-rs,
1751
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-br-rs,
1752
+ var(--_ctm-dn-tb-im-se-hr-se-br-rs)));
1753
+ box-shadow: var(--_show-shadow-im-se,
1754
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-ae,
1755
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-ae)),
1756
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-br,
1757
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-br)),
1758
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-sd,
1759
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-sd)),
1760
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-cr,
1761
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-hr-se-sw-cr)));
2629
1762
  }
2630
1763
 
2631
1764
  &.active {
2632
- background-color: var(
2633
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-bd-cr,
2634
- var(
2635
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-bd-cr,
2636
- var(--_ctm-dn-tb-im-se-sd-se-bd-cr)
2637
- )
2638
- );
2639
- border-color: var(
2640
- --_show-border-im-se,
2641
- var(
2642
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-cr,
2643
- var(
2644
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-cr,
2645
- var(--_ctm-dn-tb-im-se-sd-se-br-cr)
2646
- )
2647
- )
2648
- );
2649
- border-style: var(
2650
- --_show-border-im-se,
2651
- var(
2652
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-se,
2653
- var(
2654
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-se,
2655
- var(--_ctm-dn-tb-im-se-sd-se-br-se)
2656
- )
2657
- )
2658
- );
2659
- border-width: var(
2660
- --_show-border-im-se,
2661
- var(
2662
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-wh,
2663
- var(
2664
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-wh,
2665
- var(--_ctm-dn-tb-im-se-sd-se-br-wh)
2666
- )
2667
- )
2668
- );
2669
- border-radius: var(
2670
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-rs,
2671
- var(
2672
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-rs,
2673
- var(--_ctm-dn-tb-im-se-sd-se-br-rs)
2674
- )
2675
- );
2676
- box-shadow: var(
2677
- --_show-shadow-im-se,
2678
- var(
2679
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-ae,
2680
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-ae)
2681
- ),
2682
- var(
2683
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-br,
2684
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-br)
2685
- ),
2686
- var(
2687
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-sd,
2688
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-sd)
2689
- ),
2690
- var(
2691
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-cr,
2692
- var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-cr)
2693
- )
2694
- );
1765
+ background-color: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-bd-cr,
1766
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-bd-cr,
1767
+ var(--_ctm-dn-tb-im-se-sd-se-bd-cr)));
1768
+ border-color: var(--_show-border-im-se,
1769
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-cr,
1770
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-cr,
1771
+ var(--_ctm-dn-tb-im-se-sd-se-br-cr))));
1772
+ border-style: var(--_show-border-im-se,
1773
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-se,
1774
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-se,
1775
+ var(--_ctm-dn-tb-im-se-sd-se-br-se))));
1776
+ border-width: var(--_show-border-im-se,
1777
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-wh,
1778
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-wh,
1779
+ var(--_ctm-dn-tb-im-se-sd-se-br-wh))));
1780
+ border-radius: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-rs,
1781
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-br-rs,
1782
+ var(--_ctm-dn-tb-im-se-sd-se-br-rs)));
1783
+ box-shadow: var(--_show-shadow-im-se,
1784
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-ae,
1785
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-ae)),
1786
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-br,
1787
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-br)),
1788
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-sd,
1789
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-sd)),
1790
+ var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-cr,
1791
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-dn-tb-im-se-sd-se-sw-cr)));
2695
1792
  }
2696
1793
  }
2697
1794
  }
1795
+
2698
1796
  .tab__content {
2699
- padding: var(
2700
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg,
2701
- var(
2702
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg,
2703
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg)
2704
- )
2705
- );
1797
+ padding: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg,
1798
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg,
1799
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-gd-os-dy-se-cr-pg)));
2706
1800
  }
2707
1801
  }
2708
1802
  }
@@ -2738,46 +1832,23 @@
2738
1832
  // calc(100% / var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-is-pr-se))
2739
1833
  // );
2740
1834
  // grid-auto-flow: column;
2741
- gap: var(
2742
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-sg,
2743
- var(
2744
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-sg,
2745
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-sg)
2746
- )
2747
- );
1835
+ gap: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-sg,
1836
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-sg,
1837
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-sh-im-sg)));
2748
1838
 
2749
1839
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
2750
- height: calc(
2751
- 100% - calc(
2752
- var(
2753
- --_ctm-mob-dn-pn-as-aw-se,
2754
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2755
- ) +
2756
- 8px
2757
- )
2758
- );
1840
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-as-aw-se,
1841
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) + 8px));
2759
1842
  }
1843
+
2760
1844
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
2761
- height: calc(
2762
- 100% - calc(
2763
- var(
2764
- --_ctm-mob-dn-pn-le-le-ht,
2765
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
2766
- ) +
2767
- 20px
2768
- )
2769
- );
1845
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-le-le-ht,
1846
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))) + 20px));
2770
1847
  }
1848
+
2771
1849
  &[data-control-type="Bottom"][data-slider-control="Dots"] {
2772
- height: calc(
2773
- 100% - calc(
2774
- var(
2775
- --_ctm-mob-dn-pn-ds-dt-se,
2776
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
2777
- ) +
2778
- 20px
2779
- )
2780
- );
1850
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-ds-dt-se,
1851
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))) + 20px));
2781
1852
  }
2782
1853
 
2783
1854
  .embla__slide {
@@ -2795,20 +1866,25 @@
2795
1866
  width: 100%;
2796
1867
  justify-content: space-between;
2797
1868
  transform: translate(-50%, -50%);
1869
+
2798
1870
  // padding-left: 20px;
2799
1871
  &[data-control-type="Side"] {
1872
+
2800
1873
  .left-button,
2801
1874
  .right-button {
2802
1875
  background-color: transparent;
2803
1876
  }
2804
1877
  }
1878
+
2805
1879
  &[data-background-shape="Round"] {
1880
+
2806
1881
  .left-button,
2807
1882
  .right-button {
2808
1883
  background-color: #f2f5f5;
2809
1884
  box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
2810
1885
  }
2811
1886
  }
1887
+
2812
1888
  &[data-control-type="Bottom-Overflow"] {
2813
1889
  transform: translateX(-50%);
2814
1890
  width: 100%;
@@ -2817,6 +1893,7 @@
2817
1893
  top: unset;
2818
1894
  bottom: 6px;
2819
1895
  }
1896
+
2820
1897
  &[data-control-type="Bottom"] {
2821
1898
  transform: unset;
2822
1899
  position: static;
@@ -2825,18 +1902,15 @@
2825
1902
  gap: 12px;
2826
1903
  margin-top: 10px;
2827
1904
  }
1905
+
2828
1906
  .left-button {
2829
1907
  padding: 10px;
2830
1908
  border-radius: 50%;
2831
1909
  border: none;
2832
- width: var(
2833
- --_ctm-mob-dn-pn-as-aw-se,
2834
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2835
- );
2836
- height: var(
2837
- --_ctm-mob-dn-pn-as-aw-se,
2838
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2839
- );
1910
+ width: var(--_ctm-mob-dn-pn-as-aw-se,
1911
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1912
+ height: var(--_ctm-mob-dn-pn-as-aw-se,
1913
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
2840
1914
 
2841
1915
  display: flex;
2842
1916
  align-items: center;
@@ -2844,6 +1918,7 @@
2844
1918
  cursor: pointer;
2845
1919
  outline: none;
2846
1920
  margin-left: 12px;
1921
+
2847
1922
  &:disabled {
2848
1923
  & svg {
2849
1924
  path {
@@ -2852,17 +1927,14 @@
2852
1927
  }
2853
1928
  }
2854
1929
  }
1930
+
2855
1931
  .right-button {
2856
1932
  border-radius: 50%;
2857
1933
  border: none;
2858
- width: var(
2859
- --_ctm-mob-dn-pn-as-aw-se,
2860
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2861
- );
2862
- height: var(
2863
- --_ctm-mob-dn-pn-as-aw-se,
2864
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2865
- );
1934
+ width: var(--_ctm-mob-dn-pn-as-aw-se,
1935
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1936
+ height: var(--_ctm-mob-dn-pn-as-aw-se,
1937
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
2866
1938
 
2867
1939
  display: flex;
2868
1940
  align-items: center;
@@ -2880,28 +1952,19 @@
2880
1952
  }
2881
1953
  }
2882
1954
  }
1955
+
2883
1956
  .icon {
2884
1957
  display: flex;
1958
+
2885
1959
  svg {
2886
- width: calc(
2887
- var(
2888
- --_ctm-mob-dn-pn-as-aw-se,
2889
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2890
- ) *
2891
- 0.5
2892
- );
2893
- height: calc(
2894
- var(
2895
- --_ctm-mob-dn-pn-as-aw-se,
2896
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
2897
- ) *
2898
- 0.5
2899
- );
1960
+ width: calc(var(--_ctm-mob-dn-pn-as-aw-se,
1961
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
1962
+ height: calc(var(--_ctm-mob-dn-pn-as-aw-se,
1963
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
1964
+
2900
1965
  path {
2901
- stroke: var(
2902
- --_ctm-mob-dn-pn-as-aw-cr,
2903
- var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr))
2904
- );
1966
+ stroke: var(--_ctm-mob-dn-pn-as-aw-cr,
1967
+ var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr)));
2905
1968
  }
2906
1969
  }
2907
1970
  }
@@ -2910,20 +1973,18 @@
2910
1973
  &[data-thumbnail-placement="top"] {
2911
1974
  flex-direction: column-reverse;
2912
1975
  }
1976
+
2913
1977
  &[data-thumbnail-placement="bottom"] {
2914
1978
  flex-direction: column;
2915
1979
  }
1980
+
2916
1981
  &[data-thumbnail-placement="left"] {
2917
1982
  flex-direction: row-reverse;
2918
1983
 
2919
1984
  .embla__thumbs {
2920
- width: var(
2921
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2922
- var(
2923
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2924
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)
2925
- )
2926
- );
1985
+ width: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
1986
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
1987
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)));
2927
1988
 
2928
1989
  height: 100%;
2929
1990
 
@@ -2933,16 +1994,14 @@
2933
1994
  }
2934
1995
  }
2935
1996
  }
1997
+
2936
1998
  &[data-thumbnail-placement="right"] {
2937
1999
  flex-direction: row;
2000
+
2938
2001
  .embla__thumbs {
2939
- width: var(
2940
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2941
- var(
2942
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2943
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)
2944
- )
2945
- );
2002
+ width: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2003
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2004
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)));
2946
2005
 
2947
2006
  height: 100%;
2948
2007
 
@@ -2952,15 +2011,18 @@
2952
2011
  }
2953
2012
  }
2954
2013
  }
2014
+
2955
2015
  &[data-control-type="Side"] {
2956
2016
  display: flex;
2957
2017
  align-self: center;
2958
2018
  flex-direction: row;
2019
+
2959
2020
  .left-button:disabled,
2960
2021
  .right-button:disabled {
2961
2022
  display: none;
2962
2023
  }
2963
2024
  }
2025
+
2964
2026
  .embla__dots {
2965
2027
  display: flex;
2966
2028
  flex-wrap: wrap;
@@ -2977,6 +2039,7 @@
2977
2039
  transform: translateX(-50%);
2978
2040
  width: 75%;
2979
2041
  }
2042
+
2980
2043
  .embla__dot {
2981
2044
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
2982
2045
  -webkit-appearance: none;
@@ -2998,6 +2061,7 @@
2998
2061
  justify-content: center;
2999
2062
  border-radius: 50%;
3000
2063
  }
2064
+
3001
2065
  .embla__dot:after {
3002
2066
  // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
3003
2067
  width: var(--_ctm-dn-pn-ds-dt-se, var(--_tst-dn-pn-ds-dt-se));
@@ -3007,10 +2071,12 @@
3007
2071
  align-items: center;
3008
2072
  content: "";
3009
2073
  }
2074
+
3010
2075
  .embla__dot--selected:after {
3011
2076
  box-shadow: inset 0 0 0 1px var(--text-body);
3012
2077
  background-color: var(--_ctm-dn-pn-ds-ct-dt-cr, var(--_tst-dn-pn-ds-ct-dt-cr));
3013
2078
  }
2079
+
3014
2080
  &[data-slider-control="Pagination Line"] {
3015
2081
  .embla__dot {
3016
2082
  width: var(--_ctm-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh));
@@ -3019,6 +2085,7 @@
3019
2085
 
3020
2086
  border-radius: 6px;
3021
2087
  }
2088
+
3022
2089
  .embla__dot--selected:after {
3023
2090
  box-shadow: inset 0 0 0 1px var(--text-body);
3024
2091
  border-radius: 6px;
@@ -3032,13 +2099,9 @@
3032
2099
 
3033
2100
  .embla__thumbs {
3034
2101
  width: 100%;
3035
- height: var(
3036
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
3037
- var(
3038
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
3039
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)
3040
- )
3041
- );
2102
+ height: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2103
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2104
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)));
3042
2105
 
3043
2106
  position: relative;
3044
2107
  display: grid;
@@ -3056,6 +2119,7 @@
3056
2119
 
3057
2120
  overflow: hidden;
3058
2121
  }
2122
+
3059
2123
  .embla__thumbs__container {
3060
2124
  display: flex;
3061
2125
  flex-direction: row;
@@ -3066,27 +2130,16 @@
3066
2130
  // height: 200px;
3067
2131
 
3068
2132
  .embla__thumbs__slide {
3069
- min-width: var(
3070
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
3071
- var(
3072
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
3073
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)
3074
- )
3075
- );
3076
- max-width: var(
3077
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
3078
- var(
3079
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
3080
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)
3081
- )
3082
- );
3083
- height: var(
3084
- --_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
3085
- var(
3086
- --_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
3087
- var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)
3088
- )
3089
- );
2133
+ min-width: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2134
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2135
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)));
2136
+ max-width: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2137
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2138
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)));
2139
+ height: var(--_ctm-mob-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2140
+ var(--_ctm-tab-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se,
2141
+ var(--_ctm-dn-pt-pl-dn-vt-pr-dn-vt-lt-tl-se)));
2142
+
3090
2143
  & img {
3091
2144
  width: 100%;
3092
2145
  height: 100%;
@@ -3182,10 +2235,7 @@
3182
2235
  border-radius: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-br-rs);
3183
2236
  border-style: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-br-se);
3184
2237
  border-width: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-br-wh);
3185
- box-shadow: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-sw-ae)
3186
- var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-sw-br)
3187
- var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-sw-sd)
3188
- var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-sw-cr);
2238
+ box-shadow: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-sw-ae) var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-sw-br) var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-sw-sd) var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-dt-se-sw-cr);
3189
2239
 
3190
2240
  &:hover {
3191
2241
  background-color: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-bd-cr);
@@ -3193,10 +2243,7 @@
3193
2243
  border-radius: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-br-rs);
3194
2244
  border-style: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-br-se);
3195
2245
  border-width: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-br-wh);
3196
- box-shadow: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-sw-ae)
3197
- var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-sw-br)
3198
- var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-sw-sd)
3199
- var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-sw-cr);
2246
+ box-shadow: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-sw-ae) var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-sw-br) var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-sw-sd) var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-hr-se-sw-cr);
3200
2247
  }
3201
2248
 
3202
2249
  &.active {
@@ -3205,10 +2252,7 @@
3205
2252
  border-radius: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-br-rs);
3206
2253
  border-style: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-br-se);
3207
2254
  border-width: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-br-wh);
3208
- box-shadow: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-sw-ae)
3209
- var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-sw-br)
3210
- var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-sw-sd)
3211
- var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-sw-cr);
2255
+ box-shadow: var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-sw-ae) var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-sw-br) var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-sw-sd) var(--_ctm-dn-cy-sr-cd-dn-cy-cd-dn-sd-se-sw-cr);
3212
2256
  }
3213
2257
 
3214
2258
  .category_image {
@@ -3304,9 +2348,7 @@
3304
2348
  font-weight: var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-ft-wt);
3305
2349
  line-height: var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-le-ht);
3306
2350
  letter-spacing: var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-lr-sg);
3307
- box-shadow: var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-ae)
3308
- var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-br) var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-sd)
3309
- var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-cr);
2351
+ box-shadow: var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-ae) var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-br) var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-sd) var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-cr);
3310
2352
  text-align: var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-tt-an);
3311
2353
  text-decoration: var(--_ctm-dn-be-ds-hr-dn-be-ne-dn-ue);
3312
2354
  }
@@ -3328,6 +2370,7 @@
3328
2370
  border-radius: 2px !important;
3329
2371
  outline: none;
3330
2372
  padding: 8px 12px !important;
2373
+
3331
2374
  &:disabled {
3332
2375
  background-color: #f9fafb;
3333
2376
  }
@@ -3377,19 +2420,18 @@
3377
2420
  text-transform: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-tt-tm);
3378
2421
  word-wrap: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-wd-wp);
3379
2422
  word-break: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-wd-bk);
2423
+
3380
2424
  &.flex__overflow {
3381
2425
  white-space: normal;
3382
2426
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
3383
2427
  }
2428
+
3384
2429
  font-size: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-ft-se);
3385
2430
  font-style: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-ft-se-ic);
3386
2431
  font-weight: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-ft-wt);
3387
2432
  line-height: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-le-ht);
3388
2433
  letter-spacing: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-lr-sg);
3389
- box-shadow: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-sw-ae)
3390
- var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-sw-br)
3391
- var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-sw-sd)
3392
- var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-sw-cr);
2434
+ box-shadow: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-sw-ae) var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-sw-br) var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-sw-sd) var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-sw-cr);
3393
2435
  text-align: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-tt-an);
3394
2436
  text-decoration: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-dt-se-ue);
3395
2437
 
@@ -3413,10 +2455,7 @@
3413
2455
  font-weight: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-ft-wt);
3414
2456
  line-height: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-le-ht);
3415
2457
  letter-spacing: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-lr-sg);
3416
- box-shadow: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-sw-ae)
3417
- var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-sw-br)
3418
- var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-sw-sd)
3419
- var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-sw-cr);
2458
+ box-shadow: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-sw-ae) var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-sw-br) var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-sw-sd) var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-sw-cr);
3420
2459
  text-align: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-tt-an);
3421
2460
  text-decoration: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-hr-se-ue);
3422
2461
  }
@@ -3437,10 +2476,7 @@
3437
2476
  font-weight: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-ft-wt);
3438
2477
  line-height: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-le-ht);
3439
2478
  letter-spacing: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-lr-sg);
3440
- box-shadow: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-sw-ae)
3441
- var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-sw-br)
3442
- var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-sw-sd)
3443
- var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-sw-cr);
2479
+ box-shadow: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-sw-ae) var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-sw-br) var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-sw-sd) var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-sw-cr);
3444
2480
  text-align: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-tt-an);
3445
2481
  text-decoration: var(--_ctm-dn-pt-pl-dn-ad-to-ct-bn-dn-sd-se-ue);
3446
2482
 
@@ -3477,10 +2513,7 @@
3477
2513
  border-radius: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-br-rs);
3478
2514
  border-style: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-br-se);
3479
2515
  border-width: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-br-wh);
3480
- box-shadow: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-sw-ae)
3481
- var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-sw-br)
3482
- var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-sw-sd)
3483
- var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-sw-cr);
2516
+ box-shadow: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-sw-ae) var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-sw-br) var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-sw-sd) var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-dt-se-sw-cr);
3484
2517
 
3485
2518
  &:hover {
3486
2519
  background-color: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-bd-cr);
@@ -3488,10 +2521,7 @@
3488
2521
  border-radius: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-br-rs);
3489
2522
  border-style: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-br-se);
3490
2523
  border-width: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-br-wh);
3491
- box-shadow: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-sw-ae)
3492
- var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-sw-br)
3493
- var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-sw-sd)
3494
- var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-sw-cr);
2524
+ box-shadow: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-sw-ae) var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-sw-br) var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-sw-sd) var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-hr-se-sw-cr);
3495
2525
  }
3496
2526
 
3497
2527
  &.active {
@@ -3500,10 +2530,7 @@
3500
2530
  border-radius: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-br-rs);
3501
2531
  border-style: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-br-se);
3502
2532
  border-width: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-br-wh);
3503
- box-shadow: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-sw-ae)
3504
- var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-sw-br)
3505
- var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-sw-sd)
3506
- var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-sw-cr);
2533
+ box-shadow: var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-sw-ae) var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-sw-br) var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-sw-sd) var(--_ctm-dn-pt-cs-sl-dn-pt-cd-dn-sd-se-sw-cr);
3507
2534
 
3508
2535
  .category_bundle_product_card_product_name {
3509
2536
  font-weight: bolder;
@@ -3706,6 +2733,7 @@
3706
2733
  border-radius: 2px !important;
3707
2734
  outline: none;
3708
2735
  padding: 8px 12px !important;
2736
+
3709
2737
  &:disabled {
3710
2738
  background-color: #f9fafb;
3711
2739
  }
@@ -3731,19 +2759,18 @@
3731
2759
  text-transform: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-tt-tm);
3732
2760
  word-wrap: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-wd-wp);
3733
2761
  word-break: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-wd-bk);
2762
+
3734
2763
  &.flex__overflow {
3735
2764
  white-space: normal;
3736
2765
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
3737
2766
  }
2767
+
3738
2768
  font-size: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-ft-se);
3739
2769
  font-style: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-ft-se-ic);
3740
2770
  font-weight: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-ft-wt);
3741
2771
  line-height: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-le-ht);
3742
2772
  letter-spacing: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-lr-sg);
3743
- box-shadow: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-sw-ae)
3744
- var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-sw-br)
3745
- var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-sw-sd)
3746
- var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-sw-cr);
2773
+ box-shadow: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-sw-ae) var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-sw-br) var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-sw-sd) var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-sw-cr);
3747
2774
  text-align: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-tt-an);
3748
2775
  text-decoration: var(--_ctm-dn-pt-pl-dn-st-bn-dn-dt-se-ue);
3749
2776
 
@@ -3763,10 +2790,7 @@
3763
2790
  font-weight: var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-ft-wt);
3764
2791
  line-height: var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-le-ht);
3765
2792
  letter-spacing: var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-lr-sg);
3766
- box-shadow: var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-sw-ae)
3767
- var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-sw-br)
3768
- var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-sw-sd)
3769
- var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-sw-cr);
2793
+ box-shadow: var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-sw-ae) var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-sw-br) var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-sw-sd) var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-sw-cr);
3770
2794
  text-align: var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-tt-an);
3771
2795
  text-decoration: var(--_ctm-dn-pt-pl-dn-st-bn-dn-hr-se-ue);
3772
2796
  }
@@ -3792,10 +2816,7 @@
3792
2816
  font-weight: var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-ft-wt);
3793
2817
  line-height: var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-le-ht);
3794
2818
  letter-spacing: var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-lr-sg);
3795
- box-shadow: var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-sw-ae)
3796
- var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-sw-br)
3797
- var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-sw-sd)
3798
- var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-sw-cr);
2819
+ box-shadow: var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-sw-ae) var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-sw-br) var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-sw-sd) var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-sw-cr);
3799
2820
  text-align: var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-tt-an);
3800
2821
  text-decoration: var(--_ctm-dn-pt-pl-dn-st-bn-dn-sd-se-ue);
3801
2822
 
@@ -3814,9 +2835,11 @@
3814
2835
  }
3815
2836
  }
3816
2837
  }
2838
+
3817
2839
  .popover-container {
3818
2840
  position: relative;
3819
2841
  display: inline-block;
2842
+
3820
2843
  .popover-trigger {
3821
2844
  cursor: pointer;
3822
2845
  font-weight: 500;
@@ -3852,38 +2875,23 @@
3852
2875
 
3853
2876
  // width: 100%;
3854
2877
  gap: prepareMediaVariable(--_ctm-dn-pr-se-im-gp);
3855
- background-color: var(
3856
- --_ctm-mob-dn-pr-se-bd-cr,
3857
- var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr))
3858
- );
3859
-
3860
- border-color: var(
3861
- --_ctm-mob-dn-pr-se-br-cr,
3862
- var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr))
3863
- );
3864
-
3865
- border-style: var(
3866
- --_ctm-mob-dn-pr-se-br-se,
3867
- var(--_ctm-tab-dn-pr-se-br-se, var(--_ctm-dn-pr-se-br-se))
3868
- );
3869
-
3870
- border-width: var(
3871
- --_ctm-mob-dn-pr-se-br-wh,
3872
- var(--_ctm-tab-dn-pr-se-br-wh, var(--_ctm-dn-pr-se-br-wh))
3873
- );
3874
-
3875
- border-radius: var(
3876
- --_ctm-mob-dn-pr-se-br-rs,
3877
- var(--_ctm-tab-dn-pr-se-br-rs, var(--_ctm-dn-pr-se-br-rs))
3878
- );
3879
-
3880
- box-shadow: var(
3881
- --_show-shadow,
3882
- var(--_ctm-mob-dn-pr-se-sw-ae, var(--_ctm-tab-dn-pr-se-sw-ae, var(--_ctm-dn-pr-se-sw-ae)))
3883
- var(--_ctm-mob-dn-pr-se-sw-br, var(--_ctm-tab-dn-pr-se-sw-br, var(--_ctm-dn-pr-se-sw-br)))
3884
- var(--_ctm-mob-dn-pr-se-sw-sd, var(--_ctm-tab-dn-pr-se-sw-sd, var(--_ctm-dn-pr-se-sw-sd)))
3885
- var(--_ctm-mob-dn-pr-se-sw-cr, var(--_ctm-tab-dn-pr-se-sw-cr, var(--_ctm-dn-pr-se-sw-cr)))
3886
- );
2878
+ background-color: var(--_ctm-mob-dn-pr-se-bd-cr,
2879
+ var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr)));
2880
+
2881
+ border-color: var(--_ctm-mob-dn-pr-se-br-cr,
2882
+ var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr)));
2883
+
2884
+ border-style: var(--_ctm-mob-dn-pr-se-br-se,
2885
+ var(--_ctm-tab-dn-pr-se-br-se, var(--_ctm-dn-pr-se-br-se)));
2886
+
2887
+ border-width: var(--_ctm-mob-dn-pr-se-br-wh,
2888
+ var(--_ctm-tab-dn-pr-se-br-wh, var(--_ctm-dn-pr-se-br-wh)));
2889
+
2890
+ border-radius: var(--_ctm-mob-dn-pr-se-br-rs,
2891
+ var(--_ctm-tab-dn-pr-se-br-rs, var(--_ctm-dn-pr-se-br-rs)));
2892
+
2893
+ box-shadow: var(--_show-shadow,
2894
+ var(--_ctm-mob-dn-pr-se-sw-ae, var(--_ctm-tab-dn-pr-se-sw-ae, var(--_ctm-dn-pr-se-sw-ae))) var(--_ctm-mob-dn-pr-se-sw-br, var(--_ctm-tab-dn-pr-se-sw-br, var(--_ctm-dn-pr-se-sw-br))) var(--_ctm-mob-dn-pr-se-sw-sd, var(--_ctm-tab-dn-pr-se-sw-sd, var(--_ctm-dn-pr-se-sw-sd))) var(--_ctm-mob-dn-pr-se-sw-cr, var(--_ctm-tab-dn-pr-se-sw-cr, var(--_ctm-dn-pr-se-sw-cr))));
3887
2895
 
3888
2896
  padding: var(--_ctm-mob-dn-pr-se-pg, var(--_ctm-tab-dn-pr-se-pg, var(--_ctm-dn-pr-se-pg)));
3889
2897
  }
@@ -3905,151 +2913,93 @@
3905
2913
  // var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr))
3906
2914
  // );
3907
2915
  transform: rotate(-45deg);
3908
- box-shadow: -1px -1px 0px
3909
- var(--_ctm-mob-dn-pr-se-br-cr, var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr)));
2916
+ box-shadow: -1px -1px 0px var(--_ctm-mob-dn-pr-se-br-cr, var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr)));
3910
2917
  }
3911
2918
 
3912
2919
  .popover_item {
3913
2920
  // padding-inline: var(--_sf-cd-gp);
3914
2921
  color: var(--_ctm-mob-dn-pr-se-cr, var(--_ctm-tab-dn-pr-se-cr, var(--_ctm-dn-pr-se-cr)));
3915
- font-family: var(
3916
- --_ctm-mob-dn-pr-se-ft-fy,
3917
- var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy))
3918
- );
3919
- text-transform: var(
3920
- --_ctm-mob-dn-pr-se-tt-tm,
3921
- var(--_ctm-tab-dn-pr-se-tt-tm, var(--_ctm-dn-pr-se-tt-tm))
3922
- );
3923
- word-wrap: var(
3924
- --_ctm-mob-dn-pr-se-wd-wp,
3925
- var(--_ctm-tab-dn-pr-se-wd-wp, var(--_ctm-dn-pr-se-wd-wp))
3926
- );
3927
- word-break: var(
3928
- --_ctm-mob-dn-pr-se-wd-bk,
3929
- var(--_ctm-tab-dn-pr-se-wd-bk, var(--_ctm-dn-pr-se-wd-bk))
3930
- );
3931
- font-size: var(
3932
- --_ctm-mob-dn-pr-se-ft-se,
3933
- var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se))
3934
- );
3935
- font-weight: var(
3936
- --_ctm-mob-dn-pr-se-ft-wt,
3937
- var(--_ctm-tab-dn-pr-se-ft-wt, var(--_ctm-dn-pr-se-ft-wt))
3938
- );
3939
- font-style: var(
3940
- --_ctm-mob-dn-pr-se-ft-se-ic,
3941
- var(--_ctm-tab-dn-pr-se-ft-se-ic, var(--_ctm-dn-pr-se-ft-se-ic))
3942
- );
3943
- text-align: var(
3944
- --_ctm-mob-dn-pr-se-tt-an,
3945
- var(--_ctm-tab-dn-pr-se-tt-an, var(--_ctm-dn-pr-se-tt-an))
3946
- );
3947
- letter-spacing: var(
3948
- --_ctm-mob-dn-pr-se-lr-sg,
3949
- var(--_ctm-tab-dn-pr-se-lr-sg, var(--_ctm-dn-pr-se-lr-sg))
3950
- );
3951
- line-height: var(
3952
- --_ctm-mob-dn-pr-se-le-ht,
3953
- var(--_ctm-tab-dn-pr-se-le-ht, var(--_ctm-dn-pr-se-le-ht-dc))
3954
- );
3955
- text-decoration: var(
3956
- --_ctm-mob-dn-pr-se-ue,
3957
- var(--_ctm-tab-dn-pr-se-ue, var(--_ctm-dn-pr-se-ue))
3958
- );
2922
+ font-family: var(--_ctm-mob-dn-pr-se-ft-fy,
2923
+ var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy)));
2924
+ text-transform: var(--_ctm-mob-dn-pr-se-tt-tm,
2925
+ var(--_ctm-tab-dn-pr-se-tt-tm, var(--_ctm-dn-pr-se-tt-tm)));
2926
+ word-wrap: var(--_ctm-mob-dn-pr-se-wd-wp,
2927
+ var(--_ctm-tab-dn-pr-se-wd-wp, var(--_ctm-dn-pr-se-wd-wp)));
2928
+ word-break: var(--_ctm-mob-dn-pr-se-wd-bk,
2929
+ var(--_ctm-tab-dn-pr-se-wd-bk, var(--_ctm-dn-pr-se-wd-bk)));
2930
+ font-size: var(--_ctm-mob-dn-pr-se-ft-se,
2931
+ var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se)));
2932
+ font-weight: var(--_ctm-mob-dn-pr-se-ft-wt,
2933
+ var(--_ctm-tab-dn-pr-se-ft-wt, var(--_ctm-dn-pr-se-ft-wt)));
2934
+ font-style: var(--_ctm-mob-dn-pr-se-ft-se-ic,
2935
+ var(--_ctm-tab-dn-pr-se-ft-se-ic, var(--_ctm-dn-pr-se-ft-se-ic)));
2936
+ text-align: var(--_ctm-mob-dn-pr-se-tt-an,
2937
+ var(--_ctm-tab-dn-pr-se-tt-an, var(--_ctm-dn-pr-se-tt-an)));
2938
+ letter-spacing: var(--_ctm-mob-dn-pr-se-lr-sg,
2939
+ var(--_ctm-tab-dn-pr-se-lr-sg, var(--_ctm-dn-pr-se-lr-sg)));
2940
+ line-height: var(--_ctm-mob-dn-pr-se-le-ht,
2941
+ var(--_ctm-tab-dn-pr-se-le-ht, var(--_ctm-dn-pr-se-le-ht-dc)));
2942
+ text-decoration: var(--_ctm-mob-dn-pr-se-ue,
2943
+ var(--_ctm-tab-dn-pr-se-ue, var(--_ctm-dn-pr-se-ue)));
3959
2944
  // margin-left: 10px;
3960
2945
  }
3961
2946
  }
3962
2947
 
3963
2948
  .error__message__wraper {
3964
- background-color: var(
3965
- --_ctm-mob-dn-er-me-bd-cr,
3966
- var(--_ctm-tab-dn-er-me-bd-cr, var(--_ctm-dn-er-me-bd-cr))
3967
- );
3968
-
3969
- border-color: var(
3970
- --_ctm-mob-dn-er-me-br-cr,
3971
- var(--_ctm-tab-dn-er-me-br-cr, var(--_ctm-dn-er-me-br-cr))
3972
- );
3973
-
3974
- border-style: var(
3975
- --_ctm-mob-dn-er-me-br-se,
3976
- var(--_ctm-tab-dn-er-me-br-se, var(--_ctm-dn-er-me-br-se))
3977
- );
3978
-
3979
- border-width: var(
3980
- --_ctm-mob-dn-er-me-br-wh,
3981
- var(--_ctm-tab-dn-er-me-br-wh, var(--_ctm-dn-er-me-br-wh))
3982
- );
3983
-
3984
- border-radius: var(
3985
- --_ctm-mob-dn-er-me-br-rs,
3986
- var(--_ctm-tab-dn-er-me-br-rs, var(--_ctm-dn-er-me-br-rs))
3987
- );
3988
-
3989
- box-shadow: var(
3990
- --_show-shadow,
3991
- var(--_ctm-mob-dn-er-me-sw-ae, var(--_ctm-tab-dn-er-me-sw-ae, var(--_ctm-dn-er-me-sw-ae)))
3992
- var(--_ctm-mob-dn-er-me-sw-br, var(--_ctm-tab-dn-er-me-sw-br, var(--_ctm-dn-er-me-sw-br)))
3993
- var(--_ctm-mob-dn-er-me-sw-sd, var(--_ctm-tab-dn-er-me-sw-sd, var(--_ctm-dn-er-me-sw-sd)))
3994
- var(--_ctm-mob-dn-er-me-sw-cr, var(--_ctm-tab-dn-er-me-sw-cr, var(--_ctm-dn-er-me-sw-cr)))
3995
- );
2949
+ background-color: var(--_ctm-mob-dn-er-me-bd-cr,
2950
+ var(--_ctm-tab-dn-er-me-bd-cr, var(--_ctm-dn-er-me-bd-cr)));
2951
+
2952
+ border-color: var(--_ctm-mob-dn-er-me-br-cr,
2953
+ var(--_ctm-tab-dn-er-me-br-cr, var(--_ctm-dn-er-me-br-cr)));
2954
+
2955
+ border-style: var(--_ctm-mob-dn-er-me-br-se,
2956
+ var(--_ctm-tab-dn-er-me-br-se, var(--_ctm-dn-er-me-br-se)));
2957
+
2958
+ border-width: var(--_ctm-mob-dn-er-me-br-wh,
2959
+ var(--_ctm-tab-dn-er-me-br-wh, var(--_ctm-dn-er-me-br-wh)));
2960
+
2961
+ border-radius: var(--_ctm-mob-dn-er-me-br-rs,
2962
+ var(--_ctm-tab-dn-er-me-br-rs, var(--_ctm-dn-er-me-br-rs)));
2963
+
2964
+ box-shadow: var(--_show-shadow,
2965
+ var(--_ctm-mob-dn-er-me-sw-ae, var(--_ctm-tab-dn-er-me-sw-ae, var(--_ctm-dn-er-me-sw-ae))) var(--_ctm-mob-dn-er-me-sw-br, var(--_ctm-tab-dn-er-me-sw-br, var(--_ctm-dn-er-me-sw-br))) var(--_ctm-mob-dn-er-me-sw-sd, var(--_ctm-tab-dn-er-me-sw-sd, var(--_ctm-dn-er-me-sw-sd))) var(--_ctm-mob-dn-er-me-sw-cr, var(--_ctm-tab-dn-er-me-sw-cr, var(--_ctm-dn-er-me-sw-cr))));
3996
2966
  white-space: nowrap;
3997
2967
 
3998
2968
  .error__message {
3999
2969
  color: var(--_ctm-mob-dn-er-me-cr, var(--_ctm-tab-dn-er-me-cr, var(--_ctm-dn-er-me-cr)));
4000
- font-family: var(
4001
- --_ctm-mob-dn-er-me-ft-fy,
4002
- var(--_ctm-tab-dn-er-me-ft-fy, var(--_ctm-dn-er-me-ft-fy))
4003
- );
4004
- text-transform: var(
4005
- --_ctm-mob-dn-er-me-tt-tm,
4006
- var(--_ctm-tab-dn-er-me-tt-tm, var(--_ctm-dn-er-me-tt-tm))
4007
- );
4008
- word-wrap: var(
4009
- --_ctm-mob-dn-er-me-wd-wp,
4010
- var(--_ctm-tab-dn-er-me-wd-wp, var(--_ctm-dn-er-me-wd-wp))
4011
- );
4012
- word-break: var(
4013
- --_ctm-mob-dn-er-me-wd-bk,
4014
- var(--_ctm-tab-dn-er-me-wd-bk, var(--_ctm-dn-er-me-wd-bk))
4015
- );
4016
- font-size: var(
4017
- --_ctm-mob-dn-er-me-ft-se,
4018
- var(--_ctm-tab-dn-er-me-ft-se, var(--_ctm-dn-er-me-ft-se))
4019
- );
4020
- font-weight: var(
4021
- --_ctm-mob-dn-er-me-ft-wt,
4022
- var(--_ctm-tab-dn-er-me-ft-wt, var(--_ctm-dn-er-me-ft-wt))
4023
- );
4024
- font-style: var(
4025
- --_ctm-mob-dn-er-me-ft-se-ic,
4026
- var(--_ctm-tab-dn-er-me-ft-se-ic, var(--_ctm-dn-er-me-ft-se-ic))
4027
- );
4028
- text-align: var(
4029
- --_ctm-mob-dn-er-me-tt-an,
4030
- var(--_ctm-tab-dn-er-me-tt-an, var(--_ctm-dn-er-me-tt-an))
4031
- );
4032
- letter-spacing: var(
4033
- --_ctm-mob-dn-er-me-lr-sg,
4034
- var(--_ctm-tab-dn-er-me-lr-sg, var(--_ctm-dn-er-me-lr-sg))
4035
- );
4036
- line-height: var(
4037
- --_ctm-mob-dn-er-me-le-ht,
4038
- var(--_ctm-tab-dn-er-me-le-ht, var(--_ctm-dn-er-me-le-ht))
4039
- );
4040
- text-decoration: var(
4041
- --_ctm-mob-dn-er-me-ue,
4042
- var(--_ctm-tab-dn-er-me-ue, var(--_ctm-dn-er-me-ue))
4043
- );
2970
+ font-family: var(--_ctm-mob-dn-er-me-ft-fy,
2971
+ var(--_ctm-tab-dn-er-me-ft-fy, var(--_ctm-dn-er-me-ft-fy)));
2972
+ text-transform: var(--_ctm-mob-dn-er-me-tt-tm,
2973
+ var(--_ctm-tab-dn-er-me-tt-tm, var(--_ctm-dn-er-me-tt-tm)));
2974
+ word-wrap: var(--_ctm-mob-dn-er-me-wd-wp,
2975
+ var(--_ctm-tab-dn-er-me-wd-wp, var(--_ctm-dn-er-me-wd-wp)));
2976
+ word-break: var(--_ctm-mob-dn-er-me-wd-bk,
2977
+ var(--_ctm-tab-dn-er-me-wd-bk, var(--_ctm-dn-er-me-wd-bk)));
2978
+ font-size: var(--_ctm-mob-dn-er-me-ft-se,
2979
+ var(--_ctm-tab-dn-er-me-ft-se, var(--_ctm-dn-er-me-ft-se)));
2980
+ font-weight: var(--_ctm-mob-dn-er-me-ft-wt,
2981
+ var(--_ctm-tab-dn-er-me-ft-wt, var(--_ctm-dn-er-me-ft-wt)));
2982
+ font-style: var(--_ctm-mob-dn-er-me-ft-se-ic,
2983
+ var(--_ctm-tab-dn-er-me-ft-se-ic, var(--_ctm-dn-er-me-ft-se-ic)));
2984
+ text-align: var(--_ctm-mob-dn-er-me-tt-an,
2985
+ var(--_ctm-tab-dn-er-me-tt-an, var(--_ctm-dn-er-me-tt-an)));
2986
+ letter-spacing: var(--_ctm-mob-dn-er-me-lr-sg,
2987
+ var(--_ctm-tab-dn-er-me-lr-sg, var(--_ctm-dn-er-me-lr-sg)));
2988
+ line-height: var(--_ctm-mob-dn-er-me-le-ht,
2989
+ var(--_ctm-tab-dn-er-me-le-ht, var(--_ctm-dn-er-me-le-ht)));
2990
+ text-decoration: var(--_ctm-mob-dn-er-me-ue,
2991
+ var(--_ctm-tab-dn-er-me-ue, var(--_ctm-dn-er-me-ue)));
4044
2992
  padding: prepareMediaVariable(--_ctm-dn-er-me-pg);
4045
2993
  }
4046
2994
  }
4047
2995
 
4048
2996
  .icon {
4049
2997
  cursor: pointer;
2998
+
4050
2999
  svg {
4051
3000
  width: var(--_ctm-dn-er-me-in-se);
4052
3001
  height: var(--_ctm-dn-er-me-in-se);
3002
+
4053
3003
  path {
4054
3004
  stroke: var(--_ctm-dn-er-me-in-c1);
4055
3005
  // Overrides the stroke-width presentation attribute baked into the icon markup.
@@ -4057,6 +3007,7 @@
4057
3007
  }
4058
3008
  }
4059
3009
  }
3010
+
4060
3011
  .add_to_cart_wrapper {
4061
3012
  .error__message {
4062
3013
  text-align: center;
@@ -4068,4 +3019,4 @@
4068
3019
  .bundle_details_heading_wrapper {
4069
3020
  margin-bottom: 12px;
4070
3021
  }
4071
- }
3022
+ }