@sc-360-v2/storefront-cms-library 0.5.72 → 0.5.73

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 (124) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +126 -236
  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 +189 -407
  6. package/dist/allocationDetails.scss +1661 -2143
  7. package/dist/allocations-quota-details.scss +159 -323
  8. package/dist/allocations.scss +475 -793
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/badge.scss +43 -18
  11. package/dist/brand-basic-elements.scss +76 -124
  12. package/dist/brand.scss +28 -55
  13. package/dist/breadcrumbs.scss +356 -718
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +1128 -2027
  16. package/dist/bundle.scss +841 -1477
  17. package/dist/bundleDetails.scss +3774 -5072
  18. package/dist/button.scss +79 -103
  19. package/dist/buy-for-tab-container.scss +77 -106
  20. package/dist/buyForHeaders.scss +1722 -2976
  21. package/dist/cart-details.scss +481 -1012
  22. package/dist/cart-summary.scss +557 -1149
  23. package/dist/cart-wrapper.scss +37 -79
  24. package/dist/cart.scss +117 -225
  25. package/dist/cartAttributes.scss +416 -735
  26. package/dist/category-groups-element.scss +127 -108
  27. package/dist/category-groups-product-grid.scss +120 -147
  28. package/dist/category-groups-product-image.scss +1162 -1457
  29. package/dist/category-groups-product-options.scss +613 -680
  30. package/dist/category-groups-product-price.scss +1966 -3244
  31. package/dist/category-groups-quota-details.scss +210 -464
  32. package/dist/category.scss +26 -50
  33. package/dist/checkout.scss +24 -16
  34. package/dist/confirm-modal.scss +22 -2
  35. package/dist/container.scss +32 -54
  36. package/dist/countdown.scss +255 -443
  37. package/dist/coupon.scss +351 -710
  38. package/dist/default-dropdown.scss +12 -1
  39. package/dist/embroider-template-1-v2.scss +123 -172
  40. package/dist/embroider-template-1.scss +68 -104
  41. package/dist/embroidery.scss +30 -31
  42. package/dist/employee-bulk-order.scss +418 -142
  43. package/dist/faq.scss +228 -408
  44. package/dist/filter-results.scss +125 -265
  45. package/dist/filters.scss +900 -1797
  46. package/dist/gallery-slider-temp.scss +432 -750
  47. package/dist/global-styles.scss +218 -198
  48. package/dist/grid.scss +25 -33
  49. package/dist/hotspot.scss +68 -115
  50. package/dist/image-temp.scss +21 -20
  51. package/dist/item-stock.scss +9 -16
  52. package/dist/kitDetails.scss +2719 -4299
  53. package/dist/kits.scss +24 -19
  54. package/dist/language-selector.scss +211 -361
  55. package/dist/last-x-orders.scss +95 -174
  56. package/dist/layouter-item.scss +75 -103
  57. package/dist/layouter-pro-item.scss +89 -95
  58. package/dist/layouter-pro.scss +87 -92
  59. package/dist/layouter.scss +383 -445
  60. package/dist/light-box-v2.scss +89 -104
  61. package/dist/login.scss +287 -566
  62. package/dist/map.scss +221 -368
  63. package/dist/marchandiserSets.scss +95 -104
  64. package/dist/mega-menu-container.scss +96 -109
  65. package/dist/mega-menu.scss +624 -731
  66. package/dist/menu-item.scss +2 -2
  67. package/dist/menu-v2.scss +507 -619
  68. package/dist/multi-select-dropdown.scss +27 -3
  69. package/dist/my-templates.scss +38 -9
  70. package/dist/option-bar.scss +215 -375
  71. package/dist/order-status.scss +646 -1117
  72. package/dist/overflow-module.scss +6 -7
  73. package/dist/past-orders.scss +118 -149
  74. package/dist/payment-methods.scss +46 -30
  75. package/dist/pickup-locations.scss +558 -1118
  76. package/dist/position-module.scss +20 -17
  77. package/dist/prefix-list.scss +21 -10
  78. package/dist/product-actions.scss +1750 -2055
  79. package/dist/product-basic-elements.scss +108 -169
  80. package/dist/product-highlights.scss +107 -152
  81. package/dist/product-image-bundles.scss +337 -642
  82. package/dist/product-inventory.scss +673 -1357
  83. package/dist/product-labels.scss +84 -105
  84. package/dist/product-options.scss +1117 -1274
  85. package/dist/product-price.scss +1283 -2561
  86. package/dist/product-promotions.scss +1388 -2830
  87. package/dist/product-sizechart.scss +516 -905
  88. package/dist/product.scss +28 -61
  89. package/dist/productDetails.scss +19 -39
  90. package/dist/profile.scss +207 -447
  91. package/dist/quantity-selector.scss +837 -1074
  92. package/dist/quick-inventory-check.scss +95 -174
  93. package/dist/quick-links.scss +55 -133
  94. package/dist/quick-order-pad.scss +218 -271
  95. package/dist/quota-details.scss +152 -282
  96. package/dist/quotes.scss +89 -122
  97. package/dist/repeater-embla-controls.scss +35 -15
  98. package/dist/repeater-grid-toggle.scss +156 -166
  99. package/dist/repeater-item.scss +41 -64
  100. package/dist/repeater.scss +671 -814
  101. package/dist/request-for-quotes.scss +66 -16
  102. package/dist/responsive-behaviour.scss +3 -1
  103. package/dist/rfqs.scss +118 -181
  104. package/dist/scroll.scss +93 -172
  105. package/dist/search.scss +179 -326
  106. package/dist/section.scss +27 -51
  107. package/dist/shipping-payments.scss +198 -58
  108. package/dist/simple-list.scss +74 -164
  109. package/dist/social.scss +80 -145
  110. package/dist/sort.scss +11 -19
  111. package/dist/stack.scss +23 -34
  112. package/dist/static-global.scss +44 -26
  113. package/dist/stockStatus.scss +11 -19
  114. package/dist/store-locations.scss +577 -1105
  115. package/dist/tab-container.scss +81 -108
  116. package/dist/table-common.scss +217 -408
  117. package/dist/table.scss +271 -502
  118. package/dist/text-temp.scss +8 -7
  119. package/dist/theme-classes.scss +17 -13
  120. package/dist/uom-selector.scss +489 -949
  121. package/dist/user-elements.scss +529 -837
  122. package/dist/variant-picker.scss +1281 -2555
  123. package/dist/volume-pricing.scss +541 -1037
  124. package/package.json +1 -1
@@ -22,12 +22,14 @@
22
22
  width: max-content !important;
23
23
  }
24
24
  }
25
+
25
26
  .text-element {
26
27
  background: #6d96e4;
27
28
  padding: 10px;
28
29
  font-weight: 600;
29
30
  color: rgba(75, 69, 70, 1);
30
31
  }
32
+
31
33
  .sizechart__buttons__wrapper {
32
34
  width: 100%;
33
35
  height: 100%;
@@ -56,135 +58,88 @@
56
58
  &[data-show-shadow="false"] {
57
59
  --_show-shadow: none;
58
60
  }
61
+
59
62
  &[data-icon-position="left"] {
60
63
  --_sf-fd-bn: row;
61
64
  }
65
+
62
66
  &[data-icon-position="right"] {
63
67
  --_sf-fd-bn: row-reverse;
64
68
  }
69
+
65
70
  &[data-icon-position="center"] {
66
71
  --_sf-fd-bn: row;
67
72
  }
68
73
 
69
74
  &:hover {
70
- --_sf-hr-bd-cr: var(
71
- --_ctm-mob-dn-se-ct-hr-se-bd-cr,
72
- var(--_ctm-tab-dn-se-ct-hr-se-bd-cr, var(--_ctm-dn-se-ct-hr-se-bd-cr))
73
- );
74
- --_sf-hr-br-cr: var(
75
- --_ctm-mob-dn-se-ct-hr-se-br-cr,
76
- var(--_ctm-tab-dn-se-ct-hr-se-br-cr, var(--_ctm-dn-se-ct-hr-se-br-cr))
77
- );
78
- --_sf-hr-br-se: var(
79
- --_ctm-mob-dn-se-ct-hr-se-br-se,
80
- var(--_ctm-tab-dn-se-ct-hr-se-br-se, var(--_ctm-dn-se-ct-hr-se-br-se))
81
- );
82
- --_sf-hr-br-wh: var(
83
- --_ctm-mob-dn-se-ct-hr-se-br-wh,
84
- var(--_ctm-tab-dn-se-ct-hr-se-br-wh, var(--_ctm-dn-se-ct-hr-se-br-wh))
85
- );
86
- --_sf-hr-br-rs: var(
87
- --_ctm-mob-dn-se-ct-hr-se-br-rs,
88
- var(--_ctm-tab-dn-se-ct-hr-se-br-rs, var(--_ctm-dn-se-ct-hr-se-br-rs))
89
- );
90
- --_sf-hr-at: var(
91
- --_ctm-mob-dn-se-ct-hr-se-at,
92
- var(--_ctm-tab-dn-se-ct-hr-se-at, var(--_ctm-dn-se-ct-hr-se-at))
93
- );
94
- --_sf-hr-gp: var(
95
- --_ctm-mob-dn-se-ct-hr-se-gp,
96
- var(--_ctm-tab-dn-se-ct-hr-se-gp, var(--_ctm-dn-se-ct-hr-se-gp))
97
- );
75
+ --_sf-hr-bd-cr: var(--_ctm-mob-dn-se-ct-hr-se-bd-cr,
76
+ var(--_ctm-tab-dn-se-ct-hr-se-bd-cr, var(--_ctm-dn-se-ct-hr-se-bd-cr)));
77
+ --_sf-hr-br-cr: var(--_ctm-mob-dn-se-ct-hr-se-br-cr,
78
+ var(--_ctm-tab-dn-se-ct-hr-se-br-cr, var(--_ctm-dn-se-ct-hr-se-br-cr)));
79
+ --_sf-hr-br-se: var(--_ctm-mob-dn-se-ct-hr-se-br-se,
80
+ var(--_ctm-tab-dn-se-ct-hr-se-br-se, var(--_ctm-dn-se-ct-hr-se-br-se)));
81
+ --_sf-hr-br-wh: var(--_ctm-mob-dn-se-ct-hr-se-br-wh,
82
+ var(--_ctm-tab-dn-se-ct-hr-se-br-wh, var(--_ctm-dn-se-ct-hr-se-br-wh)));
83
+ --_sf-hr-br-rs: var(--_ctm-mob-dn-se-ct-hr-se-br-rs,
84
+ var(--_ctm-tab-dn-se-ct-hr-se-br-rs, var(--_ctm-dn-se-ct-hr-se-br-rs)));
85
+ --_sf-hr-at: var(--_ctm-mob-dn-se-ct-hr-se-at,
86
+ var(--_ctm-tab-dn-se-ct-hr-se-at, var(--_ctm-dn-se-ct-hr-se-at)));
87
+ --_sf-hr-gp: var(--_ctm-mob-dn-se-ct-hr-se-gp,
88
+ var(--_ctm-tab-dn-se-ct-hr-se-gp, var(--_ctm-dn-se-ct-hr-se-gp)));
98
89
 
99
90
  // for shadow
100
- --_sf-hr-sw-ae: var(
101
- --_ctm-mob-dn-se-ct-hr-se-sw-ae,
102
- var(--_ctm-tab-dn-se-ct-hr-se-sw-ae, var(--_ctm-dn-se-ct-hr-se-sw-ae))
103
- );
104
- --_sf-hr-sw-br: var(
105
- --_ctm-mob-dn-se-ct-hr-se-sw-br,
106
- var(--_ctm-tab-dn-se-ct-hr-se-sw-br, var(--_ctm-dn-se-ct-hr-se-sw-br))
107
- );
108
- --_sf-hr-sw-hr: var(
109
- --_ctm-mob-dn-se-ct-hr-se-sw-hr,
110
- var(--_ctm-tab-dn-se-ct-hr-se-sw-hr, var(--_ctm-dn-se-ct-hr-se-sw-hr))
111
- );
112
- --_sf-hr-sw-cr: var(
113
- --_ctm-mob-dn-se-ct-hr-se-sw-cr,
114
- var(--_ctm-tab-dn-se-ct-hr-se-sw-cr, var(--_ctm-dn-se-ct-hr-se-sw-cr))
115
- );
91
+ --_sf-hr-sw-ae: var(--_ctm-mob-dn-se-ct-hr-se-sw-ae,
92
+ var(--_ctm-tab-dn-se-ct-hr-se-sw-ae, var(--_ctm-dn-se-ct-hr-se-sw-ae)));
93
+ --_sf-hr-sw-br: var(--_ctm-mob-dn-se-ct-hr-se-sw-br,
94
+ var(--_ctm-tab-dn-se-ct-hr-se-sw-br, var(--_ctm-dn-se-ct-hr-se-sw-br)));
95
+ --_sf-hr-sw-hr: var(--_ctm-mob-dn-se-ct-hr-se-sw-hr,
96
+ var(--_ctm-tab-dn-se-ct-hr-se-sw-hr, var(--_ctm-dn-se-ct-hr-se-sw-hr)));
97
+ --_sf-hr-sw-cr: var(--_ctm-mob-dn-se-ct-hr-se-sw-cr,
98
+ var(--_ctm-tab-dn-se-ct-hr-se-sw-cr, var(--_ctm-dn-se-ct-hr-se-sw-cr)));
116
99
 
117
100
  // for font
118
101
 
119
- --_sf-hr-cr: var(
120
- --_ctm-mob-dn-se-ct-hr-se-cr,
121
- var(--_ctm-tab-dn-se-ct-hr-se-cr, var(--_ctm-dn-se-ct-hr-se-cr))
122
- );
123
- --_sf-hr-ft-fy: var(
124
- --_ctm-mob-dn-se-ct-hr-se-ft-fy,
125
- var(--_ctm-tab-dn-se-ct-hr-se-ft-fy, var(--_ctm-dn-se-ct-hr-se-ft-fy))
126
- );
127
- --_sf-hr-tt-tm: var(
128
- --_ctm-mob-dn-se-ct-hr-se-tt-tm,
129
- var(--_ctm-tab-dn-se-ct-hr-se-tt-tm, var(--_ctm-dn-se-ct-hr-se-tt-tm))
130
- );
131
- --_sf-hr-wd-wp: var(
132
- --_ctm-mob-dn-se-ct-hr-se-wd-wp,
133
- var(--_ctm-tab-dn-se-ct-hr-se-wd-wp, var(--_ctm-dn-se-ct-hr-se-wd-wp))
134
- );
135
- --_sf-hr-wd-bk: var(
136
- --_ctm-mob-dn-se-ct-hr-se-wd-bk,
137
- var(--_ctm-tab-dn-se-ct-hr-se-wd-bk, var(--_ctm-dn-se-ct-hr-se-wd-bk))
138
- );
139
- --_sf-hr-ft-se: var(
140
- --_ctm-mob-dn-se-ct-hr-se-ft-se,
141
- var(--_ctm-tab-dn-se-ct-hr-se-ft-se, var(--_ctm-dn-se-ct-hr-se-ft-se))
142
- );
143
- --_sf-hr-ft-wt: var(
144
- --_ctm-mob-dn-se-ct-hr-se-ft-wt,
145
- var(--_ctm-tab-dn-se-ct-hr-se-ft-wt, var(--_ctm-dn-se-ct-hr-se-ft-wt))
146
- );
147
- --_sf-hr-ft-se-ic: var(
148
- --_ctm-mob-dn-se-ct-hr-se-ft-se-ic,
149
- var(--_ctm-tab-dn-se-ct-hr-se-ft-se-ic, var(--_ctm-dn-se-ct-hr-se-ft-se-ic))
150
- );
151
- --_sf-hr-tt-an: var(
152
- --_ctm-mob-dn-se-ct-hr-se-tt-an,
153
- var(--_ctm-tab-dn-se-ct-hr-se-tt-an, var(--_ctm-dn-se-ct-hr-se-tt-an))
154
- );
155
- --_sf-hr-lr-sg: var(
156
- --_ctm-mob-dn-se-ct-hr-se-lr-sg,
157
- var(--_ctm-tab-dn-se-ct-hr-se-lr-sg, var(--_ctm-dn-se-ct-hr-se-lr-sg))
158
- );
159
- --_sf-hr-le-ht: var(
160
- --_ctm-mob-dn-se-ct-hr-se-le-ht,
161
- var(--_ctm-tab-dn-se-ct-hr-se-le-ht, var(--_ctm-dn-se-ct-hr-se-le-ht))
162
- );
163
-
164
- --_sf-hr-in-se: var(
165
- --_ctm-mob-dn-se-ct-hr-se-in-se,
166
- var(--_ctm-tab-dn-se-ct-hr-se-in-se, var(--_ctm-dn-se-ct-hr-se-in-se))
167
- );
168
- --_sf-hr-in-se: var(
169
- --_ctm-mob-dn-se-ct-hr-se-in-se,
170
- var(--_ctm-tab-dn-se-ct-hr-se-in-se, var(--_ctm-dn-se-ct-hr-se-in-se))
171
- );
172
- --_sf-hr-in-c1: var(
173
- --_ctm-mob-dn-se-ct-hr-se-in-c1,
174
- var(--_ctm-tab-dn-se-ct-hr-se-in-c1, var(--_ctm-dn-se-ct-hr-se-in-c1))
175
- );
176
- --_sf-hr-ue: var(
177
- --_ctm-mob-dn-se-ct-hr-se-ue,
178
- var(--_ctm-tab-dn-se-ct-hr-se-ue, var(--_ctm-dn-se-ct-hr-se-ue))
179
- );
102
+ --_sf-hr-cr: var(--_ctm-mob-dn-se-ct-hr-se-cr,
103
+ var(--_ctm-tab-dn-se-ct-hr-se-cr, var(--_ctm-dn-se-ct-hr-se-cr)));
104
+ --_sf-hr-ft-fy: var(--_ctm-mob-dn-se-ct-hr-se-ft-fy,
105
+ var(--_ctm-tab-dn-se-ct-hr-se-ft-fy, var(--_ctm-dn-se-ct-hr-se-ft-fy)));
106
+ --_sf-hr-tt-tm: var(--_ctm-mob-dn-se-ct-hr-se-tt-tm,
107
+ var(--_ctm-tab-dn-se-ct-hr-se-tt-tm, var(--_ctm-dn-se-ct-hr-se-tt-tm)));
108
+ --_sf-hr-wd-wp: var(--_ctm-mob-dn-se-ct-hr-se-wd-wp,
109
+ var(--_ctm-tab-dn-se-ct-hr-se-wd-wp, var(--_ctm-dn-se-ct-hr-se-wd-wp)));
110
+ --_sf-hr-wd-bk: var(--_ctm-mob-dn-se-ct-hr-se-wd-bk,
111
+ var(--_ctm-tab-dn-se-ct-hr-se-wd-bk, var(--_ctm-dn-se-ct-hr-se-wd-bk)));
112
+ --_sf-hr-ft-se: var(--_ctm-mob-dn-se-ct-hr-se-ft-se,
113
+ var(--_ctm-tab-dn-se-ct-hr-se-ft-se, var(--_ctm-dn-se-ct-hr-se-ft-se)));
114
+ --_sf-hr-ft-wt: var(--_ctm-mob-dn-se-ct-hr-se-ft-wt,
115
+ var(--_ctm-tab-dn-se-ct-hr-se-ft-wt, var(--_ctm-dn-se-ct-hr-se-ft-wt)));
116
+ --_sf-hr-ft-se-ic: var(--_ctm-mob-dn-se-ct-hr-se-ft-se-ic,
117
+ var(--_ctm-tab-dn-se-ct-hr-se-ft-se-ic, var(--_ctm-dn-se-ct-hr-se-ft-se-ic)));
118
+ --_sf-hr-tt-an: var(--_ctm-mob-dn-se-ct-hr-se-tt-an,
119
+ var(--_ctm-tab-dn-se-ct-hr-se-tt-an, var(--_ctm-dn-se-ct-hr-se-tt-an)));
120
+ --_sf-hr-lr-sg: var(--_ctm-mob-dn-se-ct-hr-se-lr-sg,
121
+ var(--_ctm-tab-dn-se-ct-hr-se-lr-sg, var(--_ctm-dn-se-ct-hr-se-lr-sg)));
122
+ --_sf-hr-le-ht: var(--_ctm-mob-dn-se-ct-hr-se-le-ht,
123
+ var(--_ctm-tab-dn-se-ct-hr-se-le-ht, var(--_ctm-dn-se-ct-hr-se-le-ht)));
124
+
125
+ --_sf-hr-in-se: var(--_ctm-mob-dn-se-ct-hr-se-in-se,
126
+ var(--_ctm-tab-dn-se-ct-hr-se-in-se, var(--_ctm-dn-se-ct-hr-se-in-se)));
127
+ --_sf-hr-in-se: var(--_ctm-mob-dn-se-ct-hr-se-in-se,
128
+ var(--_ctm-tab-dn-se-ct-hr-se-in-se, var(--_ctm-dn-se-ct-hr-se-in-se)));
129
+ --_sf-hr-in-c1: var(--_ctm-mob-dn-se-ct-hr-se-in-c1,
130
+ var(--_ctm-tab-dn-se-ct-hr-se-in-c1, var(--_ctm-dn-se-ct-hr-se-in-c1)));
131
+ --_sf-hr-ue: var(--_ctm-mob-dn-se-ct-hr-se-ue,
132
+ var(--_ctm-tab-dn-se-ct-hr-se-ue, var(--_ctm-dn-se-ct-hr-se-ue)));
180
133
 
181
134
  &[data-hover-show-shadow="false"] {
182
135
  --_hover-show-shadow: none;
183
136
  }
137
+
184
138
  &[data-hover-show-icon="false"] {
185
139
  --_hover-show-icon: none;
186
140
  }
187
141
  }
142
+
188
143
  background-color: var(--_sf-hr-bd-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-bd-cr));
189
144
 
190
145
  // padding: 5px 10px;
@@ -200,10 +155,7 @@
200
155
 
201
156
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-br-rs));
202
157
 
203
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-ae))
204
- var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-br))
205
- var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-sd))
206
- var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-cr));
158
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-sw-cr));
207
159
 
208
160
  &[data-show-border="true"] {
209
161
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-br-cr));
@@ -222,6 +174,7 @@
222
174
  text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-tt-tm));
223
175
  word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-wd-wp));
224
176
  word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-wd-bk));
177
+
225
178
  &.flex__overflow {
226
179
  white-space: normal;
227
180
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -244,6 +197,7 @@
244
197
 
245
198
  .icon {
246
199
  display: var(--_hover-show-icon, var(--_show-icon, flex));
200
+
247
201
  svg {
248
202
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-in-se));
249
203
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-in-se));
@@ -255,6 +209,7 @@
255
209
  }
256
210
  }
257
211
  }
212
+
258
213
  [data-element-style="Text"] {
259
214
  display: inline-block;
260
215
  width: 100%;
@@ -295,297 +250,164 @@
295
250
 
296
251
  .button_options {
297
252
  position: relative;
253
+
298
254
  .more__button {
299
255
  padding: 0.45rem;
300
256
  min-width: 50px;
301
257
  cursor: pointer;
302
258
  display: flex;
303
259
  align-items: center;
304
- justify-content: var(
305
- --_ctm-mob-dn-me-se-ct-dt-se-at,
306
- var(--_ctm-tab-dn-me-se-ct-dt-se-at, var(--_ctm-dn-me-se-ct-dt-se-at))
307
- );
308
- gap: var(
309
- --_ctm-mob-dn-me-se-ct-dt-se-gp,
310
- var(--_ctm-tab-dn-me-se-ct-dt-se-gp, var(--_ctm-dn-me-se-ct-dt-se-gp))
311
- );
312
- background-color: var(
313
- --_sf-at-hr-bd-cr,
314
- var(
315
- --_ctm-mob-dn-me-se-ct-dt-se-bd-cr,
316
- var(--_ctm-tab-dn-me-se-ct-dt-se-bd-cr, var(--_ctm-dn-me-se-ct-dt-se-bd-cr))
317
- )
318
- );
319
- border-color: var(
320
- --_sf-at-hr-br-cr,
321
- var(
322
- --_ctm-mob-dn-me-se-ct-dt-se-br-cr,
323
- var(--_ctm-tab-dn-me-se-ct-dt-se-br-cr, var(--_ctm-dn-me-se-ct-dt-se-br-cr))
324
- )
325
- );
326
- border-style: var(
327
- --_sf-at-hr-br-se,
328
- var(
329
- --_ctm-mob-dn-me-se-ct-dt-se-br-se,
330
- var(--_ctm-tab-dn-me-se-ct-dt-se-br-se, var(--_ctm-dn-me-se-ct-dt-se-br-se))
331
- )
332
- );
333
- border-width: var(
334
- --_sf-at-hr-br-wt,
335
- var(
336
- --_ctm-mob-dn-me-se-ct-dt-se-br-wh,
337
- var(--_ctm-tab-dn-me-se-ct-dt-se-br-wh, var(--_ctm-dn-me-se-ct-dt-se-br-wh))
338
- )
339
- );
340
- border-radius: var(
341
- --_sf-at-hr-br-br,
342
- var(
343
- --_ctm-mob-dn-me-se-ct-dt-se-br-rs,
344
- var(--_ctm-tab-dn-me-se-ct-dt-se-br-rs, var(--_ctm-dn-me-se-ct-dt-se-br-rs))
345
- )
346
- );
347
- box-shadow: var(
348
- --_hover-show-shadow,
349
- var(
350
- --_sf-at-hr-bx-sw,
351
- var(
352
- --_show-shadow,
353
- var(
354
- --_ctm-mob-dn-me-se-ct-dt-se-sw-ae,
355
- var(--_ctm-tab-dn-me-se-ct-dt-se-sw-ae, var(--_ctm-dn-me-se-ct-dt-se-sw-ae))
356
- )
357
- var(
358
- --_ctm-mob-dn-me-se-ct-dt-se-sw-br,
359
- var(--_ctm-tab-dn-me-se-ct-dt-se-sw-br, var(--_ctm-dn-me-se-ct-dt-se-sw-br))
360
- )
361
- var(
362
- --_ctm-mob-dn-me-se-ct-dt-se-sw-sd,
363
- var(--_ctm-tab-dn-me-se-ct-dt-se-sw-sd, var(--_ctm-dn-me-se-ct-dt-se-sw-sd))
364
- )
365
- var(
366
- --_ctm-mob-dn-me-se-ct-dt-se-sw-cr,
367
- var(--_ctm-tab-dn-me-se-ct-dt-se-sw-cr, var(--_ctm-dn-me-se-ct-dt-se-sw-cr))
368
- )
369
- )
370
- )
371
- );
260
+ justify-content: var(--_ctm-mob-dn-me-se-ct-dt-se-at,
261
+ var(--_ctm-tab-dn-me-se-ct-dt-se-at, var(--_ctm-dn-me-se-ct-dt-se-at)));
262
+ gap: var(--_ctm-mob-dn-me-se-ct-dt-se-gp,
263
+ var(--_ctm-tab-dn-me-se-ct-dt-se-gp, var(--_ctm-dn-me-se-ct-dt-se-gp)));
264
+ background-color: var(--_sf-at-hr-bd-cr,
265
+ var(--_ctm-mob-dn-me-se-ct-dt-se-bd-cr,
266
+ var(--_ctm-tab-dn-me-se-ct-dt-se-bd-cr, var(--_ctm-dn-me-se-ct-dt-se-bd-cr))));
267
+ border-color: var(--_sf-at-hr-br-cr,
268
+ var(--_ctm-mob-dn-me-se-ct-dt-se-br-cr,
269
+ var(--_ctm-tab-dn-me-se-ct-dt-se-br-cr, var(--_ctm-dn-me-se-ct-dt-se-br-cr))));
270
+ border-style: var(--_sf-at-hr-br-se,
271
+ var(--_ctm-mob-dn-me-se-ct-dt-se-br-se,
272
+ var(--_ctm-tab-dn-me-se-ct-dt-se-br-se, var(--_ctm-dn-me-se-ct-dt-se-br-se))));
273
+ border-width: var(--_sf-at-hr-br-wt,
274
+ var(--_ctm-mob-dn-me-se-ct-dt-se-br-wh,
275
+ var(--_ctm-tab-dn-me-se-ct-dt-se-br-wh, var(--_ctm-dn-me-se-ct-dt-se-br-wh))));
276
+ border-radius: var(--_sf-at-hr-br-br,
277
+ var(--_ctm-mob-dn-me-se-ct-dt-se-br-rs,
278
+ var(--_ctm-tab-dn-me-se-ct-dt-se-br-rs, var(--_ctm-dn-me-se-ct-dt-se-br-rs))));
279
+ box-shadow: var(--_hover-show-shadow,
280
+ var(--_sf-at-hr-bx-sw,
281
+ var(--_show-shadow,
282
+ var(--_ctm-mob-dn-me-se-ct-dt-se-sw-ae,
283
+ var(--_ctm-tab-dn-me-se-ct-dt-se-sw-ae, var(--_ctm-dn-me-se-ct-dt-se-sw-ae))) var(--_ctm-mob-dn-me-se-ct-dt-se-sw-br,
284
+ var(--_ctm-tab-dn-me-se-ct-dt-se-sw-br, var(--_ctm-dn-me-se-ct-dt-se-sw-br))) var(--_ctm-mob-dn-me-se-ct-dt-se-sw-sd,
285
+ var(--_ctm-tab-dn-me-se-ct-dt-se-sw-sd, var(--_ctm-dn-me-se-ct-dt-se-sw-sd))) var(--_ctm-mob-dn-me-se-ct-dt-se-sw-cr,
286
+ var(--_ctm-tab-dn-me-se-ct-dt-se-sw-cr, var(--_ctm-dn-me-se-ct-dt-se-sw-cr))))));
287
+
372
288
  .btn__with__text {
373
289
  border: none;
374
290
  background-color: transparent;
375
- color: var(
376
- --_ctm-mob-dn-me-se-ct-dt-se-cr,
377
- var(--_ctm-tab-dn-me-se-ct-dt-se-cr, var(--_ctm-dn-me-se-ct-dt-se-cr))
378
- );
379
- font-family: var(
380
- --_ctm-mob-dn-me-se-ct-dt-se-ft-fy,
381
- var(--_ctm-tab-dn-me-se-ct-dt-se-ft-fy, var(--_ctm-dn-me-se-ct-dt-se-ft-fy))
382
- );
383
- text-transform: var(
384
- --_ctm-mob-dn-me-se-ct-dt-se-tt-tm,
385
- var(--_ctm-tab-dn-me-se-ct-dt-se-tt-tm, var(--_ctm-dn-me-se-ct-dt-se-tt-tm))
386
- );
387
- word-wrap: var(
388
- --_ctm-mob-dn-me-se-ct-dt-se-wd-wp,
389
- var(--_ctm-tab-dn-me-se-ct-dt-se-wd-wp, var(--_ctm-dn-me-se-ct-dt-se-wd-wp))
390
- );
391
- word-break: var(
392
- --_ctm-mob-dn-me-se-ct-dt-se-wd-bk,
393
- var(--_ctm-tab-dn-me-se-ct-dt-se-wd-bk, var(--_ctm-dn-me-se-ct-dt-se-wd-bk))
394
- );
395
- font-size: var(
396
- --_ctm-mob-dn-me-se-ct-dt-se-ft-se,
397
- var(--_ctm-tab-dn-me-se-ct-dt-se-ft-se, var(--_ctm-dn-me-se-ct-dt-se-ft-se))
398
- );
399
- font-weight: var(
400
- --_ctm-mob-dn-me-se-ct-dt-se-ft-wt,
401
- var(--_ctm-tab-dn-me-se-ct-dt-se-ft-wt, var(--_ctm-dn-me-se-ct-dt-se-ft-wt))
402
- );
403
- font-style: var(
404
- --_ctm-mob-dn-me-se-ct-dt-se-ft-se-ic,
405
- var(--_ctm-tab-dn-me-se-ct-dt-se-ft-se-ic, var(--_ctm-dn-me-se-ct-dt-se-ft-se-ic))
406
- );
407
- text-align: var(
408
- --_ctm-mob-dn-me-se-ct-dt-se-tt-an,
409
- var(--_ctm-tab-dn-me-se-ct-dt-se-tt-an, var(--_ctm-dn-me-se-ct-dt-se-tt-an))
410
- );
411
- letter-spacing: var(
412
- --_ctm-mob-dn-me-se-ct-dt-se-lr-sg,
413
- var(--_ctm-tab-dn-me-se-ct-dt-se-lr-sg, var(--_ctm-dn-me-se-ct-dt-se-lr-sg))
414
- );
415
- line-height: var(
416
- --_ctm-mob-dn-me-se-ct-dt-se-le-ht,
417
- var(--_ctm-tab-dn-me-se-ct-dt-se-le-ht, var(--_ctm-dn-me-se-ct-dt-se-le-ht))
418
- );
419
- text-decoration: var(
420
- --_ctm-mob-dn-me-se-ct-dt-se-ue,
421
- var(--_ctm-tab-dn-me-se-ct-dt-se-ue, var(--_ctm-dn-me-se-ct-dt-se-ue))
422
- );
291
+ color: var(--_ctm-mob-dn-me-se-ct-dt-se-cr,
292
+ var(--_ctm-tab-dn-me-se-ct-dt-se-cr, var(--_ctm-dn-me-se-ct-dt-se-cr)));
293
+ font-family: var(--_ctm-mob-dn-me-se-ct-dt-se-ft-fy,
294
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ft-fy, var(--_ctm-dn-me-se-ct-dt-se-ft-fy)));
295
+ text-transform: var(--_ctm-mob-dn-me-se-ct-dt-se-tt-tm,
296
+ var(--_ctm-tab-dn-me-se-ct-dt-se-tt-tm, var(--_ctm-dn-me-se-ct-dt-se-tt-tm)));
297
+ word-wrap: var(--_ctm-mob-dn-me-se-ct-dt-se-wd-wp,
298
+ var(--_ctm-tab-dn-me-se-ct-dt-se-wd-wp, var(--_ctm-dn-me-se-ct-dt-se-wd-wp)));
299
+ word-break: var(--_ctm-mob-dn-me-se-ct-dt-se-wd-bk,
300
+ var(--_ctm-tab-dn-me-se-ct-dt-se-wd-bk, var(--_ctm-dn-me-se-ct-dt-se-wd-bk)));
301
+ font-size: var(--_ctm-mob-dn-me-se-ct-dt-se-ft-se,
302
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ft-se, var(--_ctm-dn-me-se-ct-dt-se-ft-se)));
303
+ font-weight: var(--_ctm-mob-dn-me-se-ct-dt-se-ft-wt,
304
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ft-wt, var(--_ctm-dn-me-se-ct-dt-se-ft-wt)));
305
+ font-style: var(--_ctm-mob-dn-me-se-ct-dt-se-ft-se-ic,
306
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ft-se-ic, var(--_ctm-dn-me-se-ct-dt-se-ft-se-ic)));
307
+ text-align: var(--_ctm-mob-dn-me-se-ct-dt-se-tt-an,
308
+ var(--_ctm-tab-dn-me-se-ct-dt-se-tt-an, var(--_ctm-dn-me-se-ct-dt-se-tt-an)));
309
+ letter-spacing: var(--_ctm-mob-dn-me-se-ct-dt-se-lr-sg,
310
+ var(--_ctm-tab-dn-me-se-ct-dt-se-lr-sg, var(--_ctm-dn-me-se-ct-dt-se-lr-sg)));
311
+ line-height: var(--_ctm-mob-dn-me-se-ct-dt-se-le-ht,
312
+ var(--_ctm-tab-dn-me-se-ct-dt-se-le-ht, var(--_ctm-dn-me-se-ct-dt-se-le-ht)));
313
+ text-decoration: var(--_ctm-mob-dn-me-se-ct-dt-se-ue,
314
+ var(--_ctm-tab-dn-me-se-ct-dt-se-ue, var(--_ctm-dn-me-se-ct-dt-se-ue)));
423
315
  }
316
+
424
317
  span {
425
318
  svg {
426
- width: var(
427
- --_ctm-mob-dn-me-se-ct-dt-se-in-se,
428
- var(--_ctm-tab-dn-me-se-ct-dt-se-in-se, var(--_ctm-dn-me-se-ct-dt-se-in-se))
429
- );
430
- height: var(
431
- --_ctm-mob-dn-me-se-ct-dt-se-in-se,
432
- var(--_ctm-tab-dn-me-se-ct-dt-se-in-se, var(--_ctm-dn-me-se-ct-dt-se-in-se))
433
- );
319
+ width: var(--_ctm-mob-dn-me-se-ct-dt-se-in-se,
320
+ var(--_ctm-tab-dn-me-se-ct-dt-se-in-se, var(--_ctm-dn-me-se-ct-dt-se-in-se)));
321
+ height: var(--_ctm-mob-dn-me-se-ct-dt-se-in-se,
322
+ var(--_ctm-tab-dn-me-se-ct-dt-se-in-se, var(--_ctm-dn-me-se-ct-dt-se-in-se)));
323
+
434
324
  path {
435
- stroke: var(
436
- --_ctm-mob-dn-me-se-ct-dt-se-in-c1,
437
- var(--_ctm-tab-dn-me-se-ct-dt-se-in-c1, var(--_ctm-dn-me-se-ct-dt-se-in-c1))
438
- );
325
+ stroke: var(--_ctm-mob-dn-me-se-ct-dt-se-in-c1,
326
+ var(--_ctm-tab-dn-me-se-ct-dt-se-in-c1, var(--_ctm-dn-me-se-ct-dt-se-in-c1)));
439
327
  // Overrides the stroke-width presentation attribute baked into the icon markup.
440
328
  stroke-width: prepareMediaVariable(--_ctm-dn-me-se-ct-dt-se-se-wh, 1.25);
441
329
  }
442
330
  }
443
331
  }
332
+
444
333
  &:hover {
445
- justify-content: var(
446
- --_ctm-mob-dn-me-se-ct-hr-se-at,
447
- var(--_ctm-tab-dn-me-se-ct-hr-se-at, var(--_ctm-dn-me-se-ct-hr-se-at))
448
- );
449
-
450
- background-color: var(
451
- --_sf-at-hr-bd-cr,
452
- var(
453
- --_ctm-mob-dn-me-se-ct-hr-se-bd-cr,
454
- var(--_ctm-tab-dn-me-se-ct-hr-se-bd-cr, var(--_ctm-dn-me-se-ct-hr-se-bd-cr))
455
- )
456
- );
457
-
458
- border-color: var(
459
- --_sf-at-hr-br-cr,
460
- var(
461
- --_ctm-mob-dn-me-se-ct-hr-se-br-cr,
462
- var(--_ctm-tab-dn-me-se-ct-hr-se-br-cr, var(--_ctm-dn-me-se-ct-hr-se-br-cr))
463
- )
464
- );
465
-
466
- border-style: var(
467
- --_sf-at-hr-br-se,
468
- var(
469
- --_ctm-mob-dn-me-se-ct-hr-se-br-se,
470
- var(--_ctm-tab-dn-me-se-ct-hr-se-br-se, var(--_ctm-dn-me-se-ct-hr-se-br-se))
471
- )
472
- );
473
-
474
- border-width: var(
475
- --_sf-at-hr-br-wt,
476
- var(
477
- --_ctm-mob-dn-me-se-ct-hr-se-br-wh,
478
- var(--_ctm-tab-dn-me-se-ct-hr-se-br-wh, var(--_ctm-dn-me-se-ct-hr-se-br-wh))
479
- )
480
- );
481
-
482
- border-radius: var(
483
- --_sf-at-hr-br-br,
484
- var(
485
- --_ctm-mob-dn-me-se-ct-hr-se-br-rs,
486
- var(--_ctm-tab-dn-me-se-ct-hr-se-br-rs, var(--_ctm-dn-me-se-ct-hr-se-br-rs))
487
- )
488
- );
489
-
490
- box-shadow: var(
491
- --_hover-show-shadow,
492
- var(
493
- --_sf-at-hr-bx-sw,
494
- var(
495
- --_show-shadow,
496
- var(
497
- --_ctm-mob-dn-me-se-ct-hr-se-sw-ae,
498
- var(--_ctm-tab-dn-me-se-ct-hr-se-sw-ae, var(--_ctm-dn-me-se-ct-hr-se-sw-ae))
499
- )
500
- var(
501
- --_ctm-mob-dn-me-se-ct-hr-se-sw-br,
502
- var(--_ctm-tab-dn-me-se-ct-hr-se-sw-br, var(--_ctm-dn-me-se-ct-hr-se-sw-br))
503
- )
504
- var(
505
- --_ctm-mob-dn-me-se-ct-hr-se-sw-sd,
506
- var(--_ctm-tab-dn-me-se-ct-hr-se-sw-sd, var(--_ctm-dn-me-se-ct-hr-se-sw-sd))
507
- )
508
- var(
509
- --_ctm-mob-dn-me-se-ct-hr-se-sw-cr,
510
- var(--_ctm-tab-dn-me-se-ct-hr-se-sw-cr, var(--_ctm-dn-me-se-ct-hr-se-sw-cr))
511
- )
512
- )
513
- )
514
- );
334
+ justify-content: var(--_ctm-mob-dn-me-se-ct-hr-se-at,
335
+ var(--_ctm-tab-dn-me-se-ct-hr-se-at, var(--_ctm-dn-me-se-ct-hr-se-at)));
336
+
337
+ background-color: var(--_sf-at-hr-bd-cr,
338
+ var(--_ctm-mob-dn-me-se-ct-hr-se-bd-cr,
339
+ var(--_ctm-tab-dn-me-se-ct-hr-se-bd-cr, var(--_ctm-dn-me-se-ct-hr-se-bd-cr))));
340
+
341
+ border-color: var(--_sf-at-hr-br-cr,
342
+ var(--_ctm-mob-dn-me-se-ct-hr-se-br-cr,
343
+ var(--_ctm-tab-dn-me-se-ct-hr-se-br-cr, var(--_ctm-dn-me-se-ct-hr-se-br-cr))));
344
+
345
+ border-style: var(--_sf-at-hr-br-se,
346
+ var(--_ctm-mob-dn-me-se-ct-hr-se-br-se,
347
+ var(--_ctm-tab-dn-me-se-ct-hr-se-br-se, var(--_ctm-dn-me-se-ct-hr-se-br-se))));
348
+
349
+ border-width: var(--_sf-at-hr-br-wt,
350
+ var(--_ctm-mob-dn-me-se-ct-hr-se-br-wh,
351
+ var(--_ctm-tab-dn-me-se-ct-hr-se-br-wh, var(--_ctm-dn-me-se-ct-hr-se-br-wh))));
352
+
353
+ border-radius: var(--_sf-at-hr-br-br,
354
+ var(--_ctm-mob-dn-me-se-ct-hr-se-br-rs,
355
+ var(--_ctm-tab-dn-me-se-ct-hr-se-br-rs, var(--_ctm-dn-me-se-ct-hr-se-br-rs))));
356
+
357
+ box-shadow: var(--_hover-show-shadow,
358
+ var(--_sf-at-hr-bx-sw,
359
+ var(--_show-shadow,
360
+ var(--_ctm-mob-dn-me-se-ct-hr-se-sw-ae,
361
+ var(--_ctm-tab-dn-me-se-ct-hr-se-sw-ae, var(--_ctm-dn-me-se-ct-hr-se-sw-ae))) var(--_ctm-mob-dn-me-se-ct-hr-se-sw-br,
362
+ var(--_ctm-tab-dn-me-se-ct-hr-se-sw-br, var(--_ctm-dn-me-se-ct-hr-se-sw-br))) var(--_ctm-mob-dn-me-se-ct-hr-se-sw-sd,
363
+ var(--_ctm-tab-dn-me-se-ct-hr-se-sw-sd, var(--_ctm-dn-me-se-ct-hr-se-sw-sd))) var(--_ctm-mob-dn-me-se-ct-hr-se-sw-cr,
364
+ var(--_ctm-tab-dn-me-se-ct-hr-se-sw-cr, var(--_ctm-dn-me-se-ct-hr-se-sw-cr))))));
515
365
 
516
366
  .btn__with__text {
517
367
  border: none;
518
368
  background-color: transparent;
519
- color: var(
520
- --_ctm-mob-dn-me-se-ct-hr-se-cr,
521
- var(--_ctm-tab-dn-me-se-ct-hr-se-cr, var(--_ctm-dn-me-se-ct-hr-se-cr))
522
- );
523
- font-family: var(
524
- --_ctm-mob-dn-me-se-ct-hr-se-ft-fy,
525
- var(--_ctm-tab-dn-me-se-ct-hr-se-ft-fy, var(--_ctm-dn-me-se-ct-hr-se-ft-fy))
526
- );
527
- text-transform: var(
528
- --_ctm-mob-dn-me-se-ct-hr-se-tt-tm,
529
- var(--_ctm-tab-dn-me-se-ct-hr-se-tt-tm, var(--_ctm-dn-me-se-ct-hr-se-tt-tm))
530
- );
531
- word-wrap: var(
532
- --_ctm-mob-dn-me-se-ct-hr-se-wd-wp,
533
- var(--_ctm-tab-dn-me-se-ct-hr-se-wd-wp, var(--_ctm-dn-me-se-ct-hr-se-wd-wp))
534
- );
535
- word-break: var(
536
- --_ctm-mob-dn-me-se-ct-hr-se-wd-bk,
537
- var(--_ctm-tab-dn-me-se-ct-hr-se-wd-bk, var(--_ctm-dn-me-se-ct-hr-se-wd-bk))
538
- );
539
- font-size: var(
540
- --_ctm-mob-dn-me-se-ct-hr-se-ft-se,
541
- var(--_ctm-tab-dn-me-se-ct-hr-se-ft-se, var(--_ctm-dn-me-se-ct-hr-se-ft-se))
542
- );
543
- font-weight: var(
544
- --_ctm-mob-dn-me-se-ct-hr-se-ft-wt,
545
- var(--_ctm-tab-dn-me-se-ct-hr-se-ft-wt, var(--_ctm-dn-me-se-ct-hr-se-ft-wt))
546
- );
547
- font-style: var(
548
- --_ctm-mob-dn-me-se-ct-hr-se-ft-se-ic,
549
- var(--_ctm-tab-dn-me-se-ct-hr-se-ft-se-ic, var(--_ctm-dn-me-se-ct-hr-se-ft-se-ic))
550
- );
551
- text-align: var(
552
- --_ctm-mob-dn-me-se-ct-hr-se-tt-an,
553
- var(--_ctm-tab-dn-me-se-ct-hr-se-tt-an, var(--_ctm-dn-me-se-ct-hr-se-tt-an))
554
- );
555
- letter-spacing: var(
556
- --_ctm-mob-dn-me-se-ct-hr-se-lr-sg,
557
- var(--_ctm-tab-dn-me-se-ct-hr-se-lr-sg, var(--_ctm-dn-me-se-ct-hr-se-lr-sg))
558
- );
559
- line-height: var(
560
- --_ctm-mob-dn-me-se-ct-hr-se-le-ht,
561
- var(--_ctm-tab-dn-me-se-ct-hr-se-le-ht, var(--_ctm-dn-me-se-ct-hr-se-le-ht))
562
- );
563
- text-decoration: var(
564
- --_ctm-mob-dn-me-se-ct-hr-se-ue,
565
- var(--_ctm-tab-dn-me-se-ct-hr-se-ue, var(--_ctm-dn-me-se-ct-hr-se-ue))
566
- );
369
+ color: var(--_ctm-mob-dn-me-se-ct-hr-se-cr,
370
+ var(--_ctm-tab-dn-me-se-ct-hr-se-cr, var(--_ctm-dn-me-se-ct-hr-se-cr)));
371
+ font-family: var(--_ctm-mob-dn-me-se-ct-hr-se-ft-fy,
372
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ft-fy, var(--_ctm-dn-me-se-ct-hr-se-ft-fy)));
373
+ text-transform: var(--_ctm-mob-dn-me-se-ct-hr-se-tt-tm,
374
+ var(--_ctm-tab-dn-me-se-ct-hr-se-tt-tm, var(--_ctm-dn-me-se-ct-hr-se-tt-tm)));
375
+ word-wrap: var(--_ctm-mob-dn-me-se-ct-hr-se-wd-wp,
376
+ var(--_ctm-tab-dn-me-se-ct-hr-se-wd-wp, var(--_ctm-dn-me-se-ct-hr-se-wd-wp)));
377
+ word-break: var(--_ctm-mob-dn-me-se-ct-hr-se-wd-bk,
378
+ var(--_ctm-tab-dn-me-se-ct-hr-se-wd-bk, var(--_ctm-dn-me-se-ct-hr-se-wd-bk)));
379
+ font-size: var(--_ctm-mob-dn-me-se-ct-hr-se-ft-se,
380
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ft-se, var(--_ctm-dn-me-se-ct-hr-se-ft-se)));
381
+ font-weight: var(--_ctm-mob-dn-me-se-ct-hr-se-ft-wt,
382
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ft-wt, var(--_ctm-dn-me-se-ct-hr-se-ft-wt)));
383
+ font-style: var(--_ctm-mob-dn-me-se-ct-hr-se-ft-se-ic,
384
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ft-se-ic, var(--_ctm-dn-me-se-ct-hr-se-ft-se-ic)));
385
+ text-align: var(--_ctm-mob-dn-me-se-ct-hr-se-tt-an,
386
+ var(--_ctm-tab-dn-me-se-ct-hr-se-tt-an, var(--_ctm-dn-me-se-ct-hr-se-tt-an)));
387
+ letter-spacing: var(--_ctm-mob-dn-me-se-ct-hr-se-lr-sg,
388
+ var(--_ctm-tab-dn-me-se-ct-hr-se-lr-sg, var(--_ctm-dn-me-se-ct-hr-se-lr-sg)));
389
+ line-height: var(--_ctm-mob-dn-me-se-ct-hr-se-le-ht,
390
+ var(--_ctm-tab-dn-me-se-ct-hr-se-le-ht, var(--_ctm-dn-me-se-ct-hr-se-le-ht)));
391
+ text-decoration: var(--_ctm-mob-dn-me-se-ct-hr-se-ue,
392
+ var(--_ctm-tab-dn-me-se-ct-hr-se-ue, var(--_ctm-dn-me-se-ct-hr-se-ue)));
567
393
  }
568
394
 
569
395
  span {
570
396
  svg {
571
- width: var(
572
- --_ctm-mob-dn-me-se-ct-hr-se-in-se,
573
- var(--_ctm-tab-dn-me-se-ct-hr-se-in-se, var(--_ctm-dn-me-se-ct-hr-se-in-se))
574
- );
575
- height: var(
576
- --_ctm-mob-dn-me-se-ct-hr-se-in-se,
577
- var(--_ctm-tab-dn-me-se-ct-hr-se-in-se, var(--_ctm-dn-me-se-ct-hr-se-in-se))
578
- );
397
+ width: var(--_ctm-mob-dn-me-se-ct-hr-se-in-se,
398
+ var(--_ctm-tab-dn-me-se-ct-hr-se-in-se, var(--_ctm-dn-me-se-ct-hr-se-in-se)));
399
+ height: var(--_ctm-mob-dn-me-se-ct-hr-se-in-se,
400
+ var(--_ctm-tab-dn-me-se-ct-hr-se-in-se, var(--_ctm-dn-me-se-ct-hr-se-in-se)));
401
+
579
402
  path {
580
- stroke: var(
581
- --_ctm-mob-dn-me-se-ct-hr-se-in-c1,
582
- var(--_ctm-tab-dn-me-se-ct-hr-se-in-c1, var(--_ctm-dn-me-se-ct-hr-se-in-c1))
583
- );
403
+ stroke: var(--_ctm-mob-dn-me-se-ct-hr-se-in-c1,
404
+ var(--_ctm-tab-dn-me-se-ct-hr-se-in-c1, var(--_ctm-dn-me-se-ct-hr-se-in-c1)));
584
405
  }
585
406
  }
586
407
  }
587
408
  }
588
409
  }
410
+
589
411
  .dropdown_buttons {
590
412
  position: absolute;
591
413
  min-width: 150px;
@@ -596,10 +418,12 @@
596
418
  border-radius: 8px;
597
419
  overflow: hidden;
598
420
  margin-top: 2px;
421
+
599
422
  ul {
600
423
  list-style: none;
601
424
  max-height: 200px;
602
425
  overflow-y: auto;
426
+
603
427
  li {
604
428
  background-color: var(--_base-white);
605
429
  padding: 5px;
@@ -607,6 +431,7 @@
607
431
  font-size: 14px;
608
432
  font-weight: 500;
609
433
  cursor: pointer;
434
+
610
435
  &:hover {
611
436
  background-color: var(--_primary-25);
612
437
  color: var(--_primary-400);
@@ -617,6 +442,7 @@
617
442
  }
618
443
  }
619
444
  }
445
+
620
446
  .sizechart-overlay {
621
447
  position: fixed;
622
448
  inset: 0;
@@ -648,6 +474,7 @@
648
474
  font-size: 22px;
649
475
  cursor: pointer;
650
476
  }
477
+
651
478
  .sizechart-container {
652
479
  display: flex;
653
480
  flex-direction: column;
@@ -721,13 +548,9 @@
721
548
  --text-body: rgb(54, 49, 61);
722
549
 
723
550
  position: relative;
724
- background-color: var(
725
- --_ctm-mob-dn-gy-wt-se-bd-cr,
726
- var(
727
- --_ctm-tab-dn-gy-wt-se-bd-cr,
728
- var(--_ctm-dn-gy-wt-se-bd-cr, var(--_tst-dn-gy-wt-se-bd-cr))
729
- )
730
- );
551
+ background-color: var(--_ctm-mob-dn-gy-wt-se-bd-cr,
552
+ var(--_ctm-tab-dn-gy-wt-se-bd-cr,
553
+ var(--_ctm-dn-gy-wt-se-bd-cr, var(--_tst-dn-gy-wt-se-bd-cr))));
731
554
 
732
555
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
733
556
 
@@ -735,52 +558,29 @@
735
558
  flex-direction: column;
736
559
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
737
560
 
738
- gap: var(
739
- --_ctm-mob-dn-gy-wt-lt-gy-tt-ad-im-sg,
740
- var(--_ctm-tab-dn-gy-wt-lt-gy-tt-ad-im-sg, var(--_ctm-dn-gy-wt-lt-gy-tt-ad-im-sg))
741
- );
561
+ gap: var(--_ctm-mob-dn-gy-wt-lt-gy-tt-ad-im-sg,
562
+ var(--_ctm-tab-dn-gy-wt-lt-gy-tt-ad-im-sg, var(--_ctm-dn-gy-wt-lt-gy-tt-ad-im-sg)));
742
563
 
743
564
  width: 400px;
744
565
  height: 400px;
745
- border-color: var(
746
- --_ctm-mob-dn-gy-wt-se-br-cr,
747
- var(--_ctm-tab-dn-gy-wt-se-br-cr, var(--_ctm-dn-gy-wt-se-br-cr))
748
- );
749
-
750
- border-style: var(
751
- --_ctm-mob-dn-gy-wt-se-br-se,
752
- var(--_ctm-tab-dn-gy-wt-se-br-se, var(--_ctm-dn-gy-wt-se-br-se))
753
- );
754
-
755
- border-width: var(
756
- --_ctm-mob-dn-gy-wt-se-br-wh,
757
- var(--_ctm-tab-dn-gy-wt-se-br-wh, var(--_ctm-dn-gy-wt-se-br-wh))
758
- );
759
-
760
- border-radius: var(
761
- --_ctm-mob-dn-gy-wt-se-br-rs,
762
- var(--_ctm-tab-dn-gy-wt-se-br-rs, var(--_ctm-dn-gy-wt-se-br-rs))
763
- );
764
-
765
- box-shadow: var(
766
- --_show-shadow,
767
- var(
768
- --_ctm-mob-dn-gy-wt-se-sw-ae,
769
- var(--_ctm-tab-dn-gy-wt-se-sw-ae, var(--_ctm-dn-gy-wt-se-sw-ae))
770
- )
771
- var(
772
- --_ctm-mob-dn-gy-wt-se-sw-br,
773
- var(--_ctm-tab-dn-gy-wt-se-sw-br, var(--_ctm-dn-gy-wt-se-sw-br))
774
- )
775
- var(
776
- --_ctm-mob-dn-gy-wt-se-sw-sd,
777
- var(--_ctm-tab-dn-gy-wt-se-sw-sd, var(--_ctm-dn-gy-wt-se-sw-sd))
778
- )
779
- var(
780
- --_ctm-mob-dn-gy-wt-se-sw-cr,
781
- var(--_ctm-tab-dn-gy-wt-se-sw-cr, var(--_ctm-dn-gy-wt-se-sw-cr))
782
- )
783
- );
566
+ border-color: var(--_ctm-mob-dn-gy-wt-se-br-cr,
567
+ var(--_ctm-tab-dn-gy-wt-se-br-cr, var(--_ctm-dn-gy-wt-se-br-cr)));
568
+
569
+ border-style: var(--_ctm-mob-dn-gy-wt-se-br-se,
570
+ var(--_ctm-tab-dn-gy-wt-se-br-se, var(--_ctm-dn-gy-wt-se-br-se)));
571
+
572
+ border-width: var(--_ctm-mob-dn-gy-wt-se-br-wh,
573
+ var(--_ctm-tab-dn-gy-wt-se-br-wh, var(--_ctm-dn-gy-wt-se-br-wh)));
574
+
575
+ border-radius: var(--_ctm-mob-dn-gy-wt-se-br-rs,
576
+ var(--_ctm-tab-dn-gy-wt-se-br-rs, var(--_ctm-dn-gy-wt-se-br-rs)));
577
+
578
+ box-shadow: var(--_show-shadow,
579
+ var(--_ctm-mob-dn-gy-wt-se-sw-ae,
580
+ var(--_ctm-tab-dn-gy-wt-se-sw-ae, var(--_ctm-dn-gy-wt-se-sw-ae))) var(--_ctm-mob-dn-gy-wt-se-sw-br,
581
+ var(--_ctm-tab-dn-gy-wt-se-sw-br, var(--_ctm-dn-gy-wt-se-sw-br))) var(--_ctm-mob-dn-gy-wt-se-sw-sd,
582
+ var(--_ctm-tab-dn-gy-wt-se-sw-sd, var(--_ctm-dn-gy-wt-se-sw-sd))) var(--_ctm-mob-dn-gy-wt-se-sw-cr,
583
+ var(--_ctm-tab-dn-gy-wt-se-sw-cr, var(--_ctm-dn-gy-wt-se-sw-cr))));
784
584
 
785
585
  .gallery-header {
786
586
  // text-align: var(--_ctm-dn-gy-lt-an, var(--_tst-dn-gy-lt-an));
@@ -788,184 +588,107 @@
788
588
  display: flex;
789
589
  flex-direction: column;
790
590
 
791
- gap: var(
792
- --_ctm-mob-dn-gy-wt-tt-cr-lt-te-ad-dn-sg,
793
- var(--_ctm-tab-dn-gy-wt-tt-cr-lt-te-ad-dn-sg, var(--_ctm-dn-gy-wt-tt-cr-lt-te-ad-dn-sg))
794
- );
591
+ gap: var(--_ctm-mob-dn-gy-wt-tt-cr-lt-te-ad-dn-sg,
592
+ var(--_ctm-tab-dn-gy-wt-tt-cr-lt-te-ad-dn-sg, var(--_ctm-dn-gy-wt-tt-cr-lt-te-ad-dn-sg)));
795
593
 
796
- padding-block: var(
797
- --_ctm-mob-dn-gy-wt-tt-cr-lt-tt-vl-pg,
798
- var(--_ctm-tab-dn-gy-wt-tt-cr-lt-tt-vl-pg, var(--_ctm-dn-gy-wt-tt-cr-lt-tt-vl-pg))
799
- );
594
+ padding-block: var(--_ctm-mob-dn-gy-wt-tt-cr-lt-tt-vl-pg,
595
+ var(--_ctm-tab-dn-gy-wt-tt-cr-lt-tt-vl-pg, var(--_ctm-dn-gy-wt-tt-cr-lt-tt-vl-pg)));
800
596
 
801
- padding-inline: var(
802
- --_ctm-mob-dn-gy-wt-tt-cr-lt-tt-hl-pg,
803
- var(--_ctm-tab-dn-gy-wt-tt-cr-lt-tt-hl-pg, var(--_ctm-dn-gy-wt-tt-cr-lt-tt-hl-pg))
804
- );
597
+ padding-inline: var(--_ctm-mob-dn-gy-wt-tt-cr-lt-tt-hl-pg,
598
+ var(--_ctm-tab-dn-gy-wt-tt-cr-lt-tt-hl-pg, var(--_ctm-dn-gy-wt-tt-cr-lt-tt-hl-pg)));
805
599
 
806
- background-color: var(
807
- --_ctm-mob-dn-gy-wt-tt-cr-dn-bd-cr,
808
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-bd-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-bd-cr))
809
- );
600
+ background-color: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-bd-cr,
601
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-bd-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-bd-cr)));
810
602
 
811
603
  width: 100%;
812
604
 
813
- border-color: var(
814
- --_ctm-mob-dn-gy-wt-tt-cr-dn-br-cr,
815
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-br-cr))
816
- );
817
-
818
- border-style: var(
819
- --_ctm-mob-dn-gy-wt-tt-cr-dn-br-se,
820
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-se, var(--_ctm-dn-gy-wt-tt-cr-dn-br-se))
821
- );
822
-
823
- border-width: var(
824
- --_ctm-mob-dn-gy-wt-tt-cr-dn-br-wh,
825
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-wh, var(--_ctm-dn-gy-wt-tt-cr-dn-br-wh))
826
- );
827
-
828
- border-radius: var(
829
- --_ctm-mob-dn-gy-wt-tt-cr-dn-br-rs,
830
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-rs, var(--_ctm-dn-gy-wt-tt-cr-dn-br-rs))
831
- );
832
-
833
- box-shadow: var(
834
- --_show-shadow,
835
- var(
836
- --_ctm-mob-dn-gy-wt-tt-cr-dn-sw-ae,
837
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-ae, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-ae))
838
- )
839
- var(
840
- --_ctm-mob-dn-gy-wt-tt-cr-dn-sw-br,
841
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-br, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-br))
842
- )
843
- var(
844
- --_ctm-mob-dn-gy-wt-tt-cr-dn-sw-sd,
845
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-sd, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-sd))
846
- )
847
- var(
848
- --_ctm-mob-dn-gy-wt-tt-cr-dn-sw-cr,
849
- var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-cr))
850
- )
851
- );
605
+ border-color: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-br-cr,
606
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-br-cr)));
607
+
608
+ border-style: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-br-se,
609
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-se, var(--_ctm-dn-gy-wt-tt-cr-dn-br-se)));
610
+
611
+ border-width: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-br-wh,
612
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-wh, var(--_ctm-dn-gy-wt-tt-cr-dn-br-wh)));
613
+
614
+ border-radius: var(--_ctm-mob-dn-gy-wt-tt-cr-dn-br-rs,
615
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-br-rs, var(--_ctm-dn-gy-wt-tt-cr-dn-br-rs)));
616
+
617
+ box-shadow: var(--_show-shadow,
618
+ var(--_ctm-mob-dn-gy-wt-tt-cr-dn-sw-ae,
619
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-ae, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-ae))) var(--_ctm-mob-dn-gy-wt-tt-cr-dn-sw-br,
620
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-br, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-br))) var(--_ctm-mob-dn-gy-wt-tt-cr-dn-sw-sd,
621
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-sd, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-sd))) var(--_ctm-mob-dn-gy-wt-tt-cr-dn-sw-cr,
622
+ var(--_ctm-tab-dn-gy-wt-tt-cr-dn-sw-cr, var(--_ctm-dn-gy-wt-tt-cr-dn-sw-cr))));
852
623
 
853
624
  & h3 {
854
- color: var(
855
- --_ctm-mob-dn-gy-wt-se-cr,
856
- var(--_ctm-tab-dn-gy-wt-se-cr, var(--_ctm-dn-gy-wt-se-cr))
857
- );
858
-
859
- font-family: var(
860
- --_ctm-mob-dn-gy-wt-se-ft-fy,
861
- var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
862
- );
863
- text-transform: var(
864
- --_ctm-mob-dn-gy-wt-se-tt-tm,
865
- var(--_ctm-tab-dn-gy-wt-se-tt-tm, var(--_ctm-dn-gy-wt-se-tt-tm))
866
- );
867
- word-wrap: var(
868
- --_ctm-mob-dn-gy-wt-se-wd-wp,
869
- var(--_ctm-tab-dn-gy-wt-se-wd-wp, var(--_ctm-dn-gy-wt-se-wd-wp))
870
- );
871
- word-break: var(
872
- --_ctm-mob-dn-gy-wt-se-wd-bk,
873
- var(--_ctm-tab-dn-gy-wt-se-wd-bk, var(--_ctm-dn-gy-wt-se-wd-bk))
874
- );
875
-
876
- font-size: var(
877
- --_ctm-mob-dn-gy-wt-se-ft-se,
878
- var(--_ctm-tab-dn-gy-wt-se-ft-se, var(--_ctm-dn-gy-wt-se-ft-se))
879
- );
880
-
881
- font-weight: var(
882
- --_ctm-mob-dn-gy-wt-se-ft-wt,
883
- var(--_ctm-tab-dn-gy-wt-se-ft-wt, var(--_ctm-dn-gy-wt-se-ft-wt))
884
- );
885
-
886
- font-style: var(
887
- --_ctm-mob-dn-gy-wt-se-ft-se-ic,
888
- var(--_ctm-tab-dn-gy-wt-se-ft-se-ic, var(--_ctm-dn-gy-wt-se-ft-se-ic))
889
- );
890
-
891
- text-align: var(
892
- --_ctm-mob-dn-gy-wt-se-tt-an,
893
- var(--_ctm-tab-dn-gy-wt-se-tt-an, var(--_ctm-dn-gy-wt-se-tt-an))
894
- );
895
-
896
- letter-spacing: var(
897
- --_ctm-mob-dn-gy-wt-se-lr-sg,
898
- var(--_ctm-tab-dn-gy-wt-se-lr-sg, var(--_ctm-dn-gy-wt-se-lr-sg))
899
- );
900
-
901
- line-height: var(
902
- --_ctm-mob-dn-gy-wt-se-le-ht,
903
- var(--_ctm-tab-dn-gy-wt-se-le-ht, var(--_ctm-dn-gy-wt-se-le-ht))
904
- );
905
-
906
- text-decoration: var(
907
- --_ctm-mob-dn-gy-wt-se-ue,
908
- var(--_ctm-tab-dn-gy-wt-se-ue, var(--_ctm-dn-gy-wt-se-ue))
909
- );
625
+ color: var(--_ctm-mob-dn-gy-wt-se-cr,
626
+ var(--_ctm-tab-dn-gy-wt-se-cr, var(--_ctm-dn-gy-wt-se-cr)));
627
+
628
+ font-family: var(--_ctm-mob-dn-gy-wt-se-ft-fy,
629
+ var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy)));
630
+ text-transform: var(--_ctm-mob-dn-gy-wt-se-tt-tm,
631
+ var(--_ctm-tab-dn-gy-wt-se-tt-tm, var(--_ctm-dn-gy-wt-se-tt-tm)));
632
+ word-wrap: var(--_ctm-mob-dn-gy-wt-se-wd-wp,
633
+ var(--_ctm-tab-dn-gy-wt-se-wd-wp, var(--_ctm-dn-gy-wt-se-wd-wp)));
634
+ word-break: var(--_ctm-mob-dn-gy-wt-se-wd-bk,
635
+ var(--_ctm-tab-dn-gy-wt-se-wd-bk, var(--_ctm-dn-gy-wt-se-wd-bk)));
636
+
637
+ font-size: var(--_ctm-mob-dn-gy-wt-se-ft-se,
638
+ var(--_ctm-tab-dn-gy-wt-se-ft-se, var(--_ctm-dn-gy-wt-se-ft-se)));
639
+
640
+ font-weight: var(--_ctm-mob-dn-gy-wt-se-ft-wt,
641
+ var(--_ctm-tab-dn-gy-wt-se-ft-wt, var(--_ctm-dn-gy-wt-se-ft-wt)));
642
+
643
+ font-style: var(--_ctm-mob-dn-gy-wt-se-ft-se-ic,
644
+ var(--_ctm-tab-dn-gy-wt-se-ft-se-ic, var(--_ctm-dn-gy-wt-se-ft-se-ic)));
645
+
646
+ text-align: var(--_ctm-mob-dn-gy-wt-se-tt-an,
647
+ var(--_ctm-tab-dn-gy-wt-se-tt-an, var(--_ctm-dn-gy-wt-se-tt-an)));
648
+
649
+ letter-spacing: var(--_ctm-mob-dn-gy-wt-se-lr-sg,
650
+ var(--_ctm-tab-dn-gy-wt-se-lr-sg, var(--_ctm-dn-gy-wt-se-lr-sg)));
651
+
652
+ line-height: var(--_ctm-mob-dn-gy-wt-se-le-ht,
653
+ var(--_ctm-tab-dn-gy-wt-se-le-ht, var(--_ctm-dn-gy-wt-se-le-ht)));
654
+
655
+ text-decoration: var(--_ctm-mob-dn-gy-wt-se-ue,
656
+ var(--_ctm-tab-dn-gy-wt-se-ue, var(--_ctm-dn-gy-wt-se-ue)));
910
657
  }
911
658
 
912
659
  & p {
913
- color: var(
914
- --_ctm-mob-dn-gy-wt-se-cr-dc,
915
- var(--_ctm-tab-dn-gy-wt-se-cr-dc, var(--_ctm-dn-gy-wt-se-cr-dc))
916
- );
917
-
918
- font-family: var(
919
- --_ctm-mob-dn-gy-wt-se-ft-fy-dc,
920
- var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
921
- );
922
- text-transform: var(
923
- --_ctm-mob-dn-gy-wt-se-tt-tm-dc,
924
- var(--_ctm-tab-dn-gy-wt-se-tt-tm-dc, var(--_ctm-dn-gy-wt-se-tt-tm-dc))
925
- );
926
- word-wrap: var(
927
- --_ctm-mob-dn-gy-wt-se-wd-wp-dc,
928
- var(--_ctm-tab-dn-gy-wt-se-wd-wp-dc, var(--_ctm-dn-gy-wt-se-wd-wp-dc))
929
- );
930
- word-break: var(
931
- --_ctm-mob-dn-gy-wt-se-wd-bk-dc,
932
- var(--_ctm-tab-dn-gy-wt-se-wd-bk-dc, var(--_ctm-dn-gy-wt-se-wd-bk-dc))
933
- );
934
-
935
- font-size: var(
936
- --_ctm-mob-dn-gy-wt-se-ft-se-dc,
937
- var(--_ctm-tab-dn-gy-wt-se-ft-se-dc, var(--_ctm-dn-gy-wt-se-ft-se-dc))
938
- );
939
-
940
- font-weight: var(
941
- --_ctm-mob-dn-gy-wt-se-ft-wt-dc,
942
- var(--_ctm-tab-dn-gy-wt-se-ft-wt-dc, var(--_ctm-dn-gy-wt-se-ft-wt-dc))
943
- );
944
-
945
- font-style: var(
946
- --_ctm-mob-dn-gy-wt-se-ft-se-ic-dc,
947
- var(--_ctm-tab-dn-gy-wt-se-ft-se-ic-dc, var(--_ctm-dn-gy-wt-se-ft-se-ic-dc))
948
- );
949
-
950
- text-align: var(
951
- --_ctm-mob-dn-gy-wt-se-tt-an-dc,
952
- var(--_ctm-tab-dn-gy-wt-se-tt-an-dc, var(--_ctm-dn-gy-wt-se-tt-an-dc))
953
- );
954
-
955
- letter-spacing: var(
956
- --_ctm-mob-dn-gy-wt-se-lr-sg-dc,
957
- var(--_ctm-tab-dn-gy-wt-se-lr-sg-dc, var(--_ctm-dn-gy-wt-se-lr-sg-dc))
958
- );
959
-
960
- line-height: var(
961
- --_ctm-mob-dn-gy-wt-se-le-ht-dc,
962
- var(--_ctm-tab-dn-gy-wt-se-le-ht-dc, var(--_ctm-dn-gy-wt-se-le-ht-dc))
963
- );
964
-
965
- text-decoration: var(
966
- --_ctm-mob-dn-gy-wt-se-ue-dc,
967
- var(--_ctm-tab-dn-gy-wt-se-ue-dc, var(--_ctm-dn-gy-wt-se-ue-dc))
968
- );
660
+ color: var(--_ctm-mob-dn-gy-wt-se-cr-dc,
661
+ var(--_ctm-tab-dn-gy-wt-se-cr-dc, var(--_ctm-dn-gy-wt-se-cr-dc)));
662
+
663
+ font-family: var(--_ctm-mob-dn-gy-wt-se-ft-fy-dc,
664
+ var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc)));
665
+ text-transform: var(--_ctm-mob-dn-gy-wt-se-tt-tm-dc,
666
+ var(--_ctm-tab-dn-gy-wt-se-tt-tm-dc, var(--_ctm-dn-gy-wt-se-tt-tm-dc)));
667
+ word-wrap: var(--_ctm-mob-dn-gy-wt-se-wd-wp-dc,
668
+ var(--_ctm-tab-dn-gy-wt-se-wd-wp-dc, var(--_ctm-dn-gy-wt-se-wd-wp-dc)));
669
+ word-break: var(--_ctm-mob-dn-gy-wt-se-wd-bk-dc,
670
+ var(--_ctm-tab-dn-gy-wt-se-wd-bk-dc, var(--_ctm-dn-gy-wt-se-wd-bk-dc)));
671
+
672
+ font-size: var(--_ctm-mob-dn-gy-wt-se-ft-se-dc,
673
+ var(--_ctm-tab-dn-gy-wt-se-ft-se-dc, var(--_ctm-dn-gy-wt-se-ft-se-dc)));
674
+
675
+ font-weight: var(--_ctm-mob-dn-gy-wt-se-ft-wt-dc,
676
+ var(--_ctm-tab-dn-gy-wt-se-ft-wt-dc, var(--_ctm-dn-gy-wt-se-ft-wt-dc)));
677
+
678
+ font-style: var(--_ctm-mob-dn-gy-wt-se-ft-se-ic-dc,
679
+ var(--_ctm-tab-dn-gy-wt-se-ft-se-ic-dc, var(--_ctm-dn-gy-wt-se-ft-se-ic-dc)));
680
+
681
+ text-align: var(--_ctm-mob-dn-gy-wt-se-tt-an-dc,
682
+ var(--_ctm-tab-dn-gy-wt-se-tt-an-dc, var(--_ctm-dn-gy-wt-se-tt-an-dc)));
683
+
684
+ letter-spacing: var(--_ctm-mob-dn-gy-wt-se-lr-sg-dc,
685
+ var(--_ctm-tab-dn-gy-wt-se-lr-sg-dc, var(--_ctm-dn-gy-wt-se-lr-sg-dc)));
686
+
687
+ line-height: var(--_ctm-mob-dn-gy-wt-se-le-ht-dc,
688
+ var(--_ctm-tab-dn-gy-wt-se-le-ht-dc, var(--_ctm-dn-gy-wt-se-le-ht-dc)));
689
+
690
+ text-decoration: var(--_ctm-mob-dn-gy-wt-se-ue-dc,
691
+ var(--_ctm-tab-dn-gy-wt-se-ue-dc, var(--_ctm-dn-gy-wt-se-ue-dc)));
969
692
  }
970
693
 
971
694
  // h3 {
@@ -979,49 +702,60 @@
979
702
  flex-direction: column;
980
703
  }
981
704
  }
705
+
982
706
  &[data-text-position="bottom"] {
983
707
  .gallery-slider-element {
984
708
  flex-direction: column-reverse;
985
709
  }
986
710
  }
711
+
987
712
  &[data-text-position="left"] {
988
713
  .gallery-slider-element {
989
714
  flex-direction: row;
990
715
  }
716
+
991
717
  .gallery-header {
992
718
  width: fit-content;
993
719
  height: 100%;
994
720
  }
721
+
995
722
  &[data-widget-alignment="top"] {
996
723
  .gallery-slider-element {
997
724
  align-items: flex-start;
998
725
  }
726
+
999
727
  .gallery-header {
1000
728
  justify-content: flex-start;
1001
729
  }
1002
730
  }
731
+
1003
732
  &[data-widget-alignment="center"] {
1004
733
  .gallery-slider-element {
1005
734
  align-items: center;
1006
735
  }
736
+
1007
737
  .gallery-header {
1008
738
  justify-content: center;
1009
739
  }
1010
740
  }
741
+
1011
742
  &[data-widget-alignment="bottom"] {
1012
743
  .gallery-slider-element {
1013
744
  align-items: flex-end;
1014
745
  }
746
+
1015
747
  .gallery-header {
1016
748
  justify-content: flex-end;
1017
749
  }
1018
750
  }
1019
751
  }
752
+
1020
753
  &[data-text-position="right"] {
1021
754
  .gallery-header {
1022
755
  width: fit-content;
1023
756
  height: 100%;
1024
757
  }
758
+
1025
759
  .gallery-slider-element {
1026
760
  flex-direction: row-reverse;
1027
761
  }
@@ -1030,27 +764,33 @@
1030
764
  .gallery-slider-element {
1031
765
  align-items: flex-start;
1032
766
  }
767
+
1033
768
  .gallery-header {
1034
769
  justify-content: flex-start;
1035
770
  }
1036
771
  }
772
+
1037
773
  &[data-widget-alignment="center"] {
1038
774
  .gallery-slider-element {
1039
775
  align-items: center;
1040
776
  }
777
+
1041
778
  .gallery-header {
1042
779
  justify-content: center;
1043
780
  }
1044
781
  }
782
+
1045
783
  &[data-widget-alignment="bottom"] {
1046
784
  .gallery-slider-element {
1047
785
  align-items: flex-end;
1048
786
  }
787
+
1049
788
  .gallery-header {
1050
789
  justify-content: flex-end;
1051
790
  }
1052
791
  }
1053
792
  }
793
+
1054
794
  .embla {
1055
795
  width: 100%;
1056
796
  height: 100%;
@@ -1074,51 +814,25 @@
1074
814
  display: grid;
1075
815
  grid-template-rows: 100%;
1076
816
  // grid-template-columns: 100%;
1077
- grid-template-columns: repeat(
1078
- var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))),
1079
- calc(
1080
- 100% /
1081
- var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
1082
- )
1083
- );
817
+ grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))),
818
+ calc(100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))));
1084
819
 
1085
820
  grid-auto-flow: column;
1086
821
  gap: var(--_ctm-mob-lt-im-gp, var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
1087
822
 
1088
823
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
1089
- height: calc(
1090
- 100% - calc(
1091
- var(
1092
- --_ctm-mob-dn-pn-as-aw-se,
1093
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1094
- ) +
1095
- 10px
1096
- )
1097
- );
824
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-as-aw-se,
825
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) + 10px));
1098
826
  }
1099
827
 
1100
828
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
1101
- height: calc(
1102
- 100% - calc(
1103
- var(
1104
- --_ctm-mob-dn-pn-le-le-ht,
1105
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
1106
- ) +
1107
- 20px
1108
- )
1109
- );
829
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-le-le-ht,
830
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))) + 20px));
1110
831
  }
1111
832
 
1112
833
  &[data-control-type="Bottom"][data-slider-control="Dots"] {
1113
- height: calc(
1114
- 100% - calc(
1115
- var(
1116
- --_ctm-mob-dn-pn-ds-dt-se,
1117
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1118
- ) +
1119
- 20px
1120
- )
1121
- );
834
+ height: calc(100% - calc(var(--_ctm-mob-dn-pn-ds-dt-se,
835
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))) + 20px));
1122
836
  }
1123
837
 
1124
838
  .embla__slide {
@@ -1127,11 +841,10 @@
1127
841
  }
1128
842
  }
1129
843
  }
844
+
1130
845
  &:not([data-display-style="Column"]) {
1131
846
  .embla__container {
1132
- grid-auto-columns: calc(
1133
- 100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se)))
1134
- );
847
+ grid-auto-columns: calc(100% / var(--_ctm-mob-lt-is-pr-se, var(--_ctm-tab-lt-is-pr-se, var(--_ctm-lt-is-pr-se))));
1135
848
  }
1136
849
  }
1137
850
 
@@ -1142,6 +855,7 @@
1142
855
  overflow: unset;
1143
856
  height: 80%;
1144
857
  flex-grow: 1;
858
+
1145
859
  &:not([data-is-builder-type="true"]) {
1146
860
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
1147
861
  }
@@ -1152,14 +866,13 @@
1152
866
 
1153
867
  // min-height: var(--_ctm-height);
1154
868
 
1155
- grid-template-columns: repeat(
1156
- var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
1157
- 1fr
1158
- );
869
+ grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
870
+ 1fr);
1159
871
 
1160
872
  grid-template-rows: unset;
1161
873
 
1162
874
  grid-auto-flow: row;
875
+
1163
876
  &[data-overflow-hidden="true"] {
1164
877
  overflow: hidden;
1165
878
  }
@@ -1170,13 +883,8 @@
1170
883
  &[data-display-style="Grid"][data-scroll-direction="Horizontal"] {
1171
884
  .embla__viewport {
1172
885
  .embla__container {
1173
- grid-template-rows: repeat(
1174
- var(--_ctm-mob-lt-is-pr-cn, var(--_ctm-tab-lt-is-pr-cn, var(--_ctm-lt-is-pr-cn))),
1175
- calc(
1176
- 100% /
1177
- var(--_ctm-mob-lt-is-pr-cn, var(--_ctm-tab-lt-is-pr-cn, var(--_ctm-lt-is-pr-cn)))
1178
- )
1179
- );
886
+ grid-template-rows: repeat(var(--_ctm-mob-lt-is-pr-cn, var(--_ctm-tab-lt-is-pr-cn, var(--_ctm-lt-is-pr-cn))),
887
+ calc(100% / var(--_ctm-mob-lt-is-pr-cn, var(--_ctm-tab-lt-is-pr-cn, var(--_ctm-lt-is-pr-cn)))));
1180
888
  }
1181
889
  }
1182
890
  }
@@ -1188,6 +896,7 @@
1188
896
  overflow: unset;
1189
897
  height: 80%;
1190
898
  flex-grow: 1;
899
+
1191
900
  &:not([data-is-builder-type="true"]) {
1192
901
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
1193
902
  }
@@ -1198,10 +907,8 @@
1198
907
 
1199
908
  // min-height: var(--_ctm-height);
1200
909
 
1201
- grid-template-columns: repeat(
1202
- var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
1203
- 1fr
1204
- );
910
+ grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
911
+ 1fr);
1205
912
  grid-template-rows: unset;
1206
913
 
1207
914
  grid-auto-flow: row;
@@ -1215,6 +922,7 @@
1215
922
  .embla__viewport {
1216
923
  .embla__container {
1217
924
  display: flex;
925
+
1218
926
  .embla__slide {
1219
927
  width: unset;
1220
928
  height: 100%;
@@ -1223,6 +931,7 @@
1223
931
  }
1224
932
  }
1225
933
  }
934
+
1226
935
  &[data-display-style="Masonry"] {
1227
936
  // overflow: unset;
1228
937
 
@@ -1230,17 +939,17 @@
1230
939
  overflow: hidden;
1231
940
  height: 80%;
1232
941
  flex-grow: 1;
942
+
1233
943
  &:not([data-is-builder-type="true"]) {
1234
944
  height: var(--_ctm-mob-height, var(--_ctm-tab-height, var(--_ctm-height)));
1235
945
  }
946
+
1236
947
  .embla__container {
1237
948
  overflow: unset;
1238
949
 
1239
950
  display: block;
1240
- column-count: var(
1241
- --_ctm-mob-lt-is-pr-rw,
1242
- var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))
1243
- );
951
+ column-count: var(--_ctm-mob-lt-is-pr-rw,
952
+ var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw)));
1244
953
  gap: unset;
1245
954
  column-gap: var(--_ctm-mob-lt-im-gp, var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
1246
955
 
@@ -1250,12 +959,11 @@
1250
959
 
1251
960
  .embla__slide {
1252
961
  // break-inside: avoid;
1253
- margin-bottom: var(
1254
- --_ctm-mob-lt-im-gp,
1255
- var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp))
1256
- );
962
+ margin-bottom: var(--_ctm-mob-lt-im-gp,
963
+ var(--_ctm-tab-lt-im-gp, var(--_ctm-lt-im-gp)));
1257
964
 
1258
965
  height: unset;
966
+
1259
967
  .gallery__slide {
1260
968
  height: unset;
1261
969
  }
@@ -1272,20 +980,25 @@
1272
980
  width: 100%;
1273
981
  justify-content: space-between;
1274
982
  transform: translate(-50%, -50%);
983
+
1275
984
  // padding-left: 20px;
1276
985
  &[data-control-type="Side"] {
986
+
1277
987
  .left-button,
1278
988
  .right-button {
1279
989
  background-color: transparent;
1280
990
  }
1281
991
  }
992
+
1282
993
  &[data-background-shape="Round"] {
994
+
1283
995
  .left-button,
1284
996
  .right-button {
1285
997
  background-color: #f2f5f5;
1286
998
  box-sizing: 0 4px 8px rgba(0, 0, 0, 0.1);
1287
999
  }
1288
1000
  }
1001
+
1289
1002
  &[data-control-type="Bottom-Overflow"] {
1290
1003
  transform: translateX(-50%);
1291
1004
  width: 100%;
@@ -1294,6 +1007,7 @@
1294
1007
  top: unset;
1295
1008
  bottom: 6px;
1296
1009
  }
1010
+
1297
1011
  &[data-control-type="Bottom"] {
1298
1012
  transform: unset;
1299
1013
  position: static;
@@ -1302,27 +1016,22 @@
1302
1016
  gap: 12px;
1303
1017
  margin-top: 10px;
1304
1018
  }
1019
+
1305
1020
  .left-button {
1306
- width: var(
1307
- --_ctm-mob-dn-pn-as-aw-se,
1308
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1309
- );
1310
- height: var(
1311
- --_ctm-mob-dn-pn-as-aw-se,
1312
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1313
- );
1021
+ width: var(--_ctm-mob-dn-pn-as-aw-se,
1022
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1023
+ height: var(--_ctm-mob-dn-pn-as-aw-se,
1024
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1314
1025
  }
1026
+
1315
1027
  .right-button {
1316
- width: var(
1317
- --_ctm-mob-dn-pn-as-aw-se,
1318
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1319
- );
1320
- height: var(
1321
- --_ctm-mob-dn-pn-as-aw-se,
1322
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1323
- );
1028
+ width: var(--_ctm-mob-dn-pn-as-aw-se,
1029
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1030
+ height: var(--_ctm-mob-dn-pn-as-aw-se,
1031
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se)));
1324
1032
  }
1325
1033
  }
1034
+
1326
1035
  .left-button {
1327
1036
  padding: 10px;
1328
1037
  border-radius: 50%;
@@ -1334,6 +1043,7 @@
1334
1043
  cursor: pointer;
1335
1044
  outline: none;
1336
1045
  margin-left: 12px;
1046
+
1337
1047
  &:disabled {
1338
1048
  & svg {
1339
1049
  path {
@@ -1342,6 +1052,7 @@
1342
1052
  }
1343
1053
  }
1344
1054
  }
1055
+
1345
1056
  .right-button {
1346
1057
  border-radius: 50%;
1347
1058
  border: none;
@@ -1362,29 +1073,19 @@
1362
1073
  }
1363
1074
  }
1364
1075
  }
1076
+
1365
1077
  .icon {
1366
1078
  display: flex;
1079
+
1367
1080
  svg {
1368
- width: calc(
1369
- var(
1370
- --_ctm-mob-dn-pn-as-aw-se,
1371
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1372
- ) *
1373
- 0.5
1374
- );
1375
- height: calc(
1376
- var(
1377
- --_ctm-mob-dn-pn-as-aw-se,
1378
- var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
1379
- ) *
1380
- 0.5
1381
- );
1081
+ width: calc(var(--_ctm-mob-dn-pn-as-aw-se,
1082
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
1083
+ height: calc(var(--_ctm-mob-dn-pn-as-aw-se,
1084
+ var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))) * 0.5);
1382
1085
 
1383
1086
  path {
1384
- stroke: var(
1385
- --_ctm-mob-dn-pn-as-aw-cr,
1386
- var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr))
1387
- );
1087
+ stroke: var(--_ctm-mob-dn-pn-as-aw-cr,
1088
+ var(--_ctm-tab-dn-pn-as-aw-cr, var(--_ctm-dn-pn-as-aw-cr)));
1388
1089
  }
1389
1090
  }
1390
1091
  }
@@ -1399,9 +1100,11 @@
1399
1100
  &[data-thumbnail-placement="top"] {
1400
1101
  flex-direction: column-reverse;
1401
1102
  }
1103
+
1402
1104
  &[data-thumbnail-placement="bottom"] {
1403
1105
  flex-direction: column;
1404
1106
  }
1107
+
1405
1108
  &[data-thumbnail-placement="left"] {
1406
1109
  flex-direction: row-reverse;
1407
1110
 
@@ -1416,8 +1119,10 @@
1416
1119
  }
1417
1120
  }
1418
1121
  }
1122
+
1419
1123
  &[data-thumbnail-placement="right"] {
1420
1124
  flex-direction: row;
1125
+
1421
1126
  .embla__thumbs {
1422
1127
  width: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
1423
1128
 
@@ -1429,6 +1134,7 @@
1429
1134
  }
1430
1135
  }
1431
1136
  }
1137
+
1432
1138
  .embla__dots {
1433
1139
  display: flex;
1434
1140
  flex-wrap: wrap;
@@ -1445,14 +1151,13 @@
1445
1151
  transform: translateX(-50%);
1446
1152
  width: 75%;
1447
1153
  }
1154
+
1448
1155
  .embla__dot {
1449
1156
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
1450
1157
  -webkit-appearance: none;
1451
1158
  appearance: none;
1452
- background-color: var(
1453
- --_ctm-mob-dn-pn-ds-or-dt-cr,
1454
- var(--_ctm-tab-dn-pn-ds-or-dt-cr, var(--_ctm-dn-pn-ds-or-dt-cr))
1455
- );
1159
+ background-color: var(--_ctm-mob-dn-pn-ds-or-dt-cr,
1160
+ var(--_ctm-tab-dn-pn-ds-or-dt-cr, var(--_ctm-dn-pn-ds-or-dt-cr)));
1456
1161
 
1457
1162
  touch-action: manipulation;
1458
1163
  display: inline-flex;
@@ -1463,80 +1168,62 @@
1463
1168
  margin: 0;
1464
1169
  // width: 0.6rem;
1465
1170
  // height: 0.6rem;
1466
- width: var(
1467
- --_ctm-mob-dn-pn-ds-dt-se,
1468
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1469
- );
1470
- height: var(
1471
- --_ctm-mob-dn-pn-ds-dt-se,
1472
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1473
- );
1171
+ width: var(--_ctm-mob-dn-pn-ds-dt-se,
1172
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1173
+ height: var(--_ctm-mob-dn-pn-ds-dt-se,
1174
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1474
1175
 
1475
1176
  display: flex;
1476
1177
  align-items: center;
1477
1178
  justify-content: center;
1478
1179
  border-radius: 50%;
1479
1180
  }
1181
+
1480
1182
  .embla__dot:after {
1481
1183
  // box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
1482
- width: var(
1483
- --_ctm-mob-dn-pn-ds-dt-se,
1484
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1485
- );
1486
- height: var(
1487
- --_ctm-mob-dn-pn-ds-dt-se,
1488
- var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
1489
- );
1184
+ width: var(--_ctm-mob-dn-pn-ds-dt-se,
1185
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1186
+ height: var(--_ctm-mob-dn-pn-ds-dt-se,
1187
+ var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se)));
1490
1188
 
1491
1189
  border-radius: 50%;
1492
1190
  display: flex;
1493
1191
  align-items: center;
1494
1192
  content: "";
1495
1193
  }
1194
+
1496
1195
  .embla__dot--selected:after {
1497
1196
  box-shadow: inset 0 0 0 1px var(--text-body);
1498
- background-color: var(
1499
- --_ctm-mob-dn-pn-ds-ct-dt-cr,
1500
- var(--_ctm-tab-dn-pn-ds-ct-dt-cr, var(--_ctm-dn-pn-ds-ct-dt-cr))
1501
- );
1197
+ background-color: var(--_ctm-mob-dn-pn-ds-ct-dt-cr,
1198
+ var(--_ctm-tab-dn-pn-ds-ct-dt-cr, var(--_ctm-dn-pn-ds-ct-dt-cr)));
1502
1199
  }
1200
+
1503
1201
  &[data-slider-control="Pagination Line"] {
1504
1202
  .embla__dot {
1505
- width: var(
1506
- --_ctm-mob-dn-pn-le-le-wh,
1507
- var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh))
1508
- );
1203
+ width: var(--_ctm-mob-dn-pn-le-le-wh,
1204
+ var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh)));
1509
1205
 
1510
- height: var(
1511
- --_ctm-mob-dn-pn-le-le-ht,
1512
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
1513
- );
1206
+ height: var(--_ctm-mob-dn-pn-le-le-ht,
1207
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht)));
1514
1208
 
1515
- background-color: var(
1516
- --_ctm-mob-dn-pn-le-or-le-cr,
1517
- var(--_ctm-tab-dn-pn-le-or-le-cr, var(--_ctm-dn-pn-le-or-le-cr))
1518
- );
1209
+ background-color: var(--_ctm-mob-dn-pn-le-or-le-cr,
1210
+ var(--_ctm-tab-dn-pn-le-or-le-cr, var(--_ctm-dn-pn-le-or-le-cr)));
1519
1211
 
1520
1212
  border-radius: 6px;
1521
1213
  }
1214
+
1522
1215
  .embla__dot--selected:after {
1523
1216
  box-shadow: inset 0 0 0 1px var(--text-body);
1524
1217
  border-radius: 6px;
1525
- width: var(
1526
- --_ctm-mob-dn-pn-le-le-wh,
1527
- var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh))
1528
- );
1218
+ width: var(--_ctm-mob-dn-pn-le-le-wh,
1219
+ var(--_ctm-tab-dn-pn-le-le-wh, var(--_ctm-dn-pn-le-le-wh)));
1529
1220
 
1530
- height: var(
1531
- --_ctm-mob-dn-pn-le-le-ht,
1532
- var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
1533
- );
1221
+ height: var(--_ctm-mob-dn-pn-le-le-ht,
1222
+ var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht)));
1534
1223
 
1535
1224
  // background-color: #fff;
1536
- background-color: var(
1537
- --_ctm-mob-dn-pn-le-ct-le-cr,
1538
- var(--_ctm-tab-dn-pn-le-ct-le-cr, var(--_ctm-dn-pn-le-ct-le-cr))
1539
- );
1225
+ background-color: var(--_ctm-mob-dn-pn-le-ct-le-cr,
1226
+ var(--_ctm-tab-dn-pn-le-ct-le-cr, var(--_ctm-dn-pn-le-ct-le-cr)));
1540
1227
  }
1541
1228
  }
1542
1229
  }
@@ -1561,6 +1248,7 @@
1561
1248
 
1562
1249
  overflow: hidden;
1563
1250
  }
1251
+
1564
1252
  .embla__thumbs__container {
1565
1253
  display: flex;
1566
1254
  flex-direction: row;
@@ -1591,205 +1279,115 @@
1591
1279
  img[data-has-link="true"] {
1592
1280
  cursor: pointer;
1593
1281
  }
1282
+
1594
1283
  width: 100%;
1595
1284
  height: 100%;
1596
1285
  display: flex;
1597
1286
  // flex-direction: column;
1598
1287
 
1599
- background-color: var(
1600
- --_ctm-mob-dn-im-se-bd-cr,
1601
- var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
1602
- );
1603
- border-color: var(
1604
- --_ctm-mob-dn-im-se-br-cr,
1605
- var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
1606
- );
1607
- border-style: var(
1608
- --_ctm-mob-dn-im-se-br-se,
1609
- var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
1610
- );
1611
- border-width: var(
1612
- --_ctm-mob-dn-im-se-br-wh,
1613
- var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
1614
- );
1615
- border-radius: var(
1616
- --_ctm-mob-dn-im-se-br-rs,
1617
- var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
1618
- );
1619
-
1620
- box-shadow: var(
1621
- --_show-shadow,
1622
- var(--_ctm-mob-dn-im-se-sw-ae, var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae)))
1623
- var(--_ctm-mob-dn-im-se-sw-br, var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br)))
1624
- var(--_ctm-mob-dn-im-se-sw-sd, var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd)))
1625
- var(--_ctm-mob-dn-im-se-sw-cr, var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr)))
1626
- );
1627
-
1628
- gap: var(
1629
- --_ctm-mob-dn-im-lt-gy-tt-ad-im-sg,
1630
- var(--_ctm-tab-dn-im-lt-gy-tt-ad-im-sg, var(--_ctm-dn-im-lt-gy-tt-ad-im-sg))
1631
- );
1288
+ background-color: var(--_ctm-mob-dn-im-se-bd-cr,
1289
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr)));
1290
+ border-color: var(--_ctm-mob-dn-im-se-br-cr,
1291
+ var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr)));
1292
+ border-style: var(--_ctm-mob-dn-im-se-br-se,
1293
+ var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se)));
1294
+ border-width: var(--_ctm-mob-dn-im-se-br-wh,
1295
+ var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh)));
1296
+ border-radius: var(--_ctm-mob-dn-im-se-br-rs,
1297
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs)));
1298
+
1299
+ box-shadow: var(--_show-shadow,
1300
+ var(--_ctm-mob-dn-im-se-sw-ae, var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))) var(--_ctm-mob-dn-im-se-sw-br, var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))) var(--_ctm-mob-dn-im-se-sw-sd, var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))) var(--_ctm-mob-dn-im-se-sw-cr, var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))));
1301
+
1302
+ gap: var(--_ctm-mob-dn-im-lt-gy-tt-ad-im-sg,
1303
+ var(--_ctm-tab-dn-im-lt-gy-tt-ad-im-sg, var(--_ctm-dn-im-lt-gy-tt-ad-im-sg)));
1632
1304
 
1633
1305
  .gallery-header {
1634
1306
  display: flex;
1635
1307
  flex-direction: column;
1636
- gap: var(
1637
- --_ctm-mob-dn-im-tt-cr-lt-te-ad-dn-sg,
1638
- var(--_ctm-tab-dn-im-tt-cr-lt-te-ad-dn-sg, var(--_ctm-dn-im-tt-cr-lt-te-ad-dn-sg))
1639
- );
1640
- padding-block: var(
1641
- --_ctm-mob-dn-im-tt-cr-lt-tt-vl-pg,
1642
- var(--_ctm-tab-dn-im-tt-cr-lt-tt-vl-pg, var(--_ctm-dn-im-tt-cr-lt-tt-vl-pg))
1643
- );
1644
- padding-inline: var(
1645
- --_ctm-mob-dn-im-tt-cr-lt-tt-hl-pg,
1646
- var(--_ctm-tab-dn-im-tt-cr-lt-tt-hl-pg, var(--_ctm-dn-im-tt-cr-lt-tt-hl-pg))
1647
- );
1648
- background-color: var(
1649
- --_ctm-mob-dn-im-tt-cr-dn-bd-cr,
1650
- var(--_ctm-tab-dn-im-tt-cr-dn-bd-cr, var(--_ctm-dn-im-tt-cr-dn-bd-cr))
1651
- );
1308
+ gap: var(--_ctm-mob-dn-im-tt-cr-lt-te-ad-dn-sg,
1309
+ var(--_ctm-tab-dn-im-tt-cr-lt-te-ad-dn-sg, var(--_ctm-dn-im-tt-cr-lt-te-ad-dn-sg)));
1310
+ padding-block: var(--_ctm-mob-dn-im-tt-cr-lt-tt-vl-pg,
1311
+ var(--_ctm-tab-dn-im-tt-cr-lt-tt-vl-pg, var(--_ctm-dn-im-tt-cr-lt-tt-vl-pg)));
1312
+ padding-inline: var(--_ctm-mob-dn-im-tt-cr-lt-tt-hl-pg,
1313
+ var(--_ctm-tab-dn-im-tt-cr-lt-tt-hl-pg, var(--_ctm-dn-im-tt-cr-lt-tt-hl-pg)));
1314
+ background-color: var(--_ctm-mob-dn-im-tt-cr-dn-bd-cr,
1315
+ var(--_ctm-tab-dn-im-tt-cr-dn-bd-cr, var(--_ctm-dn-im-tt-cr-dn-bd-cr)));
1652
1316
  width: 100%;
1653
- border-color: var(
1654
- --_ctm-mob-dn-im-tt-cr-dn-br-cr,
1655
- var(--_ctm-tab-dn-im-tt-cr-dn-br-cr, var(--_ctm-dn-im-tt-cr-dn-br-cr))
1656
- );
1657
- border-style: var(
1658
- --_ctm-mob-dn-im-tt-cr-dn-br-se,
1659
- var(--_ctm-tab-dn-im-tt-cr-dn-br-se, var(--_ctm-dn-im-tt-cr-dn-br-se))
1660
- );
1661
- border-width: var(
1662
- --_ctm-mob-dn-im-tt-cr-dn-br-wh,
1663
- var(--_ctm-tab-dn-im-tt-cr-dn-br-wh, var(--_ctm-dn-im-tt-cr-dn-br-wh))
1664
- );
1665
- border-radius: var(
1666
- --_ctm-mob-dn-im-tt-cr-dn-br-rs,
1667
- var(--_ctm-tab-dn-im-tt-cr-dn-br-rs, var(--_ctm-dn-im-tt-cr-dn-br-rs))
1668
- );
1669
-
1670
- box-shadow: var(
1671
- --_show-shadow,
1672
- var(
1673
- --_ctm-mob-dn-im-tt-cr-dn-sw-ae,
1674
- var(--_ctm-tab-dn-im-tt-cr-dn-sw-ae, var(--_ctm-dn-im-tt-cr-dn-sw-ae))
1675
- )
1676
- var(
1677
- --_ctm-mob-dn-im-tt-cr-dn-sw-br,
1678
- var(--_ctm-tab-dn-im-tt-cr-dn-sw-br, var(--_ctm-dn-im-tt-cr-dn-sw-br))
1679
- )
1680
- var(
1681
- --_ctm-mob-dn-im-tt-cr-dn-sw-sd,
1682
- var(--_ctm-tab-dn-im-tt-cr-dn-sw-sd, var(--_ctm-dn-im-tt-cr-dn-sw-sd))
1683
- )
1684
- var(
1685
- --_ctm-mob-dn-im-tt-cr-dn-sw-cr,
1686
- var(--_ctm-tab-dn-im-tt-cr-dn-sw-cr, var(--_ctm-dn-im-tt-cr-dn-sw-cr))
1687
- )
1688
- );
1317
+ border-color: var(--_ctm-mob-dn-im-tt-cr-dn-br-cr,
1318
+ var(--_ctm-tab-dn-im-tt-cr-dn-br-cr, var(--_ctm-dn-im-tt-cr-dn-br-cr)));
1319
+ border-style: var(--_ctm-mob-dn-im-tt-cr-dn-br-se,
1320
+ var(--_ctm-tab-dn-im-tt-cr-dn-br-se, var(--_ctm-dn-im-tt-cr-dn-br-se)));
1321
+ border-width: var(--_ctm-mob-dn-im-tt-cr-dn-br-wh,
1322
+ var(--_ctm-tab-dn-im-tt-cr-dn-br-wh, var(--_ctm-dn-im-tt-cr-dn-br-wh)));
1323
+ border-radius: var(--_ctm-mob-dn-im-tt-cr-dn-br-rs,
1324
+ var(--_ctm-tab-dn-im-tt-cr-dn-br-rs, var(--_ctm-dn-im-tt-cr-dn-br-rs)));
1325
+
1326
+ box-shadow: var(--_show-shadow,
1327
+ var(--_ctm-mob-dn-im-tt-cr-dn-sw-ae,
1328
+ var(--_ctm-tab-dn-im-tt-cr-dn-sw-ae, var(--_ctm-dn-im-tt-cr-dn-sw-ae))) var(--_ctm-mob-dn-im-tt-cr-dn-sw-br,
1329
+ var(--_ctm-tab-dn-im-tt-cr-dn-sw-br, var(--_ctm-dn-im-tt-cr-dn-sw-br))) var(--_ctm-mob-dn-im-tt-cr-dn-sw-sd,
1330
+ var(--_ctm-tab-dn-im-tt-cr-dn-sw-sd, var(--_ctm-dn-im-tt-cr-dn-sw-sd))) var(--_ctm-mob-dn-im-tt-cr-dn-sw-cr,
1331
+ var(--_ctm-tab-dn-im-tt-cr-dn-sw-cr, var(--_ctm-dn-im-tt-cr-dn-sw-cr))));
1689
1332
 
1690
1333
  & h3 {
1691
1334
  color: var(--_ctm-mob-dn-im-se-cr, var(--_ctm-tab-dn-im-se-cr, var(--_ctm-dn-im-se-cr)));
1692
- font-family: var(
1693
- --_ctm-mob-dn-im-se-ft-fy,
1694
- var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
1695
- );
1696
- text-transform: var(
1697
- --_ctm-mob-dn-im-se-tt-tm,
1698
- var(--_ctm-tab-dn-im-se-tt-tm, var(--_ctm-dn-im-se-tt-tm))
1699
- );
1700
- word-wrap: var(
1701
- --_ctm-mob-dn-im-se-wd-wp,
1702
- var(--_ctm-tab-dn-im-se-wd-wp, var(--_ctm-dn-im-se-wd-wp))
1703
- );
1704
- word-break: var(
1705
- --_ctm-mob-dn-im-se-wd-bk,
1706
- var(--_ctm-tab-dn-im-se-wd-bk, var(--_ctm-dn-im-se-wd-bk))
1707
- );
1708
- font-size: var(
1709
- --_ctm-mob-dn-im-se-ft-se,
1710
- var(--_ctm-tab-dn-im-se-ft-se, var(--_ctm-dn-im-se-ft-se))
1711
- );
1712
- font-weight: var(
1713
- --_ctm-mob-dn-im-se-ft-wt,
1714
- var(--_ctm-tab-dn-im-se-ft-wt, var(--_ctm-dn-im-se-ft-wt))
1715
- );
1716
- font-style: var(
1717
- --_ctm-mob-dn-im-se-ft-se-ic,
1718
- var(--_ctm-tab-dn-im-se-ft-se-ic, var(--_ctm-dn-im-se-ft-se-ic))
1719
- );
1720
- text-align: var(
1721
- --_ctm-mob-dn-im-se-tt-an,
1722
- var(--_ctm-tab-dn-im-se-tt-an, var(--_ctm-dn-im-se-tt-an))
1723
- );
1724
- letter-spacing: var(
1725
- --_ctm-mob-dn-im-se-lr-sg,
1726
- var(--_ctm-tab-dn-im-se-lr-sg, var(--_ctm-dn-im-se-lr-sg))
1727
- );
1728
- line-height: var(
1729
- --_ctm-mob-dn-im-se-le-ht,
1730
- var(--_ctm-tab-dn-im-se-le-ht, var(--_ctm-dn-im-se-le-ht))
1731
- );
1732
- text-decoration: var(
1733
- --_ctm-mob-dn-im-se-ue,
1734
- var(--_ctm-tab-dn-im-se-ue, var(--_ctm-dn-im-se-ue))
1735
- );
1335
+ font-family: var(--_ctm-mob-dn-im-se-ft-fy,
1336
+ var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy)));
1337
+ text-transform: var(--_ctm-mob-dn-im-se-tt-tm,
1338
+ var(--_ctm-tab-dn-im-se-tt-tm, var(--_ctm-dn-im-se-tt-tm)));
1339
+ word-wrap: var(--_ctm-mob-dn-im-se-wd-wp,
1340
+ var(--_ctm-tab-dn-im-se-wd-wp, var(--_ctm-dn-im-se-wd-wp)));
1341
+ word-break: var(--_ctm-mob-dn-im-se-wd-bk,
1342
+ var(--_ctm-tab-dn-im-se-wd-bk, var(--_ctm-dn-im-se-wd-bk)));
1343
+ font-size: var(--_ctm-mob-dn-im-se-ft-se,
1344
+ var(--_ctm-tab-dn-im-se-ft-se, var(--_ctm-dn-im-se-ft-se)));
1345
+ font-weight: var(--_ctm-mob-dn-im-se-ft-wt,
1346
+ var(--_ctm-tab-dn-im-se-ft-wt, var(--_ctm-dn-im-se-ft-wt)));
1347
+ font-style: var(--_ctm-mob-dn-im-se-ft-se-ic,
1348
+ var(--_ctm-tab-dn-im-se-ft-se-ic, var(--_ctm-dn-im-se-ft-se-ic)));
1349
+ text-align: var(--_ctm-mob-dn-im-se-tt-an,
1350
+ var(--_ctm-tab-dn-im-se-tt-an, var(--_ctm-dn-im-se-tt-an)));
1351
+ letter-spacing: var(--_ctm-mob-dn-im-se-lr-sg,
1352
+ var(--_ctm-tab-dn-im-se-lr-sg, var(--_ctm-dn-im-se-lr-sg)));
1353
+ line-height: var(--_ctm-mob-dn-im-se-le-ht,
1354
+ var(--_ctm-tab-dn-im-se-le-ht, var(--_ctm-dn-im-se-le-ht)));
1355
+ text-decoration: var(--_ctm-mob-dn-im-se-ue,
1356
+ var(--_ctm-tab-dn-im-se-ue, var(--_ctm-dn-im-se-ue)));
1736
1357
  }
1737
1358
 
1738
1359
  & p {
1739
- color: var(
1740
- --_ctm-mob-dn-im-se-cr-dc,
1741
- var(--_ctm-tab-dn-im-se-cr-dc, var(--_ctm-dn-im-se-cr-dc))
1742
- );
1743
- font-family: var(
1744
- --_ctm-mob-dn-im-se-ft-fy-dc,
1745
- var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
1746
- );
1747
- text-transform: var(
1748
- --_ctm-mob-dn-im-se-tt-tm-dc,
1749
- var(--_ctm-tab-dn-im-se-tt-tm-dc, var(--_ctm-dn-im-se-tt-tm-dc))
1750
- );
1751
- word-wrap: var(
1752
- --_ctm-mob-dn-im-se-wd-wp-dc,
1753
- var(--_ctm-tab-dn-im-se-wd-wp-dc, var(--_ctm-dn-im-se-wd-wp-dc))
1754
- );
1755
- word-break: var(
1756
- --_ctm-mob-dn-im-se-wd-bk-dc,
1757
- var(--_ctm-tab-dn-im-se-wd-bk-dc, var(--_ctm-dn-im-se-wd-bk-dc))
1758
- );
1759
- font-size: var(
1760
- --_ctm-mob-dn-im-se-ft-se-dc,
1761
- var(--_ctm-tab-dn-im-se-ft-se-dc, var(--_ctm-dn-im-se-ft-se-dc))
1762
- );
1763
- font-weight: var(
1764
- --_ctm-mob-dn-im-se-ft-wt-dc,
1765
- var(--_ctm-tab-dn-im-se-ft-wt-dc, var(--_ctm-dn-im-se-ft-wt-dc))
1766
- );
1767
- font-style: var(
1768
- --_ctm-mob-dn-im-se-ft-se-ic-dc,
1769
- var(--_ctm-tab-dn-im-se-ft-se-ic-dc, var(--_ctm-dn-im-se-ft-se-ic-dc))
1770
- );
1771
- text-align: var(
1772
- --_ctm-mob-dn-im-se-tt-an-dc,
1773
- var(--_ctm-tab-dn-im-se-tt-an-dc, var(--_ctm-dn-im-se-tt-an-dc))
1774
- );
1775
- letter-spacing: var(
1776
- --_ctm-mob-dn-im-se-lr-sg-dc,
1777
- var(--_ctm-tab-dn-im-se-lr-sg-dc, var(--_ctm-dn-im-se-lr-sg-dc))
1778
- );
1779
- line-height: var(
1780
- --_ctm-mob-dn-im-se-le-ht-dc,
1781
- var(--_ctm-tab-dn-im-se-le-ht-dc, var(--_ctm-dn-im-se-le-ht-dc))
1782
- );
1783
- text-decoration: var(
1784
- --_ctm-mob-dn-im-se-ue-dc,
1785
- var(--_ctm-tab-dn-im-se-ue-dc, var(--_ctm-dn-im-se-ue-dc))
1786
- );
1360
+ color: var(--_ctm-mob-dn-im-se-cr-dc,
1361
+ var(--_ctm-tab-dn-im-se-cr-dc, var(--_ctm-dn-im-se-cr-dc)));
1362
+ font-family: var(--_ctm-mob-dn-im-se-ft-fy-dc,
1363
+ var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc)));
1364
+ text-transform: var(--_ctm-mob-dn-im-se-tt-tm-dc,
1365
+ var(--_ctm-tab-dn-im-se-tt-tm-dc, var(--_ctm-dn-im-se-tt-tm-dc)));
1366
+ word-wrap: var(--_ctm-mob-dn-im-se-wd-wp-dc,
1367
+ var(--_ctm-tab-dn-im-se-wd-wp-dc, var(--_ctm-dn-im-se-wd-wp-dc)));
1368
+ word-break: var(--_ctm-mob-dn-im-se-wd-bk-dc,
1369
+ var(--_ctm-tab-dn-im-se-wd-bk-dc, var(--_ctm-dn-im-se-wd-bk-dc)));
1370
+ font-size: var(--_ctm-mob-dn-im-se-ft-se-dc,
1371
+ var(--_ctm-tab-dn-im-se-ft-se-dc, var(--_ctm-dn-im-se-ft-se-dc)));
1372
+ font-weight: var(--_ctm-mob-dn-im-se-ft-wt-dc,
1373
+ var(--_ctm-tab-dn-im-se-ft-wt-dc, var(--_ctm-dn-im-se-ft-wt-dc)));
1374
+ font-style: var(--_ctm-mob-dn-im-se-ft-se-ic-dc,
1375
+ var(--_ctm-tab-dn-im-se-ft-se-ic-dc, var(--_ctm-dn-im-se-ft-se-ic-dc)));
1376
+ text-align: var(--_ctm-mob-dn-im-se-tt-an-dc,
1377
+ var(--_ctm-tab-dn-im-se-tt-an-dc, var(--_ctm-dn-im-se-tt-an-dc)));
1378
+ letter-spacing: var(--_ctm-mob-dn-im-se-lr-sg-dc,
1379
+ var(--_ctm-tab-dn-im-se-lr-sg-dc, var(--_ctm-dn-im-se-lr-sg-dc)));
1380
+ line-height: var(--_ctm-mob-dn-im-se-le-ht-dc,
1381
+ var(--_ctm-tab-dn-im-se-le-ht-dc, var(--_ctm-dn-im-se-le-ht-dc)));
1382
+ text-decoration: var(--_ctm-mob-dn-im-se-ue-dc,
1383
+ var(--_ctm-tab-dn-im-se-ue-dc, var(--_ctm-dn-im-se-ue-dc)));
1787
1384
  }
1788
1385
  }
1789
1386
 
1790
1387
  img {
1791
1388
  object-fit: contain;
1792
1389
  }
1390
+
1793
1391
  &[data-text-position="On Image"] {
1794
1392
  .gallery-header {
1795
1393
  width: 100%;
@@ -1806,6 +1404,7 @@
1806
1404
  justify-content: flex-start;
1807
1405
  }
1808
1406
  }
1407
+
1809
1408
  &[data-widget-alignment="center"] {
1810
1409
  // align-items: center;
1811
1410
 
@@ -1815,7 +1414,9 @@
1815
1414
  justify-content: center;
1816
1415
  }
1817
1416
  }
1417
+
1818
1418
  &[data-widget-alignment="bottom"] {
1419
+
1819
1420
  // align-items: flex-end;
1820
1421
  .gallery-header {
1821
1422
  bottom: 0;
@@ -1832,6 +1433,7 @@
1832
1433
  &[data-text-position="bottom"] {
1833
1434
  flex-direction: column-reverse;
1834
1435
  }
1436
+
1835
1437
  &[data-text-position="left"] {
1836
1438
  flex-direction: row;
1837
1439
 
@@ -1839,6 +1441,7 @@
1839
1441
  width: fit-content;
1840
1442
  height: 100%;
1841
1443
  }
1444
+
1842
1445
  &[data-widget-alignment="top"] {
1843
1446
  align-items: flex-start;
1844
1447
 
@@ -1846,6 +1449,7 @@
1846
1449
  justify-content: flex-start;
1847
1450
  }
1848
1451
  }
1452
+
1849
1453
  &[data-widget-alignment="center"] {
1850
1454
  align-items: center;
1851
1455
 
@@ -1853,6 +1457,7 @@
1853
1457
  justify-content: center;
1854
1458
  }
1855
1459
  }
1460
+
1856
1461
  &[data-widget-alignment="bottom"] {
1857
1462
  align-items: flex-end;
1858
1463
 
@@ -1861,8 +1466,10 @@
1861
1466
  }
1862
1467
  }
1863
1468
  }
1469
+
1864
1470
  &[data-text-position="right"] {
1865
1471
  flex-direction: row-reverse;
1472
+
1866
1473
  .gallery-header {
1867
1474
  width: fit-content;
1868
1475
  height: 100%;
@@ -1875,6 +1482,7 @@
1875
1482
  justify-content: flex-start;
1876
1483
  }
1877
1484
  }
1485
+
1878
1486
  &[data-widget-alignment="center"] {
1879
1487
  align-items: center;
1880
1488
 
@@ -1882,6 +1490,7 @@
1882
1490
  justify-content: center;
1883
1491
  }
1884
1492
  }
1493
+
1885
1494
  &[data-widget-alignment="bottom"] {
1886
1495
  align-items: flex-end;
1887
1496
 
@@ -1890,6 +1499,7 @@
1890
1499
  }
1891
1500
  }
1892
1501
  }
1502
+
1893
1503
  img {
1894
1504
  width: 100%;
1895
1505
  height: 100%;
@@ -1910,7 +1520,8 @@
1910
1520
  display: flex;
1911
1521
  justify-content: center;
1912
1522
  margin-block: 12px;
1913
- & > button {
1523
+
1524
+ &>button {
1914
1525
  padding-inline: 24px;
1915
1526
  border: 1px solid gray;
1916
1527
  padding-block: 12px;
@@ -1918,4 +1529,4 @@
1918
1529
  }
1919
1530
  }
1920
1531
  }
1921
- }
1532
+ }