@sc-360-v2/storefront-cms-library 0.5.60 → 0.5.62

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 (132) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2155 -1671
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +2027 -1128
  16. package/dist/bundle.scss +1489 -841
  17. package/dist/bundleCategories.scss +301 -0
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +113 -78
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1025 -485
  23. package/dist/cart-summary.scss +1234 -569
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +647 -367
  27. package/dist/cartDropdownOverlay.scss +10 -1
  28. package/dist/category-groups-element.scss +108 -127
  29. package/dist/category-groups-product-grid.scss +147 -120
  30. package/dist/category-groups-product-image.scss +1457 -1162
  31. package/dist/category-groups-product-options.scss +685 -590
  32. package/dist/category-groups-product-price.scss +3244 -1966
  33. package/dist/category-groups-quota-details.scss +464 -210
  34. package/dist/category.scss +50 -26
  35. package/dist/checkout.scss +16 -24
  36. package/dist/confirm-modal.scss +2 -22
  37. package/dist/container.scss +54 -32
  38. package/dist/countdown.scss +443 -256
  39. package/dist/coupon.scss +16 -19
  40. package/dist/default-dropdown.scss +1 -12
  41. package/dist/embroider-template-1-v2.scss +172 -123
  42. package/dist/embroider-template-1.scss +104 -68
  43. package/dist/embroidery.scss +31 -30
  44. package/dist/employee-bulk-order.scss +142 -418
  45. package/dist/faq.scss +408 -228
  46. package/dist/filter-results.scss +265 -125
  47. package/dist/filters.scss +1682 -831
  48. package/dist/gallery-slider-temp.scss +811 -445
  49. package/dist/global-styles.scss +7 -23
  50. package/dist/grid.scss +33 -25
  51. package/dist/hotspot.scss +115 -68
  52. package/dist/image-temp.scss +38 -24
  53. package/dist/item-stock.scss +16 -9
  54. package/dist/kitDetails.scss +4301 -2721
  55. package/dist/kits.scss +19 -24
  56. package/dist/language-selector.scss +361 -211
  57. package/dist/last-x-orders.scss +174 -95
  58. package/dist/layouter-item.scss +106 -76
  59. package/dist/layouter-pro-item.scss +95 -89
  60. package/dist/layouter-pro.scss +92 -87
  61. package/dist/layouter.scss +264 -79
  62. package/dist/light-box-v2.scss +104 -89
  63. package/dist/login.scss +600 -311
  64. package/dist/map.scss +391 -228
  65. package/dist/marchandiserSets.scss +104 -95
  66. package/dist/mega-menu-container.scss +109 -96
  67. package/dist/mega-menu.scss +731 -624
  68. package/dist/menu-item.scss +2 -2
  69. package/dist/menu-v2.scss +619 -507
  70. package/dist/multi-select-dropdown.scss +3 -27
  71. package/dist/my-templates.scss +9 -38
  72. package/dist/option-bar.scss +375 -215
  73. package/dist/order-status.scss +1117 -643
  74. package/dist/overflow-module.scss +7 -6
  75. package/dist/past-orders.scss +149 -118
  76. package/dist/payment-methods.scss +30 -46
  77. package/dist/pickup-locations.scss +1118 -558
  78. package/dist/position-module.scss +17 -20
  79. package/dist/prefix-list.scss +10 -21
  80. package/dist/product-actions.scss +1778 -1228
  81. package/dist/product-basic-elements.scss +169 -108
  82. package/dist/product-highlights.scss +176 -107
  83. package/dist/product-image-bundles.scss +642 -337
  84. package/dist/product-inventory.scss +1357 -673
  85. package/dist/product-labels.scss +105 -84
  86. package/dist/product-options.scss +659 -316
  87. package/dist/product-price.scss +2562 -1284
  88. package/dist/product-promotions.scss +2830 -1388
  89. package/dist/product-sizechart.scss +905 -516
  90. package/dist/product.scss +61 -28
  91. package/dist/productDetails.scss +39 -19
  92. package/dist/profile.scss +451 -207
  93. package/dist/quantity-selector.scss +550 -313
  94. package/dist/quick-inventory-check.scss +174 -95
  95. package/dist/quick-links.scss +137 -56
  96. package/dist/quick-order-pad.scss +271 -218
  97. package/dist/quota-details.scss +282 -152
  98. package/dist/quotes.scss +121 -82
  99. package/dist/repeater-embla-controls.scss +26 -37
  100. package/dist/repeater-grid-toggle.scss +166 -156
  101. package/dist/repeater-item.scss +64 -41
  102. package/dist/repeater.scss +817 -554
  103. package/dist/request-for-quotes.scss +16 -66
  104. package/dist/responsive-behaviour.scss +1 -3
  105. package/dist/rfqs.scss +181 -118
  106. package/dist/scroll.scss +198 -90
  107. package/dist/search.scss +326 -179
  108. package/dist/section.scss +51 -27
  109. package/dist/shipping-payments.scss +58 -198
  110. package/dist/simple-list.scss +198 -61
  111. package/dist/social.scss +145 -80
  112. package/dist/stack.scss +34 -23
  113. package/dist/static-global.scss +26 -44
  114. package/dist/stockStatus.scss +19 -11
  115. package/dist/store-locations.scss +1105 -577
  116. package/dist/tab-container.scss +108 -81
  117. package/dist/table-common.scss +408 -217
  118. package/dist/table.scss +511 -269
  119. package/dist/text-temp.scss +7 -8
  120. package/dist/theme-classes.scss +13 -17
  121. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1051 -2
  122. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  123. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  124. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  125. package/dist/types/builder/tools/element-edit/scroll.d.ts +6 -0
  126. package/dist/types/builder/tools/element-edit/userElements.d.ts +38 -37
  127. package/dist/uom-selector.scss +949 -489
  128. package/dist/user-elements.scss +892 -574
  129. package/dist/variant-picker.scss +2555 -1281
  130. package/dist/volume-pricing.scss +1037 -541
  131. package/dist/widget.scss +1 -0
  132. package/package.json +1 -1
@@ -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,118 +37,185 @@
37
37
  cursor: pointer;
38
38
  gap: 8px;
39
39
  }
40
-
41
40
  .cart-attribute-container {
42
41
  width: 100%;
43
42
  display: flex;
44
43
  flex-direction: column;
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)));
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
+ );
47
48
  padding: var(--_ctm-mob-dn-as-wt-pg, var(--_ctm-tab-dn-as-wt-pg, var(--_ctm-dn-as-wt-pg)));
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)));
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)));
59
75
  }
60
-
61
76
  .cart-attribute-header {
62
77
  display: flex;
63
78
  justify-content: space-between;
64
79
  align-items: center;
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)));
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
+ );
67
84
  padding: var(--_ctm-mob-dn-as-hr-pg, var(--_ctm-tab-dn-as-hr-pg, var(--_ctm-dn-as-hr-pg)));
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
-
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
+ );
77
101
  .cart_attribute_title {
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)));
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
+ );
86
118
  color: var(--_ctm-mob-dn-as-hr-cr, var(--_ctm-tab-dn-as-hr-cr, var(--_ctm-dn-as-hr-cr)));
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)));
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
+ );
101
147
  }
102
-
103
148
  .icon svg {
104
149
  path {
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)));
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
+ );
107
154
  // Overrides the stroke-width presentation attribute baked into the icon markup.
108
155
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
109
156
  }
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)));
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
+ );
115
165
  }
116
166
 
117
167
  .iconDesc svg {
118
168
  path {
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)));
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
+ );
121
173
  // Overrides the stroke-width presentation attribute baked into the icon markup.
122
174
  stroke-width: prepareMediaVariable(--_ctm-dn-an-as-im-se-wh, 1.25);
123
175
  }
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)));
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
+ );
129
184
  }
130
185
  }
131
-
132
186
  .attributes-section-body {
133
187
  width: 100%;
134
188
  display: flex;
135
189
  flex-wrap: wrap;
136
190
  overflow-y: auto;
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)));
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
-
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))
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
+ );
152
219
  .attriTitle {
153
220
  // font-weight: 600;
154
221
  // font-size: 14px;
@@ -169,7 +236,6 @@
169
236
  text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-te-tt-an);
170
237
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-te-pg);
171
238
  }
172
-
173
239
  .attriDes {
174
240
  // font-weight: 400;
175
241
  // font-size: 14px;
@@ -188,134 +254,214 @@
188
254
  text-align: prepareMediaVariable(--_ctm-dn-as-cr-as-in-tt-an);
189
255
  padding: prepareMediaVariable(--_ctm-dn-as-cr-as-in-pg);
190
256
  }
191
-
192
257
  .attribute {
193
258
  width: 100%;
194
259
  display: flex;
195
260
  flex-direction: column;
196
- padding: var(--_ctm-mob-dn-as-cr-as-fs-pg,
197
- var(--_ctm-tab-dn-as-cr-as-fs-pg, var(--_ctm-dn-as-cr-as-fs-pg)));
198
- gap: var(--_ctm-mob-dn-as-cr-as-fs-im-gp,
199
- var(--_ctm-tab-dn-as-cr-as-fs-im-gp, var(--_ctm-dn-as-cr-as-fs-im-gp)));
200
-
261
+ padding: var(
262
+ --_ctm-mob-dn-as-cr-as-fs-pg,
263
+ var(--_ctm-tab-dn-as-cr-as-fs-pg, var(--_ctm-dn-as-cr-as-fs-pg))
264
+ );
265
+ gap: var(
266
+ --_ctm-mob-dn-as-cr-as-fs-im-gp,
267
+ var(--_ctm-tab-dn-as-cr-as-fs-im-gp, var(--_ctm-dn-as-cr-as-fs-im-gp))
268
+ );
201
269
  .label {
202
270
  display: block;
203
- padding: var(--_ctm-mob-dn-as-cr-as-ls-pg,
204
- var(--_ctm-tab-dn-as-cr-as-ls-pg, var(--_ctm-dn-as-cr-as-ls-pg)));
205
- font-family: var(--_ctm-mob-dn-as-cr-as-ls-ft-fy,
206
- var(--_ctm-tab-dn-as-cr-as-ls-ft-fy, var(--_ctm-dn-as-cr-as-ls-ft-fy)));
207
- text-transform: var(--_ctm-mob-dn-as-cr-as-ls-tt-tm,
208
- var(--_ctm-tab-dn-as-cr-as-ls-tt-tm, var(--_ctm-dn-as-cr-as-ls-tt-tm)));
209
- word-wrap: var(--_ctm-mob-dn-as-cr-as-ls-wd-wp,
210
- var(--_ctm-tab-dn-as-cr-as-ls-wd-wp, var(--_ctm-dn-as-cr-as-ls-wd-wp)));
211
- word-break: var(--_ctm-mob-dn-as-cr-as-ls-wd-bk,
212
- var(--_ctm-tab-dn-as-cr-as-ls-wd-bk, var(--_ctm-dn-as-cr-as-ls-wd-bk)));
213
-
271
+ padding: var(
272
+ --_ctm-mob-dn-as-cr-as-ls-pg,
273
+ var(--_ctm-tab-dn-as-cr-as-ls-pg, var(--_ctm-dn-as-cr-as-ls-pg))
274
+ );
275
+ font-family: var(
276
+ --_ctm-mob-dn-as-cr-as-ls-ft-fy,
277
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-fy, var(--_ctm-dn-as-cr-as-ls-ft-fy))
278
+ );
279
+ text-transform: var(
280
+ --_ctm-mob-dn-as-cr-as-ls-tt-tm,
281
+ var(--_ctm-tab-dn-as-cr-as-ls-tt-tm, var(--_ctm-dn-as-cr-as-ls-tt-tm))
282
+ );
283
+ word-wrap: var(
284
+ --_ctm-mob-dn-as-cr-as-ls-wd-wp,
285
+ var(--_ctm-tab-dn-as-cr-as-ls-wd-wp, var(--_ctm-dn-as-cr-as-ls-wd-wp))
286
+ );
287
+ word-break: var(
288
+ --_ctm-mob-dn-as-cr-as-ls-wd-bk,
289
+ var(--_ctm-tab-dn-as-cr-as-ls-wd-bk, var(--_ctm-dn-as-cr-as-ls-wd-bk))
290
+ );
214
291
  &.flex__overflow {
215
292
  white-space: normal;
216
293
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
217
294
  }
218
-
219
- color: var(--_ctm-mob-dn-as-cr-as-ls-cr,
220
- var(--_ctm-tab-dn-as-cr-as-ls-cr, var(--_ctm-dn-as-cr-as-ls-cr)));
221
- font-weight: var(--_ctm-mob-dn-as-cr-as-ls-ft-wt,
222
- var(--_ctm-tab-dn-as-cr-as-ls-ft-wt, var(--_ctm-dn-as-cr-as-ls-ft-wt)));
223
- font-size: var(--_ctm-mob-dn-as-cr-as-ls-ft-se,
224
- var(--_ctm-tab-dn-as-cr-as-ls-ft-se, var(--_ctm-dn-as-cr-as-ls-ft-se)));
225
- text-decoration: var(--_ctm-mob-dn-as-cr-as-ls-ue,
226
- var(--_ctm-tab-dn-as-cr-as-ls-ue, var(--_ctm-dn-as-cr-as-ls-ue)));
227
- letter-spacing: var(--_ctm-mob-dn-as-cr-as-ls-lr-sg,
228
- var(--_ctm-tab-dn-as-cr-as-ls-lr-sg, var(--_ctm-dn-as-cr-as-ls-lr-sg)));
229
- line-height: var(--_ctm-mob-dn-as-cr-as-ls-le-ht,
230
- var(--_ctm-tab-dn-as-cr-as-ls-le-ht, var(--_ctm-dn-as-cr-as-ls-le-ht)));
231
- font-style: var(--_ctm-mob-dn-as-cr-as-ls-ft-se-ic,
232
- var(--_ctm-tab-dn-as-cr-as-ls-ft-se-ic, var(--_ctm-dn-as-cr-as-ls-ft-se-ic)));
233
- text-align: var(--_ctm-mob-dn-as-cr-as-ls-tt-an,
234
- var(--_ctm-tab-dn-as-cr-as-ls-tt-an, var(--_ctm-dn-as-cr-as-ls-tt-an)));
235
-
295
+ color: var(
296
+ --_ctm-mob-dn-as-cr-as-ls-cr,
297
+ var(--_ctm-tab-dn-as-cr-as-ls-cr, var(--_ctm-dn-as-cr-as-ls-cr))
298
+ );
299
+ font-weight: var(
300
+ --_ctm-mob-dn-as-cr-as-ls-ft-wt,
301
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-wt, var(--_ctm-dn-as-cr-as-ls-ft-wt))
302
+ );
303
+ font-size: var(
304
+ --_ctm-mob-dn-as-cr-as-ls-ft-se,
305
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-se, var(--_ctm-dn-as-cr-as-ls-ft-se))
306
+ );
307
+ text-decoration: var(
308
+ --_ctm-mob-dn-as-cr-as-ls-ue,
309
+ var(--_ctm-tab-dn-as-cr-as-ls-ue, var(--_ctm-dn-as-cr-as-ls-ue))
310
+ );
311
+ letter-spacing: var(
312
+ --_ctm-mob-dn-as-cr-as-ls-lr-sg,
313
+ var(--_ctm-tab-dn-as-cr-as-ls-lr-sg, var(--_ctm-dn-as-cr-as-ls-lr-sg))
314
+ );
315
+ line-height: var(
316
+ --_ctm-mob-dn-as-cr-as-ls-le-ht,
317
+ var(--_ctm-tab-dn-as-cr-as-ls-le-ht, var(--_ctm-dn-as-cr-as-ls-le-ht))
318
+ );
319
+ font-style: var(
320
+ --_ctm-mob-dn-as-cr-as-ls-ft-se-ic,
321
+ var(--_ctm-tab-dn-as-cr-as-ls-ft-se-ic, var(--_ctm-dn-as-cr-as-ls-ft-se-ic))
322
+ );
323
+ text-align: var(
324
+ --_ctm-mob-dn-as-cr-as-ls-tt-an,
325
+ var(--_ctm-tab-dn-as-cr-as-ls-tt-an, var(--_ctm-dn-as-cr-as-ls-tt-an))
326
+ );
236
327
  &.required::after {
237
328
  content: " *";
238
329
  color: var(--_error-500);
239
330
  }
240
331
  }
241
-
242
332
  .attribute_field {
243
333
  width: 100% !important;
244
-
245
334
  input {
246
- background-color: var(--_ctm-mob-dn-as-cr-as-is-bd-cr,
247
- var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr)));
248
- padding: var(--_ctm-mob-dn-as-cr-as-is-pg,
249
- var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg)));
250
- gap: var(--_ctm-mob-dn-as-cr-as-is-im-gp,
251
- var(--_ctm-tab-dn-as-cr-as-is-im-gp, var(--_ctm-dn-as-cr-as-is-im-gp)));
252
- border-color: var(--_ctm-mob-dn-as-cr-as-is-br-cr,
253
- var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr)));
254
- border-style: var(--_ctm-mob-dn-as-cr-as-is-br-se,
255
- var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se)));
256
- border-width: var(--_ctm-mob-dn-as-cr-as-is-br-wh,
257
- var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh)));
258
- border-radius: var(--_ctm-mob-dn-as-cr-as-is-br-rs,
259
- var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs)));
260
-
335
+ background-color: var(
336
+ --_ctm-mob-dn-as-cr-as-is-bd-cr,
337
+ var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr))
338
+ );
339
+ padding: var(
340
+ --_ctm-mob-dn-as-cr-as-is-pg,
341
+ var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg))
342
+ );
343
+ gap: var(
344
+ --_ctm-mob-dn-as-cr-as-is-im-gp,
345
+ var(--_ctm-tab-dn-as-cr-as-is-im-gp, var(--_ctm-dn-as-cr-as-is-im-gp))
346
+ );
347
+ border-color: var(
348
+ --_ctm-mob-dn-as-cr-as-is-br-cr,
349
+ var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr))
350
+ );
351
+ border-style: var(
352
+ --_ctm-mob-dn-as-cr-as-is-br-se,
353
+ var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se))
354
+ );
355
+ border-width: var(
356
+ --_ctm-mob-dn-as-cr-as-is-br-wh,
357
+ var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh))
358
+ );
359
+ border-radius: var(
360
+ --_ctm-mob-dn-as-cr-as-is-br-rs,
361
+ var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs))
362
+ );
261
363
  &::placeholder {
262
- font-family: var(--_ctm-mob-dn-as-cr-as-is-ft-fy,
263
- var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy)));
264
- text-transform: var(--_ctm-mob-dn-as-cr-as-is-tt-tm,
265
- var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm)));
266
- word-wrap: var(--_ctm-mob-dn-as-cr-as-is-wd-wp,
267
- var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp)));
268
- word-break: var(--_ctm-mob-dn-as-cr-as-is-wd-bk,
269
- var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk)));
364
+ font-family: var(
365
+ --_ctm-mob-dn-as-cr-as-is-ft-fy,
366
+ var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
367
+ );
368
+ text-transform: var(
369
+ --_ctm-mob-dn-as-cr-as-is-tt-tm,
370
+ var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm))
371
+ );
372
+ word-wrap: var(
373
+ --_ctm-mob-dn-as-cr-as-is-wd-wp,
374
+ var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp))
375
+ );
376
+ word-break: var(
377
+ --_ctm-mob-dn-as-cr-as-is-wd-bk,
378
+ var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk))
379
+ );
270
380
  color: var(--_thm-cs-be-se-1);
271
- font-weight: var(--_ctm-mob-dn-as-cr-as-is-ft-wt,
272
- var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt)));
273
- font-size: var(--_ctm-mob-dn-as-cr-as-is-ft-se,
274
- var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se)));
275
- text-decoration: var(--_ctm-mob-dn-as-cr-as-is-ue,
276
- var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue)));
277
- letter-spacing: var(--_ctm-mob-dn-as-cr-as-is-lr-sg,
278
- var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg)));
279
- line-height: var(--_ctm-mob-dn-as-cr-as-is-le-ht,
280
- var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht)));
281
- font-style: var(--_ctm-mob-dn-as-cr-as-is-ft-se-ic,
282
- var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic)));
283
- text-align: var(--_ctm-mob-dn-as-cr-as-is-tt-an,
284
- var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an)));
381
+ font-weight: var(
382
+ --_ctm-mob-dn-as-cr-as-is-ft-wt,
383
+ var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt))
384
+ );
385
+ font-size: var(
386
+ --_ctm-mob-dn-as-cr-as-is-ft-se,
387
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se))
388
+ );
389
+ text-decoration: var(
390
+ --_ctm-mob-dn-as-cr-as-is-ue,
391
+ var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue))
392
+ );
393
+ letter-spacing: var(
394
+ --_ctm-mob-dn-as-cr-as-is-lr-sg,
395
+ var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg))
396
+ );
397
+ line-height: var(
398
+ --_ctm-mob-dn-as-cr-as-is-le-ht,
399
+ var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht))
400
+ );
401
+ font-style: var(
402
+ --_ctm-mob-dn-as-cr-as-is-ft-se-ic,
403
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic))
404
+ );
405
+ text-align: var(
406
+ --_ctm-mob-dn-as-cr-as-is-tt-an,
407
+ var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an))
408
+ );
285
409
  }
286
410
  }
287
-
288
411
  .attribute_form_field {
289
- font-family: var(--_ctm-mob-dn-as-cr-as-is-ft-fy,
290
- var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy)));
291
- text-transform: var(--_ctm-mob-dn-as-cr-as-is-tt-tm,
292
- var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm)));
293
- word-wrap: var(--_ctm-mob-dn-as-cr-as-is-wd-wp,
294
- var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp)));
295
- word-break: var(--_ctm-mob-dn-as-cr-as-is-wd-bk,
296
- var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk)));
297
- color: var(--_ctm-mob-dn-as-cr-as-is-cr,
298
- var(--_ctm-tab-dn-as-cr-as-is-cr, var(--_ctm-dn-as-cr-as-is-cr)));
299
- font-weight: var(--_ctm-mob-dn-as-cr-as-is-ft-wt,
300
- var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt)));
301
- font-size: var(--_ctm-mob-dn-as-cr-as-is-ft-se,
302
- var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se)));
303
- text-decoration: var(--_ctm-mob-dn-as-cr-as-is-ue,
304
- var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue)));
305
- letter-spacing: var(--_ctm-mob-dn-as-cr-as-is-lr-sg,
306
- var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg)));
307
- line-height: var(--_ctm-mob-dn-as-cr-as-is-le-ht,
308
- var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht)));
309
- font-style: var(--_ctm-mob-dn-as-cr-as-is-ft-se-ic,
310
- var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic)));
311
- text-align: var(--_ctm-mob-dn-as-cr-as-is-tt-an,
312
- var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an)));
412
+ font-family: var(
413
+ --_ctm-mob-dn-as-cr-as-is-ft-fy,
414
+ var(--_ctm-tab-dn-as-cr-as-is-ft-fy, var(--_ctm-dn-as-cr-as-is-ft-fy))
415
+ );
416
+ text-transform: var(
417
+ --_ctm-mob-dn-as-cr-as-is-tt-tm,
418
+ var(--_ctm-tab-dn-as-cr-as-is-tt-tm, var(--_ctm-dn-as-cr-as-is-tt-tm))
419
+ );
420
+ word-wrap: var(
421
+ --_ctm-mob-dn-as-cr-as-is-wd-wp,
422
+ var(--_ctm-tab-dn-as-cr-as-is-wd-wp, var(--_ctm-dn-as-cr-as-is-wd-wp))
423
+ );
424
+ word-break: var(
425
+ --_ctm-mob-dn-as-cr-as-is-wd-bk,
426
+ var(--_ctm-tab-dn-as-cr-as-is-wd-bk, var(--_ctm-dn-as-cr-as-is-wd-bk))
427
+ );
428
+ color: var(
429
+ --_ctm-mob-dn-as-cr-as-is-cr,
430
+ var(--_ctm-tab-dn-as-cr-as-is-cr, var(--_ctm-dn-as-cr-as-is-cr))
431
+ );
432
+ font-weight: var(
433
+ --_ctm-mob-dn-as-cr-as-is-ft-wt,
434
+ var(--_ctm-tab-dn-as-cr-as-is-ft-wt, var(--_ctm-dn-as-cr-as-is-ft-wt))
435
+ );
436
+ font-size: var(
437
+ --_ctm-mob-dn-as-cr-as-is-ft-se,
438
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se, var(--_ctm-dn-as-cr-as-is-ft-se))
439
+ );
440
+ text-decoration: var(
441
+ --_ctm-mob-dn-as-cr-as-is-ue,
442
+ var(--_ctm-tab-dn-as-cr-as-is-ue, var(--_ctm-dn-as-cr-as-is-ue))
443
+ );
444
+ letter-spacing: var(
445
+ --_ctm-mob-dn-as-cr-as-is-lr-sg,
446
+ var(--_ctm-tab-dn-as-cr-as-is-lr-sg, var(--_ctm-dn-as-cr-as-is-lr-sg))
447
+ );
448
+ line-height: var(
449
+ --_ctm-mob-dn-as-cr-as-is-le-ht,
450
+ var(--_ctm-tab-dn-as-cr-as-is-le-ht, var(--_ctm-dn-as-cr-as-is-le-ht))
451
+ );
452
+ font-style: var(
453
+ --_ctm-mob-dn-as-cr-as-is-ft-se-ic,
454
+ var(--_ctm-tab-dn-as-cr-as-is-ft-se-ic, var(--_ctm-dn-as-cr-as-is-ft-se-ic))
455
+ );
456
+ text-align: var(
457
+ --_ctm-mob-dn-as-cr-as-is-tt-an,
458
+ var(--_ctm-tab-dn-as-cr-as-is-tt-an, var(--_ctm-dn-as-cr-as-is-tt-an))
459
+ );
313
460
  transition:
314
461
  background-color 0.2s,
315
462
  color 0.2s,
316
463
  border-color 0.2s,
317
464
  box-shadow 0.2s;
318
-
319
465
  &:focus {
320
466
  box-shadow:
321
467
  0px 1px 2px rgba(16, 24, 40, 0.05),
@@ -323,56 +469,88 @@
323
469
  border: 1px solid var(--primary-300);
324
470
  }
325
471
  }
326
-
327
472
  .dropdown-input-section {
328
473
  height: auto !important;
329
- background-color: var(--_ctm-mob-dn-as-cr-as-is-bd-cr,
330
- var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr)));
331
- padding: var(--_ctm-mob-dn-as-cr-as-is-pg,
332
- var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg)));
333
- border-color: var(--_ctm-mob-dn-as-cr-as-is-br-cr,
334
- var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr)));
335
- border-style: var(--_ctm-mob-dn-as-cr-as-is-br-se,
336
- var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se)));
337
- border-width: var(--_ctm-mob-dn-as-cr-as-is-br-wh,
338
- var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh)));
339
- border-radius: var(--_ctm-mob-dn-as-cr-as-is-br-rs,
340
- var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs)));
341
- font-family: var(--_ctm-mob-dn-as-cr-as-dn-ft-fy,
342
- var(--_ctm-tab-dn-as-cr-as-dn-ft-fy, var(--_ctm-dn-as-cr-as-dn-ft-fy)));
343
- text-transform: var(--_ctm-mob-dn-as-cr-as-dn-tt-tm,
344
- var(--_ctm-tab-dn-as-cr-as-dn-tt-tm, var(--_ctm-dn-as-cr-as-dn-tt-tm)));
345
- word-wrap: var(--_ctm-mob-dn-as-cr-as-dn-wd-wp,
346
- var(--_ctm-tab-dn-as-cr-as-dn-wd-wp, var(--_ctm-dn-as-cr-as-dn-wd-wp)));
347
- word-break: var(--_ctm-mob-dn-as-cr-as-dn-wd-bk,
348
- var(--_ctm-tab-dn-as-cr-as-dn-wd-bk, var(--_ctm-dn-as-cr-as-dn-wd-bk)));
349
- color: var(--_ctm-mob-dn-as-cr-as-dn-cr,
350
- var(--_ctm-tab-dn-as-cr-as-dn-cr, var(--_ctm-dn-as-cr-as-dn-cr)));
351
- font-weight: var(--_ctm-mob-dn-as-cr-as-dn-ft-wt,
352
- var(--_ctm-tab-dn-as-cr-as-dn-ft-wt, var(--_ctm-dn-as-cr-as-dn-ft-wt)));
353
- font-size: var(--_ctm-mob-dn-as-cr-as-dn-ft-se,
354
- var(--_ctm-tab-dn-as-cr-as-dn-ft-se, var(--_ctm-dn-as-cr-as-dn-ft-se)));
355
- text-decoration: var(--_ctm-mob-dn-as-cr-as-dn-ue,
356
- var(--_ctm-tab-dn-as-cr-as-dn-ue, var(--_ctm-dn-as-cr-as-dn-ue)));
357
- letter-spacing: var(--_ctm-mob-dn-as-cr-as-dn-lr-sg,
358
- var(--_ctm-tab-dn-as-cr-as-dn-lr-sg, var(--_ctm-dn-as-cr-as-dn-lr-sg)));
359
- line-height: var(--_ctm-mob-dn-as-cr-as-dn-le-ht,
360
- var(--_ctm-tab-dn-as-cr-as-dn-le-ht, var(--_ctm-dn-as-cr-as-dn-le-ht)));
361
- font-style: var(--_ctm-mob-dn-as-cr-as-dn-ft-se-ic,
362
- var(--_ctm-tab-dn-as-cr-as-dn-ft-se-ic, var(--_ctm-dn-as-cr-as-dn-ft-se-ic)));
363
- text-align: var(--_ctm-mob-dn-as-cr-as-dn-tt-an,
364
- var(--_ctm-tab-dn-as-cr-as-dn-tt-an, var(--_ctm-dn-as-cr-as-dn-tt-an)));
365
-
474
+ background-color: var(
475
+ --_ctm-mob-dn-as-cr-as-is-bd-cr,
476
+ var(--_ctm-tab-dn-as-cr-as-is-bd-cr, var(--_ctm-dn-as-cr-as-is-bd-cr))
477
+ );
478
+ padding: var(
479
+ --_ctm-mob-dn-as-cr-as-is-pg,
480
+ var(--_ctm-tab-dn-as-cr-as-is-pg, var(--_ctm-dn-as-cr-as-is-pg))
481
+ );
482
+ border-color: var(
483
+ --_ctm-mob-dn-as-cr-as-is-br-cr,
484
+ var(--_ctm-tab-dn-as-cr-as-is-br-cr, var(--_ctm-dn-as-cr-as-is-br-cr))
485
+ );
486
+ border-style: var(
487
+ --_ctm-mob-dn-as-cr-as-is-br-se,
488
+ var(--_ctm-tab-dn-as-cr-as-is-br-se, var(--_ctm-dn-as-cr-as-is-br-se))
489
+ );
490
+ border-width: var(
491
+ --_ctm-mob-dn-as-cr-as-is-br-wh,
492
+ var(--_ctm-tab-dn-as-cr-as-is-br-wh, var(--_ctm-dn-as-cr-as-is-br-wh))
493
+ );
494
+ border-radius: var(
495
+ --_ctm-mob-dn-as-cr-as-is-br-rs,
496
+ var(--_ctm-tab-dn-as-cr-as-is-br-rs, var(--_ctm-dn-as-cr-as-is-br-rs))
497
+ );
498
+ font-family: var(
499
+ --_ctm-mob-dn-as-cr-as-dn-ft-fy,
500
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-fy, var(--_ctm-dn-as-cr-as-dn-ft-fy))
501
+ );
502
+ text-transform: var(
503
+ --_ctm-mob-dn-as-cr-as-dn-tt-tm,
504
+ var(--_ctm-tab-dn-as-cr-as-dn-tt-tm, var(--_ctm-dn-as-cr-as-dn-tt-tm))
505
+ );
506
+ word-wrap: var(
507
+ --_ctm-mob-dn-as-cr-as-dn-wd-wp,
508
+ var(--_ctm-tab-dn-as-cr-as-dn-wd-wp, var(--_ctm-dn-as-cr-as-dn-wd-wp))
509
+ );
510
+ word-break: var(
511
+ --_ctm-mob-dn-as-cr-as-dn-wd-bk,
512
+ var(--_ctm-tab-dn-as-cr-as-dn-wd-bk, var(--_ctm-dn-as-cr-as-dn-wd-bk))
513
+ );
514
+ color: var(
515
+ --_ctm-mob-dn-as-cr-as-dn-cr,
516
+ var(--_ctm-tab-dn-as-cr-as-dn-cr, var(--_ctm-dn-as-cr-as-dn-cr))
517
+ );
518
+ font-weight: var(
519
+ --_ctm-mob-dn-as-cr-as-dn-ft-wt,
520
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-wt, var(--_ctm-dn-as-cr-as-dn-ft-wt))
521
+ );
522
+ font-size: var(
523
+ --_ctm-mob-dn-as-cr-as-dn-ft-se,
524
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-se, var(--_ctm-dn-as-cr-as-dn-ft-se))
525
+ );
526
+ text-decoration: var(
527
+ --_ctm-mob-dn-as-cr-as-dn-ue,
528
+ var(--_ctm-tab-dn-as-cr-as-dn-ue, var(--_ctm-dn-as-cr-as-dn-ue))
529
+ );
530
+ letter-spacing: var(
531
+ --_ctm-mob-dn-as-cr-as-dn-lr-sg,
532
+ var(--_ctm-tab-dn-as-cr-as-dn-lr-sg, var(--_ctm-dn-as-cr-as-dn-lr-sg))
533
+ );
534
+ line-height: var(
535
+ --_ctm-mob-dn-as-cr-as-dn-le-ht,
536
+ var(--_ctm-tab-dn-as-cr-as-dn-le-ht, var(--_ctm-dn-as-cr-as-dn-le-ht))
537
+ );
538
+ font-style: var(
539
+ --_ctm-mob-dn-as-cr-as-dn-ft-se-ic,
540
+ var(--_ctm-tab-dn-as-cr-as-dn-ft-se-ic, var(--_ctm-dn-as-cr-as-dn-ft-se-ic))
541
+ );
542
+ text-align: var(
543
+ --_ctm-mob-dn-as-cr-as-dn-tt-an,
544
+ var(--_ctm-tab-dn-as-cr-as-dn-tt-an, var(--_ctm-dn-as-cr-as-dn-tt-an))
545
+ );
366
546
  .selected-display {
367
547
  .selected-item {
368
548
  display: flex;
369
549
  align-items: center;
370
-
371
550
  .color-swatch {
372
551
  position: relative;
373
552
  // top: 1px;
374
553
  }
375
-
376
554
  .svg_icon svg {
377
555
  width: 16px;
378
556
  height: 16px;
@@ -380,114 +558,165 @@
380
558
  }
381
559
  }
382
560
  }
383
-
384
561
  &:focus {
385
562
  border-color: var(--_primary-400);
386
563
  outline: 2px solid var(--_primary-200);
387
564
  }
388
-
389
565
  &.error {
390
566
  border-color: #dc2626;
391
567
  background-color: #fef2f2;
392
568
  }
393
-
394
569
  .react-datepicker-wrapper {
395
570
  width: 100%;
396
-
397
571
  .react-datepicker__close-icon::after {
398
572
  background-color: transparent;
399
573
  font-size: 25px;
400
574
  color: var(--_gray-500);
401
575
  }
402
576
  }
403
-
404
577
  .custom-upload {
405
578
  display: flex;
406
579
  flex-direction: column;
407
580
  align-items: center;
408
581
  align-self: stretch;
409
582
 
410
- background-color: var(--_ctm-mob-dn-as-cr-us-bd-cr,
411
- var(--_ctm-tab-dn-as-cr-us-bd-cr, var(--_ctm-dn-as-cr-us-bd-cr)));
412
- padding: var(--_ctm-mob-dn-as-cr-us-pg,
413
- var(--_ctm-tab-dn-as-cr-us-pg, var(--_ctm-dn-as-cr-us-pg)));
414
- gap: var(--_ctm-mob-dn-as-cr-us-im-gp,
415
- var(--_ctm-tab-dn-as-cr-us-im-gp, var(--_ctm-dn-as-cr-us-im-gp)));
416
- border-color: var(--_ctm-mob-dn-as-cr-us-br-cr,
417
- var(--_ctm-tab-dn-as-cr-us-br-cr, var(--_ctm-dn-as-cr-us-br-cr)));
418
- border-style: var(--_ctm-mob-dn-as-cr-us-br-se,
419
- var(--_ctm-tab-dn-as-cr-us-br-se, var(--_ctm-dn-as-cr-us-br-se)));
420
- border-width: var(--_ctm-mob-dn-as-cr-us-br-wh,
421
- var(--_ctm-tab-dn-as-cr-us-br-wh, var(--_ctm-dn-as-cr-us-br-wh)));
422
- border-radius: var(--_ctm-mob-dn-as-cr-us-br-rs,
423
- var(--_ctm-tab-dn-as-cr-us-br-rs, var(--_ctm-dn-as-cr-us-br-rs)));
424
-
583
+ background-color: var(
584
+ --_ctm-mob-dn-as-cr-us-bd-cr,
585
+ var(--_ctm-tab-dn-as-cr-us-bd-cr, var(--_ctm-dn-as-cr-us-bd-cr))
586
+ );
587
+ padding: var(
588
+ --_ctm-mob-dn-as-cr-us-pg,
589
+ var(--_ctm-tab-dn-as-cr-us-pg, var(--_ctm-dn-as-cr-us-pg))
590
+ );
591
+ gap: var(
592
+ --_ctm-mob-dn-as-cr-us-im-gp,
593
+ var(--_ctm-tab-dn-as-cr-us-im-gp, var(--_ctm-dn-as-cr-us-im-gp))
594
+ );
595
+ border-color: var(
596
+ --_ctm-mob-dn-as-cr-us-br-cr,
597
+ var(--_ctm-tab-dn-as-cr-us-br-cr, var(--_ctm-dn-as-cr-us-br-cr))
598
+ );
599
+ border-style: var(
600
+ --_ctm-mob-dn-as-cr-us-br-se,
601
+ var(--_ctm-tab-dn-as-cr-us-br-se, var(--_ctm-dn-as-cr-us-br-se))
602
+ );
603
+ border-width: var(
604
+ --_ctm-mob-dn-as-cr-us-br-wh,
605
+ var(--_ctm-tab-dn-as-cr-us-br-wh, var(--_ctm-dn-as-cr-us-br-wh))
606
+ );
607
+ border-radius: var(
608
+ --_ctm-mob-dn-as-cr-us-br-rs,
609
+ var(--_ctm-tab-dn-as-cr-us-br-rs, var(--_ctm-dn-as-cr-us-br-rs))
610
+ );
425
611
  .file_upload_text {
426
612
  text-align: center;
427
613
  display: flex;
428
614
  flex-direction: column;
429
615
  gap: 6px;
430
-
431
616
  p {
432
617
  strong {
433
- font-family: var(--_ctm-mob-dn-as-cr-us-ft-fy,
434
- var(--_ctm-tab-dn-as-cr-us-ft-fy, var(--_ctm-dn-as-cr-us-ft-fy)));
435
- text-transform: var(--_ctm-mob-dn-as-cr-us-tt-tm,
436
- var(--_ctm-tab-dn-as-cr-us-tt-tm, var(--_ctm-dn-as-cr-us-tt-tm)));
437
- word-wrap: var(--_ctm-mob-dn-as-cr-us-wd-wp,
438
- var(--_ctm-tab-dn-as-cr-us-wd-wp, var(--_ctm-dn-as-cr-us-wd-wp)));
439
- word-break: var(--_ctm-mob-dn-as-cr-us-wd-bk,
440
- var(--_ctm-tab-dn-as-cr-us-wd-bk, var(--_ctm-dn-as-cr-us-wd-bk)));
618
+ font-family: var(
619
+ --_ctm-mob-dn-as-cr-us-ft-fy,
620
+ var(--_ctm-tab-dn-as-cr-us-ft-fy, var(--_ctm-dn-as-cr-us-ft-fy))
621
+ );
622
+ text-transform: var(
623
+ --_ctm-mob-dn-as-cr-us-tt-tm,
624
+ var(--_ctm-tab-dn-as-cr-us-tt-tm, var(--_ctm-dn-as-cr-us-tt-tm))
625
+ );
626
+ word-wrap: var(
627
+ --_ctm-mob-dn-as-cr-us-wd-wp,
628
+ var(--_ctm-tab-dn-as-cr-us-wd-wp, var(--_ctm-dn-as-cr-us-wd-wp))
629
+ );
630
+ word-break: var(
631
+ --_ctm-mob-dn-as-cr-us-wd-bk,
632
+ var(--_ctm-tab-dn-as-cr-us-wd-bk, var(--_ctm-dn-as-cr-us-wd-bk))
633
+ );
441
634
  // color: var(
442
635
  // --_ctm-mob-dn-as-cr-us-cr,
443
636
  // var(--_ctm-tab-dn-as-cr-us-cr, var(--_ctm-dn-as-cr-us-cr))
444
637
  // );
445
638
  color: var(--_thm-cs-tt-ls-as);
446
- font-weight: var(--_ctm-mob-dn-as-cr-us-ft-wt,
447
- var(--_ctm-tab-dn-as-cr-us-ft-wt, var(--_ctm-dn-as-cr-us-ft-wt)));
448
- font-size: var(--_ctm-mob-dn-as-cr-us-ft-se,
449
- var(--_ctm-tab-dn-as-cr-us-ft-se, var(--_ctm-dn-as-cr-us-ft-se)));
450
- text-decoration: var(--_ctm-mob-dn-as-cr-us-ue,
451
- var(--_ctm-tab-dn-as-cr-us-ue, var(--_ctm-dn-as-cr-us-ue)));
452
- letter-spacing: var(--_ctm-mob-dn-as-cr-us-lr-sg,
453
- var(--_ctm-tab-dn-as-cr-us-lr-sg, var(--_ctm-dn-as-cr-us-lr-sg)));
454
- line-height: var(--_ctm-mob-dn-as-cr-us-le-ht,
455
- var(--_ctm-tab-dn-as-cr-us-le-ht, var(--_ctm-dn-as-cr-us-le-ht)));
456
- font-style: var(--_ctm-mob-dn-as-cr-us-ft-se-ic,
457
- var(--_ctm-tab-dn-as-cr-us-ft-se-ic, var(--_ctm-dn-as-cr-us-ft-se-ic)));
458
- text-align: var(--_ctm-mob-dn-as-cr-us-tt-an,
459
- var(--_ctm-tab-dn-as-cr-us-tt-an, var(--_ctm-dn-as-cr-us-tt-an)));
639
+ font-weight: var(
640
+ --_ctm-mob-dn-as-cr-us-ft-wt,
641
+ var(--_ctm-tab-dn-as-cr-us-ft-wt, var(--_ctm-dn-as-cr-us-ft-wt))
642
+ );
643
+ font-size: var(
644
+ --_ctm-mob-dn-as-cr-us-ft-se,
645
+ var(--_ctm-tab-dn-as-cr-us-ft-se, var(--_ctm-dn-as-cr-us-ft-se))
646
+ );
647
+ text-decoration: var(
648
+ --_ctm-mob-dn-as-cr-us-ue,
649
+ var(--_ctm-tab-dn-as-cr-us-ue, var(--_ctm-dn-as-cr-us-ue))
650
+ );
651
+ letter-spacing: var(
652
+ --_ctm-mob-dn-as-cr-us-lr-sg,
653
+ var(--_ctm-tab-dn-as-cr-us-lr-sg, var(--_ctm-dn-as-cr-us-lr-sg))
654
+ );
655
+ line-height: var(
656
+ --_ctm-mob-dn-as-cr-us-le-ht,
657
+ var(--_ctm-tab-dn-as-cr-us-le-ht, var(--_ctm-dn-as-cr-us-le-ht))
658
+ );
659
+ font-style: var(
660
+ --_ctm-mob-dn-as-cr-us-ft-se-ic,
661
+ var(--_ctm-tab-dn-as-cr-us-ft-se-ic, var(--_ctm-dn-as-cr-us-ft-se-ic))
662
+ );
663
+ text-align: var(
664
+ --_ctm-mob-dn-as-cr-us-tt-an,
665
+ var(--_ctm-tab-dn-as-cr-us-tt-an, var(--_ctm-dn-as-cr-us-tt-an))
666
+ );
460
667
  }
461
668
  }
462
-
463
669
  span {
464
- font-family: var(--_ctm-mob-dn-as-cr-us-ft-fy-dc,
465
- var(--_ctm-tab-dn-as-cr-us-ft-fy-dc, var(--_ctm-dn-as-cr-us-ft-fy-dc)));
466
- text-transform: var(--_ctm-mob-dn-as-cr-us-tt-tm-dc,
467
- var(--_ctm-tab-dn-as-cr-us-tt-tm-dc, var(--_ctm-dn-as-cr-us-tt-tm-dc)));
468
- word-wrap: var(--_ctm-mob-dn-as-cr-us-wd-wp-dc,
469
- var(--_ctm-tab-dn-as-cr-us-wd-wp-dc, var(--_ctm-dn-as-cr-us-wd-wp-dc)));
470
- word-break: var(--_ctm-mob-dn-as-cr-us-wd-bk-dc,
471
- var(--_ctm-tab-dn-as-cr-us-wd-bk-dc, var(--_ctm-dn-as-cr-us-wd-bk-dc)));
472
- color: var(--_ctm-mob-dn-as-cr-us-cr-dc,
473
- var(--_ctm-tab-dn-as-cr-us-cr-dc, var(--_ctm-dn-as-cr-us-cr-dc)));
474
- font-weight: var(--_ctm-mob-dn-as-cr-us-ft-wt-dc,
475
- var(--_ctm-tab-dn-as-cr-us-ft-wt-dc, var(--_ctm-dn-as-cr-us-ft-wt-dc)));
476
- font-size: var(--_ctm-mob-dn-as-cr-us-ft-se-dc,
477
- var(--_ctm-tab-dn-as-cr-us-ft-se-dc, var(--_ctm-dn-as-cr-us-ft-se-dc)));
478
- text-decoration: var(--_ctm-mob-dn-as-cr-us-ue-dc,
479
- var(--_ctm-tab-dn-as-cr-us-ue-dc, var(--_ctm-dn-as-cr-us-ue-dc)));
480
- letter-spacing: var(--_ctm-mob-dn-as-cr-us-lr-sg-dc,
481
- var(--_ctm-tab-dn-as-cr-us-lr-sg-dc, var(--_ctm-dn-as-cr-us-lr-sg-dc)));
482
- line-height: var(--_ctm-mob-dn-as-cr-us-le-ht-dc,
483
- var(--_ctm-tab-dn-as-cr-us-le-ht-dc, var(--_ctm-dn-as-cr-us-le-ht-dc)));
484
- font-style: var(--_ctm-mob-dn-as-cr-us-ft-se-ic-dc,
485
- var(--_ctm-tab-dn-as-cr-us-ft-se-ic-dc, var(--_ctm-dn-as-cr-us-ft-se-ic-dc)));
486
- text-align: var(--_ctm-mob-dn-as-cr-us-tt-an-dc,
487
- var(--_ctm-tab-dn-as-cr-us-tt-an-dc, var(--_ctm-dn-as-cr-us-tt-an-dc)));
670
+ font-family: var(
671
+ --_ctm-mob-dn-as-cr-us-ft-fy-dc,
672
+ var(--_ctm-tab-dn-as-cr-us-ft-fy-dc, var(--_ctm-dn-as-cr-us-ft-fy-dc))
673
+ );
674
+ text-transform: var(
675
+ --_ctm-mob-dn-as-cr-us-tt-tm-dc,
676
+ var(--_ctm-tab-dn-as-cr-us-tt-tm-dc, var(--_ctm-dn-as-cr-us-tt-tm-dc))
677
+ );
678
+ word-wrap: var(
679
+ --_ctm-mob-dn-as-cr-us-wd-wp-dc,
680
+ var(--_ctm-tab-dn-as-cr-us-wd-wp-dc, var(--_ctm-dn-as-cr-us-wd-wp-dc))
681
+ );
682
+ word-break: var(
683
+ --_ctm-mob-dn-as-cr-us-wd-bk-dc,
684
+ var(--_ctm-tab-dn-as-cr-us-wd-bk-dc, var(--_ctm-dn-as-cr-us-wd-bk-dc))
685
+ );
686
+ color: var(
687
+ --_ctm-mob-dn-as-cr-us-cr-dc,
688
+ var(--_ctm-tab-dn-as-cr-us-cr-dc, var(--_ctm-dn-as-cr-us-cr-dc))
689
+ );
690
+ font-weight: var(
691
+ --_ctm-mob-dn-as-cr-us-ft-wt-dc,
692
+ var(--_ctm-tab-dn-as-cr-us-ft-wt-dc, var(--_ctm-dn-as-cr-us-ft-wt-dc))
693
+ );
694
+ font-size: var(
695
+ --_ctm-mob-dn-as-cr-us-ft-se-dc,
696
+ var(--_ctm-tab-dn-as-cr-us-ft-se-dc, var(--_ctm-dn-as-cr-us-ft-se-dc))
697
+ );
698
+ text-decoration: var(
699
+ --_ctm-mob-dn-as-cr-us-ue-dc,
700
+ var(--_ctm-tab-dn-as-cr-us-ue-dc, var(--_ctm-dn-as-cr-us-ue-dc))
701
+ );
702
+ letter-spacing: var(
703
+ --_ctm-mob-dn-as-cr-us-lr-sg-dc,
704
+ var(--_ctm-tab-dn-as-cr-us-lr-sg-dc, var(--_ctm-dn-as-cr-us-lr-sg-dc))
705
+ );
706
+ line-height: var(
707
+ --_ctm-mob-dn-as-cr-us-le-ht-dc,
708
+ var(--_ctm-tab-dn-as-cr-us-le-ht-dc, var(--_ctm-dn-as-cr-us-le-ht-dc))
709
+ );
710
+ font-style: var(
711
+ --_ctm-mob-dn-as-cr-us-ft-se-ic-dc,
712
+ var(--_ctm-tab-dn-as-cr-us-ft-se-ic-dc, var(--_ctm-dn-as-cr-us-ft-se-ic-dc))
713
+ );
714
+ text-align: var(
715
+ --_ctm-mob-dn-as-cr-us-tt-an-dc,
716
+ var(--_ctm-tab-dn-as-cr-us-tt-an-dc, var(--_ctm-dn-as-cr-us-tt-an-dc))
717
+ );
488
718
  }
489
719
  }
490
-
491
720
  .uploadicon {
492
721
  // padding: 10px;
493
722
  // background: #f2f4f7;
@@ -498,20 +727,16 @@
498
727
  }
499
728
  }
500
729
  }
501
-
502
730
  .error-text {
503
731
  font-size: 12px;
504
732
  color: var(--_error-500);
505
733
  }
506
-
507
734
  .text_area_attribute {
508
735
  width: 100%;
509
-
510
736
  .input_textarea_a {
511
737
  width: 100%;
512
738
  }
513
739
  }
514
-
515
740
  .cart_item_attr_disabled {
516
741
  pointer-events: none;
517
742
 
@@ -525,21 +750,34 @@
525
750
  // toggle styles
526
751
  .input_toggle_switch_container {
527
752
  display: flex;
528
- background-color: var(--_ctm-mob-dn-as-cr-as-bs-bd-cr,
529
- var(--_ctm-tab-dn-as-cr-as-bs-bd-cr, var(--_ctm-dn-as-cr-as-bs-bd-cr)));
530
- border-color: var(--_ctm-mob-dn-as-cr-as-bs-br-cr,
531
- var(--_ctm-tab-dn-as-cr-as-bs-br-cr, var(--_ctm-dn-as-cr-as-bs-br-cr)));
532
- border-style: var(--_ctm-mob-dn-as-cr-as-bs-br-se,
533
- var(--_ctm-tab-dn-as-cr-as-bs-br-se, var(--_ctm-dn-as-cr-as-bs-br-se)));
534
- border-width: var(--_ctm-mob-dn-as-cr-as-bs-br-wh,
535
- var(--_ctm-tab-dn-as-cr-as-bs-br-wh, var(--_ctm-dn-as-cr-as-bs-br-wh)));
536
- border-radius: var(--_ctm-mob-dn-as-cr-as-bs-br-rs,
537
- var(--_ctm-tab-dn-as-cr-as-bs-br-rs, var(--_ctm-dn-as-cr-as-bs-br-rs)));
538
- padding: var(--_ctm-mob-dn-as-cr-as-bs-pg,
539
- var(--_ctm-tab-dn-as-cr-as-bs-pg, var(--_ctm-dn-as-cr-as-bs-pg)));
540
- gap: var(--_ctm-mob-dn-as-cr-as-bs-im-gp,
541
- var(--_ctm-tab-dn-as-cr-as-bs-im-gp, var(--_ctm-dn-as-cr-as-bs-im-gp)));
542
-
753
+ background-color: var(
754
+ --_ctm-mob-dn-as-cr-as-bs-bd-cr,
755
+ var(--_ctm-tab-dn-as-cr-as-bs-bd-cr, var(--_ctm-dn-as-cr-as-bs-bd-cr))
756
+ );
757
+ border-color: var(
758
+ --_ctm-mob-dn-as-cr-as-bs-br-cr,
759
+ var(--_ctm-tab-dn-as-cr-as-bs-br-cr, var(--_ctm-dn-as-cr-as-bs-br-cr))
760
+ );
761
+ border-style: var(
762
+ --_ctm-mob-dn-as-cr-as-bs-br-se,
763
+ var(--_ctm-tab-dn-as-cr-as-bs-br-se, var(--_ctm-dn-as-cr-as-bs-br-se))
764
+ );
765
+ border-width: var(
766
+ --_ctm-mob-dn-as-cr-as-bs-br-wh,
767
+ var(--_ctm-tab-dn-as-cr-as-bs-br-wh, var(--_ctm-dn-as-cr-as-bs-br-wh))
768
+ );
769
+ border-radius: var(
770
+ --_ctm-mob-dn-as-cr-as-bs-br-rs,
771
+ var(--_ctm-tab-dn-as-cr-as-bs-br-rs, var(--_ctm-dn-as-cr-as-bs-br-rs))
772
+ );
773
+ padding: var(
774
+ --_ctm-mob-dn-as-cr-as-bs-pg,
775
+ var(--_ctm-tab-dn-as-cr-as-bs-pg, var(--_ctm-dn-as-cr-as-bs-pg))
776
+ );
777
+ gap: var(
778
+ --_ctm-mob-dn-as-cr-as-bs-im-gp,
779
+ var(--_ctm-tab-dn-as-cr-as-bs-im-gp, var(--_ctm-dn-as-cr-as-bs-im-gp))
780
+ );
543
781
  .input_toggle_switch {
544
782
  position: relative;
545
783
  display: inline-block;
@@ -551,7 +789,7 @@
551
789
  width: 0;
552
790
  height: 0;
553
791
 
554
- &:checked+.slider {
792
+ &:checked + .slider {
555
793
  background-color: #4caf50;
556
794
 
557
795
  &::before {
@@ -584,64 +822,109 @@
584
822
  }
585
823
  }
586
824
  }
587
-
588
825
  .input_toggle_switch_text {
589
826
  gap: 4px;
590
827
  display: flex;
591
828
  flex-direction: column;
592
-
593
829
  .checkbox_title {
594
- font-family: var(--_ctm-mob-dn-as-cr-as-bs-ft-fy,
595
- var(--_ctm-tab-dn-as-cr-as-bs-ft-fy, var(--_ctm-dn-as-cr-as-bs-ft-fy)));
596
- text-transform: var(--_ctm-mob-dn-as-cr-as-bs-tt-tm,
597
- var(--_ctm-tab-dn-as-cr-as-bs-tt-tm, var(--_ctm-dn-as-cr-as-bs-tt-tm)));
598
- word-wrap: var(--_ctm-mob-dn-as-cr-as-bs-wd-wp,
599
- var(--_ctm-tab-dn-as-cr-as-bs-wd-wp, var(--_ctm-dn-as-cr-as-bs-wd-wp)));
600
- word-break: var(--_ctm-mob-dn-as-cr-as-bs-wd-bk,
601
- var(--_ctm-tab-dn-as-cr-as-bs-wd-bk, var(--_ctm-dn-as-cr-as-bs-wd-bk)));
602
- color: var(--_ctm-mob-dn-as-cr-as-bs-cr,
603
- var(--_ctm-tab-dn-as-cr-as-bs-cr, var(--_ctm-dn-as-cr-as-bs-cr)));
604
- font-weight: var(--_ctm-mob-dn-as-cr-as-bs-ft-wt,
605
- var(--_ctm-tab-dn-as-cr-as-bs-ft-wt, var(--_ctm-dn-as-cr-as-bs-ft-wt)));
606
- font-size: var(--_ctm-mob-dn-as-cr-as-bs-ft-se,
607
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se, var(--_ctm-dn-as-cr-as-bs-ft-se)));
608
- text-decoration: var(--_ctm-mob-dn-as-cr-as-bs-ue,
609
- var(--_ctm-tab-dn-as-cr-as-bs-ue, var(--_ctm-dn-as-cr-as-bs-ue)));
610
- letter-spacing: var(--_ctm-mob-dn-as-cr-as-bs-lr-sg,
611
- var(--_ctm-tab-dn-as-cr-as-bs-lr-sg, var(--_ctm-dn-as-cr-as-bs-lr-sg)));
612
- line-height: var(--_ctm-mob-dn-as-cr-as-bs-le-ht,
613
- var(--_ctm-tab-dn-as-cr-as-bs-le-ht, var(--_ctm-dn-as-cr-as-bs-le-ht)));
614
- font-style: var(--_ctm-mob-dn-as-cr-as-bs-ft-se-ic,
615
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic, var(--_ctm-dn-as-cr-as-bs-ft-se-ic)));
616
- text-align: var(--_ctm-mob-dn-as-cr-as-bs-tt-an,
617
- var(--_ctm-tab-dn-as-cr-as-bs-tt-an, var(--_ctm-dn-as-cr-as-bs-tt-an)));
830
+ font-family: var(
831
+ --_ctm-mob-dn-as-cr-as-bs-ft-fy,
832
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-fy, var(--_ctm-dn-as-cr-as-bs-ft-fy))
833
+ );
834
+ text-transform: var(
835
+ --_ctm-mob-dn-as-cr-as-bs-tt-tm,
836
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-tm, var(--_ctm-dn-as-cr-as-bs-tt-tm))
837
+ );
838
+ word-wrap: var(
839
+ --_ctm-mob-dn-as-cr-as-bs-wd-wp,
840
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-wp, var(--_ctm-dn-as-cr-as-bs-wd-wp))
841
+ );
842
+ word-break: var(
843
+ --_ctm-mob-dn-as-cr-as-bs-wd-bk,
844
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-bk, var(--_ctm-dn-as-cr-as-bs-wd-bk))
845
+ );
846
+ color: var(
847
+ --_ctm-mob-dn-as-cr-as-bs-cr,
848
+ var(--_ctm-tab-dn-as-cr-as-bs-cr, var(--_ctm-dn-as-cr-as-bs-cr))
849
+ );
850
+ font-weight: var(
851
+ --_ctm-mob-dn-as-cr-as-bs-ft-wt,
852
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-wt, var(--_ctm-dn-as-cr-as-bs-ft-wt))
853
+ );
854
+ font-size: var(
855
+ --_ctm-mob-dn-as-cr-as-bs-ft-se,
856
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se, var(--_ctm-dn-as-cr-as-bs-ft-se))
857
+ );
858
+ text-decoration: var(
859
+ --_ctm-mob-dn-as-cr-as-bs-ue,
860
+ var(--_ctm-tab-dn-as-cr-as-bs-ue, var(--_ctm-dn-as-cr-as-bs-ue))
861
+ );
862
+ letter-spacing: var(
863
+ --_ctm-mob-dn-as-cr-as-bs-lr-sg,
864
+ var(--_ctm-tab-dn-as-cr-as-bs-lr-sg, var(--_ctm-dn-as-cr-as-bs-lr-sg))
865
+ );
866
+ line-height: var(
867
+ --_ctm-mob-dn-as-cr-as-bs-le-ht,
868
+ var(--_ctm-tab-dn-as-cr-as-bs-le-ht, var(--_ctm-dn-as-cr-as-bs-le-ht))
869
+ );
870
+ font-style: var(
871
+ --_ctm-mob-dn-as-cr-as-bs-ft-se-ic,
872
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic, var(--_ctm-dn-as-cr-as-bs-ft-se-ic))
873
+ );
874
+ text-align: var(
875
+ --_ctm-mob-dn-as-cr-as-bs-tt-an,
876
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-an, var(--_ctm-dn-as-cr-as-bs-tt-an))
877
+ );
618
878
  }
619
-
620
879
  .checkbox_des {
621
- font-family: var(--_ctm-mob-dn-as-cr-as-bs-ft-fy-dc,
622
- var(--_ctm-tab-dn-as-cr-as-bs-ft-fy-dc, var(--_ctm-dn-as-cr-as-bs-ft-fy-dc)));
623
- text-transform: var(--_ctm-mob-dn-as-cr-as-bs-tt-tm-dc,
624
- var(--_ctm-tab-dn-as-cr-as-bs-tt-tm-dc, var(--_ctm-dn-as-cr-as-bs-tt-tm-dc)));
625
- word-wrap: var(--_ctm-mob-dn-as-cr-as-bs-wd-wp-dc,
626
- var(--_ctm-tab-dn-as-cr-as-bs-wd-wp-dc, var(--_ctm-dn-as-cr-as-bs-wd-wp-dc)));
627
- word-break: var(--_ctm-mob-dn-as-cr-as-bs-wd-bk-dc,
628
- var(--_ctm-tab-dn-as-cr-as-bs-wd-bk-dc, var(--_ctm-dn-as-cr-as-bs-wd-bk-dc)));
629
- color: var(--_ctm-mob-dn-as-cr-as-bs-cr-dc,
630
- var(--_ctm-tab-dn-as-cr-as-bs-cr-dc, var(--_ctm-dn-as-cr-as-bs-cr-dc)));
631
- font-weight: var(--_ctm-mob-dn-as-cr-as-bs-ft-wt-dc,
632
- var(--_ctm-tab-dn-as-cr-as-bs-ft-wt-dc, var(--_ctm-dn-as-cr-as-bs-ft-wt-dc)));
633
- font-size: var(--_ctm-mob-dn-as-cr-as-bs-ft-se-dc,
634
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-dc)));
635
- text-decoration: var(--_ctm-mob-dn-as-cr-as-bs-ue-dc,
636
- var(--_ctm-tab-dn-as-cr-as-bs-ue-dc, var(--_ctm-dn-as-cr-as-bs-ue-dc)));
637
- letter-spacing: var(--_ctm-mob-dn-as-cr-as-bs-lr-sg-dc,
638
- var(--_ctm-tab-dn-as-cr-as-bs-lr-sg-dc, var(--_ctm-dn-as-cr-as-bs-lr-sg-dc)));
639
- line-height: var(--_ctm-mob-dn-as-cr-as-bs-le-ht-dc,
640
- var(--_ctm-tab-dn-as-cr-as-bs-le-ht-dc, var(--_ctm-dn-as-cr-as-bs-le-ht-dc)));
641
- font-style: var(--_ctm-mob-dn-as-cr-as-bs-ft-se-ic-dc,
642
- var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-ic-dc)));
643
- text-align: var(--_ctm-mob-dn-as-cr-as-bs-tt-an-dc,
644
- var(--_ctm-tab-dn-as-cr-as-bs-tt-an-dc, var(--_ctm-dn-as-cr-as-bs-tt-an-dc)));
880
+ font-family: var(
881
+ --_ctm-mob-dn-as-cr-as-bs-ft-fy-dc,
882
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-fy-dc, var(--_ctm-dn-as-cr-as-bs-ft-fy-dc))
883
+ );
884
+ text-transform: var(
885
+ --_ctm-mob-dn-as-cr-as-bs-tt-tm-dc,
886
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-tm-dc, var(--_ctm-dn-as-cr-as-bs-tt-tm-dc))
887
+ );
888
+ word-wrap: var(
889
+ --_ctm-mob-dn-as-cr-as-bs-wd-wp-dc,
890
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-wp-dc, var(--_ctm-dn-as-cr-as-bs-wd-wp-dc))
891
+ );
892
+ word-break: var(
893
+ --_ctm-mob-dn-as-cr-as-bs-wd-bk-dc,
894
+ var(--_ctm-tab-dn-as-cr-as-bs-wd-bk-dc, var(--_ctm-dn-as-cr-as-bs-wd-bk-dc))
895
+ );
896
+ color: var(
897
+ --_ctm-mob-dn-as-cr-as-bs-cr-dc,
898
+ var(--_ctm-tab-dn-as-cr-as-bs-cr-dc, var(--_ctm-dn-as-cr-as-bs-cr-dc))
899
+ );
900
+ font-weight: var(
901
+ --_ctm-mob-dn-as-cr-as-bs-ft-wt-dc,
902
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-wt-dc, var(--_ctm-dn-as-cr-as-bs-ft-wt-dc))
903
+ );
904
+ font-size: var(
905
+ --_ctm-mob-dn-as-cr-as-bs-ft-se-dc,
906
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-dc))
907
+ );
908
+ text-decoration: var(
909
+ --_ctm-mob-dn-as-cr-as-bs-ue-dc,
910
+ var(--_ctm-tab-dn-as-cr-as-bs-ue-dc, var(--_ctm-dn-as-cr-as-bs-ue-dc))
911
+ );
912
+ letter-spacing: var(
913
+ --_ctm-mob-dn-as-cr-as-bs-lr-sg-dc,
914
+ var(--_ctm-tab-dn-as-cr-as-bs-lr-sg-dc, var(--_ctm-dn-as-cr-as-bs-lr-sg-dc))
915
+ );
916
+ line-height: var(
917
+ --_ctm-mob-dn-as-cr-as-bs-le-ht-dc,
918
+ var(--_ctm-tab-dn-as-cr-as-bs-le-ht-dc, var(--_ctm-dn-as-cr-as-bs-le-ht-dc))
919
+ );
920
+ font-style: var(
921
+ --_ctm-mob-dn-as-cr-as-bs-ft-se-ic-dc,
922
+ var(--_ctm-tab-dn-as-cr-as-bs-ft-se-ic-dc, var(--_ctm-dn-as-cr-as-bs-ft-se-ic-dc))
923
+ );
924
+ text-align: var(
925
+ --_ctm-mob-dn-as-cr-as-bs-tt-an-dc,
926
+ var(--_ctm-tab-dn-as-cr-as-bs-tt-an-dc, var(--_ctm-dn-as-cr-as-bs-tt-an-dc))
927
+ );
645
928
  }
646
929
  }
647
930
  }
@@ -660,7 +943,7 @@
660
943
  width: 0;
661
944
  height: 0;
662
945
 
663
- &:checked+.custom_radio::after {
946
+ &:checked + .custom_radio::after {
664
947
  display: block;
665
948
  }
666
949
  }
@@ -687,7 +970,7 @@
687
970
  }
688
971
  }
689
972
 
690
- input[type="radio"]:checked+.custom_radio {
973
+ input[type="radio"]:checked + .custom_radio {
691
974
  border-color: var(--_primary-400);
692
975
  }
693
976
 
@@ -757,18 +1040,15 @@
757
1040
  font-size: 14px;
758
1041
  cursor: pointer;
759
1042
  }
760
-
761
1043
  .attribute_currency_field {
762
1044
  position: relative;
763
-
764
1045
  input {
765
1046
  padding: 12px 12px 12px 32px !important;
766
1047
  }
767
-
768
1048
  svg {
769
1049
  position: absolute;
770
1050
  left: 8px;
771
1051
  top: 10px;
772
1052
  background: #fff;
773
1053
  }
774
- }
1054
+ }