@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/category-groups-product-options.scss CHANGED
@@ -8,202 +8,65 @@
8
8
  display: flex;
9
9
  flex-direction: column;
10
10
  min-height: 30px;
11
- gap: var(
12
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg,
13
- var(
14
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg,
15
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg)
16
- )
17
- );
18
-
19
- background-color: var(
20
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-bd-cr,
21
- var(
22
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-bd-cr,
23
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-bd-cr)
24
- )
25
- );
26
- padding: var(
27
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-pg,
28
- var(
29
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-pg,
30
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-pg)
31
- )
32
- );
11
+ gap: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg,
12
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg)));
13
+
14
+ background-color: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-bd-cr,
15
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-bd-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-bd-cr)));
16
+ padding: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-pg, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-pg, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-pg)));
33
17
 
34
18
  width: 100%;
35
19
  // height: 100%;
36
- border-color: var(
37
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-cr,
38
- var(
39
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-cr,
40
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-cr)
41
- )
42
- );
43
- border-style: var(
44
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-se,
45
- var(
46
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-se,
47
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-se)
48
- )
49
- );
50
- border-width: var(
51
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-wh,
52
- var(
53
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-wh,
54
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-wh)
55
- )
56
- );
57
- border-radius: var(
58
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-rs,
59
- var(
60
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-rs,
61
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-rs)
62
- )
63
- );
64
- box-shadow: var(
65
- --_show-shadow,
66
- var(
67
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-ae,
68
- var(
69
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-ae,
70
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-ae)
71
- )
72
- )
73
- var(
74
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-br,
75
- var(
76
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-br,
77
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-br)
78
- )
79
- )
80
- var(
81
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-sd,
82
- var(
83
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-sd,
84
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-sd)
85
- )
86
- )
87
- var(
88
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-cr,
89
- var(
90
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-cr,
91
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-cr)
92
- )
93
- )
94
- );
20
+ border-color: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-cr,
21
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-cr)));
22
+ border-style: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-se,
23
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-se)));
24
+ border-width: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-wh,
25
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-wh)));
26
+ border-radius: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-rs,
27
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-rs, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-br-rs)));
28
+ box-shadow: var(--_show-shadow,
29
+ var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-ae, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-ae, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-ae))) var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-br, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-br, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-br))) var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-sd, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-sd, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-sd))) var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-cr, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-wt-se-sw-cr))));
95
30
 
96
31
  .title {
97
32
  margin-bottom: 4px;
98
- color: var(
99
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-cr,
100
- var(
101
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-cr,
102
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-cr)
103
- )
104
- );
105
- font-family: var(
106
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-fy,
107
- var(
108
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-fy,
109
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-fy)
110
- )
111
- );
112
- text-transform: var(
113
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-tm,
114
- var(
115
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-tm,
116
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-tm)
117
- )
118
- );
119
- word-wrap: var(
120
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-wp,
121
- var(
122
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-wp,
123
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-wp)
124
- )
125
- );
126
- word-break: var(
127
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-bk,
128
- var(
129
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-bk,
130
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-bk)
131
- )
132
- );
133
- font-size: var(
134
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se,
135
- var(
136
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se,
137
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se)
138
- )
139
- );
140
- font-weight: var(
141
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-wt,
142
- var(
143
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-wt,
144
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-wt)
145
- )
146
- );
147
- font-style: var(
148
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se-ic,
149
- var(
150
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se-ic,
151
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se-ic)
152
- )
153
- );
154
- text-align: var(
155
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-an,
156
- var(
157
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-an,
158
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-an)
159
- )
160
- );
161
- letter-spacing: var(
162
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-lr-sg,
163
- var(
164
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-lr-sg,
165
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-lr-sg)
166
- )
167
- );
168
- line-height: var(
169
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-le-ht,
170
- var(
171
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-le-ht,
172
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-le-ht)
173
- )
174
- );
175
- text-decoration: var(
176
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ue,
177
- var(
178
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ue,
179
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ue)
180
- )
181
- );
33
+ color: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-cr, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-cr)));
34
+ font-family: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-fy,
35
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-fy, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-fy)));
36
+ text-transform: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-tm,
37
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-tm, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-tm)));
38
+ word-wrap: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-wp,
39
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-wp, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-wp)));
40
+ word-break: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-bk,
41
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-bk, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-wd-bk)));
42
+ font-size: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se,
43
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se)));
44
+ font-weight: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-wt,
45
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-wt, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-wt)));
46
+ font-style: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se-ic,
47
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se-ic, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ft-se-ic)));
48
+ text-align: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-an,
49
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-an, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-tt-an)));
50
+ letter-spacing: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-lr-sg,
51
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-lr-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-lr-sg)));
52
+ line-height: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-le-ht,
53
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-le-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-le-ht)));
54
+ text-decoration: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ue,
55
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ue, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-te-ue)));
182
56
  }
183
57
 
184
58
  .product__option__element__swatch {
185
59
  display: flex;
186
60
  align-items: flex-start;
187
61
  gap: 10px;
188
- gap: var(
189
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg,
190
- var(
191
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg,
192
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg)
193
- )
194
- );
62
+ gap: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg,
63
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-on-te-ve-sg)));
195
64
 
196
65
  // margin-top: 20px;
197
66
 
198
67
  .swatch__list {
199
68
  display: flex;
200
- gap: var(
201
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg,
202
- var(
203
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg,
204
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg)
205
- )
206
- );
69
+ gap: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg)));
207
70
 
208
71
  width: 100%;
209
72
  // &[data-wrap-items="true"] {
@@ -217,6 +80,7 @@
217
80
  flex-wrap: wrap;
218
81
  }
219
82
  }
83
+
220
84
  &[data-overflow-items="Scroll"] {
221
85
  .swatch__list {
222
86
  overflow-x: auto;
@@ -227,305 +91,101 @@
227
91
  }
228
92
 
229
93
  .swatch__item:hover {
230
- --_sf-hr-bd-cr: var(
231
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-bd-cr,
232
- var(
233
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-bd-cr,
234
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-bd-cr)
235
- )
236
- );
237
- --_sf-hr-br-cr: var(
238
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-cr,
239
- var(
240
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-cr,
241
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-cr)
242
- )
243
- );
244
- --_sf-hr-br-se: var(
245
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-se,
246
- var(
247
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-se,
248
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-se)
249
- )
250
- );
251
- --_sf-hr-br-wh: var(
252
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-wh,
253
- var(
254
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-wh,
255
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-wh)
256
- )
257
- );
258
- --_sf-hr-br-rs: var(
259
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-rs,
260
- var(
261
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-rs,
262
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-rs)
263
- )
264
- );
94
+ --_sf-hr-bd-cr: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-bd-cr,
95
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-bd-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-bd-cr)));
96
+ --_sf-hr-br-cr: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-cr,
97
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-cr)));
98
+ --_sf-hr-br-se: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-se,
99
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-se)));
100
+ --_sf-hr-br-wh: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-wh,
101
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-wh)));
102
+ --_sf-hr-br-rs: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-rs,
103
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-rs, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-br-rs)));
265
104
 
266
105
  // for shadow
267
- --_sf-hr-sw-ae: var(
268
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-ae,
269
- var(
270
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-ae,
271
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-ae)
272
- )
273
- );
274
- --_sf-hr-sw-br: var(
275
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-br,
276
- var(
277
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-br,
278
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-br)
279
- )
280
- );
281
- --_sf-hr-sw-hr: var(
282
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-hr,
283
- var(
284
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-hr,
285
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-hr)
286
- )
287
- );
288
- --_sf-hr-sw-cr: var(
289
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-cr,
290
- var(
291
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-cr,
292
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-cr)
293
- )
294
- );
106
+ --_sf-hr-sw-ae: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-ae,
107
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-ae, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-ae)));
108
+ --_sf-hr-sw-br: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-br,
109
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-br, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-br)));
110
+ --_sf-hr-sw-hr: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-hr,
111
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-hr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-hr)));
112
+ --_sf-hr-sw-cr: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-cr,
113
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-sw-cr)));
295
114
 
296
115
  // for font
297
116
 
298
- --_sf-hr-cr: var(
299
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-cr,
300
- var(
301
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-cr,
302
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-cr)
303
- )
304
- );
305
- --_sf-hr-ft-fy: var(
306
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-fy,
307
- var(
308
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-fy,
309
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-fy)
310
- )
311
- );
312
- --_sf-hr-tt-tm: var(
313
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-tm,
314
- var(
315
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-tm,
316
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-tm)
317
- )
318
- );
319
- --_sf-hr-wd-wp: var(
320
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-wp,
321
- var(
322
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-wp,
323
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-wp)
324
- )
325
- );
326
- --_sf-hr-wd-bk: var(
327
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-bk,
328
- var(
329
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-bk,
330
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-bk)
331
- )
332
- );
333
- --_sf-hr-ft-se: var(
334
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se,
335
- var(
336
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se,
337
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se)
338
- )
339
- );
340
- --_sf-hr-ft-wt: var(
341
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-wt,
342
- var(
343
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-wt,
344
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-wt)
345
- )
346
- );
347
- --_sf-hr-ft-se-ic: var(
348
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se-ic,
349
- var(
350
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se-ic,
351
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se-ic)
352
- )
353
- );
354
- --_sf-hr-tt-an: var(
355
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-an,
356
- var(
357
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-an,
358
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-an)
359
- )
360
- );
361
- --_sf-hr-lr-sg: var(
362
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-lr-sg,
363
- var(
364
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-lr-sg,
365
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-lr-sg)
366
- )
367
- );
368
- --_sf-hr-le-ht: var(
369
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-le-ht,
370
- var(
371
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-le-ht,
372
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-le-ht)
373
- )
374
- );
375
-
376
- --_sf-hr-ue: var(
377
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ue,
378
- var(
379
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ue,
380
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ue)
381
- )
382
- );
117
+ --_sf-hr-cr: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-cr,
118
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-cr)));
119
+ --_sf-hr-ft-fy: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-fy,
120
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-fy, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-fy)));
121
+ --_sf-hr-tt-tm: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-tm,
122
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-tm, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-tm)));
123
+ --_sf-hr-wd-wp: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-wp,
124
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-wp, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-wp)));
125
+ --_sf-hr-wd-bk: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-bk,
126
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-bk, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-wd-bk)));
127
+ --_sf-hr-ft-se: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se,
128
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se)));
129
+ --_sf-hr-ft-wt: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-wt,
130
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-wt, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-wt)));
131
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se-ic,
132
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se-ic, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ft-se-ic)));
133
+ --_sf-hr-tt-an: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-an,
134
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-an, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-tt-an)));
135
+ --_sf-hr-lr-sg: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-lr-sg,
136
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-lr-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-lr-sg)));
137
+ --_sf-hr-le-ht: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-le-ht,
138
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-le-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-le-ht)));
139
+
140
+ --_sf-hr-ue: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ue,
141
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ue, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-hr-se-ue)));
383
142
  }
143
+
384
144
  .swatch__item[data-selected="true"] {
385
- --_sf-sd-bd-cr: var(
386
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-bd-cr,
387
- var(
388
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-bd-cr,
389
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-bd-cr)
390
- )
391
- );
392
- --_sf-sd-br-cr: var(
393
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-cr,
394
- var(
395
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-cr,
396
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-cr)
397
- )
398
- );
399
- --_sf-sd-br-se: var(
400
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-se,
401
- var(
402
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-se,
403
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-se)
404
- )
405
- );
406
- --_sf-sd-br-wh: var(
407
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-wh,
408
- var(
409
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-wh,
410
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-wh)
411
- )
412
- );
145
+ --_sf-sd-bd-cr: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-bd-cr,
146
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-bd-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-bd-cr)));
147
+ --_sf-sd-br-cr: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-cr,
148
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-cr)));
149
+ --_sf-sd-br-se: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-se,
150
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-se)));
151
+ --_sf-sd-br-wh: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-wh,
152
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-wh, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-br-wh)));
413
153
  // new
414
- --_sf-sd-sw-ae: var(
415
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-ae,
416
- var(
417
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-ae,
418
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-ae)
419
- )
420
- );
421
- --_sf-sd-sw-br: var(
422
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-br,
423
- var(
424
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-br,
425
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-br)
426
- )
427
- );
428
- --_sf-sd-sw-sd: var(
429
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-sd,
430
- var(
431
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-sd,
432
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-sd)
433
- )
434
- );
435
- --_sf-sd-sw-cr: var(
436
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-cr,
437
- var(
438
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-cr,
439
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-cr)
440
- )
441
- );
154
+ --_sf-sd-sw-ae: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-ae,
155
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-ae, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-ae)));
156
+ --_sf-sd-sw-br: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-br,
157
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-br, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-br)));
158
+ --_sf-sd-sw-sd: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-sd,
159
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-sd, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-sd)));
160
+ --_sf-sd-sw-cr: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-cr,
161
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-sw-cr)));
442
162
 
443
163
  // for font
444
- --_sf-hr-cr: var(
445
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-cr,
446
- var(
447
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-cr,
448
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-cr)
449
- )
450
- );
451
- --_sf-hr-ft-fy: var(
452
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-fy,
453
- var(
454
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-fy,
455
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-fy)
456
- )
457
- );
458
- --_sf-hr-tt-tm: var(
459
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-tm,
460
- var(
461
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-tm,
462
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-tm)
463
- )
464
- );
465
- --_sf-hr-wd-wp: var(
466
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-wp,
467
- var(
468
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-wp,
469
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-wp)
470
- )
471
- );
472
- --_sf-hr-wd-bk: var(
473
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-bk,
474
- var(
475
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-bk,
476
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-bk)
477
- )
478
- );
479
- --_sf-hr-ft-se: var(
480
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se,
481
- var(
482
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se,
483
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se)
484
- )
485
- );
486
- --_sf-hr-ft-wt: var(
487
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-wt,
488
- var(
489
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-wt,
490
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-wt)
491
- )
492
- );
493
- --_sf-hr-ft-se-ic: var(
494
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se-ic,
495
- var(
496
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se-ic,
497
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se-ic)
498
- )
499
- );
500
- --_sf-hr-tt-an: var(
501
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-an,
502
- var(
503
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-an,
504
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-an)
505
- )
506
- );
507
- --_sf-hr-lr-sg: var(
508
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-lr-sg,
509
- var(
510
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-lr-sg,
511
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-lr-sg)
512
- )
513
- );
514
- --_sf-hr-le-ht: var(
515
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-le-ht,
516
- var(
517
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-le-ht,
518
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-le-ht)
519
- )
520
- );
521
-
522
- --_sf-hr-ue: var(
523
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ue,
524
- var(
525
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ue,
526
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ue)
527
- )
528
- );
164
+ --_sf-hr-cr: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-cr,
165
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-cr)));
166
+ --_sf-hr-ft-fy: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-fy,
167
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-fy, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-fy)));
168
+ --_sf-hr-tt-tm: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-tm,
169
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-tm, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-tm)));
170
+ --_sf-hr-wd-wp: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-wp,
171
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-wp, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-wp)));
172
+ --_sf-hr-wd-bk: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-bk,
173
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-bk, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-wd-bk)));
174
+ --_sf-hr-ft-se: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se,
175
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se)));
176
+ --_sf-hr-ft-wt: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-wt,
177
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-wt, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-wt)));
178
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se-ic,
179
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se-ic, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ft-se-ic)));
180
+ --_sf-hr-tt-an: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-an,
181
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-an, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-tt-an)));
182
+ --_sf-hr-lr-sg: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-lr-sg,
183
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-lr-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-lr-sg)));
184
+ --_sf-hr-le-ht: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-le-ht,
185
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-le-ht, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-le-ht)));
186
+
187
+ --_sf-hr-ue: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ue,
188
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ue, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-sd-se-ue)));
529
189
  }
530
190
 
531
191
  .swatch__item {
@@ -555,40 +215,14 @@
555
215
 
556
216
  cursor: pointer;
557
217
 
558
- border-color: var(
559
- --_sf-hr-br-cr,
560
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-cr)
561
- );
562
-
563
- background-color: var(
564
- --_sf-hr-bd-cr,
565
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-bd-cr)
566
- );
567
- border-style: var(
568
- --_sf-hr-br-se,
569
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-se)
570
- );
571
- border-width: var(
572
- --_sf-hr-br-wh,
573
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-wh)
574
- );
575
-
576
- box-shadow: var(
577
- --_sf-hr-sw-ae,
578
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-ae)
579
- )
580
- var(
581
- --_sf-hr-sw-br,
582
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-br)
583
- )
584
- var(
585
- --_sf-hr-sw-sd,
586
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-sd)
587
- )
588
- var(
589
- --_sf-hr-sw-cr,
590
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-cr)
591
- );
218
+ border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-cr));
219
+
220
+ background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-bd-cr));
221
+ border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-se));
222
+ border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-wh));
223
+
224
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-cr));
225
+
592
226
  & div,
593
227
  .product-select-image {
594
228
  height: 100%;
@@ -599,9 +233,11 @@
599
233
  &[data-background-shape="circle"] {
600
234
  border-radius: 50%;
601
235
  }
236
+
602
237
  &[data-background-shape="square"] {
603
238
  border-radius: 5px;
604
239
  }
240
+
605
241
  &[data-background-shape="capsule"] {
606
242
  &:not([data-display-style="Single Select"]) {
607
243
  --toggle-height: var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-se);
@@ -611,17 +247,23 @@
611
247
  height: var(--toggle-height);
612
248
  }
613
249
 
614
- border-radius: var(--toggle-height); /* Full pill shape */
250
+ border-radius: var(--toggle-height);
251
+ /* Full pill shape */
615
252
  box-sizing: border-box;
616
253
  }
254
+
617
255
  &[data-swatch-shape="circle"] {
256
+
618
257
  & div,
619
258
  .product-select-image {
620
259
  border-radius: 50%;
621
260
  }
261
+
622
262
  // border-radius: 50%;
623
263
  }
264
+
624
265
  &[data-swatch-shape="capsule"] {
266
+
625
267
  & div,
626
268
  .product-select-image {
627
269
  // border-radius: 50%;
@@ -629,6 +271,7 @@
629
271
  height: 100%;
630
272
  border-radius: inherit;
631
273
  }
274
+
632
275
  // border-radius: 50%;
633
276
  }
634
277
 
@@ -636,9 +279,11 @@
636
279
  &[data-background-shape-hover="circle"] {
637
280
  border-radius: 50%;
638
281
  }
282
+
639
283
  &[data-background-shape-hover="square"] {
640
284
  border-radius: 5px;
641
285
  }
286
+
642
287
  &[data-background-shape-hover="capsule"] {
643
288
  --toggle-height: var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-se);
644
289
  --toggle-width: calc(var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-se) * 1.5);
@@ -646,18 +291,23 @@
646
291
  width: var(--toggle-width);
647
292
  height: var(--toggle-height);
648
293
 
649
- border-radius: var(--toggle-height); /* Full pill shape */
294
+ border-radius: var(--toggle-height);
295
+ /* Full pill shape */
650
296
  box-sizing: border-box;
651
297
  }
652
298
 
653
299
  &[data-swatch-shape-hover="circle"] {
300
+
654
301
  & div,
655
302
  .product-select-image {
656
303
  border-radius: 50%;
657
304
  }
305
+
658
306
  // border-radius: 50%;
659
307
  }
308
+
660
309
  &[data-swatch-shape-hover="capsule"] {
310
+
661
311
  & div,
662
312
  .product-select-image {
663
313
  // border-radius: 50%;
@@ -666,73 +316,55 @@
666
316
  border-radius: inherit;
667
317
  }
668
318
  }
319
+
669
320
  &[data-swatch-shape-hover="square"] {
321
+
670
322
  & div,
671
323
  .product-select-image {
672
324
  border-radius: 5px;
673
325
  }
674
326
  }
675
327
  }
328
+
676
329
  &[data-selected="true"] {
677
- border-color: var(
678
- --_sf-sd-br-cr,
679
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-cr)
680
- );
681
-
682
- background-color: var(
683
- --_sf-sd-bd-cr,
684
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-bd-cr)
685
- );
686
- border-style: var(
687
- --_sf-sd-br-se,
688
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-se)
689
- );
690
- border-width: var(
691
- --_sf-sd-br-wh,
692
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-wh)
693
- );
694
- box-shadow: var(
695
- --_sf-sd-sw-ae,
696
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-ae)
697
- )
698
- var(
699
- --_sf-sd-sw-br,
700
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-br)
701
- )
702
- var(
703
- --_sf-sd-sw-sd,
704
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-sd)
705
- )
706
- var(
707
- --_sf-sd-sw-cr,
708
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-cr)
709
- );
330
+ border-color: var(--_sf-sd-br-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-cr));
331
+
332
+ background-color: var(--_sf-sd-bd-cr,
333
+ prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-bd-cr));
334
+ border-style: var(--_sf-sd-br-se, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-se));
335
+ border-width: var(--_sf-sd-br-wh, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-br-wh));
336
+ box-shadow: var(--_sf-sd-sw-ae, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-ae)) var(--_sf-sd-sw-br, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-br)) var(--_sf-sd-sw-sd, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-sd)) var(--_sf-sd-sw-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-sw-cr));
710
337
 
711
338
  &[data-background-shape-selected="circle"] {
712
339
  border-radius: 50%;
713
340
  }
341
+
714
342
  &[data-background-shape-selected="square"] {
715
343
  border-radius: 5px;
716
344
  }
345
+
717
346
  &[data-background-shape-selected="capsule"] {
718
347
  --toggle-height: #{prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-se)};
719
- --toggle-width: calc(
720
- #{prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-se)} * 1.5
721
- );
348
+ --toggle-width: calc(#{prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-se)} * 1.5);
722
349
 
723
350
  width: var(--toggle-width);
724
351
  // height: var(--toggle-height);
725
352
 
726
- border-radius: var(--toggle-height); /* Full pill shape */
353
+ border-radius: var(--toggle-height);
354
+ /* Full pill shape */
727
355
  box-sizing: border-box;
728
356
  }
357
+
729
358
  &[data-swatch-shape-selected="circle"] {
359
+
730
360
  & div,
731
361
  .product-select-image {
732
362
  border-radius: 50%;
733
363
  }
734
364
  }
365
+
735
366
  &[data-swatch-shape-selected="capsule"] {
367
+
736
368
  & div,
737
369
  .product-select-image {
738
370
  // border-radius: 50%;
@@ -741,7 +373,9 @@
741
373
  border-radius: inherit;
742
374
  }
743
375
  }
376
+
744
377
  &[data-swatch-shape-selected="square"] {
378
+
745
379
  & div,
746
380
  .product-select-image {
747
381
  border-radius: 5px;
@@ -750,55 +384,21 @@
750
384
  }
751
385
 
752
386
  .option__value__text {
753
- color: var(
754
- --_sf-hr-cr,
755
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-cr)
756
- );
757
- font-family: var(
758
- --_sf-hr-ft-fy,
759
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-fy)
760
- );
761
- text-transform: var(
762
- --_sf-hr-tt-tm,
763
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-tm)
764
- );
765
- word-wrap: var(
766
- --_sf-hr-wd-wp,
767
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-wp)
768
- );
769
- word-break: var(
770
- --_sf-hr-wd-bk,
771
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-bk)
772
- );
773
- font-size: var(
774
- --_sf-hr-ft-se,
775
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se)
776
- );
777
- font-weight: var(
778
- --_sf-hr-ft-wt,
779
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-wt)
780
- );
781
- font-style: var(
782
- --_sf-hr-ft-se-ic,
783
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se-ic)
784
- );
785
- text-align: var(
786
- --_sf-hr-tt-an,
787
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-an)
788
- );
789
- letter-spacing: var(
790
- --_sf-hr-lr-sg,
791
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-lr-sg)
792
- );
793
- line-height: var(
794
- --_sf-hr-le-ht,
795
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-le-ht-dc)
796
- );
797
- text-decoration: var(
798
- --_sf-hr-ue,
799
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ue)
800
- );
387
+ color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-cr));
388
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-fy));
389
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-tm));
390
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-wp));
391
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-bk));
392
+ font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se));
393
+ font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-wt));
394
+ font-style: var(--_sf-hr-ft-se-ic,
395
+ prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se-ic));
396
+ text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-an));
397
+ letter-spacing: var(--_sf-hr-lr-sg, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-lr-sg));
398
+ line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-le-ht-dc));
399
+ text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ue));
801
400
  }
401
+
802
402
  &.disabled {
803
403
  color: #aaa;
804
404
  background-color: #f9f9f9;
@@ -855,54 +455,18 @@
855
455
  // }
856
456
 
857
457
  .option__value__text {
858
- color: var(
859
- --_sf-hr-cr,
860
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-cr)
861
- );
862
- font-family: var(
863
- --_sf-hr-ft-fy,
864
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-fy)
865
- );
866
- text-transform: var(
867
- --_sf-hr-tt-tm,
868
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-tm)
869
- );
870
- word-wrap: var(
871
- --_sf-hr-wd-wp,
872
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-wp)
873
- );
874
- word-break: var(
875
- --_sf-hr-wd-bk,
876
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-bk)
877
- );
878
- font-size: var(
879
- --_sf-hr-ft-se,
880
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se)
881
- );
882
- font-weight: var(
883
- --_sf-hr-ft-wt,
884
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-wt)
885
- );
886
- font-style: var(
887
- --_sf-hr-ft-se-ic,
888
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se-ic)
889
- );
890
- text-align: var(
891
- --_sf-hr-tt-an,
892
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-an)
893
- );
894
- letter-spacing: var(
895
- --_sf-hr-lr-sg,
896
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-lr-sg)
897
- );
898
- line-height: var(
899
- --_sf-hr-le-ht,
900
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-le-ht-dc)
901
- );
902
- text-decoration: var(
903
- --_sf-hr-ue,
904
- prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ue)
905
- );
458
+ color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-cr));
459
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-fy));
460
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-tm));
461
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-wp));
462
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-wd-bk));
463
+ font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se));
464
+ font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-wt));
465
+ font-style: var(--_sf-hr-ft-se-ic, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ft-se-ic));
466
+ text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-tt-an));
467
+ letter-spacing: var(--_sf-hr-lr-sg, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-lr-sg));
468
+ line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-le-ht-dc));
469
+ text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-on-ve-se-dt-se-ue));
906
470
  }
907
471
 
908
472
  .product-select-image {
@@ -930,13 +494,7 @@
930
494
  width: 100%;
931
495
  height: 100%;
932
496
  display: flex;
933
- gap: var(
934
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg,
935
- var(
936
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg,
937
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg)
938
- )
939
- );
497
+ gap: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg, var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-lt-sh-im-sg)));
940
498
 
941
499
  .embla__slide {
942
500
  height: 100%;
@@ -961,6 +519,7 @@
961
519
  gap: 12px;
962
520
  margin-top: 10px;
963
521
  }
522
+
964
523
  &[data-control-type="Bottom-Overflow"] {
965
524
  transform: translateX(-50%);
966
525
  width: 100%;
@@ -975,20 +534,10 @@
975
534
  padding: 10px;
976
535
  border-radius: 50%;
977
536
  border: none;
978
- width: var(
979
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
980
- var(
981
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
982
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se)
983
- )
984
- );
985
- height: var(
986
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
987
- var(
988
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
989
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se)
990
- )
991
- );
537
+ width: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
538
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se)));
539
+ height: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
540
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se)));
992
541
  display: flex;
993
542
  align-items: center;
994
543
  justify-content: center;
@@ -999,44 +548,27 @@
999
548
  stroke: rgb(192, 192, 192);
1000
549
  }
1001
550
  }
551
+
1002
552
  .left-button {
1003
553
  margin-left: 12px;
1004
554
  }
555
+
1005
556
  .right-button {
1006
557
  margin-right: 12px;
1007
558
  }
1008
559
 
1009
560
  .icon {
1010
561
  display: flex;
562
+
1011
563
  svg {
1012
- width: calc(
1013
- var(
1014
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
1015
- var(
1016
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
1017
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se)
1018
- )
1019
- ) *
1020
- 0.5
1021
- );
1022
- height: calc(
1023
- var(
1024
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
1025
- var(
1026
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
1027
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se)
1028
- )
1029
- ) *
1030
- 0.5
1031
- );
564
+ width: calc(var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
565
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se))) * 0.5);
566
+ height: calc(var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se,
567
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-se))) * 0.5);
568
+
1032
569
  path {
1033
- stroke: var(
1034
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr,
1035
- var(
1036
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr,
1037
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr)
1038
- )
1039
- );
570
+ stroke: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr,
571
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr)));
1040
572
  }
1041
573
  }
1042
574
  }
@@ -1062,14 +594,10 @@
1062
594
  svg {
1063
595
  width: 16px;
1064
596
  height: 16px;
597
+
1065
598
  path {
1066
- stroke: var(
1067
- --_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr,
1068
- var(
1069
- --_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr,
1070
- var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr, currentColor)
1071
- )
1072
- );
599
+ stroke: var(--_ctm-mob-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr,
600
+ var(--_ctm-tab-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr, var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-as-aw-cr, currentColor)));
1073
601
  }
1074
602
  }
1075
603
  }
@@ -1095,6 +623,7 @@
1095
623
  transform: translateX(-50%);
1096
624
  width: 75%;
1097
625
  }
626
+
1098
627
  .embla__dot {
1099
628
  appearance: none;
1100
629
  background-color: var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-ds-or-dt-cr);
@@ -1111,6 +640,7 @@
1111
640
  justify-content: center;
1112
641
  border-radius: 50%;
1113
642
  }
643
+
1114
644
  .embla__dot:after {
1115
645
  width: var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-ds-dt-se);
1116
646
  height: var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-ds-dt-se);
@@ -1119,10 +649,11 @@
1119
649
  align-items: center;
1120
650
  content: "";
1121
651
  }
652
+
1122
653
  .embla__dot--selected:after {
1123
654
  box-shadow: inset 0 0 0 1px var(--text-body);
1124
655
  background-color: var(--_ctm-catego-dn-pt-gd-dn-pt-os-pt-os-dn-pn-ds-ct-dt-cr);
1125
656
  }
1126
657
  }
1127
658
  }
1128
- }
659
+ }