hemfixarna-web-components 1.6.1 → 1.6.2

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 (243) hide show
  1. package/dist/{collection/utils/api.js → hemfixarna-components/api-36f73d0d.js} +6 -4
  2. package/dist/hemfixarna-components/api-36f73d0d.js.map +1 -0
  3. package/dist/hemfixarna-components/app-globals-0f993ce5.js +5 -0
  4. package/dist/hemfixarna-components/app-globals-0f993ce5.js.map +1 -0
  5. package/dist/{collection/utils/calc.js → hemfixarna-components/calc-4c79b798.js} +6 -3
  6. package/dist/hemfixarna-components/calc-4c79b798.js.map +1 -0
  7. package/dist/hemfixarna-components/css-shim-62d2171c.js +6 -0
  8. package/dist/hemfixarna-components/css-shim-62d2171c.js.map +1 -0
  9. package/dist/hemfixarna-components/dom-46a68c9b.js +75 -0
  10. package/dist/hemfixarna-components/dom-46a68c9b.js.map +1 -0
  11. package/dist/{collection/utils/form.js → hemfixarna-components/form-c53dca29.js} +4 -2
  12. package/dist/hemfixarna-components/form-c53dca29.js.map +1 -0
  13. package/dist/{collection/components/hemfixarna-address/hemfixarna-address.js → hemfixarna-components/hemfixarna-address.entry.js} +14 -20
  14. package/dist/hemfixarna-components/hemfixarna-address.entry.js.map +1 -0
  15. package/dist/hemfixarna-components/hemfixarna-box.entry.js +49 -0
  16. package/dist/hemfixarna-components/hemfixarna-box.entry.js.map +1 -0
  17. package/dist/{collection/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.js → hemfixarna-components/hemfixarna-breadcrumbs.entry.js} +13 -84
  18. package/dist/hemfixarna-components/hemfixarna-breadcrumbs.entry.js.map +1 -0
  19. package/dist/hemfixarna-components/hemfixarna-byggmax.entry.js +27 -0
  20. package/dist/hemfixarna-components/hemfixarna-byggmax.entry.js.map +1 -0
  21. package/dist/{collection/components/hemfixarna-cart/hemfixarna-cart.js → hemfixarna-components/hemfixarna-cart.entry.js} +11 -31
  22. package/dist/hemfixarna-components/hemfixarna-cart.entry.js.map +1 -0
  23. package/dist/{collection/components/hemfixarna-category.tsx/hemfixarna-category.js → hemfixarna-components/hemfixarna-category.entry.js} +12 -6
  24. package/dist/hemfixarna-components/hemfixarna-category.entry.js.map +1 -0
  25. package/dist/{collection/components/hemfixarna-checkout/hemfixarna-checkout.js → hemfixarna-components/hemfixarna-checkout.entry.js} +38 -33
  26. package/dist/hemfixarna-components/hemfixarna-checkout.entry.js.map +1 -0
  27. package/dist/hemfixarna-components/hemfixarna-component.entry.js +248 -0
  28. package/dist/hemfixarna-components/hemfixarna-component.entry.js.map +1 -0
  29. package/dist/hemfixarna-components/hemfixarna-components.esm.js +162 -1
  30. package/dist/hemfixarna-components/hemfixarna-components.esm.js.map +1 -1
  31. package/dist/{collection/components/hemfixarna-contact/hemfixarna-contact.js → hemfixarna-components/hemfixarna-contact.entry.js} +10 -28
  32. package/dist/hemfixarna-components/hemfixarna-contact.entry.js.map +1 -0
  33. package/dist/{collection/components/hemfixarna-demo/hemfixarna-demo.js → hemfixarna-components/hemfixarna-demo.entry.js} +23 -46
  34. package/dist/hemfixarna-components/hemfixarna-demo.entry.js.map +1 -0
  35. package/dist/hemfixarna-components/hemfixarna-doro.entry.js +23 -0
  36. package/dist/hemfixarna-components/hemfixarna-doro.entry.js.map +1 -0
  37. package/dist/hemfixarna-components/hemfixarna-elfa.entry.js +24 -0
  38. package/dist/hemfixarna-components/hemfixarna-elfa.entry.js.map +1 -0
  39. package/dist/hemfixarna-components/hemfixarna-fargvaruhuset.entry.js +21 -0
  40. package/dist/hemfixarna-components/hemfixarna-fargvaruhuset.entry.js.map +1 -0
  41. package/dist/hemfixarna-components/hemfixarna-flyttsmart.entry.js +21 -0
  42. package/dist/hemfixarna-components/hemfixarna-flyttsmart.entry.js.map +1 -0
  43. package/dist/hemfixarna-components/hemfixarna-forebygg.entry.js +23 -0
  44. package/dist/hemfixarna-components/hemfixarna-forebygg.entry.js.map +1 -0
  45. package/dist/hemfixarna-components/hemfixarna-getuser.entry.js +770 -0
  46. package/dist/hemfixarna-components/hemfixarna-getuser.entry.js.map +1 -0
  47. package/dist/hemfixarna-components/hemfixarna-hornbach.entry.js +24 -0
  48. package/dist/hemfixarna-components/hemfixarna-hornbach.entry.js.map +1 -0
  49. package/dist/{collection/components/hemfixarna-info/hemfixarna-info.js → hemfixarna-components/hemfixarna-info.entry.js} +11 -7
  50. package/dist/hemfixarna-components/hemfixarna-info.entry.js.map +1 -0
  51. package/dist/{collection/components/hemfixarna-invoice/hemfixarna-invoice.js → hemfixarna-components/hemfixarna-invoice.entry.js} +16 -27
  52. package/dist/hemfixarna-components/hemfixarna-invoice.entry.js.map +1 -0
  53. package/dist/hemfixarna-components/hemfixarna-kbygg.entry.js +21 -0
  54. package/dist/hemfixarna-components/hemfixarna-kbygg.entry.js.map +1 -0
  55. package/dist/hemfixarna-components/hemfixarna-klint.entry.js +20 -0
  56. package/dist/hemfixarna-components/hemfixarna-klint.entry.js.map +1 -0
  57. package/dist/hemfixarna-components/hemfixarna-kund.entry.js +20 -0
  58. package/dist/hemfixarna-components/hemfixarna-kund.entry.js.map +1 -0
  59. package/dist/hemfixarna-components/hemfixarna-norrgavel.entry.js +21 -0
  60. package/dist/hemfixarna-components/hemfixarna-norrgavel.entry.js.map +1 -0
  61. package/dist/{collection/components/hemfixarna-order/hemfixarna-order.js → hemfixarna-components/hemfixarna-order.entry.js} +11 -31
  62. package/dist/hemfixarna-components/hemfixarna-order.entry.js.map +1 -0
  63. package/dist/{collection/components/hemfixarna-orderrows/hemfixarna-orderrows.js → hemfixarna-components/hemfixarna-orderrows.entry.js} +12 -50
  64. package/dist/hemfixarna-components/hemfixarna-orderrows.entry.js.map +1 -0
  65. package/dist/hemfixarna-components/hemfixarna-power.entry.js +21 -0
  66. package/dist/hemfixarna-components/hemfixarna-power.entry.js.map +1 -0
  67. package/dist/{collection/components/hemfixarna-product/hemfixarna-product.js → hemfixarna-components/hemfixarna-product.entry.js} +18 -27
  68. package/dist/hemfixarna-components/hemfixarna-product.entry.js.map +1 -0
  69. package/dist/{collection/components/hemfixarna-service/hemfixarna-service.js → hemfixarna-components/hemfixarna-service.entry.js} +12 -6
  70. package/dist/hemfixarna-components/hemfixarna-service.entry.js.map +1 -0
  71. package/dist/hemfixarna-components/hemfixarna-skanska.entry.js +24 -0
  72. package/dist/hemfixarna-components/hemfixarna-skanska.entry.js.map +1 -0
  73. package/dist/hemfixarna-components/hemfixarna-sparfonster.entry.js +21 -0
  74. package/dist/hemfixarna-components/hemfixarna-sparfonster.entry.js.map +1 -0
  75. package/dist/{collection/components/hemfixarna-start/hemfixarna-start.js → hemfixarna-components/hemfixarna-start.entry.js} +11 -48
  76. package/dist/hemfixarna-components/hemfixarna-start.entry.js.map +1 -0
  77. package/dist/hemfixarna-components/hemfixarna-string-furniture.entry.js +23 -0
  78. package/dist/hemfixarna-components/hemfixarna-string-furniture.entry.js.map +1 -0
  79. package/dist/hemfixarna-components/hemfixarna-superfront.entry.js +20 -0
  80. package/dist/hemfixarna-components/hemfixarna-superfront.entry.js.map +1 -0
  81. package/dist/hemfixarna-components/hemfixarna-tesla.entry.js +21 -0
  82. package/dist/hemfixarna-components/hemfixarna-tesla.entry.js.map +1 -0
  83. package/dist/hemfixarna-components/hemfixarna-traningspartner.entry.js +20 -0
  84. package/dist/hemfixarna-components/hemfixarna-traningspartner.entry.js.map +1 -0
  85. package/dist/hemfixarna-components/hemfixarna-zaptec.entry.js +21 -0
  86. package/dist/hemfixarna-components/hemfixarna-zaptec.entry.js.map +1 -0
  87. package/dist/hemfixarna-components/index-b6a6e994.js +256 -0
  88. package/dist/hemfixarna-components/index-b6a6e994.js.map +1 -0
  89. package/dist/{collection/types/index.js → hemfixarna-components/index-d90ad11b.js} +7 -4
  90. package/dist/hemfixarna-components/index-d90ad11b.js.map +1 -0
  91. package/dist/hemfixarna-components/index-f1a87cf1.js +3397 -0
  92. package/dist/{cjs/hemfixarna-address_36.cjs.entry.js.map → hemfixarna-components/index-f1a87cf1.js.map} +1 -1
  93. package/dist/hemfixarna-components/index.esm.js +1 -0
  94. package/dist/hemfixarna-components/index.esm.js.map +1 -1
  95. package/dist/{collection/utils/scroll.js → hemfixarna-components/scroll-6c26b5da.js} +4 -2
  96. package/dist/hemfixarna-components/scroll-6c26b5da.js.map +1 -0
  97. package/dist/hemfixarna-components/shadow-css-05e0c1f4.js +389 -0
  98. package/dist/hemfixarna-components/shadow-css-05e0c1f4.js.map +1 -0
  99. package/dist/{collection/utils/types.js → hemfixarna-components/types-641c9a1c.js} +6 -3
  100. package/dist/hemfixarna-components/types-641c9a1c.js.map +1 -0
  101. package/package.json +1 -1
  102. package/dist/cjs/hemfixarna-address_36.cjs.entry.js +0 -2763
  103. package/dist/cjs/hemfixarna-components.cjs.js +0 -28
  104. package/dist/cjs/hemfixarna-components.cjs.js.map +0 -1
  105. package/dist/cjs/index-b83343b9.js +0 -1687
  106. package/dist/cjs/index-b83343b9.js.map +0 -1
  107. package/dist/cjs/index.cjs.js +0 -4
  108. package/dist/cjs/index.cjs.js.map +0 -1
  109. package/dist/cjs/loader.cjs.js +0 -24
  110. package/dist/cjs/loader.cjs.js.map +0 -1
  111. package/dist/collection/assets/back.svg +0 -3
  112. package/dist/collection/assets/cart.svg +0 -10
  113. package/dist/collection/assets/checked.svg +0 -10
  114. package/dist/collection/assets/close.svg +0 -5
  115. package/dist/collection/assets/copy.png +0 -0
  116. package/dist/collection/assets/date.svg +0 -6
  117. package/dist/collection/assets/down.svg +0 -3
  118. package/dist/collection/assets/drag-drop.svg +0 -3
  119. package/dist/collection/assets/elfa.png +0 -0
  120. package/dist/collection/assets/gubbe-pensel.svg +0 -1
  121. package/dist/collection/assets/hemfixarna.svg +0 -11
  122. package/dist/collection/assets/hornbach/logo.svg +0 -42
  123. package/dist/collection/assets/hornbach/nav.jpg +0 -0
  124. package/dist/collection/assets/info.svg +0 -5
  125. package/dist/collection/assets/kbygg.svg +0 -29
  126. package/dist/collection/assets/minus.svg +0 -4
  127. package/dist/collection/assets/montering.svg +0 -15
  128. package/dist/collection/assets/norrgavel.svg +0 -1
  129. package/dist/collection/assets/pensel.svg +0 -1
  130. package/dist/collection/assets/plus.svg +0 -5
  131. package/dist/collection/assets/spinner.gif +0 -0
  132. package/dist/collection/assets/tesla.svg +0 -1
  133. package/dist/collection/assets/zaptec.svg +0 -1
  134. package/dist/collection/collection-manifest.json +0 -47
  135. package/dist/collection/components/customers/hemfixarna-byggmax/hemfixarna-byggmax.css +0 -0
  136. package/dist/collection/components/customers/hemfixarna-byggmax/hemfixarna-byggmax.js +0 -184
  137. package/dist/collection/components/customers/hemfixarna-byggmax/hemfixarna-byggmax.js.map +0 -1
  138. package/dist/collection/components/customers/hemfixarna-doro/hemfixarna-doro.css +0 -0
  139. package/dist/collection/components/customers/hemfixarna-doro/hemfixarna-doro.js +0 -123
  140. package/dist/collection/components/customers/hemfixarna-doro/hemfixarna-doro.js.map +0 -1
  141. package/dist/collection/components/customers/hemfixarna-elfa/hemfixarna-elfa.css +0 -0
  142. package/dist/collection/components/customers/hemfixarna-elfa/hemfixarna-elfa.js +0 -142
  143. package/dist/collection/components/customers/hemfixarna-elfa/hemfixarna-elfa.js.map +0 -1
  144. package/dist/collection/components/customers/hemfixarna-fargvaruhuset/hemfixarna-fargvaruhuset.js +0 -132
  145. package/dist/collection/components/customers/hemfixarna-fargvaruhuset/hemfixarna-fargvaruhuset.js.map +0 -1
  146. package/dist/collection/components/customers/hemfixarna-flyttsmart/hemfixarna-flyttsmart.js +0 -132
  147. package/dist/collection/components/customers/hemfixarna-flyttsmart/hemfixarna-flyttsmart.js.map +0 -1
  148. package/dist/collection/components/customers/hemfixarna-forebygg/hemfixarna-forebygg.css +0 -0
  149. package/dist/collection/components/customers/hemfixarna-forebygg/hemfixarna-forebygg.js +0 -123
  150. package/dist/collection/components/customers/hemfixarna-forebygg/hemfixarna-forebygg.js.map +0 -1
  151. package/dist/collection/components/customers/hemfixarna-hornbach/hemfixarna-hornbach.css +0 -0
  152. package/dist/collection/components/customers/hemfixarna-hornbach/hemfixarna-hornbach.js +0 -142
  153. package/dist/collection/components/customers/hemfixarna-hornbach/hemfixarna-hornbach.js.map +0 -1
  154. package/dist/collection/components/customers/hemfixarna-kbygg/hemfixarna-kbygg.js +0 -132
  155. package/dist/collection/components/customers/hemfixarna-kbygg/hemfixarna-kbygg.js.map +0 -1
  156. package/dist/collection/components/customers/hemfixarna-klint/hemfixarna-klint.js +0 -113
  157. package/dist/collection/components/customers/hemfixarna-klint/hemfixarna-klint.js.map +0 -1
  158. package/dist/collection/components/customers/hemfixarna-kund/hemfixarna-kund.js +0 -113
  159. package/dist/collection/components/customers/hemfixarna-kund/hemfixarna-kund.js.map +0 -1
  160. package/dist/collection/components/customers/hemfixarna-norrgavel/hemfixarna-norrgavel.js +0 -132
  161. package/dist/collection/components/customers/hemfixarna-norrgavel/hemfixarna-norrgavel.js.map +0 -1
  162. package/dist/collection/components/customers/hemfixarna-power/hemfixarna-power.js +0 -131
  163. package/dist/collection/components/customers/hemfixarna-power/hemfixarna-power.js.map +0 -1
  164. package/dist/collection/components/customers/hemfixarna-skanska/hemfixarna-skanska.css +0 -0
  165. package/dist/collection/components/customers/hemfixarna-skanska/hemfixarna-skanska.js +0 -141
  166. package/dist/collection/components/customers/hemfixarna-skanska/hemfixarna-skanska.js.map +0 -1
  167. package/dist/collection/components/customers/hemfixarna-sparfonster/hemfixarna-sparfonster.js +0 -131
  168. package/dist/collection/components/customers/hemfixarna-sparfonster/hemfixarna-sparfonster.js.map +0 -1
  169. package/dist/collection/components/customers/hemfixarna-string/hemfixarna-string-furniture.js +0 -123
  170. package/dist/collection/components/customers/hemfixarna-string/hemfixarna-string-furniture.js.map +0 -1
  171. package/dist/collection/components/customers/hemfixarna-string/hemfixarna-string.css +0 -0
  172. package/dist/collection/components/customers/hemfixarna-superfront.tsx/hemfixarna-superfront.js +0 -113
  173. package/dist/collection/components/customers/hemfixarna-superfront.tsx/hemfixarna-superfront.js.map +0 -1
  174. package/dist/collection/components/customers/hemfixarna-tesla/hemfixarna-tesla.js +0 -132
  175. package/dist/collection/components/customers/hemfixarna-tesla/hemfixarna-tesla.js.map +0 -1
  176. package/dist/collection/components/customers/hemfixarna-traningspartner/hemfixarna-traningspartner.js +0 -113
  177. package/dist/collection/components/customers/hemfixarna-traningspartner/hemfixarna-traningspartner.js.map +0 -1
  178. package/dist/collection/components/customers/hemfixarna-zaptec/hemfixarna-zaptec.js +0 -132
  179. package/dist/collection/components/customers/hemfixarna-zaptec/hemfixarna-zaptec.js.map +0 -1
  180. package/dist/collection/components/hemfixarna-address/hemfixarna-address.js.map +0 -1
  181. package/dist/collection/components/hemfixarna-box/hemfixarna-box.js +0 -138
  182. package/dist/collection/components/hemfixarna-box/hemfixarna-box.js.map +0 -1
  183. package/dist/collection/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.js.map +0 -1
  184. package/dist/collection/components/hemfixarna-cart/hemfixarna-cart.js.map +0 -1
  185. package/dist/collection/components/hemfixarna-category.tsx/hemfixarna-category.js.map +0 -1
  186. package/dist/collection/components/hemfixarna-checkout/hemfixarna-checkout.js.map +0 -1
  187. package/dist/collection/components/hemfixarna-component/hemfixarna-component.js +0 -483
  188. package/dist/collection/components/hemfixarna-component/hemfixarna-component.js.map +0 -1
  189. package/dist/collection/components/hemfixarna-component/hemfixarna.css +0 -1031
  190. package/dist/collection/components/hemfixarna-contact/hemfixarna-contact.js.map +0 -1
  191. package/dist/collection/components/hemfixarna-demo/hemfixarna-demo.css +0 -135
  192. package/dist/collection/components/hemfixarna-demo/hemfixarna-demo.js.map +0 -1
  193. package/dist/collection/components/hemfixarna-getuser/hemfixarna-getuser.js +0 -91
  194. package/dist/collection/components/hemfixarna-getuser/hemfixarna-getuser.js.map +0 -1
  195. package/dist/collection/components/hemfixarna-info/hemfixarna-info.js.map +0 -1
  196. package/dist/collection/components/hemfixarna-invoice/hemfixarna-invoice.css +0 -76
  197. package/dist/collection/components/hemfixarna-invoice/hemfixarna-invoice.js.map +0 -1
  198. package/dist/collection/components/hemfixarna-order/hemfixarna-order.js.map +0 -1
  199. package/dist/collection/components/hemfixarna-orderrows/hemfixarna-orderrows.js.map +0 -1
  200. package/dist/collection/components/hemfixarna-product/hemfixarna-product.css +0 -0
  201. package/dist/collection/components/hemfixarna-product/hemfixarna-product.js.map +0 -1
  202. package/dist/collection/components/hemfixarna-service/hemfixarna-service.js.map +0 -1
  203. package/dist/collection/components/hemfixarna-start/hemfixarna-start.js.map +0 -1
  204. package/dist/collection/index.js +0 -2
  205. package/dist/collection/index.js.map +0 -1
  206. package/dist/collection/store/index.js +0 -62
  207. package/dist/collection/store/index.js.map +0 -1
  208. package/dist/collection/types/felixtypes.js +0 -3
  209. package/dist/collection/types/felixtypes.js.map +0 -1
  210. package/dist/collection/types/index.js.map +0 -1
  211. package/dist/collection/utils/api.js.map +0 -1
  212. package/dist/collection/utils/calc.js.map +0 -1
  213. package/dist/collection/utils/creditSafe.js +0 -18
  214. package/dist/collection/utils/creditSafe.js.map +0 -1
  215. package/dist/collection/utils/felixApi.js +0 -18
  216. package/dist/collection/utils/felixApi.js.map +0 -1
  217. package/dist/collection/utils/felixFunctions.js +0 -189
  218. package/dist/collection/utils/felixFunctions.js.map +0 -1
  219. package/dist/collection/utils/form.js.map +0 -1
  220. package/dist/collection/utils/scroll.js.map +0 -1
  221. package/dist/collection/utils/types.js.map +0 -1
  222. package/dist/esm/hemfixarna-address_36.entry.js +0 -2724
  223. package/dist/esm/hemfixarna-address_36.entry.js.map +0 -1
  224. package/dist/esm/hemfixarna-components.js +0 -23
  225. package/dist/esm/hemfixarna-components.js.map +0 -1
  226. package/dist/esm/index-8c417125.js +0 -1656
  227. package/dist/esm/index-8c417125.js.map +0 -1
  228. package/dist/esm/index.js +0 -3
  229. package/dist/esm/index.js.map +0 -1
  230. package/dist/esm/loader.js +0 -20
  231. package/dist/esm/loader.js.map +0 -1
  232. package/dist/esm/polyfills/core-js.js +0 -11
  233. package/dist/esm/polyfills/css-shim.js +0 -1
  234. package/dist/esm/polyfills/dom.js +0 -79
  235. package/dist/esm/polyfills/es5-html-element.js +0 -1
  236. package/dist/esm/polyfills/index.js +0 -34
  237. package/dist/esm/polyfills/system.js +0 -6
  238. package/dist/hemfixarna-components/p-211cfa04.entry.js +0 -2
  239. package/dist/hemfixarna-components/p-211cfa04.entry.js.map +0 -1
  240. package/dist/hemfixarna-components/p-852e7173.js +0 -3
  241. package/dist/hemfixarna-components/p-852e7173.js.map +0 -1
  242. package/dist/index.cjs.js +0 -1
  243. package/dist/index.js +0 -1
@@ -1,1031 +0,0 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap");
2
- @keyframes fadeIn {
3
- from {
4
- opacity: 0;
5
- }
6
- to {
7
- opacity: 1;
8
- }
9
- }
10
- * {
11
- box-sizing: border-box;
12
- }
13
-
14
- :host {
15
- font-family: "Inter", sans-serif;
16
- }
17
- :host input[type=text] {
18
- padding: 16px;
19
- width: 100%;
20
- font-size: 16px;
21
- border: 1px solid #fcd9c9;
22
- }
23
- :host .mb-2 {
24
- margin-bottom: 32px;
25
- }
26
- :host button {
27
- color: #474444;
28
- }
29
- :host form {
30
- display: flex;
31
- flex-direction: column;
32
- gap: 16px;
33
- position: relative;
34
- }
35
- :host form button {
36
- position: absolute;
37
- right: 0;
38
- top: -1rem;
39
- }
40
- :host form img {
41
- position: absolute;
42
- top: 50%;
43
- transform: translateY(-50%);
44
- pointer-events: none;
45
- }
46
- :host form img:first-of-type {
47
- left: 16px;
48
- }
49
- :host form img:last-of-type {
50
- right: 16px;
51
- }
52
- :host form span {
53
- margin-top: -8px;
54
- color: #ec6632;
55
- }
56
- :host form p {
57
- text-align: center;
58
- }
59
- :host form p {
60
- margin: 0;
61
- }
62
- :host form div {
63
- position: relative;
64
- }
65
- :host form div label {
66
- pointer-events: none;
67
- position: absolute;
68
- left: 16px;
69
- top: 50%;
70
- transform: translateY(-50%);
71
- background: #fff;
72
- padding: 4px;
73
- transition: 0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946);
74
- }
75
- :host form div input {
76
- padding: 16px;
77
- width: 100%;
78
- font-size: 16px;
79
- border: 1px solid #fcd9c9;
80
- }
81
- :host form div input:focus ~ label,
82
- :host form div .input_active ~ label {
83
- top: 0;
84
- transform: translateY(-50%);
85
- background: linear-gradient(180deg, #fffaf2 50%, #fff 50%);
86
- }
87
- :host form select {
88
- padding: 0.75rem 1rem;
89
- width: 100%;
90
- }
91
- :host h1 {
92
- font-size: 24px;
93
- font-weight: 400;
94
- line-height: 32px;
95
- letter-spacing: -3%;
96
- text-align: left;
97
- margin: 0 0 8px;
98
- }
99
- :host h2 {
100
- margin: 0 0 24px;
101
- font-weight: 700;
102
- font-size: 20px;
103
- line-height: 28px;
104
- letter-spacing: -3%;
105
- }
106
- :host p {
107
- font-size: 16px;
108
- font-weight: 400;
109
- line-height: 24px;
110
- letter-spacing: -3%;
111
- }
112
- :host .hemfixarna {
113
- width: 100%;
114
- /* Hide default HTML checkbox */
115
- /* The slider */
116
- }
117
- :host .hemfixarna_contact {
118
- display: flex;
119
- gap: 16px;
120
- }
121
- :host .hemfixarna_contact a {
122
- display: flex;
123
- align-items: center;
124
- gap: 8px;
125
- color: #474444;
126
- text-decoration: none;
127
- font-weight: 600;
128
- font-size: 13px;
129
- }
130
- :host .hemfixarna_contact a:hover {
131
- text-decoration: underline;
132
- }
133
- :host .hemfixarna_contact--horizontal span {
134
- display: none;
135
- }
136
- @media (min-width: 769px) {
137
- :host .hemfixarna_contact--horizontal span {
138
- display: initial;
139
- }
140
- }
141
- :host .hemfixarna_painting {
142
- opacity: 0;
143
- padding: 0 1rem;
144
- animation: fadeIn 0.5s forwards 0.3s;
145
- }
146
- :host .hemfixarna_painting > h2,
147
- :host .hemfixarna_painting p {
148
- text-align: center;
149
- padding: 0 16px;
150
- }
151
- :host .hemfixarna_painting > h2 {
152
- margin: 0 0 8px;
153
- }
154
- :host .hemfixarna_partnerlogo {
155
- max-height: 50px;
156
- min-height: 45px;
157
- object-fit: contain;
158
- max-width: 150px;
159
- }
160
- @media (min-width: 769px) {
161
- :host .hemfixarna_partnerlogo {
162
- max-width: 200px;
163
- }
164
- }
165
- :host .hemfixarna_nav {
166
- position: absolute;
167
- top: 0;
168
- width: 100dvw;
169
- left: 0;
170
- height: 80px;
171
- z-index: 9999;
172
- }
173
- :host .hemfixarna_nav--links {
174
- display: none !important;
175
- }
176
- @media (min-width: 769px) {
177
- :host .hemfixarna_nav--links {
178
- display: flex !important;
179
- }
180
- }
181
- :host .hemfixarna_nav--links a {
182
- color: #ec6632;
183
- text-decoration: none;
184
- border: 1px solid rgba(255, 255, 255, 0.3);
185
- border-radius: 56px;
186
- padding: 8px 32px;
187
- text-transform: capitalize;
188
- }
189
- :host .hemfixarna_nav > div {
190
- position: relative;
191
- overflow: hidden;
192
- width: 100%;
193
- height: 100%;
194
- display: flex;
195
- justify-content: space-between;
196
- align-items: center;
197
- padding: 0 16px;
198
- }
199
- @media (min-width: 769px) {
200
- :host .hemfixarna_nav > div {
201
- padding: 0 32px;
202
- }
203
- }
204
- :host .hemfixarna_nav > div > div {
205
- display: flex;
206
- gap: 32px;
207
- justify-content: space-between;
208
- }
209
- :host .hemfixarna_nav > div > img {
210
- position: absolute;
211
- width: 100%;
212
- height: 100%;
213
- top: 0;
214
- left: 0;
215
- z-index: -1;
216
- }
217
- :host .hemfixarna_nav a {
218
- text-decoration: none;
219
- }
220
- :host .hemfixarna_nav p {
221
- color: #474444;
222
- }
223
- :host .hemfixarna_nav p.with-bg {
224
- color: #fff;
225
- }
226
- :host .hemfixarna_standalone .hemfixarna_backdrop {
227
- background: #fffaf2;
228
- opacity: 1;
229
- }
230
- :host .hemfixarna_standalone .hemfixarna_modal {
231
- top: 80px;
232
- transform: translateX(-50%);
233
- border: none;
234
- height: calc(100dvh - 80px);
235
- opacity: 0;
236
- }
237
- :host .hemfixarna_standalone .hemfixarna_modal--open {
238
- opacity: 1;
239
- }
240
- :host .hemfixarna .switch {
241
- position: relative;
242
- display: inline-block;
243
- width: 40px;
244
- height: 20px;
245
- }
246
- :host .hemfixarna .switch input {
247
- opacity: 0;
248
- width: 0;
249
- height: 0;
250
- }
251
- :host .hemfixarna .slider {
252
- position: absolute;
253
- cursor: pointer;
254
- top: 0;
255
- left: 0;
256
- right: 0;
257
- bottom: 0;
258
- background-color: #ccc;
259
- -webkit-transition: 0.4s;
260
- transition: 0.4s;
261
- border-radius: 34px;
262
- }
263
- :host .hemfixarna .slider:before {
264
- position: absolute;
265
- content: "";
266
- height: 18px;
267
- width: 18px;
268
- left: 2px;
269
- bottom: 1px;
270
- background-color: white;
271
- -webkit-transition: 0.4s;
272
- transition: 0.4s;
273
- border-radius: 50%;
274
- }
275
- :host .hemfixarna input:checked + .slider {
276
- background-color: #fcd9c9;
277
- }
278
- :host .hemfixarna input:focus + .slider {
279
- box-shadow: 0 0 1px #fcd9c9;
280
- }
281
- :host .hemfixarna input:checked + .slider:before {
282
- -webkit-transform: translateX(18px);
283
- -ms-transform: translateX(18px);
284
- transform: translateX(18px);
285
- background: #ec6632;
286
- }
287
- :host .hemfixarna_maleribox {
288
- background: #fff;
289
- box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);
290
- width: 100%;
291
- min-height: 132px;
292
- padding: 24px;
293
- display: flex;
294
- align-items: center;
295
- gap: 24px;
296
- text-align: left;
297
- }
298
- :host .hemfixarna_maleribox:hover {
299
- transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);
300
- filter: brightness(1.02);
301
- transform: scale(1.01);
302
- box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);
303
- }
304
- :host .hemfixarna_checkbox {
305
- display: grid;
306
- grid-template-columns: 40px auto;
307
- font-size: 16px;
308
- font-weight: 400;
309
- line-height: 24px;
310
- letter-spacing: -3%;
311
- }
312
- :host .hemfixarna_checkbox > span {
313
- transform: translateY(6px);
314
- }
315
- :host .hemfixarna_checkbox span,
316
- :host .hemfixarna_checkbox span p {
317
- color: #474444;
318
- font-size: 14px;
319
- }
320
- :host .hemfixarna_checkbox p {
321
- text-align: left;
322
- }
323
- :host .hemfixarna_info {
324
- display: flex;
325
- flex-direction: column;
326
- gap: 24px;
327
- padding: 32px;
328
- box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);
329
- border-radius: 4px;
330
- border: 1px solid #fcd9c9;
331
- }
332
- :host .hemfixarna_info h2 {
333
- margin: 0;
334
- }
335
- @media (min-width: 769px) {
336
- :host .hemfixarna_info {
337
- position: sticky;
338
- top: 0;
339
- }
340
- }
341
- :host .hemfixarna_infomodal {
342
- position: absolute;
343
- top: 40%;
344
- left: 50%;
345
- transform: translate(-50%, -50%);
346
- width: 100%;
347
- max-width: 80%;
348
- background: #fffaf2;
349
- border: 1px solid #fcd9c9;
350
- padding: 32px;
351
- z-index: 99;
352
- border-radius: 4px;
353
- box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);
354
- display: flex;
355
- flex-direction: column;
356
- gap: 16px;
357
- }
358
- :host .hemfixarna_infomodal p,
359
- :host .hemfixarna_infomodal h4 {
360
- margin: 0;
361
- }
362
- :host .hemfixarna_infomodal button {
363
- background: #ec6632;
364
- color: #fff;
365
- border-radius: 60px;
366
- font-size: 16px;
367
- padding: 8px 16px;
368
- }
369
- :host .hemfixarna_addressinfo {
370
- padding: 16px 16px 64px;
371
- border: 1px solid #fcd9c9;
372
- position: relative;
373
- margin-bottom: 32px;
374
- display: grid;
375
- grid-template-columns: 1fr;
376
- gap: 8px;
377
- }
378
- @media (min-width: 769px) {
379
- :host .hemfixarna_addressinfo {
380
- grid-template-columns: 1fr 1fr;
381
- }
382
- }
383
- :host .hemfixarna_addressinfo button {
384
- position: absolute;
385
- bottom: 16px;
386
- right: 16px;
387
- font-weight: 500;
388
- text-underline-offset: 2px;
389
- text-decoration: underline;
390
- }
391
- :host .hemfixarna_part {
392
- background: #fff;
393
- box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);
394
- display: grid;
395
- padding: 16px;
396
- grid-template-columns: auto 75px;
397
- }
398
- :host .hemfixarna_counter {
399
- display: flex;
400
- align-items: center;
401
- }
402
- :host .hemfixarna_counter span {
403
- padding: 0 8px;
404
- }
405
- :host .hemfixarna_counter img {
406
- cursor: pointer;
407
- }
408
- :host .hemfixarna_counter img:not(.disabled):hover {
409
- transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);
410
- filter: brightness(1.02);
411
- transform: scale(1.01);
412
- box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);
413
- }
414
- :host .hemfixarna_description {
415
- display: grid;
416
- gap: 16px;
417
- }
418
- :host .hemfixarna_description ul {
419
- list-style: disc;
420
- padding-right: 12px;
421
- transform: translateX(12px);
422
- }
423
- :host .hemfixarna_description--hidden {
424
- max-height: 140px;
425
- overflow: hidden;
426
- position: relative;
427
- cursor: pointer;
428
- }
429
- :host .hemfixarna_description--hidden::after {
430
- content: "";
431
- position: absolute;
432
- bottom: 0;
433
- left: 0;
434
- right: 0;
435
- height: 128px;
436
- background: linear-gradient(180deg, rgba(255, 253, 250, 0), rgba(255, 253, 250, 0.46) 50%, #fffaf2);
437
- }
438
- :host .hemfixarna_terms {
439
- font-size: 14px;
440
- }
441
- :host .hemfixarna_terms a {
442
- color: inherit;
443
- }
444
- :host .hemfixarna_logo {
445
- height: 64px;
446
- }
447
- :host .hemfixarna_box {
448
- padding: 16px;
449
- display: flex;
450
- align-items: center;
451
- width: 100%;
452
- box-sizing: border-box;
453
- border-radius: 4px;
454
- gap: 16px 8px;
455
- border-radius: 4px;
456
- gap: 16px 8px;
457
- }
458
- :host .hemfixarna_box p,
459
- :host .hemfixarna_box span {
460
- font-size: 15px;
461
- }
462
- :host .hemfixarna_box .underline {
463
- text-decoration: underline;
464
- text-underline-offset: 2px;
465
- }
466
- :host .hemfixarna_box .pointer {
467
- cursor: pointer;
468
- }
469
- :host .hemfixarna_box .p-s {
470
- font-size: 12px;
471
- }
472
- :host .hemfixarna_box > div {
473
- display: grid;
474
- gap: 8px;
475
- }
476
- :host .hemfixarna_box--standard {
477
- background: #fffaf2;
478
- border: 1px solid #fcd9c9;
479
- }
480
- :host .hemfixarna_box--alternative, :host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {
481
- background: transparent;
482
- border: 1px solid #e3e3e3;
483
- }
484
- :host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {
485
- box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.0784313725);
486
- }
487
- :host .hemfixarna_box--alternative_3 {
488
- justify-content: center;
489
- }
490
- :host .hemfixarna_altbtn {
491
- display: flex !important;
492
- flex-direction: column;
493
- gap: 8px;
494
- align-items: center;
495
- margin-left: auto;
496
- }
497
- :host .hemfixarna_btn {
498
- margin-left: auto;
499
- }
500
- :host .hemfixarna_btn, :host .hemfixarna_buy,
501
- :host .hemfixarna input[type=submit] {
502
- border: none;
503
- border-radius: 60px;
504
- font-weight: 600;
505
- letter-spacing: 0.5px;
506
- line-height: 20px;
507
- box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);
508
- }
509
- :host .hemfixarna_btn:not(.disabled):hover, :host .hemfixarna_buy:not(.disabled):hover,
510
- :host .hemfixarna input[type=submit]:not(.disabled):hover {
511
- transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);
512
- filter: brightness(1.02);
513
- transform: scale(1.01);
514
- box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);
515
- }
516
- :host .hemfixarna div:has(> input[type=submit]) {
517
- position: relative;
518
- }
519
- :host .hemfixarna div:has(> input[type=submit]) input {
520
- cursor: pointer;
521
- }
522
- :host .hemfixarna div:has(> input[type=submit]) img {
523
- display: none;
524
- }
525
- :host .hemfixarna .loading {
526
- cursor: default;
527
- opacity: 0.6;
528
- }
529
- :host .hemfixarna .loading > img {
530
- display: initial !important;
531
- position: absolute;
532
- top: 50%;
533
- left: 50%;
534
- transform: translate(-50%, -50%);
535
- }
536
- :host .hemfixarna_btn {
537
- font-size: 14px;
538
- background: #c84e18;
539
- color: #fff;
540
- padding: 16px 24px;
541
- white-space: nowrap;
542
- position: relative;
543
- }
544
- :host .hemfixarna_btn span {
545
- position: absolute;
546
- background: #fff;
547
- border-radius: 100%;
548
- width: 24px;
549
- height: 24px;
550
- display: flex;
551
- justify-content: center;
552
- align-items: center;
553
- font-weight: 600;
554
- font-size: 13px;
555
- line-height: 11px;
556
- top: -6px;
557
- right: -12px;
558
- }
559
- :host .hemfixarna_btn span {
560
- background: #25a710;
561
- color: #fff;
562
- right: 0 !important;
563
- }
564
- :host .hemfixarna_buy,
565
- :host .hemfixarna input[type=submit] {
566
- font-size: 21px;
567
- background: #25a710;
568
- color: #fff;
569
- padding: 16px 24px;
570
- }
571
- :host .hemfixarna .disabled {
572
- opacity: 0.5;
573
- cursor: default;
574
- }
575
- :host .hemfixarna_modal {
576
- position: fixed;
577
- background: #fffaf2;
578
- border: 1px solid #fcd9c9;
579
- border-radius: 4px;
580
- top: 50%;
581
- left: 50%;
582
- z-index: 1000;
583
- transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);
584
- transform: translate(-50%, -50%) scale(0.7);
585
- opacity: 0;
586
- height: 92%;
587
- width: 92%;
588
- max-width: 920px;
589
- display: flex;
590
- flex-direction: column;
591
- gap: 8px;
592
- }
593
- :host .hemfixarna_modal--open {
594
- opacity: 1;
595
- transform: translate(-50%, -50%) scale(1);
596
- }
597
- :host .hemfixarna_backdrop {
598
- z-index: 999;
599
- position: fixed;
600
- background: #474444;
601
- top: 0;
602
- left: 0;
603
- bottom: 0;
604
- right: 0;
605
- opacity: 0;
606
- transition: transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);
607
- }
608
- :host .hemfixarna_backdrop--open {
609
- opacity: 0.3;
610
- }
611
- :host .hemfixarna_order {
612
- position: absolute;
613
- top: -1px;
614
- left: -1px;
615
- right: -1px;
616
- bottom: -1px;
617
- background-repeat: no-repeat !important;
618
- background-size: cover !important;
619
- background-position: center !important;
620
- display: grid;
621
- grid-template-columns: 1fr 1fr;
622
- padding: 48px 32px 64px;
623
- }
624
- @media (max-width: 768px) {
625
- :host .hemfixarna_order {
626
- grid-template-columns: 1fr;
627
- grid-template-rows: 0 auto;
628
- }
629
- }
630
- :host .hemfixarna_order > div:last-of-type {
631
- background: #fffaf2;
632
- padding: 32px;
633
- display: flex;
634
- flex-direction: column;
635
- max-height: 100%;
636
- overflow: auto;
637
- }
638
- :host .hemfixarna_order img {
639
- cursor: pointer;
640
- }
641
- :host .hemfixarna_order button {
642
- margin: 16px 0;
643
- padding: 0;
644
- text-decoration: underline;
645
- text-underline-offset: 2px;
646
- font-size: 14px;
647
- font-weight: 600;
648
- }
649
- :host .hemfixarna_cart {
650
- display: grid;
651
- grid-template-columns: 1fr 1fr;
652
- gap: 32px;
653
- }
654
- @media (max-width: 768px) {
655
- :host .hemfixarna_cart {
656
- grid-template-columns: 1fr;
657
- gap: 0;
658
- }
659
- }
660
- :host .hemfixarna_cart--right h2, :host .hemfixarna_cart--left h2 {
661
- display: flex;
662
- align-items: center;
663
- }
664
- :host .hemfixarna_cart--right h2 img, :host .hemfixarna_cart--left h2 img {
665
- margin-top: 3.2px;
666
- }
667
- @media (min-width: 769px) {
668
- :host .hemfixarna_cart--left h2 button {
669
- display: none;
670
- }
671
- }
672
- @media (max-width: 768px) {
673
- :host .hemfixarna_cart--right h2 button {
674
- display: none;
675
- }
676
- }
677
- :host .hemfixarna_cart--startfee {
678
- display: flex;
679
- justify-content: space-between;
680
- }
681
- :host .hemfixarna_cart--rutrot {
682
- display: flex;
683
- justify-content: space-between;
684
- }
685
- :host .hemfixarna_cart--rutrot div {
686
- display: flex;
687
- gap: 16px;
688
- align-items: center;
689
- }
690
- :host .hemfixarna_cart--additional {
691
- display: flex;
692
- flex-direction: column;
693
- gap: 16px;
694
- padding: 16px;
695
- border-top: 1px solid #fcd9c9;
696
- }
697
- :host .hemfixarna_cart--additional p {
698
- font-size: 14px;
699
- }
700
- :host .hemfixarna_cart--additional strong {
701
- text-decoration: underline;
702
- text-underline-offset: 2px;
703
- cursor: pointer;
704
- position: relative;
705
- }
706
- :host .hemfixarna_cart--additional strong img {
707
- position: absolute;
708
- top: 50%;
709
- transform: translateY(-50%);
710
- right: -24px;
711
- }
712
- :host .hemfixarna_cart--price {
713
- border-top: 1px solid #fcd9c9;
714
- padding: 16px;
715
- display: flex;
716
- justify-content: space-between;
717
- }
718
- :host .hemfixarna_cart--price h3 {
719
- margin: 0;
720
- }
721
- :host .hemfixarna_cart--item {
722
- display: flex;
723
- flex-direction: column;
724
- gap: 8px;
725
- padding: 16px 0;
726
- border-top: 1px solid #fcd9c9;
727
- }
728
- :host .hemfixarna_cart--item span {
729
- font-size: 12px;
730
- }
731
- :host .hemfixarna_cart--item > div {
732
- display: flex;
733
- justify-content: space-between;
734
- }
735
- :host .hemfixarna_cart--item > div > div {
736
- display: flex;
737
- align-items: center;
738
- gap: 16px;
739
- }
740
- :host .hemfixarna_cart--item > div button {
741
- color: #ec6632;
742
- }
743
- :host .hemfixarna_categories {
744
- display: flex;
745
- flex-direction: column;
746
- gap: 24px;
747
- }
748
- :host .hemfixarna_categories--wrapper {
749
- gap: 32px;
750
- display: grid;
751
- grid-template-columns: 1fr 1fr;
752
- }
753
- @media (max-width: 768px) {
754
- :host .hemfixarna_categories--wrapper {
755
- grid-template-columns: 1fr;
756
- }
757
- }
758
- :host .hemfixarna_categories li {
759
- position: relative;
760
- background: #fff;
761
- border-radius: 4px;
762
- min-height: 132px;
763
- padding: 24px;
764
- box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);
765
- display: flex;
766
- align-items: center;
767
- gap: 24px;
768
- cursor: pointer;
769
- }
770
- :host .hemfixarna_categories li:hover {
771
- transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);
772
- filter: brightness(1.02);
773
- transform: scale(1.01);
774
- box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);
775
- }
776
- :host .hemfixarna_categories li > button {
777
- height: 100%;
778
- width: 100%;
779
- }
780
- :host .hemfixarna_categories li .price {
781
- font-weight: 700;
782
- }
783
- :host .hemfixarna_content {
784
- height: 100%;
785
- overflow: auto;
786
- padding: 0 32px 64px;
787
- }
788
- :host .hemfixarna_content--5 {
789
- padding-top: 16px;
790
- }
791
- :host .hemfixarna_content--painting {
792
- padding: 0;
793
- overflow: initial;
794
- }
795
- :host .hemfixarna_crumbs {
796
- position: relative;
797
- padding: 16px 24px;
798
- border-bottom: 1px solid #fcd9c9;
799
- display: flex;
800
- justify-content: space-between;
801
- }
802
- :host .hemfixarna_crumbs--back {
803
- padding: 16px 24px 8px;
804
- display: flex;
805
- align-items: center;
806
- gap: 8px;
807
- box-shadow: none !important;
808
- }
809
- :host .hemfixarna_crumbs--back:hover {
810
- transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);
811
- filter: brightness(1.02);
812
- transform: scale(1.01);
813
- box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);
814
- }
815
- :host .hemfixarna_crumbs img {
816
- cursor: pointer;
817
- }
818
- :host .hemfixarna_crumbs .close {
819
- position: absolute;
820
- right: -16px;
821
- top: -16px;
822
- z-index: 9;
823
- -webkit-transform: translate3d(0, 0, 0);
824
- }
825
- :host .hemfixarna_crumbs .cart {
826
- display: flex;
827
- padding-left: 16px;
828
- position: relative;
829
- }
830
- :host .hemfixarna_crumbs .cart img {
831
- cursor: inherit;
832
- }
833
- :host .hemfixarna_crumbs .cart span {
834
- position: absolute;
835
- background: #fff;
836
- border-radius: 100%;
837
- width: 24px;
838
- height: 24px;
839
- display: flex;
840
- justify-content: center;
841
- align-items: center;
842
- font-weight: 600;
843
- font-size: 13px;
844
- line-height: 11px;
845
- top: -6px;
846
- right: -12px;
847
- }
848
- :host .hemfixarna_crumbs .cart_active {
849
- cursor: pointer;
850
- }
851
- :host .hemfixarna_crumbs .cart_active span {
852
- background: #25a710;
853
- color: #fff;
854
- }
855
- :host .hemfixarna_crumbs--links {
856
- display: flex;
857
- align-items: center;
858
- gap: 16px;
859
- overflow: auto;
860
- }
861
- @media (min-width: 769px) {
862
- :host .hemfixarna_crumbs--links {
863
- -ms-overflow-style: none;
864
- }
865
- :host .hemfixarna_crumbs--links::-webkit-scrollbar {
866
- display: none;
867
- }
868
- :host .hemfixarna_crumbs--links::-webkit-scrollbar-button {
869
- display: none;
870
- }
871
- }
872
- :host .hemfixarna_crumbs--right {
873
- display: flex;
874
- align-items: center;
875
- }
876
- :host .hemfixarna_crumbs button {
877
- white-space: nowrap;
878
- background: #f1ded6;
879
- border-radius: 64px;
880
- padding: 12px 16px;
881
- font-size: 12px;
882
- font-weight: 600;
883
- letter-spacing: 0.3px;
884
- box-shadow: none !important;
885
- }
886
- :host .hemfixarna_crumbs button:not(.active):hover {
887
- transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);
888
- filter: brightness(1.02);
889
- transform: scale(1.01);
890
- box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);
891
- }
892
- @media (max-width: 768px) {
893
- :host .hemfixarna_crumbs button {
894
- display: none;
895
- }
896
- }
897
- :host .hemfixarna_crumbs .active {
898
- background: #fffaf2;
899
- cursor: default;
900
- }
901
- :host .hemfixarna_features {
902
- gap: 12px !important;
903
- }
904
- :host .hemfixarna_features li {
905
- display: flex;
906
- gap: 16px;
907
- align-items: center;
908
- }
909
- :host .hemfixarna_address {
910
- margin-bottom: 16px;
911
- }
912
- :host .hemfixarna_product {
913
- display: grid;
914
- gap: 16px;
915
- }
916
- :host .hemfixarna_product--link {
917
- font-weight: 700;
918
- color: #474444;
919
- text-underline-offset: 4px;
920
- }
921
- :host .hemfixarna_product--left {
922
- gap: 32px;
923
- }
924
- :host .hemfixarna_product--right {
925
- gap: 32px;
926
- }
927
- :host .hemfixarna_product--price {
928
- margin-top: 4px;
929
- font-weight: 700;
930
- }
931
- :host .hemfixarna_product--total {
932
- text-align: center;
933
- margin: -16px 0;
934
- font-size: 21px;
935
- line-height: 28px;
936
- }
937
- :host .hemfixarna_product--item {
938
- background: #fff;
939
- padding: 16px;
940
- display: grid;
941
- grid-template-columns: auto 75px;
942
- box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);
943
- }
944
- :host .hemfixarna_product--grid {
945
- display: grid;
946
- grid-template-columns: 1fr 1fr;
947
- gap: 32px;
948
- }
949
- @media (max-width: 768px) {
950
- :host .hemfixarna_product--grid {
951
- grid-template-columns: 1fr;
952
- }
953
- }
954
- :host .hemfixarna_product--grid > div {
955
- display: flex;
956
- flex-direction: column;
957
- }
958
- :host .hemfixarna_product--grid ul {
959
- display: flex;
960
- flex-direction: column;
961
- gap: 4px;
962
- }
963
- :host .hemfixarna_product p {
964
- margin: 0;
965
- }
966
- :host .hemfixarna_product--top {
967
- display: flex;
968
- gap: 32px;
969
- }
970
- :host .hemfixarna_product--top img {
971
- object-fit: contain;
972
- }
973
- :host .hemfixarna_product--top > div {
974
- width: 100%;
975
- }
976
- :host .hemfixarna_product--top > div h1 {
977
- max-width: 80%;
978
- }
979
- @media (max-width: 768px) {
980
- :host .hemfixarna_product--top > div h1 {
981
- max-width: 100%;
982
- }
983
- }
984
- :host .hemfixarna_product--top h4 {
985
- margin-bottom: 8px;
986
- }
987
- :host h5,
988
- :host p {
989
- margin: 0;
990
- }
991
- :host input[type=submit] {
992
- cursor: pointer;
993
- }
994
- :host input[type=date] ~ label {
995
- left: 56px;
996
- }
997
- :host input[type=date] {
998
- border: 1px solid #fcd9c9;
999
- padding-left: 64px;
1000
- }
1001
- :host input[type=checkbox] {
1002
- height: 18px;
1003
- width: 18px;
1004
- border: 1px solid #fcd9c9;
1005
- }
1006
- :host input[type=checkbox]:checked {
1007
- background: red;
1008
- }
1009
- :host input[type=date]::-webkit-calendar-picker-indicator {
1010
- background: transparent;
1011
- bottom: 0;
1012
- color: transparent;
1013
- cursor: pointer;
1014
- height: auto;
1015
- left: 0;
1016
- position: absolute;
1017
- right: 0;
1018
- top: 0;
1019
- width: auto;
1020
- }
1021
- :host button,
1022
- :host a {
1023
- cursor: pointer;
1024
- background: none;
1025
- border: none;
1026
- }
1027
- :host ul {
1028
- list-style: none;
1029
- margin: 0;
1030
- padding: 0;
1031
- }