@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
package/dist/cartAttributes.scss CHANGED
@@ -22,7 +22,7 @@
22
22
  // var(--_ctm-tab-aspect-ratio, var(--_sf-aspect-ratio))
23
23
  // );
24
24
 
25
- & > .wrapper {
25
+ &>.wrapper {
26
26
  display: flex;
27
27
  align-items: center;
28
28
  justify-content: center;
@@ -37,185 +37,118 @@
37
37
  cursor: pointer;
38
38
  gap: 8px;
39
39
  }
40
+
40
41
  .cart-attribute-container {
41
42
  width: 100%;
42
43
  display: flex;
43
44
  flex-direction: column;
44
- background-color: var(
45
- --_ctm-mob-dn-as-wt-bd-cr,
46
- var(--_ctm-tab-dn-as-wt-bd-cr, var(--_ctm-dn-as-wt-bd-cr))
47
- );
45
+ background-color: var(--_ctm-mob-dn-as-wt-bd-cr,
46
+ var(--_ctm-tab-dn-as-wt-bd-cr, var(--_ctm-dn-as-wt-bd-cr)));
48
47
  padding: var(--_ctm-mob-dn-as-wt-pg, var(--_ctm-tab-dn-as-wt-pg, var(--_ctm-dn-as-wt-pg)));
49
- border-color: var(
50
- --_ctm-mob-dn-as-wt-br-cr,
51
- var(--_ctm-tab-dn-as-wt-br-cr, var(--_ctm-dn-as-wt-br-cr))
52
- );
53
- border-style: var(
54
- --_ctm-mob-dn-as-wt-br-se,
55
- var(--_ctm-tab-dn-as-wt-br-se, var(--_ctm-dn-as-wt-br-se))
56
- );
57
- border-width: var(
58
- --_ctm-mob-dn-as-wt-br-wh,
59
- var(--_ctm-tab-dn-as-wt-br-wh, var(--_ctm-dn-as-wt-br-wh))
60
- );
61
- border-radius: var(
62
- --_ctm-mob-dn-as-wt-br-rs,
63
- var(--_ctm-tab-dn-as-wt-br-rs, var(--_ctm-dn-as-wt-br-rs))
64
- );
65
- box-shadow: var(
66
- --_ctm-mob-dn-as-wt-sw-ae,
67
- var(--_ctm-tab-dn-as-wt-sw-ae, var(--_ctm-dn-as-wt-sw-ae))
68
- )
69
- var(
70
- --_ctm-mob-dn--as-wt-sw-br,
71
- var(--_ctm-tab-dn--as-wt-sw-br, var(--_ctm-dn--as-wt-sw-br))
72
- )
73
- var(--_ctm-mob-dn-as-wt-sw-sd, var(--_ctm-tab-dn-as-wt-sw-sd, var(--_ctm-dn-as-wt-sw-sd)))
74
- var(--_ctm-mob-dn-as-wt-sw-cr, var(--_ctm-tab-dn-as-wt-sw-cr, var(--_ctm-dn-as-wt-sw-cr)));
48
+ border-color: var(--_ctm-mob-dn-as-wt-br-cr,
49
+ var(--_ctm-tab-dn-as-wt-br-cr, var(--_ctm-dn-as-wt-br-cr)));
50
+ border-style: var(--_ctm-mob-dn-as-wt-br-se,
51
+ var(--_ctm-tab-dn-as-wt-br-se, var(--_ctm-dn-as-wt-br-se)));
52
+ border-width: var(--_ctm-mob-dn-as-wt-br-wh,
53
+ var(--_ctm-tab-dn-as-wt-br-wh, var(--_ctm-dn-as-wt-br-wh)));
54
+ border-radius: var(--_ctm-mob-dn-as-wt-br-rs,
55
+ var(--_ctm-tab-dn-as-wt-br-rs, var(--_ctm-dn-as-wt-br-rs)));
56
+ box-shadow: var(--_ctm-mob-dn-as-wt-sw-ae,
57
+ var(--_ctm-tab-dn-as-wt-sw-ae, var(--_ctm-dn-as-wt-sw-ae))) var(--_ctm-mob-dn--as-wt-sw-br,
58
+ var(--_ctm-tab-dn--as-wt-sw-br, var(--_ctm-dn--as-wt-sw-br))) var(--_ctm-mob-dn-as-wt-sw-sd, var(--_ctm-tab-dn-as-wt-sw-sd, var(--_ctm-dn-as-wt-sw-sd))) var(--_ctm-mob-dn-as-wt-sw-cr, var(--_ctm-tab-dn-as-wt-sw-cr, var(--_ctm-dn-as-wt-sw-cr)));
75
59
  }
60
+
76
61
  .cart-attribute-header {
77
62
  display: flex;
78
63
  justify-content: space-between;
79
64
  align-items: center;
80
- background-color: var(
81
- --_ctm-mob-dn-as-hr-bd-cr,
82
- var(--_ctm-tab-dn-as-hr-bd-cr, var(--_ctm-dn-as-hr-bd-cr))
83
- );
65
+ background-color: var(--_ctm-mob-dn-as-hr-bd-cr,
66
+ var(--_ctm-tab-dn-as-hr-bd-cr, var(--_ctm-dn-as-hr-bd-cr)));
84
67
  padding: var(--_ctm-mob-dn-as-hr-pg, var(--_ctm-tab-dn-as-hr-pg, var(--_ctm-dn-as-hr-pg)));
85
- border-color: var(
86
- --_ctm-mob-dn-as-hr-br-cr,
87
- var(--_ctm-tab-dn-as-hr-br-cr, var(--_ctm-dn-as-hr-br-cr))
88
- );
89
- border-style: var(
90
- --_ctm-mob-dn-as-hr-br-se,
91
- var(--_ctm-tab-dn-as-hr-br-se, var(--_ctm-dn-as-hr-br-se))
92
- );
93
- border-width: var(
94
- --_ctm-mob-dn-as-hr-br-wh,
95
- var(--_ctm-tab-dn-as-hr-br-wh, var(--_ctm-dn-as-hr-br-wh))
96
- );
97
- border-radius: var(
98
- --_ctm-mob-dn-as-hr-br-rs,
99
- var(--_ctm-tab-dn-as-hr-br-rs, var(--_ctm-dn-as-hr-br-rs))
100
- );
68
+ border-color: var(--_ctm-mob-dn-as-hr-br-cr,
69
+ var(--_ctm-tab-dn-as-hr-br-cr, var(--_ctm-dn-as-hr-br-cr)));
70
+ border-style: var(--_ctm-mob-dn-as-hr-br-se,
71
+ var(--_ctm-tab-dn-as-hr-br-se, var(--_ctm-dn-as-hr-br-se)));
72
+ border-width: var(--_ctm-mob-dn-as-hr-br-wh,
73
+ var(--_ctm-tab-dn-as-hr-br-wh, var(--_ctm-dn-as-hr-br-wh)));
74
+ border-radius: var(--_ctm-mob-dn-as-hr-br-rs,
75
+ var(--_ctm-tab-dn-as-hr-br-rs, var(--_ctm-dn-as-hr-br-rs)));
76
+
101
77
  .cart_attribute_title {
102
- font-family: var(
103
- --_ctm-mob-dn-as-hr-ft-fy,
104
- var(--_ctm-tab-dn-as-hr-ft-fy, var(--_ctm-dn-as-hr-ft-fy))
105
- );
106
- text-transform: var(
107
- --_ctm-mob-dn-as-hr-tt-tm,
108
- var(--_ctm-tab-dn-as-hr-tt-tm, var(--_ctm-dn-as-hr-tt-tm))
109
- );
110
- word-wrap: var(
111
- --_ctm-mob-dn-as-hr-wd-wp,
112
- var(--_ctm-tab-dn-as-hr-wd-wp, var(--_ctm-dn-as-hr-wd-wp))
113
- );
114
- word-break: var(
115
- --_ctm-mob-dn-as-hr-wd-bk,
116
- var(--_ctm-tab-dn-as-hr-wd-bk, var(--_ctm-dn-as-hr-wd-bk))
117
- );
78
+ font-family: var(--_ctm-mob-dn-as-hr-ft-fy,
79
+ var(--_ctm-tab-dn-as-hr-ft-fy, var(--_ctm-dn-as-hr-ft-fy)));
80
+ text-transform: var(--_ctm-mob-dn-as-hr-tt-tm,
81
+ var(--_ctm-tab-dn-as-hr-tt-tm, var(--_ctm-dn-as-hr-tt-tm)));
82
+ word-wrap: var(--_ctm-mob-dn-as-hr-wd-wp,
83
+ var(--_ctm-tab-dn-as-hr-wd-wp, var(--_ctm-dn-as-hr-wd-wp)));
84
+ word-break: var(--_ctm-mob-dn-as-hr-wd-bk,
85
+ var(--_ctm-tab-dn-as-hr-wd-bk, var(--_ctm-dn-as-hr-wd-bk)));
118
86
  color: var(--_ctm-mob-dn-as-hr-cr, var(--_ctm-tab-dn-as-hr-cr, var(--_ctm-dn-as-hr-cr)));
119
- font-weight: var(
120
- --_ctm-mob-dn-as-hr-ft-wt,
121
- var(--_ctm-tab-dn-as-hr-ft-wt, var(--_ctm-dn-as-hr-ft-wt))
122
- );
123
- font-size: var(
124
- --_ctm-mob-dn-as-hr-ft-se,
125
- var(--_ctm-tab-dn-as-hr-ft-se, var(--_ctm-dn-as-hr-ft-se))
126
- );
127
- text-decoration: var(
128
- --_ctm-mob-dn-as-hr-ue,
129
- var(--_ctm-tab-dn-as-hr-ue, var(--_ctm-dn-as-hr-ue))
130
- );
131
- letter-spacing: var(
132
- --_ctm-mob-dn-as-hr-lr-sg,
133
- var(--_ctm-tab-dn-as-hr-lr-sg, var(--_ctm-dn-as-hr-lr-sg))
134
- );
135
- line-height: var(
136
- --_ctm-mob-dn-as-hr-le-ht,
137
- var(--_ctm-tab-dn-as-hr-le-ht, var(--_ctm-dn-as-hr-le-ht))
138
- );
139
- font-style: var(
140
- --_ctm-mob-dn-as-hr-ft-se-ic,
141
- var(--_ctm-tab-dn-as-hr-ft-se-ic, var(--_ctm-dn-as-hr-ft-se-ic))
142
- );
143
- text-align: var(
144
- --_ctm-mob-dn-as-hr-tt-an,
145
- var(--_ctm-tab-dn-as-hr-tt-an, var(--_ctm-dn-as-hr-tt-an))
146
- );
87
+ font-weight: var(--_ctm-mob-dn-as-hr-ft-wt,
88
+ var(--_ctm-tab-dn-as-hr-ft-wt, var(--_ctm-dn-as-hr-ft-wt)));
89
+ font-size: var(--_ctm-mob-dn-as-hr-ft-se,
90
+ var(--_ctm-tab-dn-as-hr-ft-se, var(--_ctm-dn-as-hr-ft-se)));
91
+ text-decoration: var(--_ctm-mob-dn-as-hr-ue,
92
+ var(--_ctm-tab-dn-as-hr-ue, var(--_ctm-dn-as-hr-ue)));
93
+ letter-spacing: var(--_ctm-mob-dn-as-hr-lr-sg,
94
+ var(--_ctm-tab-dn-as-hr-lr-sg, var(--_ctm-dn-as-hr-lr-sg)));
95
+ line-height: var(--_ctm-mob-dn-as-hr-le-ht,
96
+ var(--_ctm-tab-dn-as-hr-le-ht, var(--_ctm-dn-as-hr-le-ht)));
97
+ font-style: var(--_ctm-mob-dn-as-hr-ft-se-ic,
98
+ var(--_ctm-tab-dn-as-hr-ft-se-ic, var(--_ctm-dn-as-hr-ft-se-ic)));
99
+ text-align: var(--_ctm-mob-dn-as-hr-tt-an,
100
+ var(--_ctm-tab-dn-as-hr-tt-an, var(--_ctm-dn-as-hr-tt-an)));
147
101
  }
102
+
148
103
  .icon svg {
149
104
  path {
150
- stroke: var(
151
- --_ctm-mob-dn-an-as-im-in-c1,
152
- var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1))
153
- );
105
+ stroke: var(--_ctm-mob-dn-an-as-im-in-c1,
106
+ var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1)));
154
107
  // Overrides the stroke-width presentation attribute baked into the icon markup.
155
108
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
156
109
  }
157
- width: var(
158
- --_ctm-mob-dn-an-as-im-in-se,
159
- var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
160
- );
161
- height: var(
162
- --_ctm-mob-dn-an-as-im-in-se,
163
- var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
164
- );
110
+
111
+ width: var(--_ctm-mob-dn-an-as-im-in-se,
112
+ var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se)));
113
+ height: var(--_ctm-mob-dn-an-as-im-in-se,
114
+ var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se)));
165
115
  }
166
116
 
167
117
  .iconDesc svg {
168
118
  path {
169
- stroke: var(
170
- --_ctm-mob-dn-an-as-im-in-c1-dc,
171
- var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc))
172
- );
119
+ stroke: var(--_ctm-mob-dn-an-as-im-in-c1-dc,
120
+ var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc)));
173
121
  // Overrides the stroke-width presentation attribute baked into the icon markup.
174
122
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
175
123
  }
176
- width: var(
177
- --_ctm-mob-dn-an-as-im-in-se-dc,
178
- var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
179
- );
180
- height: var(
181
- --_ctm-mob-dn-an-as-im-in-se-dc,
182
- var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
183
- );
124
+
125
+ width: var(--_ctm-mob-dn-an-as-im-in-se-dc,
126
+ var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc)));
127
+ height: var(--_ctm-mob-dn-an-as-im-in-se-dc,
128
+ var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc)));
184
129
  }
185
130
  }
131
+
186
132
  .attributes-section-body {
187
133
  width: 100%;
188
134
  display: flex;
189
135
  flex-wrap: wrap;
190
136
  overflow-y: auto;
191
- background-color: var(
192
- --_ctm-mob-dn-as-cr-ae-is-wr-bd-cr,
193
- var(--_ctm-tab-dn-as-cr-ae-is-wr-bd-cr, var(--_ctm-dn-as-cr-ae-is-wr-bd-cr))
194
- );
195
- padding: var(
196
- --_ctm-mob-dn-as-cr-ae-is-wr-pg,
197
- var(--_ctm-tab-dn-as-cr-ae-is-wr-pg, var(--_ctm-dn-as-cr-ae-is-wr-pg))
198
- );
199
- gap: var(
200
- --_ctm-mob-dn-as-cr-ae-is-wr-im-gp,
201
- var(--_ctm-tab-dn-as-cr-ae-is-wr-im-gp, var(--_ctm-dn-as-cr-ae-is-wr-im-gp, 12px))
202
- );
203
- border-color: var(
204
- --_ctm-mob-dn-as-cr-ae-is-wr-br-cr,
205
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-cr, var(--_ctm-dn-as-cr-ae-is-wr-br-cr))
206
- );
207
- border-style: var(
208
- --_ctm-mob-dn-as-cr-ae-is-wr-br-se,
209
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-se, var(--_ctm-dn-as-cr-ae-is-wr-br-se))
210
- );
211
- border-width: var(
212
- --_ctm-mob-dn-as-cr-ae-is-wr-br-wh,
213
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-wh, var(--_ctm-dn-as-cr-ae-is-wr-br-wh))
214
- );
215
- border-radius: var(
216
- --_ctm-mob-dn-as-cr-ae-is-wr-br-rs,
217
- var(--_ctm-tab-dn-as-cr-ae-is-wr-br-rs, var(--_ctm-dn-as-cr-ae-is-wr-br-rs))
218
- );
137
+ background-color: var(--_ctm-mob-dn-as-cr-ae-is-wr-bd-cr,
138
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-bd-cr, var(--_ctm-dn-as-cr-ae-is-wr-bd-cr)));
139
+ padding: var(--_ctm-mob-dn-as-cr-ae-is-wr-pg,
140
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-pg, var(--_ctm-dn-as-cr-ae-is-wr-pg)));
141
+ gap: var(--_ctm-mob-dn-as-cr-ae-is-wr-im-gp,
142
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-im-gp, var(--_ctm-dn-as-cr-ae-is-wr-im-gp, 12px)));
143
+ border-color: var(--_ctm-mob-dn-as-cr-ae-is-wr-br-cr,
144
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-br-cr, var(--_ctm-dn-as-cr-ae-is-wr-br-cr)));
145
+ border-style: var(--_ctm-mob-dn-as-cr-ae-is-wr-br-se,
146
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-br-se, var(--_ctm-dn-as-cr-ae-is-wr-br-se)));
147
+ border-width: var(--_ctm-mob-dn-as-cr-ae-is-wr-br-wh,
148
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-br-wh, var(--_ctm-dn-as-cr-ae-is-wr-br-wh)));
149
+ border-radius: var(--_ctm-mob-dn-as-cr-ae-is-wr-br-rs,
150
+ var(--_ctm-tab-dn-as-cr-ae-is-wr-br-rs, var(--_ctm-dn-as-cr-ae-is-wr-br-rs)));
151
+
219
152
  .attriTitle {
220
153
  // font-weight: 600;
221
154
  // font-size: 14px;
@@ -236,6 +169,7 @@
236
169
  text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-te-tt-an);
237
170
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-te-pg);
238
171
  }
172
+
239
173
  .attriDes {
240
174
  // font-weight: 400;
241
175
  // font-size: 14px;
@@ -254,6 +188,7 @@
254
188
  text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-in-tt-an);
255
189
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-in-pg);
256
190
  }
191
+
257
192
  // CurrencyDisplay renders `span.currency_span` and, with isStyledElement, adds no
258
193
  // inline styles of its own — so the attributesPrice controls own it completely.
259
194
  // Covers both the per-attribute price and the Order Attributes total.
@@ -275,6 +210,7 @@
275
210
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-pe-pg);
276
211
  background-color: prepareMediaVariable(--_ctm-dn-as-cr-as-pe-bd-cr);
277
212
  }
213
+
278
214
  .attribute {
279
215
  width: 100%;
280
216
  display: flex;
@@ -282,244 +218,145 @@
282
218
  // Every box property below falls back to the cart-details card styling, so an
283
219
  // element whose design tokens were never emitted still renders as a card
284
220
  // instead of an unpadded, borderless row.
285
- padding: var(
286
- --_ctm-mob-dn-as-cr-as-fs-pg,
287
- var(--_ctm-tab-dn-as-cr-as-fs-pg, var(--_ctm-dn-as-cr-as-fs-pg, 10px))
288
- );
289
- gap: var(
290
- --_ctm-mob-dn-as-cr-as-fs-im-gp,
291
- var(--_ctm-tab-dn-as-cr-as-fs-im-gp, var(--_ctm-dn-as-cr-as-fs-im-gp, 6px))
292
- );
293
- background-color: var(
294
- --_ctm-mob-dn-as-cr-as-fs-bd-cr,
295
- var(--_ctm-tab-dn-as-cr-as-fs-bd-cr, var(--_ctm-dn-as-cr-as-fs-bd-cr, var(--_base-white)))
296
- );
297
- border-color: var(
298
- --_ctm-mob-dn-as-cr-as-fs-br-cr,
299
- var(
300
- --_ctm-tab-dn-as-cr-as-fs-br-cr,
301
- var(--_ctm-dn-as-cr-as-fs-br-cr, var(--_thm-cs-be-se-3))
302
- )
303
- );
304
- border-style: var(
305
- --_ctm-mob-dn-as-cr-as-fs-br-se,
306
- var(--_ctm-tab-dn-as-cr-as-fs-br-se, var(--_ctm-dn-as-cr-as-fs-br-se, solid))
307
- );
308
- border-width: var(
309
- --_ctm-mob-dn-as-cr-as-fs-br-wh,
310
- var(--_ctm-tab-dn-as-cr-as-fs-br-wh, var(--_ctm-dn-as-cr-as-fs-br-wh, 1px))
311
- );
312
- border-radius: var(
313
- --_ctm-mob-dn-as-cr-as-fs-br-rs,
314
- var(--_ctm-tab-dn-as-cr-as-fs-br-rs, var(--_ctm-dn-as-cr-as-fs-br-rs, 4px))
315
- );
221
+ padding: var(--_ctm-mob-dn-as-cr-as-fs-pg,
222
+ var(--_ctm-tab-dn-as-cr-as-fs-pg, var(--_ctm-dn-as-cr-as-fs-pg, 10px)));
223
+ gap: var(--_ctm-mob-dn-as-cr-as-fs-im-gp,
224
+ var(--_ctm-tab-dn-as-cr-as-fs-im-gp, var(--_ctm-dn-as-cr-as-fs-im-gp, 6px)));
225
+ background-color: var(--_ctm-mob-dn-as-cr-as-fs-bd-cr,
226
+ var(--_ctm-tab-dn-as-cr-as-fs-bd-cr, var(--_ctm-dn-as-cr-as-fs-bd-cr, var(--_base-white))));
227
+ border-color: var(--_ctm-mob-dn-as-cr-as-fs-br-cr,
228
+ var(--_ctm-tab-dn-as-cr-as-fs-br-cr,
229
+ var(--_ctm-dn-as-cr-as-fs-br-cr, var(--_thm-cs-be-se-3))));
230
+ border-style: var(--_ctm-mob-dn-as-cr-as-fs-br-se,
231
+ var(--_ctm-tab-dn-as-cr-as-fs-br-se, var(--_ctm-dn-as-cr-as-fs-br-se, solid)));
232
+ border-width: var(--_ctm-mob-dn-as-cr-as-fs-br-wh,
233
+ var(--_ctm-tab-dn-as-cr-as-fs-br-wh, var(--_ctm-dn-as-cr-as-fs-br-wh, 1px)));
234
+ border-radius: var(--_ctm-mob-dn-as-cr-as-fs-br-rs,
235
+ var(--_ctm-tab-dn-as-cr-as-fs-br-rs, var(--_ctm-dn-as-cr-as-fs-br-rs, 4px)));
236
+
316
237
  .label {
317
238
  display: block;
318
- padding: var(
319
- --_ctm-mob-dn-as-cr-as-ls-pg,
320
- var(--_ctm-tab-dn-as-cr-as-ls-pg, var(--_ctm-dn-as-cr-as-ls-pg))
321
- );
322
- font-family: var(
323
- --_ctm-mob-dn-as-cr-as-ls-ft-fy,
324
- var(--_ctm-tab-dn-as-cr-as-ls-ft-fy, var(--_ctm-dn-as-cr-as-ls-ft-fy))
325
- );
326
- text-transform: var(
327
- --_ctm-mob-dn-as-cr-as-ls-tt-tm,
328
- var(--_ctm-tab-dn-as-cr-as-ls-tt-tm, var(--_ctm-dn-as-cr-as-ls-tt-tm))
329
- );
330
- word-wrap: var(
331
- --_ctm-mob-dn-as-cr-as-ls-wd-wp,
332
- var(--_ctm-tab-dn-as-cr-as-ls-wd-wp, var(--_ctm-dn-as-cr-as-ls-wd-wp))
333
- );
334
- word-break: var(
335
- --_ctm-mob-dn-as-cr-as-ls-wd-bk,
336
- var(--_ctm-tab-dn-as-cr-as-ls-wd-bk, var(--_ctm-dn-as-cr-as-ls-wd-bk))
337
- );
239
+ padding: var(--_ctm-mob-dn-as-cr-as-ls-pg,
240
+ var(--_ctm-tab-dn-as-cr-as-ls-pg, var(--_ctm-dn-as-cr-as-ls-pg)));
241
+ font-family: var(--_ctm-mob-dn-as-cr-as-ls-ft-fy,
242
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-fy, var(--_ctm-dn-as-cr-as-ls-ft-fy)));
243
+ text-transform: var(--_ctm-mob-dn-as-cr-as-ls-tt-tm,
244
+ var(--_ctm-tab-dn-as-cr-as-ls-tt-tm, var(--_ctm-dn-as-cr-as-ls-tt-tm)));
245
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-ls-wd-wp,
246
+ var(--_ctm-tab-dn-as-cr-as-ls-wd-wp, var(--_ctm-dn-as-cr-as-ls-wd-wp)));
247
+ word-break: var(--_ctm-mob-dn-as-cr-as-ls-wd-bk,
248
+ var(--_ctm-tab-dn-as-cr-as-ls-wd-bk, var(--_ctm-dn-as-cr-as-ls-wd-bk)));
249
+
338
250
  &.flex__overflow {
339
251
  white-space: normal;
340
252
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
341
253
  }
342
- color: var(
343
- --_ctm-mob-dn-as-cr-as-ls-cr,
344
- var(--_ctm-tab-dn-as-cr-as-ls-cr, var(--_ctm-dn-as-cr-as-ls-cr))
345
- );
346
- font-weight: var(
347
- --_ctm-mob-dn-as-cr-as-ls-ft-wt,
348
- var(--_ctm-tab-dn-as-cr-as-ls-ft-wt, var(--_ctm-dn-as-cr-as-ls-ft-wt))
349
- );
350
- font-size: var(
351
- --_ctm-mob-dn-as-cr-as-ls-ft-se,
352
- var(--_ctm-tab-dn-as-cr-as-ls-ft-se, var(--_ctm-dn-as-cr-as-ls-ft-se))
353
- );
354
- text-decoration: var(
355
- --_ctm-mob-dn-as-cr-as-ls-ue,
356
- var(--_ctm-tab-dn-as-cr-as-ls-ue, var(--_ctm-dn-as-cr-as-ls-ue))
357
- );
358
- letter-spacing: var(
359
- --_ctm-mob-dn-as-cr-as-ls-lr-sg,
360
- var(--_ctm-tab-dn-as-cr-as-ls-lr-sg, var(--_ctm-dn-as-cr-as-ls-lr-sg))
361
- );
362
- line-height: var(
363
- --_ctm-mob-dn-as-cr-as-ls-le-ht,
364
- var(--_ctm-tab-dn-as-cr-as-ls-le-ht, var(--_ctm-dn-as-cr-as-ls-le-ht))
365
- );
366
- font-style: var(
367
- --_ctm-mob-dn-as-cr-as-ls-ft-se-ic,
368
- var(--_ctm-tab-dn-as-cr-as-ls-ft-se-ic, var(--_ctm-dn-as-cr-as-ls-ft-se-ic))
369
- );
370
- text-align: var(
371
- --_ctm-mob-dn-as-cr-as-ls-tt-an,
372
- var(--_ctm-tab-dn-as-cr-as-ls-tt-an, var(--_ctm-dn-as-cr-as-ls-tt-an))
373
- );
254
+
255
+ color: var(--_ctm-mob-dn-as-cr-as-ls-cr,
256
+ var(--_ctm-tab-dn-as-cr-as-ls-cr, var(--_ctm-dn-as-cr-as-ls-cr)));
257
+ font-weight: var(--_ctm-mob-dn-as-cr-as-ls-ft-wt,
258
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-wt, var(--_ctm-dn-as-cr-as-ls-ft-wt)));
259
+ font-size: var(--_ctm-mob-dn-as-cr-as-ls-ft-se,
260
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-se, var(--_ctm-dn-as-cr-as-ls-ft-se)));
261
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-ls-ue,
262
+ var(--_ctm-tab-dn-as-cr-as-ls-ue, var(--_ctm-dn-as-cr-as-ls-ue)));
263
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-ls-lr-sg,
264
+ var(--_ctm-tab-dn-as-cr-as-ls-lr-sg, var(--_ctm-dn-as-cr-as-ls-lr-sg)));
265
+ line-height: var(--_ctm-mob-dn-as-cr-as-ls-le-ht,
266
+ var(--_ctm-tab-dn-as-cr-as-ls-le-ht, var(--_ctm-dn-as-cr-as-ls-le-ht)));
267
+ font-style: var(--_ctm-mob-dn-as-cr-as-ls-ft-se-ic,
268
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-se-ic, var(--_ctm-dn-as-cr-as-ls-ft-se-ic)));
269
+ text-align: var(--_ctm-mob-dn-as-cr-as-ls-tt-an,
270
+ var(--_ctm-tab-dn-as-cr-as-ls-tt-an, var(--_ctm-dn-as-cr-as-ls-tt-an)));
271
+
374
272
  &.required::after {
375
273
  content: " *";
376
274
  color: var(--_error-500);
377
275
  }
378
276
  }
277
+
379
278
  .attribute_field {
380
279
  width: 100% !important;
280
+
381
281
  input {
382
- background-color: var(
383
- --_ctm-mob-dn-as-cr-as-is-bd-cr,
384
- var(
385
- --_ctm-tab-dn-as-cr-as-is-bd-cr,
386
- var(--_ctm-dn-as-cr-as-is-bd-cr, var(--_base-white))
387
- )
388
- );
389
- padding: var(
390
- --_ctm-mob-dn-as-cr-as-is-pg,
391
- var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg, 8px 12px))
392
- );
393
- gap: var(
394
- --_ctm-mob-dn-as-cr-as-is-im-gp,
395
- var(--_ctm-tab-dn-as-cr-as-is-im-gp, var(--_ctm-dn-as-cr-as-is-im-gp, 8px))
396
- );
397
- border-color: var(
398
- --_ctm-mob-dn-as-cr-as-is-br-cr,
399
- var(
400
- --_ctm-tab-dn-as-cr-as-is-br-cr,
401
- var(--_ctm-dn-as-cr-as-is-br-cr, var(--_thm-cs-be-se-3))
402
- )
403
- );
404
- border-style: var(
405
- --_ctm-mob-dn-as-cr-as-is-br-se,
406
- var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se, solid))
407
- );
408
- border-width: var(
409
- --_ctm-mob-dn-as-cr-as-is-br-wh,
410
- var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh, 1px))
411
- );
412
- border-radius: var(
413
- --_ctm-mob-dn-as-cr-as-is-br-rs,
414
- var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs, 4px))
415
- );
282
+ background-color: var(--_ctm-mob-dn-as-cr-as-is-bd-cr,
283
+ var(--_ctm-tab-dn-as-cr-as-is-bd-cr,
284
+ var(--_ctm-dn-as-cr-as-is-bd-cr, var(--_base-white))));
285
+ padding: var(--_ctm-mob-dn-as-cr-as-is-pg,
286
+ var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg, 8px 12px)));
287
+ gap: var(--_ctm-mob-dn-as-cr-as-is-im-gp,
288
+ var(--_ctm-tab-dn-as-cr-as-is-im-gp, var(--_ctm-dn-as-cr-as-is-im-gp, 8px)));
289
+ border-color: var(--_ctm-mob-dn-as-cr-as-is-br-cr,
290
+ var(--_ctm-tab-dn-as-cr-as-is-br-cr,
291
+ var(--_ctm-dn-as-cr-as-is-br-cr, var(--_thm-cs-be-se-3))));
292
+ border-style: var(--_ctm-mob-dn-as-cr-as-is-br-se,
293
+ var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se, solid)));
294
+ border-width: var(--_ctm-mob-dn-as-cr-as-is-br-wh,
295
+ var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh, 1px)));
296
+ border-radius: var(--_ctm-mob-dn-as-cr-as-is-br-rs,
297
+ var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs, 4px)));
298
+
416
299
  &::placeholder {
417
- font-family: var(
418
- --_ctm-mob-dn-as-cr-as-is-ft-fy,
419
- var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
420
- );
421
- text-transform: var(
422
- --_ctm-mob-dn-as-cr-as-is-tt-tm,
423
- var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm))
424
- );
425
- word-wrap: var(
426
- --_ctm-mob-dn-as-cr-as-is-wd-wp,
427
- var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp))
428
- );
429
- word-break: var(
430
- --_ctm-mob-dn-as-cr-as-is-wd-bk,
431
- var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk))
432
- );
300
+ font-family: var(--_ctm-mob-dn-as-cr-as-is-ft-fy,
301
+ var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy)));
302
+ text-transform: var(--_ctm-mob-dn-as-cr-as-is-tt-tm,
303
+ var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm)));
304
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-is-wd-wp,
305
+ var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp)));
306
+ word-break: var(--_ctm-mob-dn-as-cr-as-is-wd-bk,
307
+ var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk)));
433
308
  color: var(--_thm-cs-be-se-1);
434
- font-weight: var(
435
- --_ctm-mob-dn-as-cr-as-is-ft-wt,
436
- var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt))
437
- );
438
- font-size: var(
439
- --_ctm-mob-dn-as-cr-as-is-ft-se,
440
- var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se))
441
- );
442
- text-decoration: var(
443
- --_ctm-mob-dn-as-cr-as-is-ue,
444
- var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue))
445
- );
446
- letter-spacing: var(
447
- --_ctm-mob-dn-as-cr-as-is-lr-sg,
448
- var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg))
449
- );
450
- line-height: var(
451
- --_ctm-mob-dn-as-cr-as-is-le-ht,
452
- var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht))
453
- );
454
- font-style: var(
455
- --_ctm-mob-dn-as-cr-as-is-ft-se-ic,
456
- var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic))
457
- );
458
- text-align: var(
459
- --_ctm-mob-dn-as-cr-as-is-tt-an,
460
- var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an))
461
- );
309
+ font-weight: var(--_ctm-mob-dn-as-cr-as-is-ft-wt,
310
+ var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt)));
311
+ font-size: var(--_ctm-mob-dn-as-cr-as-is-ft-se,
312
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se)));
313
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-is-ue,
314
+ var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue)));
315
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-is-lr-sg,
316
+ var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg)));
317
+ line-height: var(--_ctm-mob-dn-as-cr-as-is-le-ht,
318
+ var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht)));
319
+ font-style: var(--_ctm-mob-dn-as-cr-as-is-ft-se-ic,
320
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic)));
321
+ text-align: var(--_ctm-mob-dn-as-cr-as-is-tt-an,
322
+ var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an)));
462
323
  }
463
324
  }
325
+
464
326
  .attribute_form_field {
465
- font-family: var(
466
- --_ctm-mob-dn-as-cr-as-is-ft-fy,
467
- var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
468
- );
469
- text-transform: var(
470
- --_ctm-mob-dn-as-cr-as-is-tt-tm,
471
- var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm))
472
- );
473
- word-wrap: var(
474
- --_ctm-mob-dn-as-cr-as-is-wd-wp,
475
- var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp))
476
- );
477
- word-break: var(
478
- --_ctm-mob-dn-as-cr-as-is-wd-bk,
479
- var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk))
480
- );
481
- color: var(
482
- --_ctm-mob-dn-as-cr-as-is-cr,
483
- var(--_ctm-tab-dn-as-cr-as-is-cr, var(--_ctm-dn-as-cr-as-is-cr))
484
- );
485
- font-weight: var(
486
- --_ctm-mob-dn-as-cr-as-is-ft-wt,
487
- var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt))
488
- );
489
- font-size: var(
490
- --_ctm-mob-dn-as-cr-as-is-ft-se,
491
- var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se))
492
- );
493
- text-decoration: var(
494
- --_ctm-mob-dn-as-cr-as-is-ue,
495
- var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue))
496
- );
497
- letter-spacing: var(
498
- --_ctm-mob-dn-as-cr-as-is-lr-sg,
499
- var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg))
500
- );
501
- line-height: var(
502
- --_ctm-mob-dn-as-cr-as-is-le-ht,
503
- var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht))
504
- );
505
- font-style: var(
506
- --_ctm-mob-dn-as-cr-as-is-ft-se-ic,
507
- var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic))
508
- );
509
- text-align: var(
510
- --_ctm-mob-dn-as-cr-as-is-tt-an,
511
- var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an))
512
- );
327
+ font-family: var(--_ctm-mob-dn-as-cr-as-is-ft-fy,
328
+ var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy)));
329
+ text-transform: var(--_ctm-mob-dn-as-cr-as-is-tt-tm,
330
+ var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm)));
331
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-is-wd-wp,
332
+ var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp)));
333
+ word-break: var(--_ctm-mob-dn-as-cr-as-is-wd-bk,
334
+ var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk)));
335
+ color: var(--_ctm-mob-dn-as-cr-as-is-cr,
336
+ var(--_ctm-tab-dn-as-cr-as-is-cr, var(--_ctm-dn-as-cr-as-is-cr)));
337
+ font-weight: var(--_ctm-mob-dn-as-cr-as-is-ft-wt,
338
+ var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt)));
339
+ font-size: var(--_ctm-mob-dn-as-cr-as-is-ft-se,
340
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se)));
341
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-is-ue,
342
+ var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue)));
343
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-is-lr-sg,
344
+ var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg)));
345
+ line-height: var(--_ctm-mob-dn-as-cr-as-is-le-ht,
346
+ var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht)));
347
+ font-style: var(--_ctm-mob-dn-as-cr-as-is-ft-se-ic,
348
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic)));
349
+ text-align: var(--_ctm-mob-dn-as-cr-as-is-tt-an,
350
+ var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an)));
513
351
  transition:
514
352
  background-color 0.2s,
515
353
  color 0.2s,
516
354
  border-color 0.2s,
517
355
  box-shadow 0.2s;
518
356
  width: 100%;
519
- padding: var(
520
- --_ctm-mob-dn-as-cr-as-is-pg,
521
- var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg, 8px 12px))
522
- );
357
+ padding: var(--_ctm-mob-dn-as-cr-as-is-pg,
358
+ var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg, 8px 12px)));
359
+
523
360
  &:focus {
524
361
  box-shadow:
525
362
  0px 1px 2px rgba(16, 24, 40, 0.05),
@@ -527,88 +364,56 @@
527
364
  border: 1px solid var(--_primary-300);
528
365
  }
529
366
  }
367
+
530
368
  .dropdown-input-section {
531
369
  height: auto !important;
532
- background-color: var(
533
- --_ctm-mob-dn-as-cr-as-is-bd-cr,
534
- var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr))
535
- );
536
- padding: var(
537
- --_ctm-mob-dn-as-cr-as-is-pg,
538
- var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg))
539
- );
540
- border-color: var(
541
- --_ctm-mob-dn-as-cr-as-is-br-cr,
542
- var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr))
543
- );
544
- border-style: var(
545
- --_ctm-mob-dn-as-cr-as-is-br-se,
546
- var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se))
547
- );
548
- border-width: var(
549
- --_ctm-mob-dn-as-cr-as-is-br-wh,
550
- var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh))
551
- );
552
- border-radius: var(
553
- --_ctm-mob-dn-as-cr-as-is-br-rs,
554
- var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs))
555
- );
556
- font-family: var(
557
- --_ctm-mob-dn-as-cr-as-dn-ft-fy,
558
- var(--_ctm-tab-dn-as-cr-as-dn-ft-fy, var(--_ctm-dn-as-cr-as-dn-ft-fy))
559
- );
560
- text-transform: var(
561
- --_ctm-mob-dn-as-cr-as-dn-tt-tm,
562
- var(--_ctm-tab-dn-as-cr-as-dn-tt-tm, var(--_ctm-dn-as-cr-as-dn-tt-tm))
563
- );
564
- word-wrap: var(
565
- --_ctm-mob-dn-as-cr-as-dn-wd-wp,
566
- var(--_ctm-tab-dn-as-cr-as-dn-wd-wp, var(--_ctm-dn-as-cr-as-dn-wd-wp))
567
- );
568
- word-break: var(
569
- --_ctm-mob-dn-as-cr-as-dn-wd-bk,
570
- var(--_ctm-tab-dn-as-cr-as-dn-wd-bk, var(--_ctm-dn-as-cr-as-dn-wd-bk))
571
- );
572
- color: var(
573
- --_ctm-mob-dn-as-cr-as-dn-cr,
574
- var(--_ctm-tab-dn-as-cr-as-dn-cr, var(--_ctm-dn-as-cr-as-dn-cr))
575
- );
576
- font-weight: var(
577
- --_ctm-mob-dn-as-cr-as-dn-ft-wt,
578
- var(--_ctm-tab-dn-as-cr-as-dn-ft-wt, var(--_ctm-dn-as-cr-as-dn-ft-wt))
579
- );
580
- font-size: var(
581
- --_ctm-mob-dn-as-cr-as-dn-ft-se,
582
- var(--_ctm-tab-dn-as-cr-as-dn-ft-se, var(--_ctm-dn-as-cr-as-dn-ft-se))
583
- );
584
- text-decoration: var(
585
- --_ctm-mob-dn-as-cr-as-dn-ue,
586
- var(--_ctm-tab-dn-as-cr-as-dn-ue, var(--_ctm-dn-as-cr-as-dn-ue))
587
- );
588
- letter-spacing: var(
589
- --_ctm-mob-dn-as-cr-as-dn-lr-sg,
590
- var(--_ctm-tab-dn-as-cr-as-dn-lr-sg, var(--_ctm-dn-as-cr-as-dn-lr-sg))
591
- );
592
- line-height: var(
593
- --_ctm-mob-dn-as-cr-as-dn-le-ht,
594
- var(--_ctm-tab-dn-as-cr-as-dn-le-ht, var(--_ctm-dn-as-cr-as-dn-le-ht))
595
- );
596
- font-style: var(
597
- --_ctm-mob-dn-as-cr-as-dn-ft-se-ic,
598
- var(--_ctm-tab-dn-as-cr-as-dn-ft-se-ic, var(--_ctm-dn-as-cr-as-dn-ft-se-ic))
599
- );
600
- text-align: var(
601
- --_ctm-mob-dn-as-cr-as-dn-tt-an,
602
- var(--_ctm-tab-dn-as-cr-as-dn-tt-an, var(--_ctm-dn-as-cr-as-dn-tt-an))
603
- );
370
+ background-color: var(--_ctm-mob-dn-as-cr-as-is-bd-cr,
371
+ var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr)));
372
+ padding: var(--_ctm-mob-dn-as-cr-as-is-pg,
373
+ var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg)));
374
+ border-color: var(--_ctm-mob-dn-as-cr-as-is-br-cr,
375
+ var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr)));
376
+ border-style: var(--_ctm-mob-dn-as-cr-as-is-br-se,
377
+ var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se)));
378
+ border-width: var(--_ctm-mob-dn-as-cr-as-is-br-wh,
379
+ var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh)));
380
+ border-radius: var(--_ctm-mob-dn-as-cr-as-is-br-rs,
381
+ var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs)));
382
+ font-family: var(--_ctm-mob-dn-as-cr-as-dn-ft-fy,
383
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-fy, var(--_ctm-dn-as-cr-as-dn-ft-fy)));
384
+ text-transform: var(--_ctm-mob-dn-as-cr-as-dn-tt-tm,
385
+ var(--_ctm-tab-dn-as-cr-as-dn-tt-tm, var(--_ctm-dn-as-cr-as-dn-tt-tm)));
386
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-dn-wd-wp,
387
+ var(--_ctm-tab-dn-as-cr-as-dn-wd-wp, var(--_ctm-dn-as-cr-as-dn-wd-wp)));
388
+ word-break: var(--_ctm-mob-dn-as-cr-as-dn-wd-bk,
389
+ var(--_ctm-tab-dn-as-cr-as-dn-wd-bk, var(--_ctm-dn-as-cr-as-dn-wd-bk)));
390
+ color: var(--_ctm-mob-dn-as-cr-as-dn-cr,
391
+ var(--_ctm-tab-dn-as-cr-as-dn-cr, var(--_ctm-dn-as-cr-as-dn-cr)));
392
+ font-weight: var(--_ctm-mob-dn-as-cr-as-dn-ft-wt,
393
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-wt, var(--_ctm-dn-as-cr-as-dn-ft-wt)));
394
+ font-size: var(--_ctm-mob-dn-as-cr-as-dn-ft-se,
395
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-se, var(--_ctm-dn-as-cr-as-dn-ft-se)));
396
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-dn-ue,
397
+ var(--_ctm-tab-dn-as-cr-as-dn-ue, var(--_ctm-dn-as-cr-as-dn-ue)));
398
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-dn-lr-sg,
399
+ var(--_ctm-tab-dn-as-cr-as-dn-lr-sg, var(--_ctm-dn-as-cr-as-dn-lr-sg)));
400
+ line-height: var(--_ctm-mob-dn-as-cr-as-dn-le-ht,
401
+ var(--_ctm-tab-dn-as-cr-as-dn-le-ht, var(--_ctm-dn-as-cr-as-dn-le-ht)));
402
+ font-style: var(--_ctm-mob-dn-as-cr-as-dn-ft-se-ic,
403
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-se-ic, var(--_ctm-dn-as-cr-as-dn-ft-se-ic)));
404
+ text-align: var(--_ctm-mob-dn-as-cr-as-dn-tt-an,
405
+ var(--_ctm-tab-dn-as-cr-as-dn-tt-an, var(--_ctm-dn-as-cr-as-dn-tt-an)));
406
+
604
407
  .selected-display {
605
408
  .selected-item {
606
409
  display: flex;
607
410
  align-items: center;
411
+
608
412
  .color-swatch {
609
413
  position: relative;
610
414
  // top: 1px;
611
415
  }
416
+
612
417
  .svg_icon svg {
613
418
  width: 16px;
614
419
  height: 16px;
@@ -616,14 +421,17 @@
616
421
  }
617
422
  }
618
423
  }
424
+
619
425
  &:focus {
620
426
  border-color: var(--_primary-400);
621
427
  outline: 2px solid var(--_primary-200);
622
428
  }
429
+
623
430
  &.error {
624
431
  border-color: #dc2626;
625
432
  background-color: #fef2f2;
626
433
  }
434
+
627
435
  // DatePickerInput renders the calendar icon as a *sibling* of the input
628
436
  // wrapper, so it only sits inside the field once it is taken out of flow.
629
437
  // Without this the icon renders on its own line above the input.
@@ -667,14 +475,17 @@
667
475
  }
668
476
  }
669
477
  }
478
+
670
479
  .react-datepicker-wrapper {
671
480
  width: 100%;
481
+
672
482
  .react-datepicker__close-icon::after {
673
483
  background-color: transparent;
674
484
  font-size: 25px;
675
485
  color: var(--_gray-500);
676
486
  }
677
487
  }
488
+
678
489
  // Same shape as the date picker: the percent glyph is a sibling of the input,
679
490
  // so it needs lifting out of flow to sit inside the field.
680
491
  // `&.` because attribute.tsx puts this class on the .attribute_field element
@@ -719,6 +530,7 @@
719
530
  }
720
531
  }
721
532
  }
533
+
722
534
  // Co-class on .attribute_field, same as the percent field above.
723
535
  &.color_picker_a {
724
536
  position: relative;
@@ -738,15 +550,11 @@
738
550
  top: calc(100% + 4px);
739
551
  left: 0;
740
552
  min-width: 220px;
741
- background-color: prepareMediaVariable(
742
- --_ctm-dn-as-cr-as-cr-pr-bd-cr,
743
- var(--_base-white)
744
- );
553
+ background-color: prepareMediaVariable(--_ctm-dn-as-cr-as-cr-pr-bd-cr,
554
+ var(--_base-white));
745
555
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-cr-pr-pg, 12px);
746
- border-color: prepareMediaVariable(
747
- --_ctm-dn-as-cr-as-cr-pr-br-cr,
748
- var(--_thm-cs-be-se-3)
749
- );
556
+ border-color: prepareMediaVariable(--_ctm-dn-as-cr-as-cr-pr-br-cr,
557
+ var(--_thm-cs-be-se-3));
750
558
  border-style: prepareMediaVariable(--_ctm-dn-as-cr-as-cr-pr-br-se, solid);
751
559
  border-width: prepareMediaVariable(--_ctm-dn-as-cr-as-cr-pr-br-wh, 1px);
752
560
  border-radius: prepareMediaVariable(--_ctm-dn-as-cr-as-cr-pr-br-rs, 4px);
@@ -800,6 +608,7 @@
800
608
  }
801
609
  }
802
610
  }
611
+
803
612
  // Co-class on .attribute_field, same as the percent field above.
804
613
  &.input_textarea_a {
805
614
  width: 100%;
@@ -811,50 +620,28 @@
811
620
  resize: vertical;
812
621
  // Each property falls back to the single-line input styling, so the
813
622
  // textarea still matches the other fields until it is authored.
814
- background-color: prepareMediaVariable(
815
- --_ctm-dn-as-cr-as-tt-aa-bd-cr,
816
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-bd-cr, var(--_base-white))
817
- );
818
- padding: prepareMediaVariable(
819
- --_ctm-dn-as-cr-as-tt-aa-pg,
820
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-pg, 8px 12px)
821
- );
822
- border-color: prepareMediaVariable(
823
- --_ctm-dn-as-cr-as-tt-aa-br-cr,
824
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-br-cr, var(--_thm-cs-be-se-3))
825
- );
826
- border-style: prepareMediaVariable(
827
- --_ctm-dn-as-cr-as-tt-aa-br-se,
828
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-br-se, solid)
829
- );
830
- border-width: prepareMediaVariable(
831
- --_ctm-dn-as-cr-as-tt-aa-br-wh,
832
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-br-wh, 1px)
833
- );
834
- border-radius: prepareMediaVariable(
835
- --_ctm-dn-as-cr-as-tt-aa-br-rs,
836
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-br-rs, 4px)
837
- );
838
- font-family: prepareMediaVariable(
839
- --_ctm-dn-as-cr-as-tt-aa-ft-fy,
840
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-ft-fy)
841
- );
842
- font-size: prepareMediaVariable(
843
- --_ctm-dn-as-cr-as-tt-aa-ft-se,
844
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-ft-se)
845
- );
846
- font-weight: prepareMediaVariable(
847
- --_ctm-dn-as-cr-as-tt-aa-ft-wt,
848
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-ft-wt)
849
- );
850
- color: prepareMediaVariable(
851
- --_ctm-dn-as-cr-as-tt-aa-cr,
852
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-cr)
853
- );
854
- line-height: prepareMediaVariable(
855
- --_ctm-dn-as-cr-as-tt-aa-le-ht,
856
- prepareMediaVariable(--_ctm-dn-as-cr-as-is-le-ht)
857
- );
623
+ background-color: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-bd-cr,
624
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-bd-cr, var(--_base-white)));
625
+ padding: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-pg,
626
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-pg, 8px 12px));
627
+ border-color: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-br-cr,
628
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-br-cr, var(--_thm-cs-be-se-3)));
629
+ border-style: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-br-se,
630
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-br-se, solid));
631
+ border-width: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-br-wh,
632
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-br-wh, 1px));
633
+ border-radius: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-br-rs,
634
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-br-rs, 4px));
635
+ font-family: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-ft-fy,
636
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-ft-fy));
637
+ font-size: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-ft-se,
638
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-ft-se));
639
+ font-weight: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-ft-wt,
640
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-ft-wt));
641
+ color: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-cr,
642
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-cr));
643
+ line-height: prepareMediaVariable(--_ctm-dn-as-cr-as-tt-aa-le-ht,
644
+ prepareMediaVariable(--_ctm-dn-as-cr-as-is-le-ht));
858
645
  transition:
859
646
  background-color 0.2s,
860
647
  color 0.2s,
@@ -874,6 +661,7 @@
874
661
  }
875
662
  }
876
663
  }
664
+
877
665
  .custom-upload {
878
666
  display: flex;
879
667
  // Row, matching cart-details: the icon sits beside the text, and the
@@ -882,37 +670,21 @@
882
670
  align-self: stretch;
883
671
  position: relative;
884
672
 
885
- background-color: var(
886
- --_ctm-mob-dn-as-cr-us-bd-cr,
887
- var(--_ctm-tab-dn-as-cr-us-bd-cr, var(--_ctm-dn-as-cr-us-bd-cr, var(--_base-white)))
888
- );
889
- padding: var(
890
- --_ctm-mob-dn-as-cr-us-pg,
891
- var(--_ctm-tab-dn-as-cr-us-pg, var(--_ctm-dn-as-cr-us-pg, 16px))
892
- );
893
- gap: var(
894
- --_ctm-mob-dn-as-cr-us-im-gp,
895
- var(--_ctm-tab-dn-as-cr-us-im-gp, var(--_ctm-dn-as-cr-us-im-gp, 12px))
896
- );
897
- border-color: var(
898
- --_ctm-mob-dn-as-cr-us-br-cr,
899
- var(
900
- --_ctm-tab-dn-as-cr-us-br-cr,
901
- var(--_ctm-dn-as-cr-us-br-cr, var(--_thm-cs-be-se-3))
902
- )
903
- );
904
- border-style: var(
905
- --_ctm-mob-dn-as-cr-us-br-se,
906
- var(--_ctm-tab-dn-as-cr-us-br-se, var(--_ctm-dn-as-cr-us-br-se, solid))
907
- );
908
- border-width: var(
909
- --_ctm-mob-dn-as-cr-us-br-wh,
910
- var(--_ctm-tab-dn-as-cr-us-br-wh, var(--_ctm-dn-as-cr-us-br-wh, 1px))
911
- );
912
- border-radius: var(
913
- --_ctm-mob-dn-as-cr-us-br-rs,
914
- var(--_ctm-tab-dn-as-cr-us-br-rs, var(--_ctm-dn-as-cr-us-br-rs, 4px))
915
- );
673
+ background-color: var(--_ctm-mob-dn-as-cr-us-bd-cr,
674
+ var(--_ctm-tab-dn-as-cr-us-bd-cr, var(--_ctm-dn-as-cr-us-bd-cr, var(--_base-white))));
675
+ padding: var(--_ctm-mob-dn-as-cr-us-pg,
676
+ var(--_ctm-tab-dn-as-cr-us-pg, var(--_ctm-dn-as-cr-us-pg, 16px)));
677
+ gap: var(--_ctm-mob-dn-as-cr-us-im-gp,
678
+ var(--_ctm-tab-dn-as-cr-us-im-gp, var(--_ctm-dn-as-cr-us-im-gp, 12px)));
679
+ border-color: var(--_ctm-mob-dn-as-cr-us-br-cr,
680
+ var(--_ctm-tab-dn-as-cr-us-br-cr,
681
+ var(--_ctm-dn-as-cr-us-br-cr, var(--_thm-cs-be-se-3))));
682
+ border-style: var(--_ctm-mob-dn-as-cr-us-br-se,
683
+ var(--_ctm-tab-dn-as-cr-us-br-se, var(--_ctm-dn-as-cr-us-br-se, solid)));
684
+ border-width: var(--_ctm-mob-dn-as-cr-us-br-wh,
685
+ var(--_ctm-tab-dn-as-cr-us-br-wh, var(--_ctm-dn-as-cr-us-br-wh, 1px)));
686
+ border-radius: var(--_ctm-mob-dn-as-cr-us-br-rs,
687
+ var(--_ctm-tab-dn-as-cr-us-br-rs, var(--_ctm-dn-as-cr-us-br-rs, 4px)));
916
688
 
917
689
  .clear_upload_icon {
918
690
  // Never shrink and never inherit the preview's height: the button stays a
@@ -1014,115 +786,73 @@
1014
786
  line-height: 0;
1015
787
  }
1016
788
  }
789
+
1017
790
  .file_upload_text {
1018
791
  text-align: center;
1019
792
  display: flex;
1020
793
  flex-direction: column;
1021
794
  gap: 6px;
795
+
1022
796
  p {
1023
797
  strong {
1024
- font-family: var(
1025
- --_ctm-mob-dn-as-cr-us-ft-fy,
1026
- var(--_ctm-tab-dn-as-cr-us-ft-fy, var(--_ctm-dn-as-cr-us-ft-fy))
1027
- );
1028
- text-transform: var(
1029
- --_ctm-mob-dn-as-cr-us-tt-tm,
1030
- var(--_ctm-tab-dn-as-cr-us-tt-tm, var(--_ctm-dn-as-cr-us-tt-tm))
1031
- );
1032
- word-wrap: var(
1033
- --_ctm-mob-dn-as-cr-us-wd-wp,
1034
- var(--_ctm-tab-dn-as-cr-us-wd-wp, var(--_ctm-dn-as-cr-us-wd-wp))
1035
- );
1036
- word-break: var(
1037
- --_ctm-mob-dn-as-cr-us-wd-bk,
1038
- var(--_ctm-tab-dn-as-cr-us-wd-bk, var(--_ctm-dn-as-cr-us-wd-bk))
1039
- );
798
+ font-family: var(--_ctm-mob-dn-as-cr-us-ft-fy,
799
+ var(--_ctm-tab-dn-as-cr-us-ft-fy, var(--_ctm-dn-as-cr-us-ft-fy)));
800
+ text-transform: var(--_ctm-mob-dn-as-cr-us-tt-tm,
801
+ var(--_ctm-tab-dn-as-cr-us-tt-tm, var(--_ctm-dn-as-cr-us-tt-tm)));
802
+ word-wrap: var(--_ctm-mob-dn-as-cr-us-wd-wp,
803
+ var(--_ctm-tab-dn-as-cr-us-wd-wp, var(--_ctm-dn-as-cr-us-wd-wp)));
804
+ word-break: var(--_ctm-mob-dn-as-cr-us-wd-bk,
805
+ var(--_ctm-tab-dn-as-cr-us-wd-bk, var(--_ctm-dn-as-cr-us-wd-bk)));
1040
806
  // color: var(
1041
807
  // --_ctm-mob-dn-as-cr-us-cr,
1042
808
  // var(--_ctm-tab-dn-as-cr-us-cr, var(--_ctm-dn-as-cr-us-cr))
1043
809
  // );
1044
810
  color: var(--_thm-cs-tt-ls-as);
1045
- font-weight: var(
1046
- --_ctm-mob-dn-as-cr-us-ft-wt,
1047
- var(--_ctm-tab-dn-as-cr-us-ft-wt, var(--_ctm-dn-as-cr-us-ft-wt))
1048
- );
1049
- font-size: var(
1050
- --_ctm-mob-dn-as-cr-us-ft-se,
1051
- var(--_ctm-tab-dn-as-cr-us-ft-se, var(--_ctm-dn-as-cr-us-ft-se))
1052
- );
1053
- text-decoration: var(
1054
- --_ctm-mob-dn-as-cr-us-ue,
1055
- var(--_ctm-tab-dn-as-cr-us-ue, var(--_ctm-dn-as-cr-us-ue))
1056
- );
1057
- letter-spacing: var(
1058
- --_ctm-mob-dn-as-cr-us-lr-sg,
1059
- var(--_ctm-tab-dn-as-cr-us-lr-sg, var(--_ctm-dn-as-cr-us-lr-sg))
1060
- );
1061
- line-height: var(
1062
- --_ctm-mob-dn-as-cr-us-le-ht,
1063
- var(--_ctm-tab-dn-as-cr-us-le-ht, var(--_ctm-dn-as-cr-us-le-ht))
1064
- );
1065
- font-style: var(
1066
- --_ctm-mob-dn-as-cr-us-ft-se-ic,
1067
- var(--_ctm-tab-dn-as-cr-us-ft-se-ic, var(--_ctm-dn-as-cr-us-ft-se-ic))
1068
- );
1069
- text-align: var(
1070
- --_ctm-mob-dn-as-cr-us-tt-an,
1071
- var(--_ctm-tab-dn-as-cr-us-tt-an, var(--_ctm-dn-as-cr-us-tt-an))
1072
- );
811
+ font-weight: var(--_ctm-mob-dn-as-cr-us-ft-wt,
812
+ var(--_ctm-tab-dn-as-cr-us-ft-wt, var(--_ctm-dn-as-cr-us-ft-wt)));
813
+ font-size: var(--_ctm-mob-dn-as-cr-us-ft-se,
814
+ var(--_ctm-tab-dn-as-cr-us-ft-se, var(--_ctm-dn-as-cr-us-ft-se)));
815
+ text-decoration: var(--_ctm-mob-dn-as-cr-us-ue,
816
+ var(--_ctm-tab-dn-as-cr-us-ue, var(--_ctm-dn-as-cr-us-ue)));
817
+ letter-spacing: var(--_ctm-mob-dn-as-cr-us-lr-sg,
818
+ var(--_ctm-tab-dn-as-cr-us-lr-sg, var(--_ctm-dn-as-cr-us-lr-sg)));
819
+ line-height: var(--_ctm-mob-dn-as-cr-us-le-ht,
820
+ var(--_ctm-tab-dn-as-cr-us-le-ht, var(--_ctm-dn-as-cr-us-le-ht)));
821
+ font-style: var(--_ctm-mob-dn-as-cr-us-ft-se-ic,
822
+ var(--_ctm-tab-dn-as-cr-us-ft-se-ic, var(--_ctm-dn-as-cr-us-ft-se-ic)));
823
+ text-align: var(--_ctm-mob-dn-as-cr-us-tt-an,
824
+ var(--_ctm-tab-dn-as-cr-us-tt-an, var(--_ctm-dn-as-cr-us-tt-an)));
1073
825
  }
1074
826
  }
827
+
1075
828
  span {
1076
- font-family: var(
1077
- --_ctm-mob-dn-as-cr-us-ft-fy-dc,
1078
- var(--_ctm-tab-dn-as-cr-us-ft-fy-dc, var(--_ctm-dn-as-cr-us-ft-fy-dc))
1079
- );
1080
- text-transform: var(
1081
- --_ctm-mob-dn-as-cr-us-tt-tm-dc,
1082
- var(--_ctm-tab-dn-as-cr-us-tt-tm-dc, var(--_ctm-dn-as-cr-us-tt-tm-dc))
1083
- );
1084
- word-wrap: var(
1085
- --_ctm-mob-dn-as-cr-us-wd-wp-dc,
1086
- var(--_ctm-tab-dn-as-cr-us-wd-wp-dc, var(--_ctm-dn-as-cr-us-wd-wp-dc))
1087
- );
1088
- word-break: var(
1089
- --_ctm-mob-dn-as-cr-us-wd-bk-dc,
1090
- var(--_ctm-tab-dn-as-cr-us-wd-bk-dc, var(--_ctm-dn-as-cr-us-wd-bk-dc))
1091
- );
1092
- color: var(
1093
- --_ctm-mob-dn-as-cr-us-cr-dc,
1094
- var(--_ctm-tab-dn-as-cr-us-cr-dc, var(--_ctm-dn-as-cr-us-cr-dc))
1095
- );
1096
- font-weight: var(
1097
- --_ctm-mob-dn-as-cr-us-ft-wt-dc,
1098
- var(--_ctm-tab-dn-as-cr-us-ft-wt-dc, var(--_ctm-dn-as-cr-us-ft-wt-dc))
1099
- );
1100
- font-size: var(
1101
- --_ctm-mob-dn-as-cr-us-ft-se-dc,
1102
- var(--_ctm-tab-dn-as-cr-us-ft-se-dc, var(--_ctm-dn-as-cr-us-ft-se-dc))
1103
- );
1104
- text-decoration: var(
1105
- --_ctm-mob-dn-as-cr-us-ue-dc,
1106
- var(--_ctm-tab-dn-as-cr-us-ue-dc, var(--_ctm-dn-as-cr-us-ue-dc))
1107
- );
1108
- letter-spacing: var(
1109
- --_ctm-mob-dn-as-cr-us-lr-sg-dc,
1110
- var(--_ctm-tab-dn-as-cr-us-lr-sg-dc, var(--_ctm-dn-as-cr-us-lr-sg-dc))
1111
- );
1112
- line-height: var(
1113
- --_ctm-mob-dn-as-cr-us-le-ht-dc,
1114
- var(--_ctm-tab-dn-as-cr-us-le-ht-dc, var(--_ctm-dn-as-cr-us-le-ht-dc))
1115
- );
1116
- font-style: var(
1117
- --_ctm-mob-dn-as-cr-us-ft-se-ic-dc,
1118
- var(--_ctm-tab-dn-as-cr-us-ft-se-ic-dc, var(--_ctm-dn-as-cr-us-ft-se-ic-dc))
1119
- );
1120
- text-align: var(
1121
- --_ctm-mob-dn-as-cr-us-tt-an-dc,
1122
- var(--_ctm-tab-dn-as-cr-us-tt-an-dc, var(--_ctm-dn-as-cr-us-tt-an-dc))
1123
- );
829
+ font-family: var(--_ctm-mob-dn-as-cr-us-ft-fy-dc,
830
+ var(--_ctm-tab-dn-as-cr-us-ft-fy-dc, var(--_ctm-dn-as-cr-us-ft-fy-dc)));
831
+ text-transform: var(--_ctm-mob-dn-as-cr-us-tt-tm-dc,
832
+ var(--_ctm-tab-dn-as-cr-us-tt-tm-dc, var(--_ctm-dn-as-cr-us-tt-tm-dc)));
833
+ word-wrap: var(--_ctm-mob-dn-as-cr-us-wd-wp-dc,
834
+ var(--_ctm-tab-dn-as-cr-us-wd-wp-dc, var(--_ctm-dn-as-cr-us-wd-wp-dc)));
835
+ word-break: var(--_ctm-mob-dn-as-cr-us-wd-bk-dc,
836
+ var(--_ctm-tab-dn-as-cr-us-wd-bk-dc, var(--_ctm-dn-as-cr-us-wd-bk-dc)));
837
+ color: var(--_ctm-mob-dn-as-cr-us-cr-dc,
838
+ var(--_ctm-tab-dn-as-cr-us-cr-dc, var(--_ctm-dn-as-cr-us-cr-dc)));
839
+ font-weight: var(--_ctm-mob-dn-as-cr-us-ft-wt-dc,
840
+ var(--_ctm-tab-dn-as-cr-us-ft-wt-dc, var(--_ctm-dn-as-cr-us-ft-wt-dc)));
841
+ font-size: var(--_ctm-mob-dn-as-cr-us-ft-se-dc,
842
+ var(--_ctm-tab-dn-as-cr-us-ft-se-dc, var(--_ctm-dn-as-cr-us-ft-se-dc)));
843
+ text-decoration: var(--_ctm-mob-dn-as-cr-us-ue-dc,
844
+ var(--_ctm-tab-dn-as-cr-us-ue-dc, var(--_ctm-dn-as-cr-us-ue-dc)));
845
+ letter-spacing: var(--_ctm-mob-dn-as-cr-us-lr-sg-dc,
846
+ var(--_ctm-tab-dn-as-cr-us-lr-sg-dc, var(--_ctm-dn-as-cr-us-lr-sg-dc)));
847
+ line-height: var(--_ctm-mob-dn-as-cr-us-le-ht-dc,
848
+ var(--_ctm-tab-dn-as-cr-us-le-ht-dc, var(--_ctm-dn-as-cr-us-le-ht-dc)));
849
+ font-style: var(--_ctm-mob-dn-as-cr-us-ft-se-ic-dc,
850
+ var(--_ctm-tab-dn-as-cr-us-ft-se-ic-dc, var(--_ctm-dn-as-cr-us-ft-se-ic-dc)));
851
+ text-align: var(--_ctm-mob-dn-as-cr-us-tt-an-dc,
852
+ var(--_ctm-tab-dn-as-cr-us-tt-an-dc, var(--_ctm-dn-as-cr-us-tt-an-dc)));
1124
853
  }
1125
854
  }
855
+
1126
856
  .uploadicon {
1127
857
  // padding: 10px;
1128
858
  // background: #f2f4f7;
@@ -1131,9 +861,11 @@
1131
861
  // color: var(--_gray-600);
1132
862
  }
1133
863
  }
864
+
1134
865
  .has-file {
1135
866
  justify-content: space-between;
1136
867
  }
868
+
1137
869
  // Multi-upload stacks one filled card per file, above the upload button.
1138
870
  .multi-upload-list {
1139
871
  display: flex;
@@ -1143,16 +875,20 @@
1143
875
  }
1144
876
  }
1145
877
  }
878
+
1146
879
  .error-text {
1147
880
  font-size: 12px;
1148
881
  color: var(--_error-500);
1149
882
  }
883
+
1150
884
  .text_area_attribute {
1151
885
  width: 100%;
886
+
1152
887
  .input_textarea_a {
1153
888
  width: 100%;
1154
889
  }
1155
890
  }
891
+
1156
892
  .cart_item_attr_disabled {
1157
893
  pointer-events: none;
1158
894
 
@@ -1166,34 +902,21 @@
1166
902
  // toggle styles
1167
903
  .input_toggle_switch_container {
1168
904
  display: flex;
1169
- background-color: var(
1170
- --_ctm-mob-dn-as-cr-as-bs-bd-cr,
1171
- var(--_ctm-tab-dn-as-cr-as-bs-bd-cr, var(--_ctm-dn-as-cr-as-bs-bd-cr))
1172
- );
1173
- border-color: var(
1174
- --_ctm-mob-dn-as-cr-as-bs-br-cr,
1175
- var(--_ctm-tab-dn-as-cr-as-bs-br-cr, var(--_ctm-dn-as-cr-as-bs-br-cr))
1176
- );
1177
- border-style: var(
1178
- --_ctm-mob-dn-as-cr-as-bs-br-se,
1179
- var(--_ctm-tab-dn-as-cr-as-bs-br-se, var(--_ctm-dn-as-cr-as-bs-br-se))
1180
- );
1181
- border-width: var(
1182
- --_ctm-mob-dn-as-cr-as-bs-br-wh,
1183
- var(--_ctm-tab-dn-as-cr-as-bs-br-wh, var(--_ctm-dn-as-cr-as-bs-br-wh))
1184
- );
1185
- border-radius: var(
1186
- --_ctm-mob-dn-as-cr-as-bs-br-rs,
1187
- var(--_ctm-tab-dn-as-cr-as-bs-br-rs, var(--_ctm-dn-as-cr-as-bs-br-rs))
1188
- );
1189
- padding: var(
1190
- --_ctm-mob-dn-as-cr-as-bs-pg,
1191
- var(--_ctm-tab-dn-as-cr-as-bs-pg, var(--_ctm-dn-as-cr-as-bs-pg))
1192
- );
1193
- gap: var(
1194
- --_ctm-mob-dn-as-cr-as-bs-im-gp,
1195
- var(--_ctm-tab-dn-as-cr-as-bs-im-gp, var(--_ctm-dn-as-cr-as-bs-im-gp))
1196
- );
905
+ background-color: var(--_ctm-mob-dn-as-cr-as-bs-bd-cr,
906
+ var(--_ctm-tab-dn-as-cr-as-bs-bd-cr, var(--_ctm-dn-as-cr-as-bs-bd-cr)));
907
+ border-color: var(--_ctm-mob-dn-as-cr-as-bs-br-cr,
908
+ var(--_ctm-tab-dn-as-cr-as-bs-br-cr, var(--_ctm-dn-as-cr-as-bs-br-cr)));
909
+ border-style: var(--_ctm-mob-dn-as-cr-as-bs-br-se,
910
+ var(--_ctm-tab-dn-as-cr-as-bs-br-se, var(--_ctm-dn-as-cr-as-bs-br-se)));
911
+ border-width: var(--_ctm-mob-dn-as-cr-as-bs-br-wh,
912
+ var(--_ctm-tab-dn-as-cr-as-bs-br-wh, var(--_ctm-dn-as-cr-as-bs-br-wh)));
913
+ border-radius: var(--_ctm-mob-dn-as-cr-as-bs-br-rs,
914
+ var(--_ctm-tab-dn-as-cr-as-bs-br-rs, var(--_ctm-dn-as-cr-as-bs-br-rs)));
915
+ padding: var(--_ctm-mob-dn-as-cr-as-bs-pg,
916
+ var(--_ctm-tab-dn-as-cr-as-bs-pg, var(--_ctm-dn-as-cr-as-bs-pg)));
917
+ gap: var(--_ctm-mob-dn-as-cr-as-bs-im-gp,
918
+ var(--_ctm-tab-dn-as-cr-as-bs-im-gp, var(--_ctm-dn-as-cr-as-bs-im-gp)));
919
+
1197
920
  .input_toggle_switch {
1198
921
  position: relative;
1199
922
  display: inline-block;
@@ -1205,7 +928,7 @@
1205
928
  width: 0;
1206
929
  height: 0;
1207
930
 
1208
- &:checked + .slider {
931
+ &:checked+.slider {
1209
932
  background-color: #4caf50;
1210
933
 
1211
934
  &::before {
@@ -1238,109 +961,64 @@
1238
961
  }
1239
962
  }
1240
963
  }
964
+
1241
965
  .input_toggle_switch_text {
1242
966
  gap: 4px;
1243
967
  display: flex;
1244
968
  flex-direction: column;
969
+
1245
970
  .checkbox_title {
1246
- font-family: var(
1247
- --_ctm-mob-dn-as-cr-as-bs-ft-fy,
1248
- var(--_ctm-tab-dn-as-cr-as-bs-ft-fy, var(--_ctm-dn-as-cr-as-bs-ft-fy))
1249
- );
1250
- text-transform: var(
1251
- --_ctm-mob-dn-as-cr-as-bs-tt-tm,
1252
- var(--_ctm-tab-dn-as-cr-as-bs-tt-tm, var(--_ctm-dn-as-cr-as-bs-tt-tm))
1253
- );
1254
- word-wrap: var(
1255
- --_ctm-mob-dn-as-cr-as-bs-wd-wp,
1256
- var(--_ctm-tab-dn-as-cr-as-bs-wd-wp, var(--_ctm-dn-as-cr-as-bs-wd-wp))
1257
- );
1258
- word-break: var(
1259
- --_ctm-mob-dn-as-cr-as-bs-wd-bk,
1260
- var(--_ctm-tab-dn-as-cr-as-bs-wd-bk, var(--_ctm-dn-as-cr-as-bs-wd-bk))
1261
- );
1262
- color: var(
1263
- --_ctm-mob-dn-as-cr-as-bs-cr,
1264
- var(--_ctm-tab-dn-as-cr-as-bs-cr, var(--_ctm-dn-as-cr-as-bs-cr))
1265
- );
1266
- font-weight: var(
1267
- --_ctm-mob-dn-as-cr-as-bs-ft-wt,
1268
- var(--_ctm-tab-dn-as-cr-as-bs-ft-wt, var(--_ctm-dn-as-cr-as-bs-ft-wt))
1269
- );
1270
- font-size: var(
1271
- --_ctm-mob-dn-as-cr-as-bs-ft-se,
1272
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se, var(--_ctm-dn-as-cr-as-bs-ft-se))
1273
- );
1274
- text-decoration: var(
1275
- --_ctm-mob-dn-as-cr-as-bs-ue,
1276
- var(--_ctm-tab-dn-as-cr-as-bs-ue, var(--_ctm-dn-as-cr-as-bs-ue))
1277
- );
1278
- letter-spacing: var(
1279
- --_ctm-mob-dn-as-cr-as-bs-lr-sg,
1280
- var(--_ctm-tab-dn-as-cr-as-bs-lr-sg, var(--_ctm-dn-as-cr-as-bs-lr-sg))
1281
- );
1282
- line-height: var(
1283
- --_ctm-mob-dn-as-cr-as-bs-le-ht,
1284
- var(--_ctm-tab-dn-as-cr-as-bs-le-ht, var(--_ctm-dn-as-cr-as-bs-le-ht))
1285
- );
1286
- font-style: var(
1287
- --_ctm-mob-dn-as-cr-as-bs-ft-se-ic,
1288
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic, var(--_ctm-dn-as-cr-as-bs-ft-se-ic))
1289
- );
1290
- text-align: var(
1291
- --_ctm-mob-dn-as-cr-as-bs-tt-an,
1292
- var(--_ctm-tab-dn-as-cr-as-bs-tt-an, var(--_ctm-dn-as-cr-as-bs-tt-an))
1293
- );
971
+ font-family: var(--_ctm-mob-dn-as-cr-as-bs-ft-fy,
972
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-fy, var(--_ctm-dn-as-cr-as-bs-ft-fy)));
973
+ text-transform: var(--_ctm-mob-dn-as-cr-as-bs-tt-tm,
974
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-tm, var(--_ctm-dn-as-cr-as-bs-tt-tm)));
975
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-bs-wd-wp,
976
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-wp, var(--_ctm-dn-as-cr-as-bs-wd-wp)));
977
+ word-break: var(--_ctm-mob-dn-as-cr-as-bs-wd-bk,
978
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-bk, var(--_ctm-dn-as-cr-as-bs-wd-bk)));
979
+ color: var(--_ctm-mob-dn-as-cr-as-bs-cr,
980
+ var(--_ctm-tab-dn-as-cr-as-bs-cr, var(--_ctm-dn-as-cr-as-bs-cr)));
981
+ font-weight: var(--_ctm-mob-dn-as-cr-as-bs-ft-wt,
982
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-wt, var(--_ctm-dn-as-cr-as-bs-ft-wt)));
983
+ font-size: var(--_ctm-mob-dn-as-cr-as-bs-ft-se,
984
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se, var(--_ctm-dn-as-cr-as-bs-ft-se)));
985
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-bs-ue,
986
+ var(--_ctm-tab-dn-as-cr-as-bs-ue, var(--_ctm-dn-as-cr-as-bs-ue)));
987
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-bs-lr-sg,
988
+ var(--_ctm-tab-dn-as-cr-as-bs-lr-sg, var(--_ctm-dn-as-cr-as-bs-lr-sg)));
989
+ line-height: var(--_ctm-mob-dn-as-cr-as-bs-le-ht,
990
+ var(--_ctm-tab-dn-as-cr-as-bs-le-ht, var(--_ctm-dn-as-cr-as-bs-le-ht)));
991
+ font-style: var(--_ctm-mob-dn-as-cr-as-bs-ft-se-ic,
992
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic, var(--_ctm-dn-as-cr-as-bs-ft-se-ic)));
993
+ text-align: var(--_ctm-mob-dn-as-cr-as-bs-tt-an,
994
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-an, var(--_ctm-dn-as-cr-as-bs-tt-an)));
1294
995
  }
996
+
1295
997
  .checkbox_des {
1296
- font-family: var(
1297
- --_ctm-mob-dn-as-cr-as-bs-ft-fy-dc,
1298
- var(--_ctm-tab-dn-as-cr-as-bs-ft-fy-dc, var(--_ctm-dn-as-cr-as-bs-ft-fy-dc))
1299
- );
1300
- text-transform: var(
1301
- --_ctm-mob-dn-as-cr-as-bs-tt-tm-dc,
1302
- var(--_ctm-tab-dn-as-cr-as-bs-tt-tm-dc, var(--_ctm-dn-as-cr-as-bs-tt-tm-dc))
1303
- );
1304
- word-wrap: var(
1305
- --_ctm-mob-dn-as-cr-as-bs-wd-wp-dc,
1306
- var(--_ctm-tab-dn-as-cr-as-bs-wd-wp-dc, var(--_ctm-dn-as-cr-as-bs-wd-wp-dc))
1307
- );
1308
- word-break: var(
1309
- --_ctm-mob-dn-as-cr-as-bs-wd-bk-dc,
1310
- var(--_ctm-tab-dn-as-cr-as-bs-wd-bk-dc, var(--_ctm-dn-as-cr-as-bs-wd-bk-dc))
1311
- );
1312
- color: var(
1313
- --_ctm-mob-dn-as-cr-as-bs-cr-dc,
1314
- var(--_ctm-tab-dn-as-cr-as-bs-cr-dc, var(--_ctm-dn-as-cr-as-bs-cr-dc))
1315
- );
1316
- font-weight: var(
1317
- --_ctm-mob-dn-as-cr-as-bs-ft-wt-dc,
1318
- var(--_ctm-tab-dn-as-cr-as-bs-ft-wt-dc, var(--_ctm-dn-as-cr-as-bs-ft-wt-dc))
1319
- );
1320
- font-size: var(
1321
- --_ctm-mob-dn-as-cr-as-bs-ft-se-dc,
1322
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-dc))
1323
- );
1324
- text-decoration: var(
1325
- --_ctm-mob-dn-as-cr-as-bs-ue-dc,
1326
- var(--_ctm-tab-dn-as-cr-as-bs-ue-dc, var(--_ctm-dn-as-cr-as-bs-ue-dc))
1327
- );
1328
- letter-spacing: var(
1329
- --_ctm-mob-dn-as-cr-as-bs-lr-sg-dc,
1330
- var(--_ctm-tab-dn-as-cr-as-bs-lr-sg-dc, var(--_ctm-dn-as-cr-as-bs-lr-sg-dc))
1331
- );
1332
- line-height: var(
1333
- --_ctm-mob-dn-as-cr-as-bs-le-ht-dc,
1334
- var(--_ctm-tab-dn-as-cr-as-bs-le-ht-dc, var(--_ctm-dn-as-cr-as-bs-le-ht-dc))
1335
- );
1336
- font-style: var(
1337
- --_ctm-mob-dn-as-cr-as-bs-ft-se-ic-dc,
1338
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-ic-dc))
1339
- );
1340
- text-align: var(
1341
- --_ctm-mob-dn-as-cr-as-bs-tt-an-dc,
1342
- var(--_ctm-tab-dn-as-cr-as-bs-tt-an-dc, var(--_ctm-dn-as-cr-as-bs-tt-an-dc))
1343
- );
998
+ font-family: var(--_ctm-mob-dn-as-cr-as-bs-ft-fy-dc,
999
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-fy-dc, var(--_ctm-dn-as-cr-as-bs-ft-fy-dc)));
1000
+ text-transform: var(--_ctm-mob-dn-as-cr-as-bs-tt-tm-dc,
1001
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-tm-dc, var(--_ctm-dn-as-cr-as-bs-tt-tm-dc)));
1002
+ word-wrap: var(--_ctm-mob-dn-as-cr-as-bs-wd-wp-dc,
1003
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-wp-dc, var(--_ctm-dn-as-cr-as-bs-wd-wp-dc)));
1004
+ word-break: var(--_ctm-mob-dn-as-cr-as-bs-wd-bk-dc,
1005
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-bk-dc, var(--_ctm-dn-as-cr-as-bs-wd-bk-dc)));
1006
+ color: var(--_ctm-mob-dn-as-cr-as-bs-cr-dc,
1007
+ var(--_ctm-tab-dn-as-cr-as-bs-cr-dc, var(--_ctm-dn-as-cr-as-bs-cr-dc)));
1008
+ font-weight: var(--_ctm-mob-dn-as-cr-as-bs-ft-wt-dc,
1009
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-wt-dc, var(--_ctm-dn-as-cr-as-bs-ft-wt-dc)));
1010
+ font-size: var(--_ctm-mob-dn-as-cr-as-bs-ft-se-dc,
1011
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-dc)));
1012
+ text-decoration: var(--_ctm-mob-dn-as-cr-as-bs-ue-dc,
1013
+ var(--_ctm-tab-dn-as-cr-as-bs-ue-dc, var(--_ctm-dn-as-cr-as-bs-ue-dc)));
1014
+ letter-spacing: var(--_ctm-mob-dn-as-cr-as-bs-lr-sg-dc,
1015
+ var(--_ctm-tab-dn-as-cr-as-bs-lr-sg-dc, var(--_ctm-dn-as-cr-as-bs-lr-sg-dc)));
1016
+ line-height: var(--_ctm-mob-dn-as-cr-as-bs-le-ht-dc,
1017
+ var(--_ctm-tab-dn-as-cr-as-bs-le-ht-dc, var(--_ctm-dn-as-cr-as-bs-le-ht-dc)));
1018
+ font-style: var(--_ctm-mob-dn-as-cr-as-bs-ft-se-ic-dc,
1019
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-ic-dc)));
1020
+ text-align: var(--_ctm-mob-dn-as-cr-as-bs-tt-an-dc,
1021
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-an-dc, var(--_ctm-dn-as-cr-as-bs-tt-an-dc)));
1344
1022
  }
1345
1023
  }
1346
1024
  }
@@ -1359,7 +1037,7 @@
1359
1037
  width: 0;
1360
1038
  height: 0;
1361
1039
 
1362
- &:checked + .custom_radio::after {
1040
+ &:checked+.custom_radio::after {
1363
1041
  display: block;
1364
1042
  }
1365
1043
  }
@@ -1386,7 +1064,7 @@
1386
1064
  }
1387
1065
  }
1388
1066
 
1389
- input[type="radio"]:checked + .custom_radio {
1067
+ input[type="radio"]:checked+.custom_radio {
1390
1068
  border-color: var(--_primary-400);
1391
1069
  }
1392
1070
 
@@ -1408,15 +1086,18 @@
1408
1086
  font-size: 14px;
1409
1087
  cursor: pointer;
1410
1088
  }
1089
+
1411
1090
  .attribute_currency_field {
1412
1091
  position: relative;
1092
+
1413
1093
  input {
1414
1094
  padding: 12px 12px 12px 32px !important;
1415
1095
  }
1096
+
1416
1097
  svg {
1417
1098
  position: absolute;
1418
1099
  left: 8px;
1419
1100
  top: 10px;
1420
1101
  background: #fff;
1421
1102
  }
1422
- }
1103
+ }